:root{color:#1e293b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(160deg,#0f172a,#1e293b);min-height:100vh;margin:0}.play-summary-toast{z-index:30;color:#f8fafc;text-align:center;pointer-events:none;opacity:1;background:#0f172ad9;border-radius:12px;padding:16px 24px;transition:opacity .5s ease-out;position:fixed;top:16%;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.play-summary-toast.fading{opacity:0}.play-summary-headline{font-size:1.2rem;font-weight:600}.play-summary-changes{color:#cbd5f5;margin:8px 0 0;padding:0;font-size:.95rem;list-style:none}.play-summary-changes li{margin-top:2px}.game-background{z-index:-1;filter:blur(4px)brightness(.55)saturate(1.1);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0;transform:scale(1.1)}button{font:inherit;color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:8px 16px}button:hover{background:#4f46e5}button:disabled{opacity:.5;cursor:not-allowed}button.link{color:#c7d2fe;background:0 0;padding:4px 8px}.creator-link{z-index:10;color:#94a3b8;opacity:.6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;border:1px solid #c7d2fe40;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;text-decoration:none;transition:opacity .15s,color .15s,border-color .15s;display:inline-flex;position:fixed;bottom:16px;right:16px}.creator-link:hover{opacity:1;color:#c7d2fe;border-color:#c7d2fe80}select{font:inherit;border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px}.page-shell{justify-content:center;min-height:100vh;padding:48px 16px;display:flex}.panel{background:#f8fafc;border-radius:16px;flex-direction:column;gap:24px;width:100%;max-width:640px;padding:32px;display:flex;box-shadow:0 20px 60px #00000059}.panel.centered{text-align:center;align-items:center}.intro h1{margin:0 0 4px}.intro p,.muted{color:#64748b}.block h2{margin:0 0 12px;font-size:1.1rem}.game-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.game-row{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.game-row>div{flex-direction:column;display:flex}.game-name{font-weight:600}.new-game{gap:12px;display:flex}.new-game select{flex:1}.status-message{color:#b91c1c;margin:0}.lobby-shell{background:radial-gradient(60% 60% at 0 0,#7c3aed59,#0000 60%),radial-gradient(55% 55% at 100% 100%,#14b8a64d,#0000 60%);justify-content:center;align-items:flex-start;min-height:100vh;padding:64px 16px;display:flex}.lobby-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#e2e8f0;background:#0f172a8c;border:1px solid #94a3b829;border-radius:20px;flex-direction:column;gap:28px;width:100%;max-width:720px;padding:40px;display:flex;box-shadow:0 30px 80px #00000080}.lobby-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.lobby-logo{width:280px;max-width:100%;height:auto;margin:0 0 12px;display:block}.lobby-intro p{color:#94a3b8;margin:0;font-size:1.05rem}.lobby-badge{color:#cbd5e1;background:#0f172a99;border:1px solid #94a3b833;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;display:inline-flex}.lobby-badge-dot{background:#34d399;border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px #34d399}.lobby-section{flex-direction:column;gap:14px;display:flex}.lobby-section-title{text-transform:uppercase;letter-spacing:.12em;color:#a78bfa;margin:0;font-size:.85rem;font-weight:700}.lobby-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.lobby-row{background:#1e293b73;border:1px solid #94a3b824;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.lobby-row.joinable{border-left:3px solid #7c3aed}.lobby-row-info{flex-direction:column;gap:8px;min-width:0;display:flex}.lobby-row-name{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:1.15rem;font-weight:700;overflow:hidden}.lobby-seats{align-items:center;gap:10px;display:flex}.lobby-seats-label{color:#94a3b8;font-size:.95rem}.seat-dots{gap:6px;display:inline-flex}.seat-dot{background:0 0;border:1.5px solid #94a3b899;border-radius:50%;width:12px;height:12px}.seat-dot.filled{background:#7c3aed;border-color:#7c3aed}.lobby-action{background:#7c3aed;border-radius:10px;flex-shrink:0;padding:12px 28px;font-size:1rem;font-weight:600}.lobby-action:hover:not(:disabled){background:#6d28d9}.lobby-action.primary{background:linear-gradient(135deg,#7c3aed,#6366f1)}.lobby-action.primary:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#4f46e5)}.lobby-action.ghost{color:#e2e8f0;background:#94a3b829}.lobby-action.ghost:hover:not(:disabled){background:#94a3b847}.lobby-divider{border:none;border-top:1px solid #94a3b829;margin:0}.lobby-create{gap:16px;display:flex}.lobby-create select{color:#e2e8f0;background:#0f172a99;border:1px solid #94a3b833;border-radius:12px;flex:1;padding:16px 20px;font-size:1rem}.lobby-create .lobby-action{padding:16px 32px}.spinner{border:4px solid #c7d2fe;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.board{color:#e2e8f0;flex-direction:column;gap:24px;max-width:960px;margin:0 auto;padding:24px 16px 120px;display:flex}.turn-banner{align-items:center;gap:12px;display:flex}.turn-banner h1{margin:0;font-size:1.4rem}.dot{border-radius:50%;width:14px;height:14px}.dot.you{background:#34d399;box-shadow:0 0 12px #34d399}.dot.them{background:#f59e0b}.zone{background:#0f172a80;border:1px solid #334155;border-radius:12px;padding:16px}.zone h2{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin:0 0 12px;font-size:.95rem}.card-row{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tcg-card{aspect-ratio:5/7;background:#1e293b;border:1px solid #475569;border-radius:12px;flex-direction:column;gap:6px;width:270px;padding:6px;display:flex;overflow:hidden}.tcg-card.selectable{cursor:pointer}.tcg-card.selectable:hover{border-color:#818cf8}.tcg-card.selected{border-color:#34d399;box-shadow:0 0 0 2px #34d399}.tcg-card.eliminated{opacity:.5}.tcg-card-top{flex-direction:column;flex:0 0 56%;gap:4px;min-height:0;display:flex}.tcg-card-name{padding:2px 4px;font-size:.85rem;font-weight:700;line-height:1.1}.tcg-card-art{background:repeating-linear-gradient(45deg,#334155 0 8px,#2b3850 8px 16px);border:1px solid #475569;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.tcg-card-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tcg-card-ko{color:#fecaca;background:#7f1d1dd9;border-radius:6px;padding:2px 10px;font-size:1.4rem;font-weight:800}.tcg-card-bottom{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow-y:auto}.tcg-card-type{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;font-size:.65rem}.tcg-card-desc{color:#cbd5e1;font-size:.72rem}.tcg-card-desc-toggle{width:100%;font:inherit;color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:.72rem;display:block}.tcg-card-desc-expanded{max-height:6rem;overflow:auto}.tcg-card-stats{color:#e2e8f0;margin:0;padding:0;font-size:.74rem;list-style:none}.tcg-card-stats li{border-top:1px solid #334155;justify-content:space-between;gap:6px;padding:2px 0;display:flex}.tcg-card-stat-label{align-items:center;gap:4px;display:inline-flex}.tcg-card-actions{flex-wrap:wrap;gap:4px;display:flex}.tcg-card-actions button{padding:3px 6px;font-size:.7rem}.action-bar{color:#1e293b;background:#f8fafc;border-radius:12px;align-items:center;gap:16px;padding:12px 20px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0006}.action-buttons{gap:8px;display:flex}.result h1{margin:0;font-size:2rem}.result.win h1{color:#059669}.result.lose h1{color:#b45309}