:root{--bg:#0a0a0f;--cyan:#35f0ff;--magenta:#ff2ec4;--yellow:#ffe14d;--red:#ff3b5c;--green:#46ffa0;--card-bg:#f4f2ea;--card-back:#241a3a;--ink:#14131a}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--cyan);flex-direction:column;align-items:center;min-height:100vh;margin:0;font-family:"Press Start 2P",Courier New,monospace;display:flex;overflow-x:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cabinet{background:linear-gradient(#1a1a24,#0a0a0f 60%);border:3px solid #2a2a38;flex-direction:column;width:100%;min-height:100vh;margin:0;padding:1rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #000,0 0 40px #35f0ff26,0 20px 40px #0009}.crt-overlay{pointer-events:none;z-index:30;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000002e 0 1px,#0000 1px 3px);animation:6s infinite flicker;position:absolute;inset:0}.crt-overlay:after{content:"";background:radial-gradient(#0000 55%,#0000008c 130%);position:absolute;inset:0}@keyframes flicker{0%,96%,to{opacity:.9}97%{opacity:.6}98%{opacity:1}}.marquee{text-align:center;letter-spacing:.05em;color:var(--magenta);text-shadow:0 0 6px var(--magenta), 0 0 22px var(--magenta);margin:.25rem 0 .75rem;font-size:clamp(1rem,4.6vw,1.5rem);line-height:1.5}.marquee span{color:var(--cyan);text-shadow:0 0 6px var(--cyan), 0 0 18px var(--cyan);margin:0 .4em;font-size:.55em;display:inline-block}.score-hud{z-index:26;color:var(--yellow);text-shadow:0 0 6px #ffe14db3;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .6rem;margin:0 0 .6rem;font-size:.55rem;display:flex;position:relative}#streakHud.pulse{animation:.4s ease-out streak-pulse}@keyframes streak-pulse{0%{transform:scale(1)}40%{color:var(--magenta);text-shadow:0 0 10px var(--magenta);transform:scale(1.3)}to{transform:scale(1)}}#streakHud.broken{animation:.4s ease-out streak-broken}@keyframes streak-broken{0%{color:var(--red);text-shadow:0 0 10px var(--red)}to{color:var(--yellow);text-shadow:0 0 6px #ffe14db3}}.score-hud .reset-btn{color:var(--magenta);border-color:var(--magenta);text-shadow:0 0 6px var(--magenta);padding:.35rem .6rem;font-size:.45rem;box-shadow:0 0 8px #ff2ec459}.opponent-select-label{align-items:center;gap:.35rem;font-size:.4rem;display:flex}.opponent-select{color:var(--cyan);border:1px solid var(--cyan);background:#12121c;border-radius:4px;padding:.2rem .3rem;font-family:inherit;font-size:.5rem}.opponent-select:disabled{opacity:.4;cursor:not-allowed}.table{background:radial-gradient(at 50% 40%,#35f0ff14,#0000 65%),repeating-linear-gradient(45deg,#0d0d14 0 2px,#0a0a10 2px 4px);border:2px solid #23232f;border-radius:10px;flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:.75rem .5rem;display:flex;position:relative}.seat{flex-direction:column;align-items:center;gap:.3rem;display:flex}.opponents-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.75rem 2rem;display:flex}.seat-player{justify-content:flex-end;gap:.5rem}.avatar{aspect-ratio:1;text-align:center;width:clamp(50px,9vmin,88px);color:var(--cyan);border:2px solid var(--cyan);background:#12121c;border-radius:50%;justify-content:center;align-items:center;padding:.2rem;font-size:clamp(.4rem,1.4vmin,.55rem);line-height:1.15;transition:box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 0 10px #35f0ff66}.seat.personality-shark .avatar{border-color:var(--red);color:var(--red);box-shadow:0 0 10px #ff3b5c80}.seat.personality-monk .avatar{border-color:var(--green);color:var(--green);box-shadow:0 0 10px #46ffa080}.seat.personality-wildcard .avatar{border-color:var(--magenta);color:var(--magenta);box-shadow:0 0 10px #ff2ec480}.seat.active-turn .avatar{border-color:var(--yellow);color:var(--yellow);box-shadow:0 0 10px var(--yellow), 0 0 28px #ffe14d99}.seat.tell-flicker .avatar{animation:.6s ease-in-out tell-flicker}@keyframes tell-flicker{0%,to{opacity:1}20%,60%{opacity:.35}40%,80%{opacity:1}}.seat.tell-glitch .avatar{animation:.5s steps(2,end) tell-glitch}@keyframes tell-glitch{0%,to{filter:none;transform:translate(0)}25%{filter:hue-rotate(40deg);transform:translate(-2px)}50%{filter:hue-rotate(-30deg);transform:translate(2px)}75%{filter:none;transform:translate(-1px)}}.thinking{color:var(--yellow);text-shadow:0 0 6px var(--yellow);opacity:0;font-size:.7rem;position:absolute;bottom:-.6rem;right:-.4rem}.seat.thinking-active .thinking{opacity:1;animation:1s ease-in-out infinite think-bounce}.personality-badge{letter-spacing:.05em;border:1px solid var(--cyan);color:var(--cyan);border-radius:3px;padding:.15rem .35rem;font-size:clamp(.32rem,1vmin,.42rem)}.seat.personality-shark .personality-badge{border-color:var(--red);color:var(--red)}.seat.personality-monk .personality-badge{border-color:var(--green);color:var(--green)}.seat.personality-wildcard .personality-badge{border-color:var(--magenta);color:var(--magenta)}@keyframes think-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hand-count{color:#8f8fa8;letter-spacing:.03em;font-size:.5rem}.pile-area{flex-direction:column;grid-area:pile;justify-content:center;align-items:center;gap:.4rem;display:flex;position:relative}.claim-banner{color:var(--yellow);text-shadow:0 0 6px #ffe14db3;letter-spacing:.04em;text-align:center;min-height:2.4em;font-size:clamp(.55rem,2.4vmin,.85rem)}.pile{justify-content:center;align-items:center;min-height:clamp(84px,20vmin,150px);display:flex;position:relative}.pile-card{aspect-ratio:5/7;border-radius:6px;width:clamp(52px,9vmin,100px);margin-left:-.9rem;animation:.2s ease-out pile-drop;position:relative;overflow:hidden;box-shadow:0 8px 14px #0009}.pile-card:first-child{margin-left:0}@keyframes pile-drop{0%{opacity:0;transform:translateY(-14px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.pile-card-actual{background:var(--card-bg);color:var(--ink);border:2px solid #d8d4c4;flex-direction:column;justify-content:space-between;padding:.25rem;display:flex;position:absolute;inset:0}.pile-card-actual.red{color:var(--red)}.pile-card-actual .pile-rank{font-size:clamp(.55rem,2.1vmin,.85rem);font-weight:700;line-height:1}.pile-card-actual .pile-pip{align-self:center;font-size:clamp(1.2rem,4.2vmin,2rem)}.pile-card-back{background:repeating-linear-gradient(135deg, var(--card-back) 0 6px, #1a1330 6px 12px);color:var(--magenta);text-shadow:0 0 8px var(--magenta);opacity:1;border:2px solid #4a3a70;justify-content:center;align-items:center;font-size:1rem;transition:opacity .5s;display:flex;position:absolute;inset:0}.pile-count{color:#8f8fa8;text-align:center;font-size:.55rem}.claim-banner.glitching,.pile-count.glitching{color:#0000;text-shadow:none;position:relative}.claim-banner.glitching:after,.pile-count.glitching:after{content:"▓▓▓▓▓▓▓▓";color:var(--magenta);text-shadow:0 0 8px var(--magenta);animation:.15s steps(2,end) infinite glitch-jitter;position:absolute;inset:0}@keyframes glitch-jitter{0%,to{transform:translate(0)}50%{transform:translate(2px)}}.timer-track{background:#1a1a24;border:1px solid #33334a;border-radius:4px;width:clamp(100px,22vmin,170px);height:6px;overflow:hidden}.timer-fill{background:linear-gradient(90deg, var(--green), var(--yellow), var(--red));width:0%;height:100%;box-shadow:0 0 8px #ffe14d99}.feedback{text-align:center;opacity:0;min-height:1.6em;font-size:clamp(.6rem,3vw,.8rem)}.feedback.show{animation:.9s ease-out forwards feedback-pop}.feedback.correct{color:var(--green);text-shadow:0 0 10px var(--green)}.feedback.wrong{color:var(--red);text-shadow:0 0 10px var(--red)}@keyframes feedback-pop{0%{opacity:0;transform:translateY(4px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.table.shake{animation:.3s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.player-hand{justify-content:center;padding:.5rem 0 .25rem;display:flex}.hand-card{aspect-ratio:5/7;background:var(--card-bg);width:clamp(36px,7.5vmin,68px);color:var(--ink);cursor:pointer;border:2px solid #d8d4c4;border-radius:5px;flex-direction:column;justify-content:space-between;margin-left:-1.1rem;padding:.15rem .2rem;font-family:inherit;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.hand-card:first-child{margin-left:0}.hand-card.red{color:var(--red)}.hand-card .hc-rank{font-size:clamp(.42rem,1.6vmin,.6rem);font-weight:700;line-height:1}.hand-card .hc-pip{align-self:center;font-size:clamp(.8rem,3vmin,1.3rem)}.hand-card:hover{transform:translateY(-6px)}.hand-card.selected{border-color:var(--cyan);box-shadow:0 0 10px var(--cyan);transform:translateY(-12px)}.hand-card:disabled{cursor:default;opacity:.55}.hand-card:disabled:hover{transform:none}.play-cards-btn{padding:.55rem 1rem;font-size:.6rem}.play-cards-btn:disabled{opacity:.4;cursor:default;box-shadow:none}.overlay{z-index:25;text-align:center;background:#05050aeb;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex;position:absolute;inset:0}.overlay.hidden{display:none}.end-title{color:var(--red);text-shadow:0 0 12px var(--red);font-size:clamp(1.1rem,6vw,1.5rem)}.end-title.win{color:var(--green);text-shadow:0 0 12px var(--green)}.end-score{color:var(--yellow);font-size:.8rem}.end-losses{color:var(--magenta);text-shadow:0 0 6px #ff2ec480;font-size:.6rem}.ghost-btn{color:var(--cyan);border:2px solid var(--cyan);cursor:pointer;text-shadow:0 0 6px var(--cyan);background:0 0;border-radius:8px;padding:.75rem 1.25rem;font-family:inherit;font-size:.7rem;box-shadow:0 0 12px #35f0ff66}.ghost-btn:hover,.ghost-btn:focus-visible{background:#35f0ff1f}.controls{gap:1rem;margin-top:1rem;display:flex}.arcade-btn{cursor:pointer;color:#05070a;letter-spacing:.04em;border:none;border-radius:14px;flex:1;padding:1.1rem .5rem;font-family:inherit;font-size:clamp(.7rem,3.4vw,.9rem);transition:transform 50ms ease-out}.arcade-btn:active{transform:scale(.94)}.arcade-btn:disabled{opacity:.35;cursor:default;box-shadow:none}.arcade-btn:disabled:active{transform:none}.arcade-btn.bluff{background:var(--magenta);box-shadow:0 0 16px var(--magenta), 0 6px 0 #8f1a80}.arcade-btn.pass{background:var(--cyan);box-shadow:0 0 16px var(--cyan), 0 6px 0 #1a8f96}.arcade-btn.bluff:disabled,.arcade-btn.pass:disabled{box-shadow:none;background:#3a3a4a}@media (width<=390px){.controls{gap:.6rem}.hand-card{margin-left:-.6rem}.hand-card:first-child{margin-left:0}.player-hand{-webkit-overflow-scrolling:touch;justify-content:flex-start;width:100%;overflow-x:auto}}