:root{--grey: #e6e5e1;--graphite: #1d1d20;--orange: #ff5a1f;--paper: var(--grey);--ink: var(--graphite);--mute: #6d6c69;--right: var(--orange);--accent: var(--graphite);--pick: var(--orange);--dot: var(--orange);--sans: "Space Grotesk", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;--button-font: var(--sans);--token-face: radial-gradient(circle at 34% 28%, #fdfdfc 0%, #f0efec 50%, #dddcd7 100%);--token-side: #c6c5c0;--token-side-dark: #acaba6;--token-drop: rgba(30, 30, 32, .26);--card: #fbfaf7}*{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}body[data-phase=ready] .stage,body[data-phase=reveal] .stage,body[data-phase=summary] .stage{cursor:pointer}.play-title{font-weight:600;letter-spacing:-.025em}:lang(zh) .play-title{letter-spacing:.02em}.play-title .verdict{letter-spacing:-.01em}.play-line em{font-style:normal;font-weight:600;color:var(--orange)}.readout{margin:4px 0 0;line-height:1;font-variant-numeric:tabular-nums lining-nums}.readout:empty{display:none}.readout .num{font-size:clamp(58px,15vw,92px);font-weight:600;letter-spacing:-.04em}.readout .num--empty{color:color-mix(in srgb,var(--ink) 22%,transparent)}.readout .unit{margin-left:.3em;font-size:20px;font-weight:500;color:var(--mute)}.readout .typical{font-size:18px;font-weight:500;color:var(--mute)}.readout .typical b{display:block;margin:2px 0 0;font-size:clamp(54px,14vw,84px);font-weight:600;letter-spacing:-.04em;color:var(--ink)}:lang(zh) .readout .typical b{display:inline;margin-left:.15em}.readout .num{display:inline-block}.readout .num--bump{animation:num-bump .16s ease-out}.readout .num--ten{animation:num-ten .28s cubic-bezier(.2,1.6,.4,1),num-ten-ink .6s ease-in}@keyframes num-bump{0%{transform:translateY(-3px) scale(1.04)}}@keyframes num-ten{0%{transform:scale(1.16)}}@keyframes num-ten-ink{0%{color:var(--orange)}}.readout .num--no{animation:num-no .3s ease-out}@keyframes num-no{20%{transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}.row-tag{position:fixed;left:0;top:0;z-index:4;pointer-events:none;font-family:var(--sans);font-variant-numeric:tabular-nums lining-nums;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .15s ease}.row-tag.on{opacity:1}.row-tag{min-width:2em;padding:2px 5px 3px;border-radius:999px;background:var(--orange);color:#fff;font-size:11px;line-height:1;text-align:center;box-shadow:0 4px 10px -4px #ad390c8c}@media(prefers-reduced-motion:reduce){.row-tag{transition:none}}.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:#f7f6f3;color:var(--ink);box-shadow:0 0 0 1px #1f1c1824,0 2px 6px #1f1c1814;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}.next--go .next__disc{--token-side: #d24812;--token-side-dark: #ad390c;--token-drop: rgba(173, 57, 12, .35);background:radial-gradient(circle at 34% 28%,#ff9a6b,#ff6a2e 46%,#f0531a);color:#fff;text-shadow:none}.next__disc svg{stroke-width:2.2}.next:focus-visible .next__disc{outline-color:color-mix(in srgb,var(--orange) 45%,transparent)}.next:disabled{cursor:default}.next:disabled .next__disc{filter:saturate(.15) brightness(1.05);opacity:.55;transform:none}.next:disabled .next__label{opacity:.45}:lang(en) .next__label{letter-spacing:.08em;padding-left:.08em}.pad{position:fixed;z-index:4;display:grid;grid-template-columns:repeat(6,var(--key, 54px));gap:var(--gap, 10px);transform:translate(-50%);touch-action:manipulation;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}body[data-phase=guess] .pad{opacity:1;visibility:visible;transition:opacity .2s ease}body.no-webgl .pad{display:none}.pad__key{display:grid;place-items:center;width:var(--key, 54px);height:var(--key, 54px);padding:0;border:0;border-radius:50%;background:var(--token-face);box-shadow:inset 0 1px 1px #ffffffe6,0 3px 0 0 var(--token-side),0 5px 0 0 var(--token-side-dark),0 10px 12px -8px var(--token-drop);font:600 calc(var(--key, 54px) * .42) / 1 var(--sans);font-variant-numeric:tabular-nums;color:var(--ink);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease;-webkit-tap-highlight-color:transparent}.pad__key:disabled{cursor:default}.pad__key:not(:disabled):active{transform:translateY(3px);box-shadow:inset 0 1px 1px #ffffffe6,0 0 0 0 var(--token-side),0 1px 0 0 var(--token-side-dark),0 4px 6px -4px var(--token-drop)}.pad__key.is-hit{animation:pad-hit .2s ease}@keyframes pad-hit{0%,40%{transform:translateY(3px)}}.pad__key:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.pad__key svg{width:44%;height:44%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.pad__key--back{color:var(--mute)}.pad__key--ok{color:color-mix(in srgb,var(--ink) 35%,transparent)}.pad__key--ok svg{stroke-width:2.8}.pad__key--ok.is-ready{background:radial-gradient(circle at 34% 28%,#ff9a6b,#ff6a2e 46%,#f0531a);color:#fff;box-shadow:inset 0 1px 1px #ffffff59,0 3px #d24812,0 5px #ad390c,0 10px 12px -8px #ad390c59}@media(prefers-reduced-motion:reduce){.pad__key.is-hit,.readout .num--no{animation:none}}.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:16px 16px 18px 18px;background:var(--card);color:var(--ink);box-shadow:0 -10px 30px -12px #1e1e2047,0 20px 40px -20px #1e1e2052;pointer-events:auto;user-select:text;-webkit-user-select:text;overflow:hidden}.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:.06em;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:1.5px solid var(--ink);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.sheet__top span:last-child{font-weight:400;letter-spacing:.02em;color:var(--mute)}.sheet__head{padding:18px 0 6px;text-align:center}.sheet__head p{margin:0}.sheet__title{font-size:22px;font-weight:700;letter-spacing:-.015em;color:var(--orange);text-wrap:balance}.sheet__line{margin-top:4px!important;color:var(--mute);text-wrap:balance}.sheet__big{margin-top:10px!important;font-size:14px;color:var(--mute)}.sheet__big b{margin:0 .15em;font-size:clamp(34px,10vw,46px);font-weight:700;letter-spacing:-.04em;color:var(--ink)}.sheet section{padding:14px 0 10px;border-top:1px solid color-mix(in srgb,var(--ink) 14%,transparent);margin-top:10px}.sheet h2{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.sheet p{margin:0;font-size:14px;line-height:1.55}.sheet p em{font-style:normal;font-weight:600;color:var(--orange)}.sheet .src{margin-top:8px;font-size:11px;line-height:1.5;color:var(--mute)}.dishes{width:100%;margin-top:10px;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums lining-nums;text-align:right}.dishes th{padding:0 0 4px;font-size:11px;font-weight:500;color:var(--mute)}.dishes td{padding:5px 0;border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}.dishes .n{width:2em;text-align:left;color:var(--mute)}.dishes .truth{font-weight:600}.dishes .off.ok{font-weight:600;color:var(--orange)}.dare{text-align:center}.dare__acts{display:grid;grid-template-columns:auto;justify-content:center;row-gap:6px}.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)}.strip{display:block;width:min(100%,380px);height:auto;margin:4px auto 0;overflow:visible}.strip .axis{stroke:color-mix(in srgb,var(--ink) 30%,transparent);stroke-width:1}.strip .tick{fill:var(--mute);font:500 11px var(--sans)}.strip .lab{fill:var(--mute);font:600 11px var(--sans)}.strip .gap{stroke:color-mix(in srgb,var(--orange) 55%,transparent);stroke-width:2;stroke-linecap:round}.strip .truth{fill:var(--ink)}.strip .guess{fill:none;stroke:var(--orange);stroke-width:2}body.no-webgl .play-head{top:30vh}.sheet p.trend{margin-top:6px;font-variant-numeric:tabular-nums lining-nums;color:var(--mute)}