:root{--ink: #071426;--bg: #0a1a2f;--bg-2: #0e2440;--panel: rgba(255, 255, 255, .06);--panel-solid: #12294a;--border: rgba(126, 200, 240, .22);--text: #eaf6ff;--text-dim: #9db8d0;--accent: #39e6a8;--accent-2: #4fd1c5;--ice: #7ce0ff;--gold: #ffd479;--danger: #ff8095;--radius: 16px;--radius-sm: 10px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--maxw: 900px;font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#123a5e 0%,transparent 60%),linear-gradient(180deg,#071426 0%,var(--bg) 45%,#061a2e 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;min-height:100%}h1,h2,h3,.display{font-family:Cormorant Garamond,Georgia,serif;font-weight:700;letter-spacing:.01em;margin:0 0 .4em}a{color:var(--ice);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(14px,4vw,28px)}button{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-weight:600;font-size:1rem;padding:12px 18px;border-radius:var(--radius-sm);cursor:pointer;transition:transform .06s ease,background .2s ease,border-color .2s ease}.btn:hover:not(:disabled){border-color:var(--accent-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-2) 100%);color:var(--ink);border-color:transparent;font-weight:800}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.input,select.input{width:100%;background:var(--panel);border:1px solid var(--border);color:var(--text);font:inherit;padding:12px 14px;border-radius:var(--radius-sm)}.input::placeholder{color:var(--text-dim)}.input:focus{outline:2px solid var(--accent-2);outline-offset:1px}.card-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(16px,4vw,24px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.muted{color:var(--text-dim)}.center{text-align:center}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.lang-toggle{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--panel);border:1px solid var(--border)}.lang-toggle button{border:0;background:transparent;color:var(--text-dim);font:inherit;font-weight:700;font-size:.8rem;letter-spacing:.04em;padding:4px 10px;border-radius:999px;cursor:pointer}.lang-toggle button.is-active{background:var(--accent);color:var(--ink)}.app-shell{position:relative;min-height:100%;display:flex;flex-direction:column;overflow-x:hidden}.aurora{position:fixed;inset:-20% -10% auto -10%;height:60vh;pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 20% 20%,rgba(57,230,168,.22),transparent 70%),radial-gradient(50% 40% at 70% 10%,rgba(124,224,255,.18),transparent 70%),radial-gradient(40% 30% at 45% 30%,rgba(79,209,197,.16),transparent 70%);filter:blur(20px);animation:drift 18s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate(-3%) translateY(0)}to{transform:translate(3%) translateY(2%)}}.app-header,.app-main,.app-footer{position:relative;z-index:1}.app-header{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:12px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text)}.brand:hover{text-decoration:none}.brand-mark{font-size:1.4rem;color:var(--ice);filter:drop-shadow(0 0 8px rgba(124,224,255,.6))}.brand-text{font-family:Cormorant Garamond,Georgia,serif;font-weight:700;font-size:1.5rem}.app-main{flex:1;padding:8px 0 40px}.app-footer{padding:20px 0 32px;text-align:center;color:var(--text-dim);font-size:.9rem}.gcard{--w: 66px;--h: 92px;position:relative;width:var(--w);height:var(--h);border-radius:9px;background:linear-gradient(160deg,#fbfeff,#e4f1fb);color:#12324a;border:1px solid rgba(10,40,70,.25);box-shadow:0 3px 8px #00000059;flex:0 0 auto;padding:0;overflow:hidden}.gcard-sm{--w: 44px;--h: 62px;border-radius:7px}.gcard-lg{--w: 84px;--h: 118px;border-radius:11px}.gcard[data-red=true]{color:#c0344d}.gcard-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;font-weight:800}.gcard-corner.tl{top:5px;left:6px}.gcard-corner.br{bottom:5px;right:6px;transform:rotate(180deg)}.gcard-rank{font-size:calc(var(--h) * .16);font-family:Inter,sans-serif}.gcard-suit{font-size:calc(var(--h) * .15)}.gcard-pip{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:calc(var(--h) * .42);opacity:.9}.gcard-joker{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:calc(var(--h) * .4);color:#1b8a6b;background:radial-gradient(circle at 50% 40%,rgba(57,230,168,.35),transparent 60%),linear-gradient(160deg,#eafff7,#cdeee6)}.gcard-back{background:radial-gradient(60% 40% at 30% 20%,rgba(57,230,168,.5),transparent 60%),radial-gradient(50% 40% at 75% 30%,rgba(124,224,255,.45),transparent 60%),linear-gradient(160deg,#0e2f52,#0a1f3a);border-color:#7ce0ff66}.gcard-back:after{content:"❄";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#eaf6ff8c;font-size:calc(var(--h) * .34)}.gcard.is-button{cursor:pointer;transition:transform .08s ease,box-shadow .15s ease}.gcard.is-button:hover:not(:disabled){transform:translateY(-6px)}.gcard.is-playable{box-shadow:0 0 0 2px var(--accent),0 6px 14px #39e6a859}.gcard.is-selected{transform:translateY(-10px);box-shadow:0 0 0 3px var(--ice)}.gcard.is-disabled{opacity:.55;filter:saturate(.7);cursor:not-allowed}.home{max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.home-hero{text-align:center;padding:10px 0 4px}.home-cards{display:flex;justify-content:center;gap:-10px;margin-bottom:14px}.home-cards>*{margin-left:-12px;transform:rotate(var(--r, 0deg));box-shadow:0 6px 16px #0006}.home-cards>*:nth-child(1){--r: -10deg;margin-left:0}.home-cards>*:nth-child(2){--r: -3deg}.home-cards>*:nth-child(3){--r: 4deg}.home-cards>*:nth-child(4){--r: 11deg}.home-tagline{color:var(--text-dim);font-size:1.02rem;line-height:1.5;margin:0 auto;max-width:34ch}.field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--text-dim)}.home-card{display:flex;flex-direction:column;gap:14px}.home-card h2{margin:0;font-size:1.3rem}.picker{display:flex;align-items:center;gap:8px}.picker-label{color:var(--text-dim);font-size:.9rem;margin-right:auto}.chip{min-width:42px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-weight:700;cursor:pointer}.chip.is-active{background:var(--accent);color:var(--ink);border-color:transparent}.end-note{margin:0;font-size:.9rem}.home-go{width:100%}.home-or{text-align:center;text-transform:uppercase;letter-spacing:.2em;font-size:.8rem}.home-err{color:var(--danger);text-align:center}.home-foot{margin-top:4px}.invite{display:flex;flex-direction:column;align-items:center;gap:12px}.invite-qr{border-radius:12px;border:1px solid var(--border);background:#eaf6ff;padding:6px}.invite-link{display:flex;gap:8px;width:100%}.invite-link .input{font-size:.82rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.scoreboard{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.scoreboard-title{margin:0 0 8px;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);font-family:Inter,sans-serif;font-weight:700}.scoreboard ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.scoreboard li{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;border-radius:8px}.scoreboard li.is-turn{background:#39e6a824;box-shadow:inset 0 0 0 1px var(--accent)}.sb-name{display:inline-flex;align-items:center;gap:6px}.sb-tag{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;background:#7ce0ff29;color:var(--ice);padding:1px 6px;border-radius:999px}.sb-you{color:var(--text-dim);font-size:.85rem}.sb-score{font-variant-numeric:tabular-nums;font-weight:800;color:var(--gold)}.picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#040c18b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.picker-box{position:relative;width:min(420px,100%);text-align:center}.picker-box h3{margin:0 0 14px}.picker-close{position:absolute;top:10px;right:12px;background:transparent;border:0;color:var(--text-dim);font-size:1.1rem;cursor:pointer}.picker-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.picker-tabs button{padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer}.picker-tabs button.is-active{background:var(--accent);color:var(--ink);border-color:transparent}.picker-suits{display:flex;justify-content:center;gap:12px}.picker-suit{width:64px;height:64px;border-radius:14px;font-size:2rem;background:#eef7ff;color:#12324a;border:1px solid rgba(10,40,70,.2);cursor:pointer}.picker-suit[data-red=true]{color:#c0344d}.picker-suit:hover{box-shadow:0 0 0 2px var(--accent)}.picker-ranks,.picker-hand{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.lobby{max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.roster li{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm)}.roster .gcard-sm{--w: 30px;--h: 42px}.lobby-actions{display:flex;gap:10px;justify-content:center}.lobby-actions .btn{flex:1}.table{display:grid;grid-template-columns:1fr;gap:16px;max-width:820px;margin:0 auto}.table-top{display:flex;justify-content:space-between;align-items:center}.round-badge{font-size:.85rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.turn-badge{padding:6px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--border);font-weight:700;font-size:.9rem}.turn-badge.is-me{background:var(--accent);color:var(--ink);border-color:transparent}.opponents{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.opp{padding:8px 12px;border-radius:var(--radius-sm);border:1px solid transparent;text-align:center}.opp.is-turn{border-color:var(--accent);background:#39e6a814}.opp-cards{display:flex;justify-content:center;height:42px;margin-bottom:6px}.opp-cards .gcard-sm{--w: 30px;--h: 42px}.opp-name{font-size:.9rem;display:flex;align-items:center;gap:6px;justify-content:center}.opp-count{color:var(--text-dim);font-size:.8rem}.middle{display:flex;gap:28px;justify-content:center;align-items:center;padding:14px 0}.pile{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.pile-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.draw-pile-btn{cursor:pointer}.draw-pile-btn:disabled{cursor:default;opacity:.85}.discard-pile{position:relative}.active-badge{position:absolute;top:-8px;right:-10px;min-width:30px;height:30px;padding:0 6px;border-radius:999px;background:var(--ice);color:#072033;display:grid;place-items:center;font-weight:800;box-shadow:0 2px 8px #0006}.stack-badge{position:absolute;bottom:-8px;right:-10px;min-width:34px;height:30px;padding:0 8px;border-radius:999px;background:var(--danger);color:#2a0710;display:grid;place-items:center;font-weight:800;box-shadow:0 2px 8px #0006}.hand-area{display:flex;flex-direction:column;gap:8px}.hand-head{display:flex;justify-content:space-between;align-items:center}.hand-head>span{color:var(--text-dim);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.draw-btn{padding:8px 16px}.hand-hint{margin:0;color:var(--accent);font-size:.85rem}.multi-bar{display:flex;gap:10px;justify-content:center;margin-top:4px}.multi-ends{font-weight:600;opacity:.85}.hand{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-height:110px}.table-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.log ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.log li{font-size:.82rem;color:var(--text-dim)}.win-line{font-size:1.05rem;color:var(--gold);font-weight:700}@media (max-width: 560px){.table-side{grid-template-columns:1fr}.middle{gap:18px}}.about{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.about h2{font-size:1.35rem;margin:0 0 10px}.about-lede{font-size:1.05rem;line-height:1.5}.about p{line-height:1.55}.rules-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.rules-list li{display:flex;gap:14px;align-items:flex-start}.rules-list li p{margin:0 0 6px}.minus-tag{display:inline-block;font-size:.75rem;font-weight:700;color:var(--gold);background:#ffd4791f;padding:2px 8px;border-radius:999px}.score-table{width:100%;border-collapse:collapse;margin:8px 0}.score-table th,.score-table td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--border)}.score-table th{color:var(--text-dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.score-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:800;color:var(--gold)}