:root{--bg:#0b0e14;--panel:#141a24;--ink:#e6edf3;--muted:#8b98a9;--accent:#4cc2ff;--danger:#ff6b6b;--ok:#57d98a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--ink);place-items:center;margin:0;font:16px/1.5 system-ui,sans-serif;display:grid}.splash{background:var(--panel);text-align:center;border:1px solid #222b38;border-radius:.75rem;width:min(22rem,90vw);padding:2rem}.splash__title{letter-spacing:.08em;margin:0;font-size:2.5rem}.splash__tagline{color:var(--muted);margin:0 0 1.5rem}.splash__form{text-align:left;gap:1rem;display:grid}.field{color:var(--muted);gap:.35rem;font-size:.875rem;display:grid}.field input{color:var(--ink);font:inherit;background:#0e131b;border:1px solid #2a3542;border-radius:.4rem;padding:.6rem .7rem}.field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.button{background:var(--accent);color:#04212f;font:inherit;cursor:pointer;border:0;border-radius:.4rem;padding:.7rem;font-weight:600}.button:disabled{opacity:.6;cursor:progress}.status{margin:1rem 0 0;font-size:.875rem}.status--error{color:var(--danger)}.status--ok{color:var(--ok)}.status--warn{color:#d8a657}.statusline{align-items:baseline;gap:.5rem;display:inline-flex}.banner{color:#e6c47a;text-align:left;background:#1a1509;border:1px solid #3a2f1a;border-radius:.5rem;margin:.75rem 0;padding:.5rem .75rem;font-size:.8rem}.banner__line{display:block}.banner--result{font-size:.9rem}.chat__tag{color:var(--muted);font-size:.75rem}.lobby,.room{width:min(30rem,92vw)}.lobby__header,.room__header{justify-content:space-between;align-items:baseline;display:flex}.lobby__header h1,.room__header h1{letter-spacing:.06em;margin:0;font-size:1.75rem}.panel{background:var(--panel);text-align:left;border:1px solid #222b38;border-radius:.6rem;margin:1rem 0;padding:1rem}.panel h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .5rem;font-size:.75rem}.panel input,.chat input{color:var(--ink);font:inherit;background:#0e131b;border:1px solid #2a3542;border-radius:.4rem;padding:.5rem .6rem}.rooms,.members{gap:.35rem;margin:0 0 .75rem;padding:0;list-style:none;display:grid}.member{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.row,.chat__form{gap:.5rem;display:flex}.row input,.chat__form input{flex:1}.button--ghost{color:var(--accent);background:0 0;border:1px solid #2a3542;padding:.25rem .5rem;font-size:.75rem}.chat{background:var(--panel);text-align:left;border:1px solid #222b38;border-radius:.6rem;margin-top:1rem;padding:1rem}.chat h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .5rem;font-size:.75rem}.chat__log{align-content:start;gap:.25rem;height:min(24rem,40vh);margin:0 0 .5rem;padding:0;font-size:.875rem;list-style:none;display:grid;overflow-y:auto}.chat__name{color:var(--accent);font-weight:600}.muted{color:var(--muted);font-size:.8rem}.dot{color:var(--muted);font-size:.75rem}.dot--open{color:var(--ok)}.dot--reconnecting{color:var(--danger)}.game{margin:1rem 0}.game__seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.seat{background:var(--panel);border:1px solid #222b38;border-radius:.6rem;padding:.5rem}.seat--me{border-color:var(--accent)}.seat--dead{opacity:.45}.seat__header{color:var(--muted);justify-content:space-between;gap:.5rem;font-size:.7rem;display:flex}.seat__footer{flex-wrap:wrap;gap:.4rem;display:flex}.preview{margin:0}.preview__label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.6rem}.preview__box{background:#0e131b;border:1px solid #2a3542;gap:1px;width:2.5rem;height:2.5rem;margin-top:.2rem;padding:2px;display:grid}.preview__cell{border-radius:1px}.board{aspect-ratio:1/2;background:#0e131b;border:1px solid #2a3542;margin:.4rem 0;position:relative}.board__layer{grid-template-rows:repeat(20,1fr);grid-template-columns:repeat(10,1fr);gap:1px;display:grid;position:absolute;inset:0}.cell{background:#0b0e14;border-radius:2px}.cell--ghost{background:0 0;border:1px solid #33404f}.cell--junk{background:#566173}.cell--p1{background:#4cc2ff}.cell--p2{background:#5b8dff}.cell--p3{background:#ff9f43}.cell--p4{background:#ffd23f}.cell--p5{background:#57d98a}.cell--p6{background:#b07cff}.cell--p7{background:#ff6b6b}