: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: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}