:root{--bg:#0b1020;--panel:#131a30;--panel2:#182138;--ink:#dfe6f3;--dim:#8b96b3;--accent:#7fb4ff;--gold:#e0c33e;--err:#ff7b7b}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:14px}h1{letter-spacing:.1em;margin:0;font-size:1.3rem}h2,h3{color:var(--accent);margin:.2rem 0 .5rem;font-size:.95rem}a{color:var(--accent)}button{color:var(--ink);cursor:pointer;background:#24315a;border:1px solid #3a4a76;border-radius:6px;padding:.35rem .7rem;font-size:.85rem}button:hover:not(:disabled){background:#2f4070}button:disabled{opacity:.45;cursor:default}select,textarea{background:var(--panel2);color:var(--ink);border:1px solid #3a4a76;border-radius:6px;width:100%;padding:.3rem}select{width:auto}.error{color:var(--err)}.center{place-items:center;min-height:100vh;display:grid}.lobby{max-width:40rem;margin:8vh auto;padding:1rem}.tagline{color:var(--dim)}.lobby-form{align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.invites ul{padding:0;list-style:none}.invites li{word-break:break-all;margin:.4rem 0}.lobby footer{color:var(--dim);margin-top:3rem}.play{padding:.6rem 1rem}.play header{border-bottom:1px solid #26304f;flex-wrap:wrap;align-items:baseline;gap:1.2rem;padding-bottom:.5rem;display:flex}.your-turn{color:var(--gold);font-weight:700}.linkish{color:var(--accent);background:0 0;border:none;text-decoration:underline}.columns{grid-template-columns:minmax(320px,640px) 1fr;gap:1rem;margin-top:.7rem;display:grid}@media (width<=900px){.columns{grid-template-columns:1fr}}.play footer{color:var(--dim);margin-top:1rem}.map{background:var(--panel);border-radius:10px;width:100%}.gate-line{stroke:#33406a;stroke-width:2px}.gate-id{fill:#4a5880;text-anchor:middle;font-size:8px}.node-label{fill:var(--ink);text-anchor:middle;font-size:11px;font-weight:700}.node-sub{fill:var(--dim);text-anchor:middle;font-size:8px}.player{background:var(--panel);border-radius:8px;margin-bottom:.5rem;padding:.5rem .7rem}.player.active{outline:2px solid #3a4a76}.player-head{align-items:center;gap:.6rem;display:flex}.player-head .race{color:var(--dim)}.player-head .prestige{color:var(--gold);margin-left:auto;font-weight:700}.player-row{color:var(--dim);margin-top:.25rem}.swatch{border:1px solid #111;border-radius:3px;width:12px;height:12px;display:inline-block}.swatch-Blue{background:#4f8fe8}.swatch-Green{background:#4fae62}.swatch-Purple{background:#9e6ae0}.swatch-Red{background:#e05555}.swatch-White{background:#e8e5da}.swatch-Yellow{background:#e0c33e}.chip{background:var(--panel2);white-space:nowrap;border:1px solid #2c3a63;border-radius:5px;margin:0 .15rem;padding:0 .3rem}.hand{background:var(--panel);border-radius:8px;margin-bottom:.5rem;padding:.5rem .7rem}.hand-cards{flex-wrap:wrap;gap:.4rem;display:flex}.card-btn{text-align:left;padding:0;line-height:0;overflow:hidden}.card-btn .tcard{width:10.5rem}.tcard{vertical-align:middle;background:var(--panel2);border:1px solid #2c3a63;border-radius:5px;line-height:1.25;display:inline-block;overflow:hidden}.tcard-sm{white-space:nowrap;border-radius:5px;margin:0 .15rem;padding:0 .3rem}.tcard-label{padding:.15rem .45rem;display:block}.tcard-sm .tcard-label{padding:0}.tcard .etext{padding:0 .45rem .15rem;display:block}.tcard .band{height:6px;display:block}.tcard-sm .band{display:none}.acard{vertical-align:middle;background:#0b1020;border:1px solid #0006;border-radius:4px;display:inline-block}.acard-sm{margin:0 .12rem}.card-btn .acard{border:none;border-radius:0;display:block}.race-art{vertical-align:middle;border:1px solid #0006;border-radius:4px}.art-progress{color:var(--gold)}.lobby-art{background:var(--panel);border-radius:8px;margin-top:2rem;padding:.6rem .9rem}.band-Blue{background:#4f8fe8}.band-Yellow{background:#e0c33e}.band-Red{background:#e05555}.band-Green{background:#4fae62}.band-hidden{background:#333c5e}.etext{color:var(--dim);font-size:.75rem}.prompt{background:var(--panel);border-radius:8px;margin-bottom:.5rem;padding:.5rem .7rem}.prompt-text{color:var(--gold)}.actions{flex-wrap:wrap;gap:.4rem;max-height:16rem;display:flex;overflow-y:auto}.impulse{background:var(--panel);border-radius:8px;margin-top:.6rem;padding:.5rem .7rem}.impulse ol{margin:0;padding-left:1.4rem}.impulse li.cursor{outline:1px solid var(--gold);border-radius:4px}.log{background:var(--panel);border-radius:8px;padding:.5rem .7rem}.log ul{max-height:18rem;margin:0;padding:0;list-style:none;overflow-y:auto}.log li{color:var(--dim);border-bottom:1px solid #1c2440;padding:.15rem 0}.log .seq{color:#4a5880;margin-right:.4rem}.dialog-backdrop{background:#0009;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--panel);border-radius:10px;flex-direction:column;gap:.6rem;width:min(28rem,92vw);padding:1rem;display:flex}.dialog-buttons{gap:.6rem;display:flex}