:root{color:#e7edf5;font-synthesis:none;text-rendering:optimizelegibility;background:#101722;font-family:system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}.app-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.app-shell__panel{text-align:center;background:#172131;border:1px solid #334155;border-radius:16px;width:min(100%,680px);padding:clamp(24px,5vw,48px);box-shadow:0 24px 64px #00000040}.app-shell__title{margin:0 0 12px;font-size:clamp(2rem,6vw,3.5rem)}.app-shell__status{color:#9fb0c5;margin:0}.screen{background:#172131;border:1px solid #334155;border-radius:16px;width:min(100%,760px);padding:clamp(24px,5vw,48px);box-shadow:0 24px 64px #00000040}.screen h1{margin-top:0;font-size:clamp(2rem,5vw,3rem)}.screen label{text-align:left;gap:8px;max-width:360px;margin:20px auto;display:grid}.screen input,.screen button{min-height:44px;font:inherit;border:1px solid #52657f;border-radius:8px;padding:8px 12px}.screen button{cursor:pointer;color:#fff;background:#2563eb}.screen button:disabled{cursor:not-allowed;opacity:.5}.screen__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.screen__help,.screen__error{color:#9fb0c5}.screen__error{color:#fca5a5;min-height:1.5em}.lobby-screen ul{text-align:left;gap:10px;padding:0;list-style:none;display:grid}.game-canvas{width:100vw;height:100vh;overflow:hidden}.game-root{width:100vw;height:100vh;position:relative}.game-root .game-canvas{position:absolute;inset:0}.game-hud{z-index:10;background:#0f172ad1;border-radius:10px;min-width:220px;padding:14px;line-height:1.6;position:absolute;top:16px;left:16px}.game-hud ul{margin:8px 0;padding-left:18px}.game-hud button{margin:3px;padding:5px 8px}