:root{--bg: #0f1226;--bg-soft: #1a1f3d;--panel: #222a52;--panel-2: #2c356b;--accent: #ffd14d;--accent-2: #6ee7ff;--danger: #ff6b6b;--success: #5ee6a0;--text: #eef1ff;--muted: #9aa3d0;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 30% 10%,#1b2150,var(--bg) 60%);color:var(--text);min-height:100vh}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:15px;font-weight:600;transition:transform .08s ease,filter .15s ease}button:active{transform:scale(.96)}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),#ffb01f);color:#2a1d00}.btn-secondary{background:var(--panel-2);color:var(--text)}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--panel-2)}input,select{font-family:inherit;font-size:15px;padding:10px 12px;border-radius:10px;border:1px solid var(--panel-2);background:var(--bg-soft);color:var(--text);outline:none}input:focus,select:focus{border-color:var(--accent-2)}.center-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.card-surface{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.title{font-size:56px;font-weight:800;letter-spacing:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.subtitle{color:var(--muted);margin:4px 0 24px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:10px;align-items:center}.spread{justify-content:space-between}.game-card{width:72px;height:102px;border-radius:10px;perspective:600px;position:relative}.game-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1)}.game-card.flipped .game-card-inner{transform:rotateY(180deg)}.game-card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:grid;place-items:center;font-weight:800;font-size:56px;line-height:1;box-shadow:0 4px 10px #0000004d}.game-card-back{background:repeating-linear-gradient(45deg,#3a4488,#3a4488 8px,#2c356b 8px,#2c356b 16px);border:2px solid #4a55a0;color:transparent}.game-card-front{background:#f6f7ff;color:#1a1f3d;transform:rotateY(180deg);border:2px solid #d7dbff}.game-card.clickable{cursor:pointer}.game-card.clickable:hover .game-card-inner{transform:translateY(-6px)}.game-card.clickable.flipped:hover .game-card-inner{transform:rotateY(180deg) translateY(-6px)}.game-card.special .game-card-front{background:linear-gradient(135deg,#fff6d6,#ffe89c);border-color:var(--accent)}.board{max-width:1100px;margin:0 auto;padding:16px}.player-strip{display:flex;flex-wrap:wrap;gap:14px}.player-box{background:var(--panel);border-radius:var(--radius);padding:12px 14px;border:2px solid transparent;flex:1 1 220px}.player-box.active{border-color:var(--accent);box-shadow:0 0 0 3px #ffd14d33}.player-box.you{background:var(--panel-2)}.hand{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.center-area{background:#0003;border-radius:var(--radius);padding:18px;margin:18px 0}.center-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tag{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--panel-2);color:var(--muted)}.tag.host{background:var(--accent);color:#2a1d00}.tag.team0{background:#6ee7ff;color:#06283d}.tag.team1{background:#ff9ecd;color:#3d0620}.tag.team2{background:#b5ff9e;color:#163d06}.tag.team3{background:#d6a8ff;color:#2a063d}.reveal-tray{display:flex;gap:8px;min-height:110px;align-items:center;justify-content:center;border-radius:var(--radius);transition:background .2s}.reveal-tray.miss{background:#ff56561f;box-shadow:inset 0 0 0 2px #ff565666}.tag.miss{background:#ff5656;color:#fff}.settings-grid{display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:center}.settings-grid label{color:var(--muted);font-size:14px}.settings-grid input,.settings-grid select{width:120px}.toasts{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:100}.toast{padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);background:var(--panel-2);max-width:320px}.toast.error{background:var(--danger);color:#2a0000}.toast.success{background:var(--success);color:#00210f}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:200}.modal{background:var(--panel);border-radius:var(--radius);padding:36px;text-align:center;box-shadow:var(--shadow);max-width:420px}.code-display{font-size:34px;font-weight:800;letter-spacing:10px;color:var(--accent)}.turn-banner{text-align:center;font-size:18px;margin:10px 0;min-height:26px}.turn-banner .me{color:var(--accent);font-weight:800}@media (max-width: 640px){.title{font-size:40px}.game-card{width:52px;height:76px}.game-card-face{font-size:22px}}