:root{--bg: #10101a;--panel: #1b1b2b;--line: #2e2e45;--text: #f4f4f5;--dim: #9a9ab0;--accent: #00e5ff;--accent2: #ff4d8d}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,Roboto,system-ui,sans-serif}body{display:flex;align-items:center;justify-content:center}#app{width:min(880px,96vw)}#game:empty{display:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;background:#08080f;display:flex;align-items:center;justify-content:center;z-index:50}h1{font-size:2.4rem;margin:0 0 4px;letter-spacing:3px}h1 span{color:var(--accent)}h2{margin:0 0 12px;font-size:1.1rem;letter-spacing:2px;color:var(--dim);text-transform:uppercase}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 18px 50px #00000073}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.grow{flex:1}input,select{background:#12121d;border:1px solid var(--line);color:var(--text);padding:11px 13px;border-radius:8px;font-size:1rem;outline:none}input:focus,select:focus{border-color:var(--accent)}button{background:var(--accent);color:#06131a;border:0;padding:11px 18px;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;letter-spacing:1px;text-transform:uppercase}button.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}button.danger{background:var(--accent2);color:#180410}button:disabled{opacity:.45;cursor:not-allowed}button.big{width:100%;padding:16px;font-size:1.1rem}.players{display:flex;flex-direction:column;gap:6px;margin:14px 0}.player{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#15151f;border:1px solid var(--line);border-radius:8px}.dot{width:9px;height:9px;border-radius:50%;background:#3ddc84}.dot.off{background:#5b5b6d}.tag{font-size:.7rem;color:var(--dim);letter-spacing:1px}.muted{color:var(--dim);font-size:.85rem}.code{font-family:ui-monospace,monospace;letter-spacing:6px;font-size:1.6rem;color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{background:#15151f;border:1px solid var(--line);border-radius:10px;padding:16px;text-align:center}.card .rarity{font-size:.7rem;letter-spacing:2px}.basic{color:#9a9ab0}.rare{color:#4fc3f7}.epic{color:#ffd54f}.list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto}.list .item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#15151f;border:1px solid var(--line);border-radius:8px;cursor:pointer}.list .item:hover{border-color:var(--accent)}.list .item.disabled{opacity:.4;cursor:not-allowed}#toast{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px}.toast{background:var(--accent2);color:#180410;padding:10px 16px;border-radius:8px;font-weight:600;animation:pop .2s ease}@keyframes pop{0%{transform:translateY(-8px);opacity:0}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08080ff0;z-index:60;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.scoreline{display:flex;justify-content:space-between;width:min(420px,80vw);font-size:1.4rem;padding:6px 0;animation:slide .35s ease both}@keyframes slide{0%{transform:translate(-14px);opacity:0}}.big-title{font-size:3rem;letter-spacing:8px;color:var(--accent);margin-bottom:6px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:7px 12px;border-radius:999px;border:1px solid var(--line);cursor:pointer;font-size:.85rem}.chip.on{border-color:var(--accent);color:var(--accent)}.swatch{width:22px;height:22px;border-radius:6px;border:2px solid transparent;cursor:pointer}.swatch.on{border-color:#fff}.swatch.taken{opacity:.25;cursor:not-allowed;filter:grayscale(.6)}.hud{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:55;color:#fff;font-family:ui-monospace,monospace;display:flex;gap:18px;background:#0006;padding:8px 16px;border-radius:8px}.waitbar{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:58;background:#08080fe0;border:1px solid var(--accent);color:var(--accent);padding:10px 20px;border-radius:999px;font-family:ui-monospace,monospace;letter-spacing:1px;animation:pop .25s ease}