:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}html,body{color:#e8ecef;background:#14181c;height:100%;margin:0;overflow:hidden}#game{position:fixed;inset:0}#game canvas{display:block}#overlay{background:#0a0d10b8;place-items:center;display:grid;position:fixed;inset:0}#overlay[hidden]{display:none}.panel{background:#1f262c;border-radius:14px;flex-direction:column;gap:14px;width:300px;padding:28px;display:flex;box-shadow:0 20px 60px #00000080}.panel h1{letter-spacing:.3em;text-align:center;margin:0}.panel p{text-align:center;color:#9aa7b1;margin:0}.panel label{color:#9aa7b1;flex-direction:column;gap:6px;font-size:13px;display:flex}input,button{font:inherit;border:1px solid #36424c;border-radius:8px;padding:10px 12px}input{min-width:0;color:inherit;background:#14181c}button{cursor:pointer;color:#fff;background:#2f7d4f;border-color:#0000;font-weight:600}button:hover{background:#379159}button:disabled{opacity:.5;cursor:default}#create-row,#game-buttons{flex-direction:column;gap:10px;display:flex}#create-row[hidden],#join-button[hidden]{display:none}#game-buttons small{opacity:.8;font-weight:400;display:block}.divider{text-align:center;color:#6c7a85;font-size:12px}.row{gap:8px;display:flex}#code-input{text-transform:uppercase;letter-spacing:.3em;text-align:center;flex:1}#code-button{background:#36424c}#join-error{color:#ff8a8a;min-height:1.2em;font-size:13px}#hud{background:#14181ccc;border-radius:10px;align-items:center;gap:10px;padding:6px 8px 6px 12px;display:flex;position:fixed;top:12px;left:12px}#hud[hidden],#hint[hidden]{display:none}.hud-label{color:#9aa7b1;font-size:12px}#hud-code{letter-spacing:.2em;font-weight:700}#hud button{background:#36424c;padding:5px 10px;font-size:12px}#hint{color:#c9d3da;pointer-events:none;background:#14181ccc;border-radius:999px;padding:8px 14px;font-size:13px;position:fixed;top:12px;right:12px}