:root{--night: #0b0d12;--bone: #f3eee6;--pink: #ff5fcf;--paper: var(--night);--ink: var(--bone);--mute: #9ca5b8;--right: var(--pink);--accent: #8d97ab;--start: var(--pink);--pick: var(--pink);--dot: var(--pink);--sans: "Archivo", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;--button-font: var(--sans);--token-face: radial-gradient(circle at 34% 26%, #4a4f5e 0%, #2a2e38 50%, #1a1d24 100%);--token-side: #101217;--token-side-dark: #050608;--token-drop: rgba(0, 0, 0, .6);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-autospace:normal;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.stage{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:manipulation}.stage canvas{display:block}body[data-phase=intro] .stage,body[data-phase=ready] .stage{cursor:pointer}.play-title{font-weight:800;font-stretch:88%;letter-spacing:-.02em;text-shadow:0 0 22px rgba(255,95,207,.28)}:lang(zh) .play-title{font-stretch:100%;letter-spacing:.02em}.play-line{color:var(--mute)}.readout{display:flex;flex-direction:column;align-items:center;gap:8px;margin:6px 0 0}.readout:empty{display:none}.play-line .note{display:block;margin-top:6px;font-size:12px;color:color-mix(in srgb,var(--mute) 80%,transparent)}.play-challenge{background:#ffffff14;color:var(--ink);box-shadow:inset 0 0 0 1px #ff5fcf59,0 0 18px -6px #ff5fcf99}.play-challenge b{color:var(--pink)}.next__disc{color:var(--bone);text-shadow:0 0 12px rgba(255,95,207,.7);box-shadow:inset 0 1.5px 1px #ffffff59,inset 0 0 0 1px #ff5fcf40,0 calc(var(--lift) - 2px) 0 0 var(--token-side),0 var(--lift) 0 0 var(--token-side-dark),0 calc(var(--lift) + 14px) 24px -8px var(--token-drop)}.next__label{color:var(--bone)}:lang(en) .next__label{letter-spacing:.06em;padding-left:.06em}.next-secondary{color:var(--mute);font-size:14px}body[data-phase=summary] .play-answer .next__label,body[data-phase=summary] .play-answer .next-secondary{text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.85)}.pad{--token-face: radial-gradient( circle at 34% 26%, color-mix(in srgb, var(--neon) 30%, #fff) 0%, var(--neon) 46%, color-mix(in srgb, var(--neon) 72%, #000) 100% );--token-side: color-mix(in srgb, var(--neon) 50%, #000);--token-side-dark: color-mix(in srgb, var(--neon) 30%, #000);box-shadow:inset 0 2px 1px #ffffff8c,inset 0 -4px 8px #00000040,0 calc(var(--lift) - 2px) 0 0 var(--token-side),0 var(--lift) 0 0 var(--token-side-dark),0 calc(var(--lift) + 6px) 26px -4px color-mix(in srgb,var(--neon) 55%,transparent);transition:transform .12s ease-out,box-shadow .12s ease-out}.pad .choice__face{display:none}.pad:active:not(:disabled){box-shadow:inset 0 2px 1px #ffffff73,0 1px 0 0 var(--token-side-dark),0 0 30px 2px color-mix(in srgb,var(--neon) 70%,transparent)}.pad.is-ok:after,.pad.is-no:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;pointer-events:none}.pad.is-ok:after{border:3px solid #fff;animation:pad-ok .32s ease-out forwards}.pad.is-no{animation:pad-no .26s ease-in-out}.pad.is-no:after{border:3px solid var(--accent);animation:pad-ok .36s ease-out forwards}@keyframes pad-ok{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@keyframes pad-no{0%,to{translate:0;scale:1}40%{translate:0 3px;scale:.95}}.play-progress{opacity:0;transition:opacity .3s;text-shadow:0 1px 6px rgba(0,0,0,.85)}.play-progress .pg-rung--next,.play-progress .pg-rung--now{background:#080a0e9e}.play-progress .pg-rung--passed{box-shadow:0 0 10px var(--pink);text-shadow:none}body[data-phase=intro] .play-progress,body[data-phase=practice] .play-progress,body[data-phase=ready] .play-progress,body[data-phase=run] .play-progress{opacity:1}.sound-toggle{position:absolute;top:calc(14px + env(safe-area-inset-top));right:62px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#1a1d25;color:var(--ink);box-shadow:0 0 0 1px #ffffff24,0 2px 6px #0000004d;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.sound-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sound-toggle .cross,.sound-toggle.is-off .wave{display:none}.sound-toggle.is-off .cross{display:inline}.sound-toggle.is-off{color:var(--mute)}.sound-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.wa-lang{--wa-lang-paper: #1a1d25;--wa-lang-ink: #f3eee6;--wa-lang-mute: #9ca5b8}.wa-lang>summary{box-shadow:0 0 0 1px #ffffff24,0 2px 6px #0000004d}.share-sheet__card img{background:var(--night)}body.no-webgl .play-head{top:30vh}.play-title .lead{display:block;margin:0 auto 6px;font-size:clamp(22px,6vw,30px);line-height:1.2;text-wrap:balance;animation:verdict-pop .45s .1s cubic-bezier(.2,1.6,.4,1) both}.play-title .lv{display:inline-flex;align-items:baseline;gap:.12em;line-height:1;animation:verdict-pop .5s .3s cubic-bezier(.2,1.6,.4,1) both}.play-title .lv b{font-size:clamp(70px,20vw,104px);font-weight:800;font-stretch:80%;letter-spacing:-.04em;font-variant-numeric:lining-nums tabular-nums;text-shadow:0 0 28px rgba(255,95,207,.6),0 0 2px rgba(255,255,255,.6)}.play-title .lv small{font-size:24px;font-weight:600;color:var(--mute);text-shadow:none}.readout .rankline{display:block;max-width:26em;font-size:16px;font-weight:600;line-height:1.4;text-wrap:balance}.readout .rankline b{display:block;color:var(--pink)}.readout .cents{display:block;font-size:14px;color:var(--mute)}body[data-phase=summary] .readout{text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.85)}.play-answer .next:not(.next--paper) .next__disc,.dare__acts .next:not(.next--paper) .next__disc{--token-side: #b23b8f;--token-side-dark: #7d2463;background:radial-gradient(circle at 34% 26%,#ffb3ea,#ff5fcf 48%,#e03fb0);color:#fff;text-shadow:none;box-shadow:inset 0 2px 1px #fff9,0 calc(var(--lift) - 2px) 0 0 var(--token-side),0 var(--lift) 0 0 var(--token-side-dark),0 calc(var(--lift) + 6px) 26px -4px #ff5fcf8c}.sheet-scroll{position:fixed;top:0;right:0;bottom:0;left:0;z-index:61;overflow-y:auto;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;pointer-events:none;scrollbar-width:none}.sheet-scroll::-webkit-scrollbar{display:none}.sheet-scroll[hidden]{display:none}.sheet{--ink: #15171e;--mute: #5d6474;--hot: #c4168a;position:relative;width:min(100% - 20px,460px);margin:0 auto 24px;padding:6px 20px calc(28px + env(safe-area-inset-bottom));border-radius:18px;background:var(--bone);color:var(--ink);box-shadow:inset 0 4px 0 var(--pink),0 -10px 34px -10px #ff5fcf59,0 20px 40px -20px #000000b3;pointer-events:auto;user-select:text;-webkit-user-select:text;color-scheme:light}.sheet__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;margin:0;padding:12px 0 6px;border:0;background:none;color:var(--mute);font:inherit;font-size:13px;letter-spacing:.08em;cursor:pointer}.sheet__tab:before{content:"";display:block;width:36px;height:4px;margin:0 auto 8px;border-radius:2px;background:color-mix(in srgb,var(--ink) 22%,transparent)}.sheet__top{display:flex;justify-content:space-between;padding:10px 0 8px;border-bottom:2px solid var(--ink);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sheet__top span:last-child{font-weight:400;letter-spacing:.02em;color:var(--mute)}.sheet__head{padding:16px 0 6px;text-align:center}.sheet__head p{margin:0}.sheet__tier{font-size:22px;font-weight:800;font-stretch:90%;line-height:1.25;text-wrap:balance}.sheet__lead{margin-top:6px!important;font-size:15px;line-height:1.45;color:var(--mute);text-wrap:balance}.sheet__rank b{display:block;font-size:clamp(60px,17vw,82px);font-weight:800;font-stretch:80%;letter-spacing:-.04em;line-height:1.05;font-variant-numeric:lining-nums tabular-nums;color:var(--hot)}.sheet__rank b small{margin:0 4px;font-size:24px;font-weight:700;letter-spacing:0;color:var(--ink)}.sheet__rank span{font-size:15px;font-weight:600}.sheet__hears{margin-top:6px!important;font-size:13px;color:var(--mute);font-variant-numeric:tabular-nums}.sheet__vs{margin-top:10px!important;display:inline-block;padding:5px 12px;border-radius:999px;background:color-mix(in srgb,var(--pink) 16%,var(--bone));font-size:13px}.sheet__vs b{color:var(--hot)}.sheet section{padding:14px 0 10px;border-top:1px dashed color-mix(in srgb,var(--ink) 25%,transparent);margin-top:10px}.sheet h2{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;text-align:center}.stat b{display:block;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.stat.ok b{color:var(--hot)}.stat span{font-size:11px;line-height:1.3;color:var(--mute)}.rec{display:grid;grid-template-columns:auto 1fr auto;margin:4px 0 0;padding:0;list-style:none}.rec__row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dotted color-mix(in srgb,var(--ink) 18%,transparent);font-size:13px;font-variant-numeric:tabular-nums}.rec__n{font-weight:700;white-space:nowrap}.rec__ts{display:flex;flex-direction:column;gap:4px}.rec__go{display:flex;flex-wrap:wrap;gap:4px 12px}.rec__go+.rec__go{padding-top:4px;border-top:1px dotted color-mix(in srgb,var(--ink) 14%,transparent)}.rec__t{display:inline-flex;align-items:center;gap:5px;color:var(--ink);font-size:12px}.rec__t em{font-style:normal;color:var(--mute)}.rec__t i{display:grid;place-items:center;flex:none;width:16px;height:16px;border-radius:50%;font-size:10px;font-style:normal;font-weight:800}.rec__t.is-ok i{background:var(--hot);color:#fff}.rec__t.is-no i{box-shadow:inset 0 0 0 1.4px var(--ink);color:var(--ink)}.rec__v{text-align:right;font-weight:700}.rec__row--fail .rec__v{color:var(--hot)}.crowd{display:block;width:100%;height:auto;font-family:var(--sans);overflow:visible}.crowd .base{stroke:color-mix(in srgb,var(--ink) 35%,transparent)}.crowd .bar{fill:color-mix(in srgb,var(--ink) 22%,var(--bone))}.crowd .bar.you{fill:var(--hot)}.crowd .pct{fill:var(--mute);font-size:9.5px}.crowd .pct.you{fill:var(--hot);font-weight:700}.crowd .kx{fill:var(--mute);font-size:9.5px;font-weight:600}.crowd .kx.you{fill:var(--hot)}.crowd .mkl{font-size:11px;font-weight:700}.crowd .mkl.you{fill:var(--hot)}.crowd .mkl.rival{fill:var(--ink)}.crowd .lt{stroke:color-mix(in srgb,var(--ink) 8%,transparent)}.crowd .rl{fill:var(--ink);font-size:11px}.crowd .rv{fill:var(--mute);font-size:11px;font-variant-numeric:tabular-nums}.crowd .rt{stroke:color-mix(in srgb,var(--ink) 14%,transparent)}.crowd .rd{fill:color-mix(in srgb,var(--ink) 55%,transparent)}.crowd .rb{stroke:color-mix(in srgb,var(--ink) 40%,transparent);stroke-width:7;stroke-linecap:round}.crowd .row.you .rl,.crowd .row.you .rv{fill:var(--hot);font-weight:700}.crowd .row.you .rd{fill:var(--hot)}.crowd .row.rival .rl,.crowd .row.rival .rv{font-weight:700}.crowd .row.rival .rd{fill:var(--bone);stroke:var(--ink);stroke-width:1.5}.crowd__label{margin:18px 0 2px;font-size:12px;line-height:1.45;color:var(--ink)}.strip .dot{fill:color-mix(in srgb,var(--ink) 35%,transparent)}.strip .me line{stroke:var(--hot);stroke-width:1.5}.strip .me circle{fill:var(--hot)}.strip .me text{fill:var(--hot);font-size:11px;font-weight:700}.sheet .src,.sheet .note{margin:8px 0 0;font-size:11px;line-height:1.5;color:var(--mute)}.sheet .why p{margin:0 0 10px;font-size:14px;line-height:1.6}.finds{margin:8px 0 0;padding:0;list-style:none}.finds li{position:relative;margin:0 0 7px;padding-left:16px;font-size:14px;line-height:1.5}.finds li:before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--hot)}.dare{text-align:center}.dare p{margin:4px 0 16px;font-size:20px;font-weight:600;line-height:1.45;text-wrap:balance}.dare b{color:var(--hot)}.dare__acts{display:grid;grid-template-columns:auto auto;justify-content:center;column-gap:40px;row-gap:6px}.dare__acts .next-secondary{grid-column:1 / -1}.sheet .next__label{color:var(--ink)}.sheet .next-secondary{color:var(--mute)}.fine{margin-top:14px;padding-top:12px;border-top:1px dashed color-mix(in srgb,var(--ink) 25%,transparent)}.fine p{margin:0 0 6px;font-size:11px;line-height:1.5;color:var(--mute)}@media(prefers-reduced-motion:reduce){.pad.is-no,.pad.is-ok:after,.pad.is-no:after,.play-title .lead,.play-title .lv{animation:none}}