:root{--felt-hi:#2a8a63;--felt:#1c6647;--felt-lo:#0f3a29;--felt-edge:#071c15;--gold:#e8c766;--gold-deep:#c99a3a;--wood:#3c2817;--ink:#f3ede0;--muted:#aebfb3;--panel:#071c1599;--line:#e8c76638;--danger:#ff5a4d;--shadow:0 10px 28px #00000073}*{box-sizing:border-box}html,body{height:100%}body{color:var(--ink);background:radial-gradient(ellipse 130% 92% at 50% 32%, var(--felt-hi) 0%, var(--felt) 38%, var(--felt-lo) 72%, var(--felt-edge) 100%);background-attachment:fixed;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body:before{content:"";pointer-events:none;opacity:.06;z-index:0;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.app{z-index:1;min-height:100vh;position:relative}h1,h2,.brand{font-family:Georgia,Iowan Old Style,Times New Roman,serif}.home{flex-direction:column;gap:14px;max-width:400px;margin:0 auto;padding:8vh 22px;display:flex}.home h1{text-align:center;color:var(--gold);letter-spacing:.01em;text-shadow:0 3px 14px #0000008c;margin:0;font-size:3rem}.subtitle{text-align:center;color:var(--muted);margin:0 0 12px}input{border:1px solid var(--line);color:var(--ink);background:#04120d8c;border-radius:11px;outline:none;padding:13px 14px;font-size:1rem}input::placeholder{color:#8aa093}input:focus{border-color:var(--gold-deep);box-shadow:0 0 0 3px #e8c7662e}button{font:inherit;cursor:pointer;border:none;border-radius:11px}button.primary{letter-spacing:.02em;color:#241a03;background:linear-gradient(180deg, var(--gold) 0%, var(--gold-deep) 100%);padding:13px;font-weight:800;transition:transform 80ms,filter .15s;box-shadow:0 6px 16px #00000059,inset 0 1px #ffffff59}button.primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}button.secondary{letter-spacing:.02em;color:var(--gold);border:1px solid var(--gold-deep);background:#071c158c;padding:13px;font-weight:700;transition:transform 80ms,background .15s;box-shadow:inset 0 1px #ffffff0f}button.secondary:hover:not(:disabled){background:#e8c7661f;transform:translateY(-1px)}.rules-link{color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;align-self:center;margin-top:2px;padding:6px 10px;font-weight:600;text-decoration:underline}.rules-link:hover{color:var(--gold)}button:disabled{opacity:.5;cursor:not-allowed}.divider{text-align:center;color:#7f9488;font-size:.9rem}.error{color:#ffb4ac;text-align:center}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:#071c1580;border-radius:10px;padding:9px 14px;font-weight:600}.btn-ghost:hover{border-color:var(--gold-deep)}.icon-btn{width:40px;height:40px;color:var(--gold);border:1px solid var(--line);background:#071c158c;border-radius:50%;font-size:1.1rem;font-weight:800}.icon-btn:hover{border-color:var(--gold-deep)}.topbar{z-index:30;gap:8px;display:flex;position:fixed;top:12px;right:12px}.lobby,.gameover{text-align:center;flex-direction:column;gap:15px;max-width:460px;margin:0 auto;padding:7vh 22px;display:flex}.lobby h2{margin:0;font-size:1.7rem}.lobby h2 :is(b,span),.code{color:var(--gold);letter-spacing:.15em}.player-list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.player-list li{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px;font-weight:600}.gameover h1{color:var(--gold);margin:0;font-size:2.4rem}.winner{color:var(--ink);font-size:1.05rem}.table{flex-direction:column;gap:20px;max-width:960px;margin:0 auto;padding:24px 16px 30px;display:flex}.opponents{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.opponent{background:var(--panel);border:1px solid var(--line);text-align:center;min-width:116px;box-shadow:var(--shadow);border-radius:14px;padding:11px 15px;transition:box-shadow .2s,border-color .2s}.opponent.active{border-color:var(--gold);animation:1.8s ease-in-out infinite glow}.opponent.dead{opacity:.4;filter:grayscale(.6)}.opp-name{font-weight:700}.lives{letter-spacing:2px;color:#ff6b6b;font-size:.95rem}.hand-count{color:var(--muted);font-size:.78rem}.center{text-align:center;border:1px solid var(--line);box-shadow:inset 0 2px 30px #00000059, var(--shadow);background:radial-gradient(80% 120% at 50% 10%,#ffffff1a,#0000 60%),radial-gradient(90% 90%,#061a138c,#04120d59);border-radius:20px;padding:26px 20px}.total{color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 3px 16px #00000080;font-size:4.6rem;font-weight:800;line-height:1}.total span{color:#8aa093;font-size:1.3rem;font-weight:600}.total.danger{color:var(--danger);animation:1s ease-in-out infinite pulse}.dir,.pile{color:var(--muted);margin-top:6px;font-size:.92rem}.turn-banner{color:var(--gold);letter-spacing:.02em;margin-top:12px;font-weight:800}.my-area{text-align:center}.my-lives{color:#ff6b6b;letter-spacing:2px;margin-bottom:10px}.hand{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.card{filter:drop-shadow(0 6px 12px #00000073);background:0 0;border:none;border-radius:12px;width:72px;height:100px;padding:0;transition:transform .12s,filter .12s;animation:.35s both dealIn}.card svg{border-radius:12px;display:block}.card.playable{cursor:pointer}.card.playable:hover{filter:drop-shadow(0 14px 20px #00000080);transform:translateY(-12px)scale(1.05)}.card.playable:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.card.disabled{opacity:.5;cursor:not-allowed}.log{color:var(--muted);border:1px solid var(--line);background:#04120d80;border-radius:12px;padding:12px;font-size:.82rem}.final-log{text-align:left;max-height:210px;overflow-y:auto}.overlay{z-index:40;background:#030e0ab8;justify-content:center;align-items:flex-start;padding:5vh 16px;animation:.2s fade;display:flex;position:fixed;inset:0;overflow-y:auto}.help{border:1px solid var(--line);width:100%;max-width:720px;box-shadow:var(--shadow);background:linear-gradient(#0f3a29,#0b2b1f);border-radius:16px;padding:24px 26px}.help h2{color:var(--gold);margin:0 0 6px;font-size:1.6rem}.help h3{color:var(--gold);margin:22px 0 8px;font-size:1.05rem}.help p,.help li{color:var(--ink);line-height:1.5}.help .close{float:right}.help-cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:8px;display:grid}.help-card{border:1px solid var(--line);background:#04120d73;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;display:flex}.help-card .card{width:58px;height:82px;animation:none}.help-card b{color:var(--gold)}.help-card small{color:var(--muted);line-height:1.4;display:block}.toast{z-index:50;border:1px solid var(--gold-deep);color:var(--ink);box-shadow:var(--shadow);background:#0b2b1f;border-radius:11px;padding:11px 20px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}@keyframes dealIn{0%{opacity:0;transform:translateY(16px)rotate(-2deg)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.55;transform:scale(1.04)}}@keyframes glow{0%,to{box-shadow:0 0 0 0 #e8c76600, var(--shadow)}50%{box-shadow:0 0 18px 2px #e8c76673, var(--shadow)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,.card,.opponent.active,.total.danger,.overlay{transition:none!important;animation:none!important}}.help-card .card.disabled{opacity:1;cursor:default}.scoreboard{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:12px;padding:14px 16px}.scoreboard h3{color:var(--gold);margin:0 0 10px;font-size:1rem}.scoreboard ul{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.scoreboard li{background:#04120d73;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.scoreboard li.top{border:1px solid var(--gold-deep)}.scoreboard b{color:var(--gold);font-variant-numeric:tabular-nums}.scene{z-index:45;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;top:14vh;left:0;right:0}.scene-banner{border:1px solid var(--gold-deep);color:var(--ink);box-shadow:var(--shadow);background:#0b2b1f;border-radius:12px;padding:12px 22px;font-weight:700;animation:.25s both sceneIn}.scene-bomb{border-color:var(--danger);background:#3a0d08}.scene-life{border-color:var(--danger)}.scene-elim{background:#16161a;border-color:#8a8f96}.scene-victory{z-index:46;pointer-events:none;background:#030e0abf;justify-content:center;align-items:center;animation:.3s fade;display:flex;position:fixed;inset:0;overflow:hidden}.victory-name{color:var(--gold);text-shadow:0 3px 16px #0009;text-align:center;padding:0 20px;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:2.2rem;animation:.4s both sceneIn}.confetti{background:var(--gold);width:9px;height:14px;animation:2.4s linear both confettiFall;position:absolute;top:-3vh}.confetti:nth-child(3n){background:var(--gold-deep)}.confetti:nth-child(4n){background:#fff;width:6px;height:10px}@keyframes confettiFall{to{transform:translateY(110vh)rotate(720deg)}}@keyframes sceneIn{0%{opacity:0;transform:translateY(-14px)scale(.96)}to{opacity:1;transform:none}}.table.shake{animation:.5s shake}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}50%{transform:translate(-3px)}}.opponent{position:relative}.opponent.hit{border-color:var(--danger);animation:.5s 2 hitFlash}.opponent.safe{border-color:#35c66b}@keyframes hitFlash{50%{background:#ff5a4d40}}.alive{vertical-align:middle;gap:3px;display:inline-flex}.alive-letter{color:#241a03;background:linear-gradient(180deg, var(--gold), var(--gold-deep));border-radius:4px;justify-content:center;align-items:center;width:17px;height:22px;font-size:.72rem;font-weight:800;display:inline-flex}.alive-letter.lost{color:#5c6f64;background:#04120d99;border:1px solid #ffffff14}.alive-letter.flipping{animation:.9s both flipLost}@keyframes flipLost{0%{color:#241a03;background:linear-gradient(180deg, var(--gold), var(--gold-deep));transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.tension-1 .total{color:#ffcf5c;animation:1.4s ease-in-out infinite pulse}.tension-2 .total{color:#ff9c4d;animation:.9s ease-in-out infinite pulse}.tension-3 .total{color:var(--danger);animation:.45s ease-in-out infinite pulse}.tension-2 .center{box-shadow:inset 0 2px 30px #00000059, 0 0 24px #ff9c4d2e, var(--shadow);border-color:#ff9c4d80}.tension-3 .center{border-color:var(--danger);box-shadow:inset 0 2px 30px #00000059, 0 0 32px #ff5a4d4d, var(--shadow);animation:2.2s ease-in-out infinite lampFlicker}@keyframes lampFlicker{0%,to{filter:brightness()}92%{filter:brightness(.92)}96%{filter:brightness(1.05)}}.card-flight{z-index:40;pointer-events:none;transition:left .5s cubic-bezier(.3,.7,.4,1),top .5s cubic-bezier(.3,.7,.4,1);position:fixed;transform:translate(-50%,-50%)}.card-flight .card{opacity:1;width:60px;height:84px;animation:none}.emote-palette{z-index:30;position:fixed;bottom:16px;left:12px}.emote-palette .icon-btn{box-shadow:var(--shadow)}.emote-grid{border:1px solid var(--line);box-shadow:var(--shadow);z-index:35;background:#0b2b1f;border-radius:12px;grid-template-columns:repeat(4,44px);gap:6px;padding:8px;display:grid;position:absolute;bottom:52px;left:0}.emote-btn{background:#04120d73;border:1px solid #0000;border-radius:10px;width:44px;height:44px;font-size:1.4rem}.emote-btn:hover{border-color:var(--gold-deep)}.emote-bubble{color:#111;box-shadow:var(--shadow);z-index:20;background:#fff;border-radius:14px;padding:4px 10px;font-size:1.25rem;animation:.25s both bubbleIn,.4s 2.6s both bubbleOut;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.emote-bubble:after{content:"";border:6px solid #0000;border-top-color:#fff;border-bottom:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.emote-bubble.self{margin-right:8px;display:inline-block;position:static;transform:none}.emote-bubble.self:after{display:none}@keyframes bubbleIn{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.8)}to{opacity:1;transform:translate(-50%)}}@keyframes bubbleOut{to{opacity:0}}.player-list li{position:relative}.spectators{color:var(--muted);text-align:center;margin:4px 0 0;font-size:.85rem}.spectator-note{color:var(--gold);text-align:center;margin:10px 0;font-weight:700}.checkbox{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:.92rem;display:flex}.checkbox input{width:auto}.public-rooms ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.public-rooms li{background:var(--panel);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:.92rem;display:flex}.public-rooms li b{color:var(--gold);letter-spacing:.12em}.public-rooms li button{padding:7px 12px;font-size:.88rem}