.pp-hero{background:var(--fc-ink);color:#fff}.pp-hero-in{max-width:var(--fc-page);padding:32px var(--fc-gutter) 36px;margin:0 auto}.pp .pp-hero h1{font-size:44px}.pp-intro{color:#b9b9bf;max-width:30em;margin-top:10px;font-size:16px}.pp .pp-go{background:var(--fc-accent);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:10px;min-height:48px;margin-top:22px;padding:0 22px;font-size:16px;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}.pp .pp-go span{transition:transform .15s}.pp .pp-go:active{transform:scale(.98)}.pp .pp-hero :focus-visible{outline-color:#fff}.pp .pp-main{max-width:var(--fc-page);grid-template-columns:minmax(0,1fr);gap:56px;padding-top:44px;display:grid}.pp .pp-h2{letter-spacing:-.025em;font-size:22px;font-weight:800;line-height:1.3}.pp-h2-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.pp .pp-h2-row a{color:var(--fc-muted);white-space:nowrap;font-size:14px;font-weight:600}.pp-platforms{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:18px;display:grid}.pp .pp-card{height:100%;display:block}.pp-card-text{margin-top:16px;display:block}.pp-card-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pp-card-title strong{letter-spacing:-.02em;font-size:20px;font-weight:750;line-height:1.3}.pp-arrow{font-size:20px;font-weight:700;transition:transform .15s}.pp-coverage{margin-top:8px;font-size:14px;line-height:1.5;display:block}.pp-steps{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.pp-steps i{background:var(--fc-soft);color:#47474c;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12px;font-style:normal;font-weight:600}.pp-record{border-top:1px solid var(--fc-line);color:var(--fc-muted);font-variant-numeric:tabular-nums;margin-top:12px;padding-top:12px;font-size:14px;display:block}.pp-record b{color:var(--fc-ink);font-weight:700}.pp-record em{float:right;font-style:normal}.pp-preview{--pv:#d94a2b;--pv-soft:#f6e4de;aspect-ratio:16/10;background:#f4f4f5;border-radius:3px;transition:transform .2s;overflow:hidden;container-type:inline-size}.pp-preview-nol{--pv:#4b55f0;--pv-soft:#e3e5fb}.pp-preview-melon{--pv:#15a142;--pv-soft:#dcf1e2}.pp-preview-in{word-break:keep-all;white-space:nowrap;color:#55555a;flex-direction:column;height:100%;font-size:2.6cqw;line-height:1;display:flex}.pp-preview-in b{color:var(--fc-ink);font-weight:700}.pp-preview-in em,.pp-preview-in i{font-style:normal}.pp-pv-bar{border-bottom:.5cqw solid var(--pv);background:#fff;flex:none;justify-content:space-between;align-items:center;padding:2.2cqw 3.4cqw;font-size:3.4cqw;display:flex}.pp-pv-bar b{color:var(--pv)}.pp-pv-top{background:#fff;border-bottom:1px solid #e3e3e6;flex:none;justify-content:space-between;align-items:center;padding:2.6cqw 3.4cqw;display:flex}.pp-pv-top b,.pp-pv-top strong{color:var(--pv);font-size:3.4cqw}.pp-pv-steps{color:#b9c0ba;text-align:center;background:#2f3833;flex:none;grid-template-columns:repeat(5,1fr);display:grid}.pp-pv-steps span{padding:2cqw 0}.pp-pv-steps .is-on{background:var(--pv);color:#fff}.pp-pv-body{flex:1;grid-template-columns:minmax(0,1fr) 27cqw;min-height:0;display:grid}.pp-pv-side{background:#fff;border-left:1px solid #e3e3e6;flex-direction:column;gap:2cqw;padding:3cqw 2.6cqw;display:flex}.pp-pv-side span{background:#ececef;border-radius:1cqw;height:9cqw}.pp-pv-side strong{background:var(--pv);color:#fff;text-align:center;border-radius:1cqw;margin-top:auto;padding:2.2cqw 0;font-weight:600}.pp-pv-floor,.pp-pv-map,.pp-pv-arena{padding:3cqw 4cqw;position:relative}.pp-pv-floor em,.pp-pv-map em,.pp-pv-arena em{color:#5e5e64;text-align:center;letter-spacing:.1em;background:#d6d6da;width:56%;margin:0 auto 3cqw;padding:1.4cqw 0;display:block}.pp-pv-floor div{grid-template-columns:1fr 1fr;gap:3cqw;display:grid}.pp-pv-floor i{background:repeating-linear-gradient(90deg, var(--pv-soft) 0 2cqw, transparent 2cqw 2.8cqw), repeating-linear-gradient(0deg, transparent 0 2cqw, #f4f4f5 2cqw 2.8cqw);background-color:var(--pv-soft);height:20cqw}.pp-pv-dots{background:radial-gradient(circle, var(--pv) 0 .75cqw, transparent .85cqw) 0 0 / 2.8cqw 2.8cqw;opacity:.55;height:22cqw}.pp-pv-zoom{text-align:center;background:#fff;border-radius:1cqw;padding:1.4cqw 1.6cqw;line-height:1.5;position:absolute;bottom:2.4cqw;right:2.4cqw;box-shadow:0 .4cqw 1.6cqw #0002}.pp-pv-arena i{border:3.6cqw solid var(--pv-soft);border-top:0;border-radius:0 0 40cqw 40cqw;position:absolute;left:50%;transform:translate(-50%)}.pp-pv-arena .a{border-color:var(--pv);opacity:.6;width:26cqw;height:9cqw;top:11cqw}.pp-pv-arena .b{border-color:var(--pv);opacity:.32;width:42cqw;height:16cqw;top:11cqw}.pp-pv-arena .c{width:58cqw;height:23cqw;top:11cqw}.pp-pv-side .g1,.pp-pv-side .g2{height:4.4cqw}.pp-pv-side .g1{background:var(--pv);opacity:.6}.pp-pv-side .g2{background:var(--pv);opacity:.3}.pp-scores{border-top:1px solid var(--fc-line);border-bottom:1px solid var(--fc-line);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}.pp-mine,.pp-board{padding:22px 0}.pp-mine{padding-right:32px}.pp-board{border-left:1px solid var(--fc-line);padding-left:32px}.pp .pp-h3{letter-spacing:-.02em;font-size:15px;font-weight:750;line-height:1.4}.pp-tag{background:var(--fc-soft);color:var(--fc-muted);letter-spacing:0;vertical-align:1px;border-radius:999px;margin-left:4px;padding:1px 7px;font-size:11px;font-weight:700}.pp-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 20px;margin:12px 0 0;display:grid}.pp-stats dt{color:var(--fc-muted);font-size:12px;font-weight:600}.pp-stats dd{white-space:nowrap;margin:2px 0 0;font-size:13px;font-weight:600}.pp-stats b{font:400 26px/1.1 var(--pp-digits);letter-spacing:.01em;font-variant-numeric:tabular-nums;margin-right:2px}.pp-fine{color:var(--fc-muted);margin-top:10px;font-size:12px}.pp-board ol{margin-top:8px;display:grid}.pp-board li{grid-template-columns:20px minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:5px 0;font-size:14px;display:grid}.pp-board li span{color:var(--fc-muted);font-variant-numeric:tabular-nums}.pp-board li b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pp-board li em{color:var(--fc-muted);font-variant-numeric:tabular-nums;font-style:normal}.pp-concert{color:var(--fc-muted);margin-top:6px;font-size:14px}.pp-concerts{grid-template-columns:repeat(5,minmax(0,150px));gap:20px;margin-top:16px;display:grid}.pp-concerts li{min-width:0}.pp .pp-concerts a{gap:8px;display:grid}.pp-concert-art{transition:transform .2s}.pp-concerts b{letter-spacing:-.02em;font-size:13px;font-weight:650;line-height:1.35}@media (hover:hover){.pp-card:hover .pp-preview,.pp-concerts a:hover .pp-concert-art{transform:translateY(-3px)}.pp-card:hover .pp-arrow,.pp-go:hover span{transform:translate(4px)}.pp .pp-go:hover{background:var(--fc-accent-ink)}}@media (max-width:960px){.pp-card-title strong{font-size:17px}.pp-platforms{gap:16px}.pp .pp-record b{white-space:nowrap}.pp-record em{float:none;display:block}.pp-scores{grid-template-columns:1fr}.pp-mine{padding-right:0}.pp-board{border-left:0;border-top:1px solid var(--fc-line);padding-left:0}.pp-concerts{gap:14px}}@media (max-width:680px){.pp-hero-in{gap:0;padding:20px 16px 22px}.pp .pp-hero h1{font-size:28px}.pp-intro{margin-top:6px;font-size:14px}.pp .pp-go{min-height:44px;margin-top:14px;padding:0 18px;font-size:15px}.pp .pp-main{gap:36px;padding:20px 16px 56px}.pp .pp-h2{font-size:19px}.pp #pp-platforms-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pp-platforms{grid-template-columns:1fr;gap:0;margin-top:0}.pp-platforms li+li{border-top:1px solid var(--fc-line)}.pp .pp-card{grid-template-columns:104px minmax(0,1fr);align-items:start;gap:14px;padding:14px 0;display:grid}.pp-preview{aspect-ratio:4/3}.pp-card-text{margin-top:0}.pp-coverage{margin-top:4px;font-size:13px}.pp-steps{display:none}.pp-record{border-top:0;margin-top:6px;padding-top:0;font-size:13px}.pp-record em{margin-left:6px;display:inline}.pp-mine,.pp-board{padding:16px 0}.pp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-h2-row{flex-wrap:wrap}.pp-concerts{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:112px;grid-auto-flow:column;gap:12px;margin:14px -16px 0;padding:0 16px 4px;scroll-padding:0 16px;overflow-x:auto}.pp-concerts::-webkit-scrollbar{display:none}.pp-concerts li{scroll-snap-align:start}}@media (prefers-reduced-motion:reduce){.pp-preview,.pp-arrow,.pp-go,.pp-go span,.pp-concert-art{transition:none}}
