: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:not([data-theme=light]){--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-theme=dark]{--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);color-scheme:dark}:root[data-theme=light]{color-scheme:light}: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{position:relative;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}.ringmark{flex:none;animation:bob 5s ease-in-out infinite}@keyframes bob{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)}.game-picker{display:flex;flex-direction:column;gap:var(--space-xs)}.game-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:var(--ink);text-align:left;display:flex;align-items:center;gap:var(--space-sm);min-height:72px;padding:var(--space-sm) var(--space-md);border-radius:var(--r-lg);border:2px solid var(--line);background:var(--card);cursor:pointer;transition:border-color .15s ease,transform .1s var(--ease-out)}.game-card.on{border-color:var(--sea);background:var(--sea-wash)}.game-card:active:not(:disabled){transform:scale(.985)}.game-card:disabled{opacity:.45;cursor:default}.game-card:focus-visible{outline:3px solid var(--sea);outline-offset:2px}.game-emoji{font-size:34px;line-height:1;flex:none}.game-text{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.35}.game-text strong{font-family:var(--display);font-weight:400;font-size:20px}.game-tagline,.game-players{font-size:14px;color:var(--ink-soft)}.current-game{display:flex;flex-direction:column;gap:var(--space-sm)}.current-game-head{display:flex;align-items:center;gap:var(--space-sm)}.dice-game .topbar .chip:nth-child(2){margin-right:auto}.table-seats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-xs)}.seat{position:relative;display:flex;flex-direction:column;gap:4px;padding:var(--space-xs) var(--space-sm);background:var(--card);border-radius:var(--r-md);border:2px solid transparent;box-shadow:var(--lift)}.seat.me{border-color:var(--line)}.seat.turn{border-color:var(--sea);background:var(--sea-wash);animation:seat-turn 1.8s var(--ease-out) infinite}@keyframes seat-turn{0%{box-shadow:var(--lift),0 0 color-mix(in oklch,var(--sea) 45%,transparent)}70%,to{box-shadow:var(--lift),0 0 0 9px color-mix(in oklch,var(--sea) 0%,transparent)}}.seat.out{opacity:.5;box-shadow:none}.seat-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-order{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-right:6px;border-radius:50%;font-size:12px;font-weight:700;line-height:1;vertical-align:1px;background:var(--paper-2);color:var(--ink-soft)}.seat.turn .seat-order{background:var(--sea);color:var(--on-sea)}.seat-dice{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;color:var(--ink-soft);min-height:18px}.seat-turn{position:absolute;top:-9px;right:8px;font-size:12px;font-weight:700;background:var(--sea);color:var(--on-sea);padding:0 8px;border-radius:99px}.bid-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);padding:var(--space-md);border-radius:var(--r-lg);background:var(--card);border:2px dashed var(--line);text-align:center}.bid-kicker{font-weight:600;color:var(--ink-soft)}.bid-label{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}.bid-label b{font-family:var(--display);font-weight:400;font-size:1.6em;line-height:1}.bid-card .bid-label b{font-size:44px}.bid-label .times{color:var(--ink-soft)}.wild{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;padding:2px 10px;border-radius:99px}.wild.on{background:var(--gold-wash);color:var(--gold-ink)}.wild.off{background:var(--coral-wash);color:var(--coral-ink)}.my-dice .hint{margin-top:var(--space-xs);text-align:center}.history summary{cursor:pointer;font-weight:700}.history ol{list-style:none;margin:var(--space-xs) 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.history li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:2px 0}.history li:last-child{border-bottom:0;font-weight:700}.face-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.face-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--line);background:var(--card);border-radius:var(--r-sm);min-height:48px;display:grid;place-items:center;cursor:pointer;padding:0}.face-btn.on{border-color:var(--sea);background:var(--sea-wash);box-shadow:0 0 0 2px var(--sea)}.face-btn:disabled{opacity:.3;cursor:default}.face-btn:focus-visible{outline:3px solid var(--sea);outline-offset:2px}.bid-panel .hint{text-align:center}.sticky-actions.bid-panel{position:static;background:none}.btn.liar{--press: var(--coral-press);background:var(--coral);color:var(--on-coral);box-shadow:0 4px 0 var(--press)}.btn.liar:active:not(:disabled){box-shadow:0 1px 0 var(--press);transform:translateY(3px)}.verdict{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:var(--space-md);border-radius:var(--r-lg);animation:rise .4s var(--ease-expo)}.verdict.true{background:var(--gold-wash)}.verdict.false{background:var(--coral-wash)}.verdict-kicker{font-weight:700}.verdict-actual{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.4}.verdict-stamp{font-family:var(--display);font-size:22px;padding:2px 14px;border:3px solid currentColor;border-radius:var(--r-sm);transform:rotate(-4deg);visibility:hidden}.verdict-stamp.show{visibility:visible;animation:stamp-in .45s var(--ease-expo) both}@keyframes stamp-in{0%{transform:rotate(-4deg) scale(1.8);opacity:0}}.verdict.true .verdict-stamp{color:var(--gold-ink)}.verdict.false .verdict-stamp{color:var(--coral-ink)}.verdict-loser{font-weight:700;visibility:hidden}.verdict-loser.show{visibility:visible;animation:rise .35s var(--ease-expo) .2s both}.verdict-loser.me{color:var(--coral-ink)}.small-note{font-size:13px}.all-dice ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.all-dice li{display:flex;flex-direction:column;gap:4px}.all-dice li.loser .who{color:var(--coral-ink)}.all-dice .who{font-weight:600}.all-dice .die3d{transition:opacity .3s ease}.all-dice.dim .die3d:not(.hit){opacity:.4}.all-dice .die3d.hit{animation:counted .3s var(--ease-out)}@keyframes counted{40%{transform:translateY(-6px) scale(1.08)}}.seat-cup{align-self:flex-start;font-size:12px;font-weight:700;color:var(--gold-ink);background:var(--gold-wash);padding:0 8px;border-radius:99px}.cup-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.cup-card .card-title{align-self:flex-start}.cup{--leather: oklch(47% .09 45);--leather-dark: oklch(36% .08 40);position:relative;width:96px;height:108px;transform-origin:50% 85%}.cup-body{position:absolute;top:10px;right:0;bottom:0;left:0;clip-path:polygon(16% 0,84% 0,100% 100%,0 100%);background:repeating-linear-gradient(90deg,transparent 0 14px,oklch(100% 0 0 / .06) 14px 16px),linear-gradient(90deg,var(--leather-dark),var(--leather) 40%,var(--leather-dark));border-radius:6px}.cup-rim{position:absolute;left:13%;right:13%;top:2px;height:18px;border-radius:50%;background:var(--leather-dark);box-shadow:inset 0 3px #ffffff1f}.cup:after{content:"";position:absolute;left:-6%;right:-6%;bottom:-8px;height:14px;border-radius:50%;background:#0b172333;filter:blur(3px);z-index:-1}.cup.shaking{animation:shake-cup .16s ease-in-out infinite alternate}@keyframes shake-cup{0%{transform:translate(-7px,-4px) rotate(-11deg)}to{transform:translate(7px,-10px) rotate(11deg)}}.dice-row{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--space-xs) + 4px);padding-top:6px}.die3d{--size: 44px;position:relative;width:var(--size);height:var(--size);perspective:calc(var(--size) * 8);flex:none}.die-shadow{position:absolute;left:8%;right:8%;bottom:calc(var(--size) * -.12);height:calc(var(--size) * .18);border-radius:50%;background:#0b172338;filter:blur(3px)}.cube{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.side{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);border-radius:calc(var(--size) * .18);backface-visibility:hidden;box-shadow:inset 0 0 calc(var(--size) * .12) #5644302e}.side{transition:background .25s ease,border-color .25s ease}.die3d.hit .side{background:var(--gold);border-color:var(--gold-press)}.pips{width:72%;height:72%;display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr)}.pips i{width:72%;height:72%;margin:auto;border-radius:50%;background:var(--ink)}.pips[data-value="1"] i{width:90%;height:90%;background:var(--coral)}.die3d.hit .pips i{background:var(--on-gold)}.flat-die{--size: 28px;display:inline-grid;place-items:center;width:var(--size);height:var(--size);background:var(--card);border:1.5px solid var(--ink-soft);border-radius:calc(var(--size) * .2);flex:none}.turn-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--lift);border:2px solid transparent;animation:banner-in .32s var(--ease-expo)}.turn-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:22px;background:var(--paper-2)}.turn-text{display:flex;flex-direction:column;min-width:0;line-height:1.35}.turn-text strong{font-family:var(--display);font-weight:400;font-size:20px;line-height:1.5}.turn-text span{font-size:14px;color:var(--ink-soft)}.turn-banner.me{background:var(--sea);color:var(--on-sea);border-color:var(--sea-press);animation:banner-me .5s var(--ease-expo),banner-glow 2.4s ease-in-out .5s infinite}.turn-banner.me .turn-text span{color:inherit;opacity:.9}.turn-banner.me .turn-icon{background:color-mix(in oklch,var(--on-sea) 18%,transparent);animation:nudge 1.2s ease-in-out .5s infinite}.turn-banner.roll{background:var(--gold-wash);border-color:var(--gold)}.turn-banner.roll .turn-icon{background:var(--gold)}.turn-banner.reveal{background:var(--coral-wash);border-color:var(--coral)}.turn-banner.reveal .turn-icon{background:var(--coral)}@keyframes banner-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes banner-me{0%{opacity:0;transform:scale(.92)}60%{transform:scale(1.03)}}@keyframes banner-glow{50%{box-shadow:var(--lift),0 0 0 5px color-mix(in oklch,var(--sea) 28%,transparent)}}@keyframes nudge{50%{transform:translate(3px)}}.wait-dots{display:inline-flex;gap:4px}.wait-dots i{width:6px;height:6px;border-radius:50%;background:var(--ink-soft);animation:dot 1.2s ease-in-out infinite}.wait-dots i:nth-child(2){animation-delay:.15s}.wait-dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}@keyframes bump{40%{transform:scale(1.15)}}@keyframes pop-small{0%{transform:scale(.5);opacity:0}}.mini-die{--die-top: oklch(99.5% .004 85);--die-left: oklch(92% .012 85);--die-right: oklch(85% .018 85);--die-edge: oklch(30% .04 250);--die-pip: oklch(26% .045 250);position:relative;display:inline-block;width:17px;height:19px;flex:none;filter:drop-shadow(0 1px .5px oklch(20% .04 250 / .28))}.mini-die svg{display:block;width:100%;height:100%;overflow:visible}.mini-die path{stroke:var(--die-edge);stroke-width:1.3;stroke-linejoin:round}.mini-die .md-top{fill:var(--die-top)}.mini-die .md-left{fill:var(--die-left)}.mini-die .md-right{fill:var(--die-right)}.mini-die .md-pips{fill:var(--die-pip)}.seat.me .mini-die{--die-edge: var(--sea-ink)}.mini-die.lost,.tut-lose .mini-die.drop{--die-top: oklch(72% .16 30);--die-left: oklch(63% .18 30);--die-right: oklch(55% .17 28);--die-edge: oklch(42% .14 28);--die-pip: oklch(98.5% .01 85)}.mini-die.lost{animation:die-lost 1s var(--ease-out) forwards}@keyframes die-lost{0%{transform:scale(1)}25%{transform:translateY(-8px) rotate(-20deg) scale(1.25)}to{transform:translateY(18px) rotate(120deg) scale(.4);opacity:0}}.seat-minus{font-weight:700;font-size:13px;color:var(--coral-ink);animation:minus 1s var(--ease-out) forwards}@keyframes minus{0%{opacity:0;transform:translateY(4px)}20%,70%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}.seat-out-stamp{font-family:var(--display);font-size:13px;line-height:1.6;color:var(--coral-ink);border:2px solid currentColor;border-radius:6px;padding:0 6px;transform:rotate(-4deg);animation:stamp-in .45s var(--ease-expo) both}.seat-tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.seat-tags:empty{display:none}.seat-bid{display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:700;color:var(--ink-soft);background:var(--paper-2);padding:1px 6px 1px 8px;border-radius:99px}.seat-bid.newest{color:var(--on-gold);background:var(--gold);animation:pop-small .4s var(--ease-expo)}.seat-offline{font-size:12px;font-weight:700;color:var(--ink-soft);border:1.5px dashed var(--ink-soft);padding:0 6px;border-radius:99px}.seat.offline .seat-name{opacity:.6}.seat.winner{border-color:var(--gold);background:var(--gold-wash)}.bid-card{position:relative}.bid-card.changed{animation:bid-flash .9s var(--ease-out)}@keyframes bid-flash{0%{border-color:var(--sea);background:var(--sea-wash)}}.bid-big{display:inline-flex;align-items:center;gap:10px}.bid-big b{font-family:var(--display);font-weight:400;font-size:52px;line-height:1}.bid-big .times,.bid-empty-face .times{font-size:22px;color:var(--ink-soft)}.slot{display:inline-grid;place-items:center;overflow:visible}.slot>*{grid-area:1 / 1}.slot.roll{overflow:hidden;padding:0 2px}.slot.roll .slot-out{animation:count-out .42s var(--ease-out) forwards}.slot.roll .slot-in.go{animation:count-in .42s var(--ease-expo);color:var(--sea-ink);animation-fill-mode:backwards}@keyframes count-out{to{transform:translateY(-100%);opacity:0}}@keyframes count-in{0%{transform:translateY(100%);opacity:0}}.slot.flip{perspective:300px}.slot.flip .slot-out{animation:flip-out .22s ease-in forwards}.slot.flip .slot-in.go{animation:flip-in .3s var(--ease-out) .2s backwards}@keyframes flip-out{to{transform:rotateY(90deg);opacity:.4}}@keyframes flip-in{0%{transform:rotateY(-90deg)}}.slot-in.go b{animation:ink-back 1.6s ease .4s forwards}@keyframes ink-back{to{color:var(--ink)}}.bid-sub{font-size:14px;color:var(--ink-soft)}.bid-trail{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px;font-size:14px;color:var(--ink-soft)}.bid-trail .bid-label b{font-size:18px}.bid-trail .arrow{color:var(--sea-ink);font-weight:700}.bid-change{font-weight:700;font-size:13px;color:var(--sea-ink);background:var(--sea-wash);padding:0 8px;border-radius:99px}.bid-card.changed .bid-change{animation:pop-small .4s var(--ease-expo) .3s backwards}.bid-empty-face{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:40px;line-height:1.2;color:var(--line)}.flat-die.ghost{--size: 44px;border-style:dashed;border-color:var(--line);background:transparent}.wild.off.just{animation:bump .45s var(--ease-out) .35s;box-shadow:0 0 0 2px var(--coral)}.flat-die.struck{position:relative}.flat-die.struck:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:2px;background:var(--coral-ink);transform:rotate(-45deg);border-radius:2px}.cup-card.urgent{box-shadow:var(--lift),0 0 0 3px var(--sea)}.stepper .tick{animation:bump .25s var(--ease-out)}.face-btn.was{position:relative}.face-btn.was:after{content:"เดิม";position:absolute;bottom:-9px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;line-height:1.4;padding:0 5px;border-radius:99px;background:var(--ink-soft);color:var(--paper)}.face-btn:disabled{background:var(--paper-2)}.face-btn:not(:disabled):active{transform:scale(.94)}.face-btn.on{animation:bump .2s var(--ease-out)}.rule-hint{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;margin-top:6px}.send-bid,.my-dice .hint{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}.btn.liar.armed{animation:armed .5s ease-in-out infinite alternate;outline:3px solid var(--coral-ink);outline-offset:2px}@keyframes armed{to{filter:brightness(1.1)}}.verdict.counting{background:var(--card);box-shadow:var(--lift)}.verdict,.verdict.true,.verdict.false{transition:background .35s ease}.verdict-bid{display:inline-flex;align-items:center;gap:6px}.verdict-actual .count{display:inline-block;min-width:1ch;animation:bump .22s var(--ease-out)}.verdict-vs{color:var(--ink-soft)}.tally{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:340px;margin:4px 0}.tally-cell{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;border:2px dashed var(--ink-soft);transition:border-color .3s ease,background .3s ease}.tally-cell.full{border:0;animation:pop-small .25s var(--ease-out)}.tally-cell.full .flat-die{background:var(--gold);border-color:var(--gold-press)}.tally.short .tally-cell:not(.full){border-color:var(--coral);background:var(--coral-wash)}.tally.met .tally-cell.full.extra .flat-die{background:var(--kelp-wash);border-color:var(--kelp)}.moment{position:fixed;left:50%;top:22%;z-index:50;transform:translate(-50%);width:min(320px,calc(100% - 32px));display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:var(--space-md) var(--space-lg);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--lift),0 20px 60px -20px #00030c80;pointer-events:none;animation:moment 2.2s var(--ease-out) forwards}.moment.liar{background:var(--coral);color:var(--on-coral);animation-duration:1.1s}.moment-kicker{font-weight:700;font-size:14px;color:var(--sea-ink)}.moment-title{font-family:var(--display);font-size:34px;line-height:1.4}.moment-sub{font-weight:600;display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px}.moment-stamp{font-family:var(--display);font-size:44px;line-height:1.3;padding:0 16px;border:4px solid currentColor;border-radius:var(--r-md);transform:rotate(-5deg);animation:stamp-in .4s var(--ease-expo) both}.moment.liar .bid-label b,.moment.liar .times{color:inherit}.moment-order{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 6px;font-size:14px;font-weight:600;color:var(--ink-soft)}.moment-order>span:not(.moment-order-label){animation:rise .3s var(--ease-expo) calc(.15s + var(--i, 0) * 70ms) backwards}.moment-order .arrow{margin-right:6px;color:var(--sea-ink)}.moment-order-label{width:100%;font-size:12px;font-weight:700;color:var(--sea-ink)}@keyframes moment{0%{opacity:0;transform:translate(-50%) translateY(-12px) scale(.94)}14%,80%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-8px) scale(.98)}}.confetti i .flat-die{box-shadow:var(--lift)}.rules .tutorial{margin-top:var(--space-sm)}.tutorial{display:flex;flex-direction:column;gap:var(--space-sm)}.tut-head{display:flex;align-items:center;gap:var(--space-xs)}.tut-num{flex:none;font-size:13px;font-weight:700;color:var(--sea-ink);background:var(--sea-wash);padding:0 8px;border-radius:99px}.tut-title{margin:0;font-family:var(--display);font-weight:400;font-size:19px;line-height:1.5}.tut-scene{min-height:196px;display:grid;place-items:center;padding:var(--space-md) var(--space-sm);border-radius:var(--r-md);background:var(--paper-2);overflow:hidden;animation:fade .25s ease}.tut-caption{margin:0;min-height:4.7em;font-size:15px;text-align:center;animation:fade .3s ease}.tut-caption .flat-die{vertical-align:middle}.tut-dots{display:flex;justify-content:center;gap:2px}.tut-dots button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;width:24px;height:24px;padding:0;cursor:pointer;display:grid;place-items:center}.tut-dots button:before{content:"";width:8px;height:8px;border-radius:99px;background:var(--line);transition:width .2s var(--ease-out),background .2s ease}.tut-dots button.done:before{background:var(--ink-soft)}.tut-dots button.on:before{width:20px;background:var(--sea)}.tut-dots button:focus-visible{outline:3px solid var(--sea);border-radius:6px}.tut-nav{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-xs)}.tut-dice,.tut-hidden{display:inline-flex;flex-wrap:wrap;gap:5px;justify-content:center}.tut-die{display:inline-flex;animation:pop-small .35s var(--ease-out) calc(var(--i, 0) * 70ms) backwards}.tut-die.hit .flat-die{background:var(--gold);border-color:var(--gold-press);animation:counted .35s var(--ease-out) calc(.5s + var(--i, 0) * .12s) backwards}.tut-die.wild .flat-die{outline:2px dashed var(--gold-ink);outline-offset:2px}.tut-die.struck .flat-die{opacity:.45}.tut-die.struck{position:relative}.tut-die.struck:after{content:"";position:absolute;left:-3px;right:-3px;top:50%;height:2.5px;border-radius:2px;background:var(--coral-ink);transform:rotate(-40deg) scaleX(0);animation:strike .3s var(--ease-out) .6s forwards}@keyframes strike{to{transform:rotate(-40deg) scaleX(1)}}.tut-bid{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--r-sm);background:var(--card);box-shadow:var(--lift)}.tut-bid b{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.2}.tut-bid .times{color:var(--ink-soft)}.tut-bid.big b{font-size:36px}.tut-bid.up-face .flat-die,.tut-bid.up-count b{outline:3px solid var(--sea);outline-offset:2px;border-radius:6px}.tut-bid.up-count b{color:var(--sea-ink);padding:0 4px;margin-left:4px}.tut-bid.inline{padding:0 2px;background:none;box-shadow:none;vertical-align:middle}.tut-bid.inline b{font-size:1.15em}.tut-table{width:100%;display:flex;flex-direction:column;gap:6px}.tut-seat{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:6px 10px;border-radius:var(--r-sm);background:var(--card)}.tut-seat.me{box-shadow:inset 0 0 0 2px var(--sea)}.tut-seat.out{opacity:.5}.tut-seat.win{background:var(--gold-wash);box-shadow:inset 0 0 0 2px var(--gold);animation:pop-small .5s var(--ease-expo) .7s backwards}.tut-name{font-weight:700;font-size:15px;white-space:nowrap}.tut-out{font-family:var(--display);font-size:13px;color:var(--coral-ink);border:2px solid currentColor;border-radius:6px;padding:0 6px;transform:rotate(-4deg);animation:stamp-in .4s var(--ease-expo) calc(.2s + var(--i, 0) * .2s) both}.tut-seat.out:nth-child(2) .tut-out{--i: 1}.tut-claim,.tut-call,.tut-wild{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.tut-bubble{display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:600;padding:4px 12px;border-radius:14px 14px 14px 4px;background:var(--card);animation:rise .4s var(--ease-expo)}.tut-arrow{font-size:20px;font-weight:700;color:var(--sea-ink);line-height:1}.tut-arrow.down{animation:bob-down 1.2s ease-in-out infinite}@keyframes bob-down{50%{transform:translateY(4px)}}.tut-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:8px 12px;border-radius:var(--r-md);border:2px dashed var(--sea)}.tut-pool-label{font-size:13px;color:var(--ink-soft)}.tut-ladder{display:flex;flex-direction:column;align-items:center;gap:2px}.tut-rung,.tut-step{animation:rise .35s var(--ease-expo) calc(var(--i, 0) * .35s) backwards}.tut-step{font-size:13px;font-weight:700;color:var(--sea-ink)}.tut-checks{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px}.tut-check{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;column-gap:6px;padding:6px 8px;border-radius:var(--r-sm);background:var(--card);animation:rise .3s var(--ease-expo) calc(var(--i, 0) * 90ms) backwards}.tut-check .tut-bid{box-shadow:none;padding:0;background:none}.tut-check .tut-bid b{font-size:20px}.tut-mark{font-weight:700;font-size:20px}.tut-why{grid-column:1 / -1;font-size:12px;color:var(--ink-soft)}.tut-check.ok{box-shadow:inset 4px 0 0 var(--kelp)}.tut-check.ok .tut-mark{color:var(--kelp-ink)}.tut-check.no{box-shadow:inset 4px 0 0 var(--coral)}.tut-check.no .tut-mark{color:var(--coral-ink)}.tut-liar{font-weight:700;padding:6px 18px;border-radius:var(--r-md);background:var(--coral);color:var(--on-coral);box-shadow:0 4px 0 var(--coral-press);animation:press .5s var(--ease-out) .3s both}@keyframes press{40%{transform:translateY(3px);box-shadow:0 1px 0 var(--coral-press)}}.tut-open{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.tut-open>span{animation:rise .35s var(--ease-expo) calc(.6s + var(--i, 0) * .15s) backwards}.tut-open .tut-die.hit .flat-die{animation-delay:calc(1.2s + var(--i, 0) * .12s)}.tut-count{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:4px;font-weight:600;animation:fade .3s ease 1.4s backwards}.tut-outcomes{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs)}.tut-outcome{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-sm) var(--space-xs);border-radius:var(--r-sm);background:var(--card);text-align:center}.tut-tag{font-weight:700;font-size:14px;padding:0 10px;border-radius:99px}.tut-tag.ok{background:var(--gold-wash);color:var(--gold-ink)}.tut-tag.no{background:var(--coral-wash);color:var(--coral-ink)}.tut-who{font-size:14px;font-weight:600}.tut-lose{display:inline-flex;gap:5px;align-items:center}.tut-lose .mini-die.drop{animation:die-lost 1s var(--ease-out) .6s forwards}.tut-alert{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:5px;font-size:14px;font-weight:700;color:var(--coral-ink);background:var(--coral-wash);padding:4px 12px;border-radius:99px;animation:rise .35s var(--ease-expo)}.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}.icon-btn.corner{position:absolute;top:var(--space-md);right:var(--space-md);z-index:4}.sound-row{display:flex;align-items:flex-start;gap:var(--space-sm);background:var(--card);box-shadow:var(--lift);border-radius:var(--r-md);padding:var(--space-sm)}.sound-toggle{font-size:20px;background:var(--sea-wash);box-shadow:none}.sound-row.off .sound-toggle{background:var(--paper-2)}.sound-slider{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sound-label{display:flex;justify-content:space-between;align-items:baseline;font-size:16px}.sound-pct{font-size:14px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.sound-hint{font-size:13px;color:var(--ink-soft)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--paper-2);border-radius:var(--r-md);padding:4px}.segmented button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;min-height:44px;border-radius:var(--r-sm);background:transparent;color:var(--ink-soft);font:inherit;font-weight:600;font-size:15px;cursor:pointer;transition:background .18s var(--ease-out),color .18s var(--ease-out)}.segmented button.on{background:var(--card);color:var(--ink);box-shadow:var(--lift),inset 0 0 0 2px var(--sea)}.segmented button:focus-visible{outline:3px solid var(--sea);outline-offset:2px}.sound-slider input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:32px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y}.sound-slider input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(to right,var(--sea) var(--fill),var(--line) var(--fill))}.sound-slider input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:linear-gradient(to right,var(--sea) var(--fill),var(--line) var(--fill))}.sound-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:var(--coral);border:3px solid var(--card);box-shadow:0 1px 3px #12253959}.sound-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--coral);border:3px solid var(--card);box-shadow:0 1px 3px #12253959}.sound-slider input[type=range]:focus-visible{outline:3px solid var(--sea);outline-offset:2px;border-radius:var(--r-sm)}.sound-row.off .sound-slider input[type=range]::-webkit-slider-thumb{background:var(--ink-soft)}.sound-row.off .sound-slider input[type=range]::-moz-range-thumb{background:var(--ink-soft)}@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}.seat.turn,.turn-banner.me,.turn-banner.me .turn-icon,.wait-dots i,.btn.liar.armed,.splash,.catch-moment,.moment,.mini-die.lost,.seat-minus{animation:none!important}.mini-die.lost,.seat-minus,.slot-out{display:none}}