:root{--plaster: #efe6da;--ink: #2b1c17;--terra: #c65f38;--umber: #3a2420;--sun: #ffbf47;--paper: var(--plaster);--mute: #6b574c;--right: var(--terra);--accent: var(--terra);--dot: var(--terra);--sans: "Instrument Sans", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;--button-font: var(--sans);--token-face: radial-gradient(circle at 34% 28%, #fffdf9 0%, #f6efe5 48%, #e6d9c7 100%);--token-side: #cdb9a2;--token-side-dark: #ae977e;--token-drop: rgba(70, 40, 25, .32);--token-ink-face: radial-gradient(circle at 34% 28%, #5a3d33 0%, #3a2420 52%, #23140f 100%);--token-ink-side: #170c09}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-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}.play-title{font-weight:600;letter-spacing:-.025em}:lang(zh) .play-title{letter-spacing:.02em}.play-line{font-variant-numeric:tabular-nums;min-height:1.6em}.play-title .verdict--wrong{color:var(--ink)}.play-title .verdict--semi{color:#a8631b}.readout{margin:6px 0 0;font-variant-numeric:tabular-nums lining-nums}.readout:empty{display:none}.pgs{display:flex;justify-content:center;flex-wrap:wrap;gap:3px;margin:0 auto 14px;padding:0;list-style:none}.pgs[data-count]:after{content:attr(data-count);align-self:center;margin-left:8px;font-size:13px;font-weight:600;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.pg{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--ink) 24%,transparent);transition:background-color .3s,transform .3s,opacity .3s}.pg:nth-child(12n+1):not(:first-child){margin-left:10px}.pg--skip{opacity:.35;transform:scale(.6)}.pg--ok{background:var(--terra)}.pg--semi{background:linear-gradient(90deg,var(--terra) 50%,color-mix(in srgb,var(--ink) 16%,transparent) 50%)}.pg--no{background:color-mix(in srgb,var(--ink) 55%,transparent)}.pg--now{background:transparent;box-shadow:inset 0 0 0 1.4px var(--ink);transform:scale(1.4)}body.no-webgl .pgs{opacity:.55}.alt{margin:4px 0 0;font-size:13px;color:var(--mute)}.alt:empty{display:none}.alt a{color:var(--terra);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.keys{position:fixed;left:0;right:0;z-index:3;width:min(100%,620px);margin:0 auto;padding:0 10px;transition:top .45s cubic-bezier(.3,.8,.3,1),opacity .3s}.keys[hidden]{display:none}.keys__bed{position:relative;display:flex;gap:3px;height:100%;padding:7px 4px 6px;border-radius:12px;background:linear-gradient(var(--terra) 0 7px,#2a1915 7px);box-shadow:0 18px 30px -16px #4628198c}.key{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;margin:0;border:0;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.3,1.6,.5,1),background .25s,box-shadow .25s,filter .25s}.key:disabled{cursor:default}.key--w{flex:1;min-width:0;padding:0 0 12px;border-radius:0 0 9px 9px;background:linear-gradient(#f3ebe0,#fffdf9 18%,#fbf6ee);color:var(--ink);box-shadow:inset 0 -7px #e6d9c7,inset 0 -8px #fffdf9,0 1px #00000040}.key--b{position:absolute;top:7px;z-index:1;height:60%;padding:0 0 9px;border-radius:0 0 6px 6px;background:linear-gradient(#23140f,#55362f 70%,#3a2420);color:#f3e6da;box-shadow:inset 0 -6px #170c09,inset 1px 0 #ffffff14,0 5px 8px -3px #00000080}.key__big{font-size:clamp(17px,4.8vw,22px);font-weight:700;line-height:1.1}.key__small{margin-top:1px;font-size:12px;font-weight:500;color:var(--mute)}.key__sharp,.key__flat{font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap}.key__flat{opacity:.72}.key__you{position:absolute;left:50%;bottom:calc(100% - 26px);transform:translate(-50%);padding:2px 6px;border-radius:99px;background:var(--ink);color:#fff;font-size:10.5px;font-weight:700;line-height:1.3;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.key--w .key__you{bottom:auto;top:64%}.key--b .key__you{bottom:auto;top:8px}.key.is-picked .key__you{opacity:1}body[data-phase=setup] .keys,body[data-phase=muted] .keys{opacity:.6}.key.is-hot.key--w{background:linear-gradient(#f3ebe0,#fff8ec 18%,#f8eddc)}.key.is-hot.key--b{background:linear-gradient(#23140f,#6a463c 70%,#4a2f29)}.key.is-down{transform:translateY(3px);transition-duration:.05s}.key--w.is-down{box-shadow:inset 0 -3px #e6d9c7,0 0 #00000040}.key.is-right{background:linear-gradient(#f5b23a,#ffd27a 30%,#ffbf47);color:var(--ink)}.key--w.is-right{box-shadow:inset 0 -7px #e9a32f,0 0 #00000040}.key--b.is-right{box-shadow:inset 0 -6px #c98a22,0 5px 14px -3px #ffbf47b3}.key.is-right .key__small,.key.is-right .key__flat{color:var(--ink)}.key.is-picked.is-right .key__you{background:var(--terra)}.key--w.is-wrong,.key--w.is-semi{background:linear-gradient(#e8dccb,#f1e7da 18%,#ece0cf)}.key--b.is-wrong,.key--b.is-semi{background:linear-gradient(#23140f,#7a5146 70%,#5a3a31)}.key.is-semi .key__you{background:#a8631b}.key.is-sounding{animation:key-sound .85s ease-out}@keyframes key-sound{0%{filter:brightness(1.12) drop-shadow(0 0 0 rgba(255,191,71,0))}18%{filter:brightness(1.12) drop-shadow(0 0 12px rgba(255,191,71,.95))}to{filter:brightness(1) drop-shadow(0 0 0 rgba(255,191,71,0))}}.play-answer[data-state=replay]{grid-template-columns:1fr}.replay{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:8px;margin-top:6px;padding:0;border:0;background:none;color:var(--mute);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .25s}.replay__disc{--lift: 4px;display:grid;place-items:center;width:40px;height:40px;margin-bottom:var(--lift);border-radius:50%;background:var(--token-face);color:var(--ink);font-size:19px;font-weight:600;box-shadow:inset 0 2px 1px #fffffff2,0 calc(var(--lift) - 2px) 0 0 var(--token-side),0 var(--lift) 0 0 var(--token-side-dark),0 calc(var(--lift) + 10px) 14px -6px var(--token-drop);transition:transform .22s cubic-bezier(.3,1.8,.5,1),box-shadow .22s ease}.replay:active:not(:disabled) .replay__disc{transform:translateY(var(--lift));transition-duration:.06s;box-shadow:0 1px 0 0 var(--token-side-dark),0 3px 6px -3px var(--token-drop)}.replay__label{font-size:13px;letter-spacing:.12em}.replay:disabled{opacity:.35;cursor:default}body[data-phase=listen] .replay,body[data-phase=scramble] .replay{opacity:.35;pointer-events:none}.play-title .lead{display:block;max-width:26em;margin:0 auto 6px;font-size:17px;font-weight:600;letter-spacing:0;line-height:1.35;text-wrap:balance}.play-title .score{display:inline-flex;align-items:baseline;gap:.18em;line-height:1}.play-title .score b{font-size:clamp(66px,19vw,100px);font-weight:700;letter-spacing:-.04em;color:var(--terra)}.play-title .score small{font-size:26px;font-weight:600;color:var(--mute)}.readout .tierline{display:block;font-size:20px;font-weight:700}.readout .rankline{display:block;margin-top:3px;font-size:15px;font-weight:500}.readout .rankline b{color:var(--terra)}.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{position:relative;width:min(100% - 20px,460px);margin:0 auto 24px;padding:6px 20px calc(28px + env(safe-area-inset-bottom));border-radius:20px 20px 18px 18px;background:#fbf7f1;color:var(--ink);box-shadow:0 -10px 30px -12px #46281959,0 20px 40px -20px #46281966;pointer-events:auto;user-select:text;-webkit-user-select:text}.sheet__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;margin:0;padding:10px 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:600;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__lead{max-width:30em;margin:0 auto 10px!important;font-size:16px;font-weight:500;line-height:1.45;text-wrap:balance}.sheet__tier{font-size:22px;font-weight:700}.sheet__score{line-height:1.05}.sheet__score b{font-size:clamp(56px,16vw,76px);font-weight:700;letter-spacing:-.04em;color:var(--terra)}.sheet__score small{margin-left:6px;font-size:22px;font-weight:600;color:var(--mute)}.sheet__rank{font-size:15px;font-weight:500}.sheet__rank b{color:var(--terra)}.sheet__chance{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(--terra) 12%,#fff);font-size:13px}.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:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}.sheet h3{margin:16px 0 8px;font-size:14px;font-weight:700}.stats{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:6px;margin-bottom:10px;text-align:center}.stat b{display:block;font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.stat.ok b{color:var(--terra)}.stat.small b{font-size:15px;line-height:1.6}.stat span{font-size:11px;color:var(--mute)}.sheet .hint,.sheet .note,.sheet .src{margin:8px 0 0;font-size:11.5px;line-height:1.5;color:var(--mute)}.sheet .hint{margin:0 0 10px;font-size:13px}.sheet .para{margin:12px 0 0;font-size:13.5px;line-height:1.55}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}.g__col{display:grid;gap:3px}.g__head{padding:3px 0;border-radius:5px;background:color-mix(in srgb,var(--terra) 85%,#fff);color:#fff;font-size:11px;font-weight:700;text-align:center}.g__col--black .g__head{background:var(--umber)}.g__cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;place-items:center;height:28px;padding:0;border:0;border-radius:5px;background:#fff;color:var(--ink);font:inherit;font-size:11px;font-weight:600;letter-spacing:-.03em;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 16%,transparent);cursor:pointer;touch-action:manipulation}.g__cell--ok{background:var(--sun);box-shadow:none}.g__cell--semi{background:linear-gradient(135deg,color-mix(in srgb,var(--sun) 70%,#fff) 50%,#fff 50%)}.g__cell--no{color:var(--mute)}.g__cell--empty{height:28px}.g__cell.is-on{outline:2px solid var(--ink);outline-offset:1px}.grid__now{min-height:1.5em;margin:8px 0 0;font-size:13px;color:var(--mute);text-align:center}.conf,.crowd,.kb{display:block;width:100%;height:auto;font-family:var(--sans)}.conf .diag{fill:color-mix(in srgb,var(--sun) 32%,transparent)}.conf .near{fill:color-mix(in srgb,var(--sun) 11%,transparent)}.conf .gl{stroke:color-mix(in srgb,var(--ink) 8%,transparent)}.conf .ax{fill:var(--ink);font-size:9.5px;font-weight:600}.conf .ax.b{fill:var(--mute)}.conf .axt{fill:var(--mute);font-size:10px}.conf .dot.ok{fill:var(--terra)}.conf .dot.semi{fill:#c98a3a}.conf .dot.no{fill:var(--ink);opacity:.75}.conf .dotn{fill:#fff;font-size:8.5px;font-weight:700}.crowd .sw,.crowd .seg{stroke:none}.crowd .b5{fill:#e9ddcd}.crowd .b4{fill:#e4c3a8}.crowd .b3{fill:#dca07f}.crowd .b2{fill:#cf7e57}.crowd .b1{fill:#b65a35}.crowd .b0{fill:#7e3a20}.crowd .seg.mine{stroke:var(--ink);stroke-width:2}.crowd .seg.rival{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-dasharray:3 2}.crowd .lg{fill:var(--mute);font-size:9px}.crowd .gname{fill:var(--ink);font-size:11px}.crowd .gname.strong{font-weight:700}.crowd .gn{fill:var(--mute);font-size:8.5px}.crowd .pc{fill:var(--ink);font-size:9px;font-weight:600}.crowd .pc.on{fill:#fff}.crowd .flag rect{fill:var(--ink)}.crowd .flag text{fill:#fff;font-size:10px;font-weight:700}.tone{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}.tone th{padding:0 4px 6px 0;font-size:11px;font-weight:600;color:var(--mute);text-align:left;vertical-align:bottom}.tone td{padding:4px 4px 4px 0;border-top:1px dotted color-mix(in srgb,var(--ink) 18%,transparent);white-space:nowrap}.tone td:first-child{font-weight:600}.tone .bar{display:inline-block;width:calc(var(--w) * .7);max-width:70px;height:8px;margin-right:6px;border-radius:2px;background:var(--terra);vertical-align:0}.tone .bar--b{background:var(--umber)}.kb{max-width:300px;margin:0 auto;cursor:pointer}.kb .key--w rect{fill:#fff;stroke:color-mix(in srgb,var(--ink) 30%,transparent)}.kb .key--b rect{fill:var(--umber)}.kb .key text{font-size:10px;font-weight:700;fill:var(--mute);pointer-events:none}.kb .key--b text{fill:#f1e3d6}.kb .key.is-on rect{fill:var(--sun)}.kb .key--b.is-on text{fill:var(--ink)}.kb__now{min-height:1.5em;margin:6px 0 0;font-size:15px;font-weight:700;text-align:center}.dare{text-align:center}.dare p{margin:4px 0 16px;font-size:19px;line-height:1.45;text-wrap:balance}.dare b{color:var(--terra)}.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}.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)}.fine p:last-child{color:var(--ink);font-weight:500}.finds{margin:8px 0 0;padding:0;list-style:none}.finds li{position:relative;margin:0 0 8px;padding-left:16px;font-size:14px;line-height:1.5}.finds li:before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--terra)}.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:#fbf7f1;color:var(--ink);box-shadow:0 0 0 1px #2b1c1724,0 2px 6px #2b1c171a;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(--terra)}.sound-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.next__disc svg{width:30px;height:30px}body.no-webgl .play-head{top:30vh}.share-sheet{z-index:70}.share-sheet__card img{background:var(--plaster)}:lang(en) .next__label{letter-spacing:.06em;padding-left:.06em}@media(prefers-reduced-motion:reduce){.key.is-sounding{animation:none}}