:root{--ink: #171428;--ink-soft: #241f3d;--bg-0: #14112b;--panel: #2b2750;--panel-hi: #37326322;--panel-2: #232043;--panel-3: #1c1936;--cream: #fff3d9;--cream-dim: #d8cfc0;--muted: #9b94c4;--gold: #ffd23f;--red: #ff5e5b;--blue: #4f9df7;--green: #2ed573;--good: #2ed573;--bad: #ff4757;--felt-0: #2c6e49;--felt-1: #235c3d;--felt-edge: #1a4530;--pc: #4f9df7;--font-pixel: "Press Start 2P", monospace;--font-body: "Pixelify Sans", "Trebuchet MS", sans-serif;--shadow-hard: 0 6px 0 rgba(10, 8, 24, .85);--shadow-soft: 0 10px 28px rgba(8, 6, 20, .5)}*{box-sizing:border-box}html,body{margin:0;min-width:320px;height:100%;color:var(--cream);font-family:var(--font-body);font-size:17px;overflow:hidden;background:var(--bg-0)}#root{height:100%}button{font-family:inherit;cursor:pointer}input{font-family:inherit}::selection{background:var(--gold);color:var(--ink)}.app-shell{position:relative;height:100dvh;overflow:hidden}.app-shell.nomercy{--bg-0: #190505;--panel: #45161a;--panel-2: #340f13;--panel-3: #270a0d;--ink: #1c0708;--ink-soft: #320d10;--muted: #c08a82;--cream: #ffe9d9;--cream-dim: #e8c4b4;--gold: #ffae2b;--blue: #d2622f}.app-shell.nomercy .crt-overlay{background:repeating-linear-gradient(0deg,rgba(30,4,4,.2) 0px,rgba(30,4,4,.2) 1px,transparent 1px,transparent 4px)}.app-shell.nomercy .pile-card,.app-shell.nomercy .travel-card,.app-shell.nomercy .reveal-back,.app-shell.nomercy .card-back{background:repeating-linear-gradient(45deg,rgba(255,200,120,.16) 0 5px,transparent 5px 10px),linear-gradient(135deg,#7e1d22,#c14a2c)}.app-shell.nomercy .seat-cards-icon{background:linear-gradient(135deg,#7e1d22,#c14a2c)}.mode-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .7rem;border:3px solid var(--ink);border-radius:9px;background:linear-gradient(180deg,#c1452f,#7e1d22);color:#ffe9d9;font-family:var(--font-pixel);font-size:.52rem;letter-spacing:.1em;box-shadow:0 4px #0a0818d9,0 0 18px #ff6e3c66;animation:hell-pulse 1.8s ease-in-out infinite}@keyframes hell-pulse{50%{box-shadow:0 4px #0a0818d9,0 0 30px #ff6e3ca6}}.pixel-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;image-rendering:pixelated}.crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(8,6,20,.14) 0px,rgba(8,6,20,.14) 1px,transparent 1px,transparent 4px);mix-blend-mode:multiply;opacity:.5}.pixel-avatar{display:block;image-rendering:pixelated;filter:drop-shadow(0 3px 0 rgba(10,8,24,.55))}.pixel-panel{background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border:3px solid var(--ink);border-radius:12px;box-shadow:var(--shadow-hard),var(--shadow-soft),inset 0 3px #ffffff17}.panel-kicker{font-family:var(--font-pixel);font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 0 rgba(10,8,24,.8)}.game-btn{position:relative;border:3px solid var(--ink);border-radius:10px;padding:0;background:var(--ink);box-shadow:0 5px #0a0818d9;transition:transform .08s ease,box-shadow .08s ease,filter .12s ease}.game-btn-face{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.72rem 1.15rem;border-radius:7px;font-family:var(--font-pixel);font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;color:var(--cream);box-shadow:inset 0 3px #ffffff40,inset 0 -4px #0a081840;transition:background .12s ease}.game-btn.primary .game-btn-face{background:var(--red)}.game-btn.secondary .game-btn-face{background:var(--blue)}.game-btn.accent .game-btn-face{background:var(--gold);color:var(--ink)}.game-btn.danger .game-btn-face{background:var(--bad)}.game-btn.ghost .game-btn-face{background:var(--panel-2)}.game-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px #0a0818d9;filter:brightness(1.08)}.game-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #0a0818d9}.game-btn:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.4)}.icon-chip{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:3px solid var(--ink);border-radius:9px;background:var(--panel);color:var(--cream);box-shadow:0 4px #0a0818d9,inset 0 2px #ffffff1a;transition:transform .08s ease,box-shadow .08s ease}.icon-chip:hover{transform:translateY(-2px);box-shadow:0 6px #0a0818d9,inset 0 2px #ffffff1a}.icon-chip:active{transform:translateY(2px);box-shadow:0 1px #0a0818d9}.field{display:flex;flex-direction:column;gap:.4rem}.field span{font-family:var(--font-pixel);font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.field input,.private-join input{border:3px solid var(--ink);border-radius:9px;background:var(--panel-3);color:var(--cream);font-size:1.15rem;font-weight:600;padding:.6rem .85rem;outline:none;box-shadow:inset 0 3px #0a081880;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.private-join input:focus{border-color:var(--gold);box-shadow:inset 0 3px #0a081880,0 0 0 3px #ffd23f40}.error{margin:0;font-weight:700;color:var(--bad);text-shadow:0 2px 0 rgba(10,8,24,.6)}.lobby{position:relative;z-index:1;display:grid;grid-template-columns:minmax(380px,1.1fr) minmax(420px,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);height:100dvh;max-width:1380px;margin:0 auto;padding:clamp(1.5rem,4vw,3.5rem)}.lobby-topbar{position:absolute;top:1.2rem;right:1.4rem;z-index:5}.brand-panel{display:flex;flex-direction:column;gap:1.4rem}.game-logo{width:min(420px,100%);height:auto;filter:drop-shadow(0 6px 0 rgba(10,8,24,.6))}.game-logo--compact{width:132px}.tagline{margin:0;font-size:1.35rem;font-weight:600;color:var(--cream-dim);max-width:30rem;text-shadow:0 2px 0 rgba(10,8,24,.7)}.rule-strip{display:flex;gap:.8rem}.rule-step{flex:1;display:flex;flex-direction:column;gap:.25rem;padding:.8rem .9rem;background:#171428b8;border:3px solid var(--ink);border-radius:10px;box-shadow:0 4px #0a0818b3}.rule-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:var(--gold);color:var(--ink);border:2px solid var(--ink);font-family:var(--font-pixel);font-size:.62rem}.rule-step strong{font-size:1.02rem}.rule-step small{color:var(--muted);font-size:.88rem}.join-panel{display:flex;flex-direction:column;gap:1rem;padding:clamp(1.2rem,2.4vw,1.8rem)}.invite-banner{display:flex;align-items:center;justify-content:space-between;padding:.55rem .9rem;border:3px dashed var(--gold);border-radius:9px;background:#ffd23f14;font-weight:700}.invite-banner span{font-size:.9rem;color:var(--muted)}.invite-banner b{font-family:var(--font-pixel);font-size:.75rem;color:var(--gold)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.private-join{display:grid;grid-template-columns:1fr auto;gap:.8rem}.private-join input{font-family:var(--font-pixel);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}.avatar-builder{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.9rem;border:3px solid var(--ink);border-radius:12px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--pc) 26%,transparent),transparent 70%),var(--panel-3);box-shadow:inset 0 4px #0a081873}.avatar-arrows{display:flex;flex-direction:column;gap:1.05rem}.avatar-arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:3px solid var(--ink);border-radius:9px;background:var(--panel);color:var(--cream);box-shadow:0 4px #0a0818d9,inset 0 2px #ffffff1f;transition:transform .08s ease,box-shadow .08s ease,background .12s ease}.avatar-arrow:hover{transform:translateY(-2px) scale(1.06);background:color-mix(in srgb,var(--pc) 35%,var(--panel))}.avatar-arrow:active{transform:translateY(2px);box-shadow:0 1px #0a0818d9}.avatar-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.4rem 0}.avatar-dice{position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:3px solid var(--ink);border-radius:9px;background:var(--gold);color:var(--ink);box-shadow:0 4px #0a0818d9;transition:transform .12s ease,box-shadow .12s ease}.avatar-dice:hover{transform:rotate(18deg) scale(1.08)}.avatar-dice:active{transform:translateY(2px);box-shadow:0 1px #0a0818d9}.pixel-toggle{display:flex;align-items:center;gap:.85rem;padding:.6rem .8rem;border:3px solid var(--ink);border-radius:10px;background:var(--panel-3);color:var(--cream);text-align:left;box-shadow:inset 0 3px #0a081866;transition:border-color .15s ease}.pixel-toggle.on{border-color:var(--green)}.pixel-toggle.hell.on{border-color:#ff6e3c}.pixel-toggle.hell.on .pixel-toggle-track{background:linear-gradient(180deg,#ff6e3c,#c1452f)}.pixel-toggle.hell.on .pixel-toggle-text strong{color:#ff9f6a}.pixel-toggle-track{position:relative;flex:none;width:58px;height:30px;border:3px solid var(--ink);border-radius:8px;background:var(--ink-soft);transition:background .15s ease}.pixel-toggle.on .pixel-toggle-track{background:var(--green)}.pixel-toggle-knob{position:absolute;top:1px;left:2px;width:22px;height:22px;border:2px solid var(--ink);border-radius:6px;background:var(--cream);box-shadow:0 2px #0a081899;transition:transform .16s cubic-bezier(.6,1.6,.4,1)}.pixel-toggle.on .pixel-toggle-knob{transform:translate(26px)}.pixel-toggle-text{display:flex;flex-direction:column;gap:.1rem}.pixel-toggle-text strong{display:inline-flex;align-items:center;gap:.4rem;font-size:1.02rem}.pixel-toggle-text small{color:var(--muted);font-size:.85rem}.mobile-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:#0c091ce6}.mobile-gate-card{display:flex;flex-direction:column;gap:.8rem;max-width:21rem;padding:1.4rem;text-align:center}.mobile-gate-card strong{font-family:var(--font-pixel);font-size:.72rem;line-height:1.5}.mobile-gate-card p{margin:0;color:var(--muted)}.stagewrap{position:relative;z-index:1;height:100dvh}.stagewrap:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:55;opacity:0;transition:opacity .3s ease}.stagewrap.tint-truth:after{background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(46,213,115,.28));opacity:1}.stagewrap.tint-lie:after{background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(255,71,87,.3));opacity:1}.stage{display:grid;grid-template-rows:auto 1fr auto;height:100%;max-width:1640px;margin:0 auto;padding:.8rem clamp(.8rem,2vw,2rem) 1rem;gap:.7rem}.chrome{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-mini{display:flex;align-items:center}.chrome-right{display:flex;align-items:center;gap:.6rem}.room-plaque{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .8rem;border:3px solid var(--ink);border-radius:9px;background:var(--panel);color:var(--gold);font-family:var(--font-pixel);font-size:.68rem;letter-spacing:.14em;box-shadow:0 4px #0a0818d9,inset 0 2px #ffffff1a;transition:transform .08s ease}.room-plaque:hover{transform:translateY(-2px)}.room-plaque .lbl{font-size:.46rem;color:var(--muted);letter-spacing:.1em}.ghost-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .85rem;border:3px solid var(--ink);border-radius:9px;background:var(--panel-2);color:var(--cream-dim);font-weight:700;font-size:.95rem;box-shadow:0 4px #0a0818d9;transition:transform .08s ease,color .12s ease}.ghost-btn:hover{transform:translateY(-2px);color:var(--bad)}.felt-wrap{position:relative;min-height:0}.felt{position:relative;height:100%}.slot-pile{position:relative}.showdown{position:fixed;top:0;right:0;bottom:0;left:0;z-index:48;display:grid;place-items:center;background:#080614ed}.showdown-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 48%,rgba(255,243,217,.1) 0%,rgba(255,243,217,.04) 26%,transparent 52%);animation:spotlight-flicker 1.6s ease-in-out infinite}@keyframes spotlight-flicker{50%{opacity:.75}}.showdown-row{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(1.5rem,5vw,4.5rem);width:min(1100px,94vw)}.showdown-side{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.showdown-side.left{justify-self:end}.showdown-side.right{justify-self:start}.showdown-avatar{display:grid;place-items:center;width:132px;height:132px;border:4px solid var(--pc);border-radius:18px;background:var(--panel-3);box-shadow:0 7px #0009,0 0 38px color-mix(in srgb,var(--pc) 40%,transparent),inset 0 0 0 3px var(--ink)}.showdown-side.loser .showdown-avatar{border-color:var(--bad);box-shadow:0 7px #0009,0 0 38px #ff47578c,inset 0 0 0 3px var(--ink)}.showdown-side.winner .showdown-avatar{border-color:var(--good);box-shadow:0 7px #0009,0 0 38px #2ed57380,inset 0 0 0 3px var(--ink)}.showdown-name{font-family:var(--font-body);font-size:1.25rem;font-weight:700;color:var(--cream);text-shadow:0 2px 0 rgba(0,0,0,.7)}.showdown-role{font-family:var(--font-pixel);font-size:.55rem;letter-spacing:.12em;color:var(--pc);background:#171428f2;border:2px solid var(--pc);border-radius:7px;padding:.32rem .55rem}.showdown-outcome{font-family:var(--font-pixel);font-size:.66rem;letter-spacing:.08em;padding:.45rem .7rem;border:3px solid var(--ink);border-radius:9px;color:var(--ink);box-shadow:0 4px #0009}.showdown-outcome.bad{background:var(--bad);color:#fff}.showdown-outcome.good{background:var(--good)}.showdown-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.1rem;min-width:300px;min-height:240px;justify-content:center}.showdown-claim{font-family:var(--font-pixel);font-size:.72rem;letter-spacing:.1em;color:var(--gold);background:#171428f2;border:3px solid var(--ink);border-radius:9px;padding:.5rem .85rem;box-shadow:0 4px #0009}.showdown-cards{position:relative;display:flex;align-items:center}.showdown-cards .reveal-flip{width:76px;height:107px}.showdown-vs{position:absolute;bottom:6px;font-family:var(--font-pixel);font-size:1.5rem;color:var(--bad);text-shadow:3px 0 0 var(--ink),-3px 0 0 var(--ink),0 3px 0 var(--ink),0 -3px 0 var(--ink),0 7px 0 rgba(0,0,0,.7)}.seat{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.15rem;width:132px;text-align:center}.seat-arrow{position:absolute;top:-34px;left:50%;margin-left:-13px;color:var(--pc);filter:drop-shadow(0 3px 0 rgba(10,8,24,.8));pointer-events:none}.seat-avatar{position:relative;display:grid;place-items:center;width:76px;height:76px;border:3px solid var(--pc);border-radius:15px;background:var(--panel-3);box-shadow:0 4px #0a0818cc,inset 0 0 0 2px var(--ink);transition:box-shadow .3s ease}.seat--turn .seat-avatar{box-shadow:0 4px #0a0818cc,inset 0 0 0 2px var(--ink),0 0 26px var(--pc-glow, rgba(255, 255, 255, .4))}.seat-crown{position:absolute;top:-11px;left:-9px;display:grid;place-items:center;width:23px;height:23px;border:2px solid var(--ink);border-radius:7px;background:var(--gold);color:var(--ink);box-shadow:0 2px #0a0818b3}.seat-cards{position:absolute;bottom:-11px;right:-11px;display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-pixel);font-size:.6rem;color:var(--cream);background:var(--ink);border:2px solid rgba(255,243,217,.25);border-radius:7px;padding:.25rem .4rem;box-shadow:0 3px #0a0818b3}.seat-cards-icon{display:inline-block;width:9px;height:12px;border:1px solid var(--cream);border-radius:2px;background:linear-gradient(135deg,#5a4fcf,#7a6ff0)}.seat-timerbar{display:block;width:92px;height:9px;border:2px solid var(--ink);border-radius:5px;background:#171428d9;overflow:hidden;box-shadow:0 2px #0a0818b3}.seat-timerbar-fill{display:block;height:100%;background:var(--pc);transition:width .15s linear}.seat-timerbar.danger .seat-timerbar-fill{background:var(--bad)}.seat-timerbar.danger{animation:timer-shake .5s ease-in-out infinite}.plate{max-width:132px;padding:.22rem .6rem;border:2px solid var(--ink);border-radius:8px;background:color-mix(in srgb,var(--pc) 80%,var(--ink));box-shadow:0 3px #0a0818cc}.plate strong{display:block;font-size:.86rem;font-weight:700;color:var(--cream);text-shadow:0 1px 0 rgba(10,8,24,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-turn-tag{font-family:var(--font-pixel);font-size:.42rem;letter-spacing:.1em;color:var(--pc);background:#171428e6;border:2px solid var(--pc);border-radius:6px;padding:.24rem .4rem;animation:tag-blink 1.1s steps(2) infinite}@keyframes tag-blink{50%{opacity:.45}}.seat-flag{font-family:var(--font-pixel);font-size:.42rem;letter-spacing:.08em;color:var(--ink);background:var(--gold);border:2px solid var(--ink);border-radius:6px;padding:.24rem .4rem;box-shadow:0 2px #0a0818b3}.seat-flag.offline{background:var(--ink-soft);color:var(--muted)}.seat--offline{opacity:.45;filter:saturate(.3)}.seat--lastplay .seat-avatar{border-style:dashed}.core{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;pointer-events:none}.core-inner{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:clamp(165px,24vh,230px)}@media(max-height:820px){.core-inner{margin-top:140px}.slot-claim{height:60px}.slot-bubble{height:42px}.slot-call{height:72px}}.core-inner>*{pointer-events:auto}.slot-claim{height:72px;display:grid;place-items:center}.slot-bubble{height:50px;display:grid;place-items:center}.slot-call{height:86px;display:grid;place-items:start center;padding-top:.4rem}.claim-plaque{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.55rem 1.3rem;border:3px solid var(--ink);border-radius:11px;background:linear-gradient(180deg,#3a3468,#2b2750);box-shadow:0 5px #0a0818d9,inset 0 3px #ffffff1a}.claim-plaque .cap{font-family:var(--font-pixel);font-size:.44rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.claim-plaque .rk{font-family:var(--font-pixel);font-size:1.05rem;color:var(--gold);text-shadow:0 3px 0 rgba(10,8,24,.8)}.claim-plaque .rk.muted{color:var(--muted);font-size:.8rem}.pile{position:relative;display:grid;place-items:center;width:300px;height:185px}.pile-card{position:absolute;width:78px;height:108px;border:3px solid var(--ink);border-radius:9px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 5px,transparent 5px 10px),linear-gradient(135deg,#5a4fcf,#7a6ff0);box-shadow:0 4px #0a081899,inset 0 0 0 3px #ffffff24}.pilenum{position:relative;z-index:2;font-family:var(--font-pixel);font-size:1.45rem;color:var(--cream);background:var(--ink);border-radius:11px;border:3px solid rgba(255,255,255,.18);padding:.5rem .7rem;box-shadow:0 5px #0a0818cc}.pile-empty{font-family:var(--font-pixel);font-size:.6rem;letter-spacing:.12em;color:#fff3d980;border:3px dashed rgba(255,243,217,.28);border-radius:11px;padding:1.6rem 1.4rem}.lastplay-bubble{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .75rem;border:3px solid var(--pc);border-radius:10px;background:#171428f0;font-size:1rem;white-space:nowrap;box-shadow:0 4px #0a0818cc}.lastplay-bubble b{color:var(--gold)}.controls.hidden{visibility:hidden}.wait-chip{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;width:100%;padding:.8rem 1rem;border:3px dashed color-mix(in srgb,var(--pc) 55%,var(--ink));border-radius:10px;background:#171428b3;color:var(--cream-dim);font-weight:700;font-size:1rem}.wait-chip b{color:var(--pc)}.controls-stack{display:flex;flex-direction:column;gap:.45rem}.pass-btn .game-btn-face{padding:.55rem 1rem;font-size:.52rem;color:var(--cream-dim)}.pick-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:47;display:grid;place-items:center;background:#140303e0}.pick-panel{display:flex;flex-direction:column;align-items:center;gap:.7rem;max-width:620px;padding:1.6rem 1.9rem;text-align:center;background:linear-gradient(180deg,#45161a,#270a0d);border:3px solid #1c0708;border-radius:14px;box-shadow:0 8px #0009,0 0 50px #ff5a2840}.panel-kicker.hell{color:#ff9f6a}.pick-panel h2{margin:0;font-family:var(--font-pixel);font-size:1.05rem;color:#ffe9d9}.pick-panel p{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:0;color:#e8c4b4;font-weight:600;font-size:.98rem}.pick-cards{display:flex;justify-content:center;padding:.7rem 0 .3rem}.pick-card{position:relative;width:66px;height:92px;margin-left:-14px;padding:0;border:none;background:none;cursor:pointer}.pick-card:first-child{margin-left:0}.pick-card-back{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #1c0708;border-radius:8px;background:repeating-linear-gradient(45deg,rgba(255,200,120,.16) 0 5px,transparent 5px 10px),linear-gradient(135deg,#7e1d22,#c14a2c);box-shadow:0 4px #0000008c;transition:box-shadow .15s ease}.pick-card:hover .pick-card-back{box-shadow:0 6px #0000008c,0 0 22px #ff824699}.pick-card-num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-pixel);font-size:.8rem;color:#ffe9d9d9;text-shadow:0 2px 0 rgba(0,0,0,.7)}.pick-more{color:#c08a82;font-weight:700}.pick-cancel{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border:2px solid rgba(255,233,217,.3);border-radius:8px;background:transparent;color:#e8c4b4;font-weight:700}.pick-cancel:hover{color:#ffe9d9;border-color:#ffe9d999}.reveal-flip.picked{filter:drop-shadow(0 0 14px rgba(255,174,43,.9))}.reveal-flip.picked:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:3px dashed var(--gold);border-radius:11px;pointer-events:none}.call-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.5rem;border:3px solid var(--ink);border-radius:12px;background:var(--bad);color:#fff;font-family:var(--font-pixel);font-size:.78rem;letter-spacing:.06em;box-shadow:0 6px #0a0818d9,inset 0 3px #ffffff47;animation:call-pulse .9s ease-in-out infinite;transition:transform .08s ease,box-shadow .08s ease}.call-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 9px #0a0818d9,0 0 30px #ff475780,inset 0 3px #ffffff47}.call-btn:active{transform:translateY(3px);box-shadow:0 1px #0a0818d9}@keyframes call-pulse{50%{box-shadow:0 6px #0a0818d9,0 0 26px #ff475799,inset 0 3px #ffffff47}}.reveal{position:relative;z-index:3;display:flex;align-items:center}.reveal-flip{position:relative;display:block;width:64px;height:90px;perspective:600px}.reveal-flip-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(180deg);transition:transform .65s cubic-bezier(.4,1.4,.4,1);transition-delay:inherit}.reveal-flip.flipped .reveal-flip-inner{transform:rotateY(0)}.reveal-back,.reveal-front{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:7px}.reveal-back{transform:rotateY(180deg);border:3px solid var(--ink);background:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 4px,transparent 4px 8px),linear-gradient(135deg,#5a4fcf,#7a6ff0)}.reveal-front{display:grid;place-items:center}.reveal-tag{position:absolute;top:-26px;left:50%;translate:-50% 0;z-index:4;font-family:var(--font-pixel);font-size:.9rem;padding:.45rem .8rem;border:3px solid var(--ink);border-radius:9px;color:var(--ink);box-shadow:0 4px #0a0818cc}.reveal-tag.truth{background:var(--good)}.reveal-tag.lie{background:var(--bad);color:#fff}.pending-banner{position:absolute;bottom:3.4rem;left:50%;translate:-50% 0;z-index:6;display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1rem;border:3px solid var(--pc);border-radius:11px;background:#171428f2;box-shadow:0 5px #0a0818d9;white-space:nowrap}.pending-banner strong{color:var(--gold)}.pending-banner span{color:var(--cream-dim);font-size:.95rem}.toastline{position:absolute;bottom:.9rem;left:50%;translate:-50% 0;pointer-events:none}.msg{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem .95rem;border:2px solid rgba(255,243,217,.2);border-radius:9px;background:#171428d1;color:var(--cream-dim);font-size:.98rem;font-weight:600;white-space:nowrap}.dock{position:relative;z-index:10;display:grid;grid-template-columns:220px 1fr 250px;align-items:end;gap:1rem;min-height:178px;padding:.5rem .6rem .2rem}.you-plate{position:relative;display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;border:3px solid var(--pc);border-radius:13px;background:linear-gradient(180deg,var(--panel),var(--panel-2));box-shadow:0 5px #0a0818d9,inset 0 3px #ffffff14}.dock--live .you-plate{animation:plate-glow 1.4s ease-in-out infinite}.dock--idle .hand-dock{filter:saturate(.45) brightness(.62)}.dock--idle .you-plate{filter:saturate(.7) brightness(.85)}@keyframes plate-glow{50%{box-shadow:0 5px #0a0818d9,0 0 26px color-mix(in srgb,var(--pc) 50%,transparent),inset 0 3px #ffffff14}}.you-meta{display:flex;flex-direction:column;gap:.05rem;min-width:0}.you-meta strong{font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.you-meta small{color:var(--muted);font-weight:700}.you-turn-tag{position:absolute;top:-13px;left:50%;translate:-50% 0;font-family:var(--font-pixel);font-size:.46rem;letter-spacing:.1em;color:var(--ink);background:var(--pc);border:2px solid var(--ink);border-radius:6px;padding:.25rem .5rem;box-shadow:0 2px #0a0818b3;white-space:nowrap}.controls{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;padding-bottom:.4rem}.declared-chip{align-self:center;display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .7rem;border:2px solid var(--gold);border-radius:8px;background:#ffd23f1f;color:var(--cream-dim);font-size:.92rem;font-weight:700}.declared-chip b{color:var(--gold)}.play-btn .game-btn-face{padding:.95rem 1.1rem;font-size:.66rem}.hand-dock{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:170px;padding:0 1rem;filter:saturate(.82) brightness(.92);transition:filter .3s ease}.hand-dock.live{filter:none;cursor:pointer}.dock-slot{position:relative}.dock-card{position:relative;pointer-events:none;transform-origin:50% 100%;transition:transform .22s cubic-bezier(.3,1.3,.5,1);will-change:transform}.dock-card.hover:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1;border-radius:12px;background:#fff3d952}.dock-card.sel:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;z-index:-1;border-radius:12px;background:var(--pc);box-shadow:0 0 20px color-mix(in srgb,var(--pc) 65%,transparent)}.sel-badge{position:absolute;top:-10px;right:-8px;z-index:5;display:grid;place-items:center;width:24px;height:24px;border:2px solid var(--ink);border-radius:7px;background:var(--pc);color:var(--ink);font-family:var(--font-pixel);font-size:.56rem;box-shadow:0 2px #0a0818b3}.fan-empty{margin:0 auto;align-self:center;font-weight:700;color:var(--cream-dim);background:#171428cc;border:2px dashed rgba(255,243,217,.3);border-radius:10px;padding:.8rem 1.2rem}.pcard{position:relative;display:block;width:92px;height:130px;padding:0;border:3px solid var(--ink);border-radius:9px;background:linear-gradient(180deg,#fffdf6,#f3ecd9);box-shadow:0 4px #0a08188c,inset 0 2px #fff;font-family:var(--font-pixel);-webkit-user-select:none;user-select:none}button.pcard{cursor:pointer}.pcard.size-sm{width:64px;height:90px;border-width:3px}.pcard.size-md{width:76px;height:107px}.pcard.red{color:#e0314b}.pcard.black{color:#2b2440}.pcard-corner{position:absolute;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1}.pcard-corner.tl{top:7px;left:7px}.pcard-corner.br{bottom:7px;right:7px;transform:rotate(180deg)}.pcard-corner b{font-size:.72rem;font-weight:400}.pcard.size-sm .pcard-corner b{font-size:.55rem}.pcard-corner i{font-style:normal;font-size:.62rem;font-family:var(--font-body)}.pcard-pips{position:absolute;top:22px;right:20px;bottom:22px;left:20px}.pip{position:absolute;font-style:normal;font-size:.95rem;font-family:var(--font-body);line-height:1}.pcard.size-sm .pip{font-size:.7rem}.pcard-face{position:absolute;top:16px;right:14px;bottom:16px;left:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px solid currentColor;border-radius:6px;background:repeating-linear-gradient(45deg,transparent 0 5px,color-mix(in srgb,currentColor 7%,transparent) 5px 10px)}.pcard-crown{width:26px;height:19px}.pcard.size-sm .pcard-crown{width:18px;height:13px}.pcard-face-letter{font-size:1.3rem}.pcard.size-sm .pcard-face-letter{font-size:.9rem}.pcard-face-suit{font-family:var(--font-body);font-size:1rem;line-height:1}.pcard.selected{border-color:var(--pc, var(--gold))}.card-back{display:block;width:58px;height:80px;border:3px solid var(--ink);border-radius:7px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 4px,transparent 4px 8px),linear-gradient(135deg,#5a4fcf,#7a6ff0)}.rank-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:grid;place-items:center;padding-bottom:120px;background:#0c091cc7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rank-gate-panel{display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:620px;padding:1.5rem 1.8rem;text-align:center}.rank-gate-panel h2{margin:0;font-family:var(--font-pixel);font-size:1rem;line-height:1.5}.rank-gate-hint{margin:0 0 .5rem;color:var(--muted);font-size:.98rem}.rank-gate-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.rank-gate-chip{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.55rem .3rem .45rem;min-width:64px;border:3px solid var(--ink);border-radius:9px;background:var(--panel-3);color:var(--cream);box-shadow:0 4px #0a0818d9;transition:transform .1s ease,background .12s ease,box-shadow .1s ease}.rank-gate-chip b{font-family:var(--font-pixel);font-size:.95rem}.rank-gate-chip small{font-size:.72rem;color:var(--muted);font-weight:700}.rank-gate-chip.have{background:color-mix(in srgb,var(--green) 18%,var(--panel-3))}.rank-gate-chip.have small{color:var(--green)}.rank-gate-chip:hover{transform:translateY(-3px) scale(1.05);background:var(--gold);color:var(--ink);box-shadow:0 7px #0a0818d9}.rank-gate-chip:hover small{color:var(--ink)}.rank-gate-chip:active{transform:translateY(2px);box-shadow:0 1px #0a0818d9}.turn-timer{position:relative;display:grid;place-items:center;flex:none}.tt-track{stroke:#171428a6}.tt-fill{stroke:var(--gold);transition:stroke-dashoffset .15s linear}.turn-timer.danger .tt-fill{stroke:var(--bad)}.turn-timer.danger{animation:timer-shake .5s ease-in-out infinite}@keyframes timer-shake{25%{transform:translate(-1px)}75%{transform:translate(1px)}}.tt-secs{position:absolute;font-family:var(--font-pixel);font-size:.62rem;color:var(--cream);text-shadow:0 2px 0 rgba(10,8,24,.8)}.turn-timer.you .tt-secs{font-size:.5rem}.travel-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}.travel-card{position:absolute;top:0;left:0;width:52px;height:72px;border:3px solid var(--ink);border-radius:7px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.14) 0 4px,transparent 4px 8px),linear-gradient(135deg,color-mix(in srgb,var(--pc) 75%,#2b2440),color-mix(in srgb,var(--pc) 45%,#2b2440));box-shadow:0 4px #0a081880,0 0 16px color-mix(in srgb,var(--pc) 35%,transparent)}.splash-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;pointer-events:none}.splash-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,#0806148c,#08061440 70%)}.splash{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.splash-text{font-family:var(--font-pixel);font-size:clamp(2rem,5vw,3.6rem);color:var(--cream);text-shadow:4px 0 0 var(--ink),-4px 0 0 var(--ink),0 4px 0 var(--ink),0 -4px 0 var(--ink),4px 4px 0 var(--ink),-4px 4px 0 var(--ink),4px -4px 0 var(--ink),-4px -4px 0 var(--ink),0 10px 0 rgba(10,8,24,.8)}.splash.tone-you .splash-text{color:var(--pc)}.splash.tone-good .splash-text{color:var(--good)}.splash.tone-bad .splash-text{color:var(--bad)}.splash.tone-neutral .splash-text{color:var(--gold)}.splash-sub{font-family:var(--font-pixel);font-size:.66rem;letter-spacing:.1em;color:var(--cream);background:#171428eb;border:2px solid var(--ink);border-radius:8px;padding:.45rem .8rem;box-shadow:0 3px #0a0818cc}.fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:5}.burst-ring{position:absolute;width:130px;height:130px;border:5px solid var(--fxc);border-radius:50%}.burst-spark{position:absolute;width:9px;height:9px;background:var(--fxc);border:2px solid var(--ink)}.coach{position:fixed;left:1.4rem;bottom:200px;z-index:45;display:flex;align-items:flex-start;gap:.6rem;max-width:330px;padding:.8rem .9rem;border:3px solid var(--gold);border-radius:12px;background:#171428f5;box-shadow:0 6px #0a0818d9}.coach-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border:2px solid var(--ink);border-radius:8px;background:var(--gold);color:var(--ink)}.coach p{margin:0;font-size:.95rem;font-weight:600;line-height:1.45;color:var(--cream-dim)}.coach button{flex:none;display:grid;place-items:center;width:24px;height:24px;border:2px solid var(--ink);border-radius:6px;background:var(--panel-2);color:var(--muted)}.coach button:hover{color:var(--cream)}.waiting-card{position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:8;display:flex;flex-direction:column;gap:1rem;width:min(480px,92%);padding:1.4rem 1.5rem}.waiting-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.waiting-head h3{margin:.2rem 0 0;font-family:var(--font-pixel);font-size:.95rem}.copy-link-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .8rem;border:3px solid var(--ink);border-radius:9px;background:var(--gold);color:var(--ink);font-family:var(--font-pixel);font-size:.62rem;letter-spacing:.12em;box-shadow:0 4px #0a0818d9;transition:transform .08s ease,box-shadow .08s ease}.copy-link-btn:hover{transform:translateY(-2px);box-shadow:0 6px #0a0818d9}.copy-link-btn:active{transform:translateY(2px);box-shadow:0 1px #0a0818d9}.waiting-players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem;max-height:300px;overflow-y:auto}.waiting-players li{display:flex;align-items:center;gap:.75rem;padding:.45rem .7rem;border:2px solid color-mix(in srgb,var(--pc) 65%,var(--ink));border-radius:10px;background:var(--panel-3)}.waiting-players li strong{flex:1;font-size:1.02rem}.waiting-players li strong em{font-style:normal;color:var(--muted);font-size:.85rem}.waiting-players li>span{font-family:var(--font-pixel);font-size:.46rem;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}.waiting-players li.offline>span{color:var(--muted)}.waiting-empty-slot{opacity:.6;border-style:dashed!important;border-color:#fff3d94d!important}.slot-ghost{width:42px;height:42px;border:2px dashed rgba(255,243,217,.35);border-radius:10px}.waiting-foot{display:flex;justify-content:center}.waiting-host{margin:0;color:var(--muted);font-weight:700;animation:tag-blink 1.6s steps(2) infinite}.errline{position:fixed;bottom:1.2rem;left:50%;translate:-50% 0;z-index:70;padding:.6rem 1.1rem;border:3px solid var(--bad);border-radius:10px;background:#171428f5;color:var(--bad);font-weight:800;box-shadow:0 5px #0a0818d9}.winner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;display:grid;place-items:center;background:#0c091cc7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.winner-card{display:flex;flex-direction:column;align-items:center;gap:.7rem;width:min(440px,92%);padding:1.8rem 1.8rem 1.5rem;text-align:center;border-color:var(--pc)}.winner-crown{color:var(--gold);filter:drop-shadow(0 4px 0 rgba(10,8,24,.7))}.winner-card h2{margin:0;font-family:var(--font-pixel);font-size:1.25rem;color:var(--pc);text-shadow:0 3px 0 rgba(10,8,24,.8)}.winner-card p{margin:0;color:var(--muted);font-weight:700}.winner-ranking{list-style:none;margin:.4rem 0;padding:0;width:100%;display:flex;flex-direction:column;gap:.35rem}.winner-ranking li{display:flex;align-items:center;gap:.6rem;padding:.35rem .6rem;border:2px solid color-mix(in srgb,var(--pc) 55%,var(--ink));border-radius:9px;background:var(--panel-3);text-align:left}.winner-ranking li strong{flex:1}.winner-ranking li>span:last-child{font-size:.85rem;color:var(--muted);font-weight:700}.rank-no{display:grid;place-items:center;width:24px;height:24px;border:2px solid var(--ink);border-radius:7px;background:var(--pc);color:var(--ink);font-family:var(--font-pixel);font-size:.55rem}@media(prefers-reduced-motion:reduce){.crt-overlay,.turnflag.you,.call-btn,.dock--live .you-plate,.seat-turn-tag,.waiting-host{animation:none!important}}@media(max-width:1080px){.lobby{grid-template-columns:1fr;align-content:start;gap:1.6rem;overflow-y:auto}.rule-strip{flex-direction:column}.dock{grid-template-columns:180px 1fr 200px}}@media(max-width:900px){.dock{grid-template-columns:1fr;min-height:0;gap:.5rem}.hand-dock{min-height:130px}.you-plate{align-self:stretch}.brand-mini{display:none}.rank-gate-grid{grid-template-columns:repeat(5,1fr)}.coach{display:none}}