:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{background:#0d0d14;height:100%;margin:0}body{overflow:hidden}.app{position:fixed;inset:0;overflow:hidden}.game-canvas{position:absolute;inset:0}.game-canvas canvas{display:block}.offline{background:#0c0c12;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.reconnect{letter-spacing:.04em;color:#e7e7ee;cursor:pointer;background:#e7e7ee0f;border:1px solid #e7e7ee4d;border-radius:999px;padding:.6rem 1.4rem;font-family:system-ui,sans-serif;font-size:.9rem}.reconnect:hover:not(:disabled){background:#e7e7ee24}.reconnect:disabled{opacity:.5;cursor:default}.hud{pointer-events:none;color:#e7e7ee;align-items:center;gap:.75rem;padding:.75rem 1rem;font-family:system-ui,sans-serif;display:flex;position:absolute;left:0;right:0}.hud-top{justify-content:space-between;top:0}.hud-bottom{justify-content:center;bottom:0}.title{letter-spacing:.04em;text-shadow:0 1px 3px #000000b3;margin:0;font-size:1.1rem;font-weight:700}.status{text-transform:uppercase;letter-spacing:.06em;background:#0006;border-radius:999px;padding:.2rem .6rem;font-size:.8rem}.status-open{color:#69db7c}.status-connecting{color:#ffd43b}.status-closed{color:#ff6b6b}.hint{opacity:.8;text-shadow:0 1px 3px #000000b3;margin:0;font-size:.85rem}