:root{--bg:#0b0b0d;--panel:#141419;--panel-2:#1d1d24;--text:#f4f4f5;--muted:#a1a1aa;--border:#2d2d36;--accent:#f5f5f5;--danger:#ff4d67;--success:#56d364;--radius:18px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{background:radial-gradient(circle at 20% 0%, #1c1c23, var(--bg) 38%);min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1120px,100% - 32px);margin:0 auto}.header{justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.brand{letter-spacing:-.06em;font-size:1.7rem;font-weight:900}.nav{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:.95rem;display:flex}.nav a:hover{color:var(--text)}.hero{max-width:880px;padding:76px 0 54px}.kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:700}h1{letter-spacing:-.08em;margin:18px 0 28px;font-size:clamp(3.3rem,11vw,8.5rem);line-height:.78}h2{letter-spacing:-.035em;font-size:2rem}h3{margin-top:0}.lead{color:#cacad2;max-width:760px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border:1px solid var(--border);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:inline-flex}.button-primary{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.button-secondary{background:var(--panel-2);color:var(--text)}.button-ghost{color:var(--muted);background:0 0}.button-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:#141419eb;grid-column:span 4;padding:22px}.card-wide{grid-column:span 8}.card-full{grid-column:1/-1}.card p{color:var(--muted);line-height:1.55}.stat{letter-spacing:-.05em;font-size:2rem;font-weight:900}.badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;margin:4px 5px 0 0;padding:6px 10px;font-size:.78rem;display:inline-flex}.status-ok{color:var(--success)}.status-warn{color:#f2cc60}.status-bad{color:var(--danger)}.input,.textarea,.select{width:100%;color:var(--text);border:1px solid var(--border);background:#0e0e12;border-radius:12px;outline:none;padding:13px 14px}.textarea{resize:vertical;min-height:240px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.45}.label{margin:16px 0 8px;font-weight:700;display:block}.panel{border:1px solid var(--border);border-radius:var(--radius);background:#141419eb;margin-bottom:18px;padding:24px}.deck-card{flex-direction:column;justify-content:space-between;min-height:260px;display:flex}.deck-card.black{background:#080809}.deck-card.white{color:#111;background:#f7f7f7}.deck-card button{align-self:flex-start}.selected-card{outline:4px solid #56d364;transform:translateY(-2px)}.code{border:1px solid var(--border);background:#08080a;border-radius:12px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.error-list{color:#f89}.warning-list{color:#f2cc60}.success-box{background:#102213;border:1px solid #285d2e;border-radius:12px;padding:14px}.demo-banner{color:#f2cc60;border:1px dashed #62572c;border-radius:12px;margin:10px 0 28px;padding:11px 14px;font-size:.9rem}.footer{color:var(--muted);padding:70px 0 35px;font-size:.9rem}.room-code{letter-spacing:.12em;font-size:clamp(2.8rem,10vw,5rem);font-weight:900}.players{flex-wrap:wrap;gap:10px;display:flex}.player{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:9px 13px}hr{border:0;border-top:1px solid var(--border);margin:26px 0}@media (max-width:820px){.card,.card-wide{grid-column:1/-1}.header{align-items:flex-start}.hero{padding-top:48px}}