:root{--bg:#14141f;--panel:#23233a;--panel2:#2d2d4a;--text:#f1f1f6;--muted:#9aa0b8;--accent:#ffd23f;--bad:#ff6b6b}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Courier New,monospace;overflow:hidden}#app{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#loading{color:var(--muted);font-size:20px;position:absolute}#game{width:min(100vw,131.25vh);height:min(100vh,76.1905vw);image-rendering:pixelated;image-rendering:crisp-edges;background:#000}#game[hidden],#lobby[hidden]{display:none}#lobby{image-rendering:pixelated;background-position:50%;background-size:cover;position:absolute;inset:0;overflow:auto}.lobby{max-width:1200px;margin:0 auto;padding:14px 18px 24px}.lobby header{text-align:center}.lobby h1{letter-spacing:6px;color:var(--accent);text-shadow:3px 3px #000;margin:4px 0 0;font-size:46px}.lobby .logo{height:110px;image-rendering:pixelated}.lobby .sub{color:var(--muted);margin:2px 0 12px}.options{background:#14141fd9;border:2px solid #3a3a5c;flex-wrap:wrap;justify-content:center;gap:14px;padding:10px 14px;display:flex}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.field input[type=checkbox]{width:22px;height:22px}.volumes{align-items:center;margin-top:8px;padding:6px 14px}.vol-title{color:var(--accent);font-weight:700}.vol-hint{color:var(--muted);font-size:11px}.slider-row{align-items:center;gap:8px;display:flex}.slider-row input[type=range]{width:130px;accent-color:var(--accent)}.vol-value{min-width:38px;color:var(--text)}select,button{font:inherit;color:var(--text);background:var(--panel2);border:2px solid #4a4a72;border-radius:0;padding:5px 8px}select:focus,button:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer}button:hover{background:#3a3a60}.slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0;display:grid}@media (width<=900px){.slots{grid-template-columns:repeat(2,minmax(0,1fr))}}.slot{--slot:#888;border:3px solid var(--slot);background:#23233aeb;flex-direction:column;gap:6px;min-height:290px;padding:8px;display:flex}.slot-off,.slot-locked{opacity:.6;border-style:dashed}.slot-head{background:var(--slot);color:#111;text-align:center;padding:2px;font-weight:700}.slot select{width:100%}.portrait{width:96px;height:96px;image-rendering:pixelated;background:#0000004d;align-self:center}.char-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.char-name{text-align:center;flex:1;font-weight:700}.off-note,.locked-note{color:var(--muted);text-align:center;margin:auto;font-size:13px}.msg{text-align:center;min-height:20px;color:var(--muted);margin:4px 0}.msg.error{color:var(--bad)}.start{letter-spacing:3px;background:#2f8f4e;border-color:#58d27d;margin:8px auto;padding:12px 36px;font-size:22px;font-weight:700;display:block}.start:hover{background:#38a85b}.hint{text-align:center;color:var(--muted);max-width:820px;margin:10px auto 0;font-size:12px}