:root{--display: "Chonburi", "Niramit", serif;--body: "Niramit", system-ui, sans-serif;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--r-lg: 22px;--r-md: 14px;--r-sm: 10px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-expo: cubic-bezier(.16, 1, .3, 1);--paper: oklch(96% .022 85);--paper-2: oklch(92.5% .03 82);--card: oklch(98.8% .01 85);--ink: oklch(26% .045 250);--ink-soft: oklch(46% .035 245);--line: oklch(86% .03 80);--sea: oklch(52% .13 242);--sea-ink: oklch(42% .12 245);--sea-wash: oklch(92% .04 235);--sea-press: oklch(40% .11 248);--gold: oklch(81% .15 78);--gold-ink: oklch(47% .1 65);--gold-wash: oklch(94% .06 88);--gold-press: oklch(64% .14 68);--coral: oklch(63% .18 30);--coral-ink: oklch(50% .17 28);--coral-wash: oklch(93.5% .04 35);--coral-press: oklch(50% .16 28);--kelp: oklch(58% .12 158);--kelp-ink: oklch(45% .1 160);--kelp-wash: oklch(93% .045 160);--on-sea: oklch(98.5% .01 85);--on-coral: oklch(98.5% .01 85);--on-gold: oklch(26% .05 60);--scrim: oklch(26% .045 250 / .42);--veil: oklch(96% .022 85 / .94);--lift: 0 1px 0 oklch(84% .03 80), 0 10px 24px -14px oklch(40% .05 70 / .45);--tint: transparent;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--paper: oklch(20% .035 250);--paper-2: oklch(17% .035 250);--card: oklch(25.5% .04 250);--ink: oklch(94% .02 85);--ink-soft: oklch(76% .03 240);--line: oklch(34% .04 250);--sea: oklch(70% .12 235);--sea-ink: oklch(81% .1 232);--sea-wash: oklch(30% .06 245);--sea-press: oklch(55% .12 240);--gold: oklch(82% .14 80);--gold-ink: oklch(86% .12 85);--gold-wash: oklch(31% .05 75);--gold-press: oklch(64% .13 70);--coral: oklch(70% .16 30);--coral-ink: oklch(82% .11 35);--coral-wash: oklch(30% .06 25);--coral-press: oklch(55% .15 28);--kelp: oklch(74% .13 158);--kelp-ink: oklch(83% .1 160);--kelp-wash: oklch(29% .05 165);--on-sea: oklch(18% .035 250);--on-coral: oklch(18% .035 250);--on-gold: oklch(22% .04 60);--scrim: oklch(8% .02 250 / .62);--veil: oklch(20% .035 250 / .95);--lift: 0 1px 0 oklch(31% .04 250), 0 12px 28px -16px oklch(5% .02 250 / .9)}}:root[data-role=guesser]{--tint: var(--sea-wash)}:root[data-role=truth]{--tint: var(--gold-wash)}:root[data-role=bluffer]{--tint: var(--coral-wash)}*{box-sizing:border-box}html,body{margin:0;color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{min-height:100dvh;background-color:var(--paper);background-image:linear-gradient(to bottom,var(--tint) 0,transparent 340px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .36 0 0 0 0 .24 0 0 0 .14 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-attachment:fixed,scroll}h1,h2,.logo,.room-code{font-family:var(--display);font-weight:400}b,strong{font-weight:600}.app{max-width:520px;margin:0 auto;padding:var(--space-md) var(--space-md) calc(var(--space-lg) + env(safe-area-inset-bottom))}.screen{display:flex;flex-direction:column;gap:var(--space-sm)}.muted{color:var(--ink-soft);font-weight:400}.hint{margin:0;font-size:15px;color:var(--ink-soft)}.label{font-size:13px;color:var(--ink-soft)}.center-note{text-align:center;color:var(--ink-soft);padding:var(--space-md) 0;margin:0}.stack{display:flex;flex-direction:column;gap:var(--space-xs)}.c-sea{color:var(--sea-ink)}.c-gold{color:var(--gold-ink)}.c-coral{color:var(--coral-ink)}.logo{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:44px;line-height:1.4;color:var(--ink);margin-top:var(--space-xl)}.logo.small{font-size:24px;gap:var(--space-xs);margin-top:0}.fishmark{flex:none;animation:swim 5s ease-in-out infinite}@keyframes swim{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}.tagline{text-align:center;color:var(--ink-soft);margin:0}.wave{display:block;width:60%;height:12px;margin:var(--space-xs) auto var(--space-md);color:var(--sea);opacity:.55}.home{gap:var(--space-md)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--r-md);padding:12px 18px;font:inherit;font-weight:600;font-size:17px;cursor:pointer;color:var(--ink);background:transparent;transition:transform .1s var(--ease-out),box-shadow .1s var(--ease-out),opacity .15s ease}.btn:focus-visible,.icon-btn:focus-visible,.fishtag:focus-visible,.slip.peek:focus-visible,summary:focus-visible{outline:3px solid var(--sea);outline-offset:2px}.btn:disabled{opacity:.45;cursor:default}.btn.big{width:100%;min-height:58px;font-size:19px}.btn.small{font-size:14px;padding:6px 12px}.btn.primary,.btn.gold,.btn.on-role{box-shadow:0 4px 0 var(--press)}.btn.primary:active:not(:disabled),.btn.gold:active:not(:disabled),.btn.on-role:active:not(:disabled){box-shadow:0 1px 0 var(--press);transform:translateY(3px)}.btn.primary{--press: var(--sea-press);background:var(--sea);color:var(--on-sea)}.btn.gold{--press: var(--gold-press);background:var(--gold);color:var(--on-gold)}.btn.on-role{--press: var(--role-press);background:var(--role);color:var(--on-role)}.btn.primary:disabled,.btn.gold:disabled{opacity:1;--press: var(--line);background:var(--paper-2);color:var(--ink-soft)}.btn.ghost{background:var(--card);border:2px solid var(--line)}.btn.ghost:active:not(:disabled){transform:scale(.98)}.btn.text{color:var(--ink-soft);font-weight:500;align-self:center}.btn.danger{color:var(--coral-ink)}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--card);color:var(--ink);box-shadow:var(--lift);min-width:44px;height:44px;border-radius:var(--r-md);font-size:18px;cursor:pointer;flex:none}.icon-btn.quiet{background:transparent;box-shadow:none;color:var(--ink-soft)}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:15px;font-weight:500;color:var(--ink-soft)}.field input{font:inherit;font-size:19px;padding:14px 16px;border-radius:var(--r-md);border:2px solid var(--line);background:var(--card);color:var(--ink);outline:none;width:100%}.field input:focus{border-color:var(--sea)}.code-input{text-align:center;font-family:var(--display)!important;font-size:30px!important;letter-spacing:.3em}.card{background:var(--card);border-radius:var(--r-lg);padding:var(--space-md);box-shadow:var(--lift)}.card-title{font-family:var(--body);font-size:17px;font-weight:700;margin:0 0 var(--space-xs)}.room-code-card{background:var(--card);border:2px dashed var(--line);border-radius:var(--r-lg);padding:var(--space-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs)}.room-code{font-size:52px;letter-spacing:.16em;line-height:1.25;color:var(--sea-ink);padding-left:.16em}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.player-list li{display:flex;align-items:center;gap:var(--space-sm);min-height:48px;border-bottom:1px solid var(--line)}.player-list li:last-child{border-bottom:0}.player-list li.offline .name{color:var(--ink-soft)}.player-list .name{flex:1;font-weight:600}.dot{width:10px;height:10px;border-radius:50%;background:var(--line);flex:none}.dot.on{background:var(--kelp);box-shadow:0 0 0 3px var(--kelp-wash)}.badge{font-size:13px;font-weight:600;background:var(--gold-wash);color:var(--gold-ink);padding:2px 10px;border-radius:99px}.rules summary{cursor:pointer;font-weight:700;min-height:28px}.rules ol{padding-left:22px;margin:var(--space-xs) 0;display:flex;flex-direction:column;gap:var(--space-xs)}.rules p{margin:0}.stepper{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-weight:500}.stepper strong{font-family:var(--display);font-weight:400;font-size:24px;min-width:2ch;text-align:center}.sticky-actions{position:sticky;bottom:0;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) 0 calc(var(--space-xs) + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--paper) 72%,transparent);z-index:5}.topbar{display:flex;align-items:center;gap:var(--space-xs)}.chip{display:inline-block;background:var(--card);box-shadow:var(--lift);border-radius:99px;padding:6px 14px;font-size:15px;white-space:nowrap}.chip b{font-family:var(--display);font-weight:400}.chip.score{display:inline-flex;align-items:baseline;gap:6px;margin-left:auto;background:var(--gold-wash)}.chip .rank{font-size:13px;color:var(--gold-ink);font-weight:600}.role-guesser{--role: var(--sea);--role-ink: var(--sea-ink);--role-wash: var(--sea-wash);--role-press: var(--sea-press);--on-role: var(--on-sea)}.role-truth{--role: var(--gold);--role-ink: var(--gold-ink);--role-wash: var(--gold-wash);--role-press: var(--gold-press);--on-role: var(--on-gold)}.role-bluffer{--role: var(--coral);--role-ink: var(--coral-ink);--role-wash: var(--coral-wash);--role-press: var(--coral-press);--on-role: var(--on-coral)}.role-spectator{--role: var(--line);--role-ink: var(--ink-soft);--role-wash: var(--card);--role-press: var(--ink-soft);--on-role: var(--ink)}.deal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--veil);display:grid;place-items:center;padding:var(--space-md);animation:fade .25s ease}.deal-card{position:relative;width:100%;max-width:400px;background:var(--role-wash);border:3px solid var(--role);border-radius:32px 32px var(--r-md) var(--r-md);padding:var(--space-xl) var(--space-lg) var(--space-lg);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2xs);box-shadow:0 30px 60px -30px var(--scrim);animation:deal .6s var(--ease-expo) both}.deal-card:before{content:"";position:absolute;top:12px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 2px var(--role)}@keyframes deal{0%{opacity:0;transform:translateY(60px) rotate(-8deg) scale(.9)}}.deal-kicker{font-size:15px;color:var(--role-ink);font-weight:600;margin-top:var(--space-xs)}.deal-icon{font-size:76px;line-height:1.1;animation:wiggle .9s var(--ease-out) .35s both}@keyframes wiggle{0%{transform:scale(.4) rotate(-20deg);opacity:0}45%{transform:scale(1.08) rotate(8deg);opacity:1}75%{transform:rotate(-4deg)}to{transform:none}}.deal-card h2{margin:0;font-size:40px;line-height:1.45;color:var(--role-ink)}.deal-verb{margin:0;font-family:var(--display);font-size:24px;line-height:1.45;background:var(--role);color:var(--on-role);padding:2px 16px;border-radius:var(--r-sm);transform:rotate(-2deg)}.deal-job{margin:var(--space-sm) 0 0;font-size:18px;font-weight:500;max-width:30ch}.deal-note{margin:0;font-size:15px;color:var(--role-ink)}.deal-card .slip{width:100%;margin:var(--space-sm) 0 var(--space-2xs)}.deal-card .btn{margin-top:var(--space-md)}.role-card{background:var(--role-wash);border:2px solid var(--role);border-radius:var(--r-lg);padding:var(--space-sm) var(--space-md) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.role-head{display:flex;align-items:center;gap:var(--space-sm)}.role-icon{font-size:44px;line-height:1}.role-title{display:flex;flex-direction:column}.role-kicker{font-size:15px;font-weight:700;color:var(--role-ink)}.role-title strong{font-family:var(--display);font-weight:400;font-size:27px;line-height:1.4;color:var(--role-ink)}.role-job{margin:0;font-weight:500}.role-stake{margin:0;font-size:14px;color:var(--role-ink)}.slip{display:flex;flex-direction:column;gap:2px;border-radius:var(--r-md);padding:var(--space-sm) var(--space-md);text-align:left}.slip-label{font-size:14px;font-weight:700}.slip strong{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.45}.slip-hint{font-size:13px;opacity:.85}.slip.say{background:var(--card);border:2px dashed var(--gold)}.slip.say .slip-label{color:var(--gold-ink)}.slip.peek{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:var(--ink);cursor:pointer;min-height:64px;background:repeating-linear-gradient(-45deg,var(--card) 0 10px,var(--coral-wash) 10px 20px);border:2px dashed var(--coral)}.slip.peek.open{background:var(--card);border-style:solid;animation:unfold .35s var(--ease-expo)}.slip.peek.open strong,.slip.peek .slip-label{color:var(--coral-ink)}@keyframes unfold{0%{opacity:0;transform:rotateX(70deg)}}.question-card{position:relative;background:var(--card);border-radius:var(--r-md) var(--r-md) var(--r-lg) var(--r-lg);box-shadow:var(--lift);padding:var(--space-md)}.category{display:inline-block;font-size:13px;font-weight:700;color:var(--ink-soft);background:var(--paper-2);border-radius:99px;padding:1px 10px}.question{margin:var(--space-xs) 0 0;font-size:21px;line-height:1.5;font-weight:600}.pond{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-xs)}.fisher{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:99px;background:var(--sea-wash);color:var(--sea-ink);transition:background .2s ease}.fisher.aiming{background:var(--sea);color:var(--on-sea)}.fisher-icon{font-size:30px;line-height:1}.fisher.aiming .fisher-icon{animation:bob .9s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(3px) rotate(-10deg)}}.fisher-info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}.fisher-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aim-line{font-size:14px}.fisher.aiming .aim-line{font-weight:700}.bucket{display:flex;flex-direction:column;align-items:center;line-height:1.1}.bucket-label{font-size:12px;font-weight:600}.bucket-n{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.3;animation:pop-in .45s var(--ease-expo)}@keyframes pop-in{0%{transform:scale(1.8);opacity:0}}.tag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm)}.fishtag{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;font:inherit;color:var(--ink);background:var(--card);border:3px solid transparent;border-radius:28px 28px var(--r-sm) var(--r-sm);box-shadow:var(--lift);padding:var(--space-lg) var(--space-xs) var(--space-sm);min-height:124px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;cursor:pointer;overflow:hidden;transform:rotate(var(--tilt, 0deg));transition:transform .25s var(--ease-out),border-color .15s ease,background .2s ease}.fishtag:nth-child(3n+1){--tilt: -1.2deg}.fishtag:nth-child(3n+2){--tilt: .8deg}.fishtag:nth-child(4n){--tilt: -.5deg}.fishtag:disabled{cursor:default}.tag-hole{position:absolute;top:9px;left:50%;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:var(--paper);box-shadow:inset 0 1px 2px var(--scrim)}.tag-fish{font-size:34px;line-height:1.2}.tag-name{font-weight:700;font-size:19px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-note{font-size:13px;font-weight:600;color:var(--ink-soft);min-height:1.3em}.fishtag.mine{border-color:var(--line)}.fishtag.aimed{--tilt: 0deg;border-color:var(--sea);background:var(--sea-wash);transform:scale(1.04)}.fishtag.aimed .tag-note{color:var(--sea-ink)}.fishtag.aimed .tag-fish{animation:bob .9s ease-in-out infinite}.fishtag.aimed.mine{border-color:var(--coral);background:var(--coral-wash);animation:shiver .5s ease-in-out 2}.fishtag.aimed.mine .tag-note{color:var(--coral-ink)}@keyframes shiver{0%,to{transform:scale(1.04)}25%{transform:scale(1.04) translate(-3px)}75%{transform:scale(1.04) translate(3px)}}.fishtag.caught{background:var(--paper-2);box-shadow:none}.fishtag.caught .tag-fish{opacity:.55}.fishtag.caught .tag-name{color:var(--ink-soft)}.stamp,.mini-stamp,.catch-stamp{font-family:var(--display);font-weight:400;color:var(--coral-ink);border:3px solid var(--coral);border-radius:8px;line-height:1.35}.stamp{position:absolute;top:14px;right:8px;font-size:16px;padding:0 8px;white-space:nowrap;background:var(--card);transform:rotate(10deg);animation:stamp .45s var(--ease-expo) both}@keyframes stamp{0%{opacity:0;transform:rotate(10deg) scale(2.6)}}.catch-moment{position:fixed;top:var(--space-md);left:50%;z-index:40;width:min(360px,calc(100% - 32px));display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;background:var(--card);border:3px solid var(--coral);border-radius:var(--r-lg);padding:var(--space-sm) var(--space-md) var(--space-md);box-shadow:0 20px 40px -20px var(--scrim);pointer-events:none;animation:drop 2.2s var(--ease-expo) both}.catch-moment strong{font-size:20px}.catch-moment span:last-child{font-size:15px;color:var(--kelp-ink);font-weight:700}.catch-stamp{font-size:26px;padding:0 12px;transform:rotate(-6deg);margin-bottom:var(--space-2xs);animation:stamp-inline .5s var(--ease-expo) .1s both}@keyframes stamp-inline{0%{opacity:0;transform:rotate(-6deg) scale(2.2)}}@keyframes drop{0%{opacity:0;transform:translate(-50%,-40px)}12%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-16px)}}.splash{--tone: var(--sea);--tone-ink: var(--sea-ink);position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-lg);text-align:center;background:var(--veil);cursor:pointer;animation:splash-life 3.2s ease both}.splash.outcome-caught_truth{--tone: var(--gold);--tone-ink: var(--gold-ink)}.splash.outcome-perfect{--tone: var(--kelp);--tone-ink: var(--kelp-ink)}@keyframes splash-life{0%{opacity:0}8%,90%{opacity:1}to{opacity:0}}.splash-rings{position:absolute;top:50%;left:50%;width:0;height:0}.splash-rings i{position:absolute;left:-120px;top:-210px;width:240px;height:240px;border-radius:50%;border:3px solid var(--tone);opacity:0;animation:ripple 1.8s var(--ease-out) both}.splash-rings i:nth-child(2){animation-delay:.25s}.splash-rings i:nth-child(3){animation-delay:.5s}@keyframes ripple{0%{transform:scale(.2);opacity:.8}to{transform:scale(2.2);opacity:0}}.splash-icon{position:relative;font-size:96px;line-height:1.1;animation:leap .8s var(--ease-expo) .1s both}@keyframes leap{0%{transform:translateY(120px) rotate(30deg) scale(.6);opacity:0}60%{transform:translateY(-14px) rotate(-8deg) scale(1.05);opacity:1}to{transform:none}}.splash-title{position:relative;font-family:var(--display);font-weight:400;font-size:36px;line-height:1.45;color:var(--tone-ink);animation:rise .5s var(--ease-expo) .35s both}.splash-sub{position:relative;font-size:17px;max-width:32ch;animation:rise .5s var(--ease-expo) .45s both}.splash-me{position:relative;display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-xs) var(--space-lg) var(--space-xs) var(--space-xs);border-radius:99px;background:var(--card);box-shadow:var(--lift);font-weight:600;animation:rise .5s var(--ease-expo) .75s both}.splash-me b{font-family:var(--display);font-weight:400;font-size:26px;min-width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--paper-2)}.splash-me.tone-win b{background:var(--kelp);color:var(--on-sea)}.splash-me.tone-lose b{background:var(--coral);color:var(--on-coral)}.splash-tap{position:absolute;bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));font-size:14px;color:var(--ink-soft)}@keyframes rise{0%{transform:translateY(12px);opacity:0}}@keyframes fade{0%{opacity:0}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-48px;left:var(--x);font-size:26px;font-style:normal;animation:fall 2.2s ease-in var(--d) both}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(var(--r));opacity:.6}}.result{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--lift);animation:rise .4s var(--ease-expo)}.result.tone-win{background:var(--kelp-wash)}.result.tone-lose{background:var(--coral-wash)}.result-delta{display:flex;flex-direction:column;align-items:center;flex:none;min-width:84px}.result-kicker{font-size:13px;font-weight:600;color:var(--ink-soft)}.result-delta strong{font-family:var(--display);font-weight:400;font-size:48px;line-height:1.3;animation:pop-in .6s var(--ease-expo) .15s both}.tone-win .result-delta strong{color:var(--kelp-ink)}.tone-lose .result-delta strong{color:var(--coral-ink)}.result-text p{margin:0;font-size:19px;font-weight:700;line-height:1.4}.result-rank{font-size:15px;color:var(--ink-soft)}.result-rank b{color:var(--ink)}.move{display:inline-block;font-size:13px;font-weight:700;padding:0 6px;border-radius:99px;animation:pop-in .5s var(--ease-expo) .4s both}.move.up{color:var(--kelp-ink);background:var(--kelp-wash)}.move.down{color:var(--coral-ink);background:var(--coral-wash)}.truth-reveal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:var(--space-md) var(--space-md) var(--space-lg);border-radius:var(--r-lg);background:var(--gold-wash);border:2px dashed var(--gold)}.truth-kicker{font-size:14px;font-weight:700;color:var(--gold-ink)}.truth-q{margin:var(--space-xs) 0 var(--space-sm);color:var(--ink-soft);font-size:16px}.truth-label{font-size:14px;color:var(--ink-soft)}.truth-answer{font-family:var(--display);font-weight:400;font-size:30px;line-height:1.45;animation:pop-in .6s var(--ease-expo) .2s both}.truth-who{font-weight:700;color:var(--gold-ink)}.who-list,.scoreboard{list-style:none;margin:0;padding:0}.who-list li{display:grid;grid-template-columns:minmax(64px,1fr) auto auto;gap:var(--space-sm);align-items:center;min-height:46px;padding:0 var(--space-xs);margin:0 calc(-1 * var(--space-xs));border-radius:var(--r-sm);animation:rise .4s var(--ease-expo) calc(var(--i, 0) * 70ms + .1s) both}.who-list li+li{box-shadow:0 -1px 0 var(--line)}.who-list li.is-truth{background:var(--gold-wash);box-shadow:none}.who-list li.is-truth+li{box-shadow:none}.who-list .who{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who-list .what{font-size:15px;display:flex;align-items:center;gap:var(--space-xs)}.mini-stamp{font-size:12px;border-width:2px;border-radius:6px;padding:0 6px;transform:rotate(-6deg)}.delta{font-weight:700;color:var(--kelp-ink);min-width:2.2ch;text-align:right}.delta.none{color:var(--ink-soft);font-weight:400}.scoreboard li{display:flex;align-items:center;gap:var(--space-sm);min-height:48px;padding:0 var(--space-xs);margin:0 calc(-1 * var(--space-xs));border-radius:var(--r-sm);animation:rise .4s var(--ease-expo) calc(var(--i, 0) * 60ms + .2s) both}.scoreboard li+li{box-shadow:0 -1px 0 var(--line)}.scoreboard li.me{background:var(--sea-wash);box-shadow:none}.scoreboard li.me+li{box-shadow:none}.scoreboard .place{width:28px;height:28px;border-radius:50%;background:var(--paper-2);display:grid;place-items:center;font-size:14px;font-weight:700;flex:none}.scoreboard li.lead .place{background:var(--gold-wash);font-size:16px}.scoreboard .name{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreboard .delta{animation:pop-in .5s var(--ease-expo) calc(var(--i, 0) * 60ms + .5s) both}.scoreboard .pts{font-family:var(--display);font-weight:400;font-size:21px;min-width:2ch;text-align:right}.fact summary{cursor:pointer;font-weight:700;min-height:28px}.fact p{margin:var(--space-xs) 0}.fact a{color:var(--sea-ink);font-weight:700}.finale{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:var(--space-lg) var(--space-md);border-radius:var(--r-lg);background:var(--gold-wash);animation:rise .5s var(--ease-expo)}.finale-kicker{font-weight:700;color:var(--gold-ink)}.finale-title{font-family:var(--display);font-weight:400;font-size:32px;line-height:1.45;animation:pop-in .7s var(--ease-expo) .2s both}.finale-sub{color:var(--gold-ink);font-weight:600}.finale-me{margin:var(--space-sm) 0 0;font-weight:700;font-size:18px}.podium{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:var(--space-xs);padding:var(--space-sm) var(--space-xs) 0}.step{display:flex;flex-direction:column;align-items:center;min-width:0;animation:rise-tall .7s var(--ease-expo) both}.step-3{animation-delay:.3s}.step-2{animation-delay:.5s}.step-1{animation-delay:.75s}@keyframes rise-tall{0%{transform:translateY(40px);opacity:0}}.step-name{font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step.me .step-name{color:var(--sea-ink)}.step-pts{font-size:14px;color:var(--ink-soft)}.step-block{width:100%;margin-top:var(--space-2xs);display:grid;place-items:center;font-family:var(--display);font-size:28px;border-radius:var(--r-md) var(--r-md) 0 0}.step-1 .step-block{height:104px;background:var(--gold);color:var(--on-gold)}.step-2 .step-block{height:78px;background:var(--sea-wash);color:var(--sea-ink)}.step-3 .step-block{height:58px;background:var(--coral-wash);color:var(--coral-ink)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center;z-index:60;animation:fade .15s ease}.sheet{background:var(--paper);width:100%;max-width:520px;border-radius:24px 24px 0 0;padding:var(--space-lg) var(--space-md) calc(var(--space-lg) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-sm);max-height:85dvh;overflow-y:auto;animation:slide .3s var(--ease-expo)}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet-head .card-title{margin:0}@keyframes slide{0%{transform:translateY(60px)}}.toast{position:fixed;left:50%;bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--ink);color:var(--paper);font-weight:600;padding:var(--space-sm) var(--space-md);border-radius:var(--r-md);z-index:70;max-width:calc(100% - 32px);text-align:center;word-break:break-word;animation:fade .2s ease}.offline-bar{position:sticky;top:0;background:var(--gold);color:var(--on-gold);font-weight:600;text-align:center;font-size:14px;padding:6px;border-radius:var(--r-sm);margin-bottom:var(--space-sm);z-index:10}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition:none!important}.confetti,.splash-rings{display:none}.splash,.catch-moment{animation:none!important}}