: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}.title-screen,.lobby-screen{margin-inline:auto}.lobby-screen ul{text-align:left;gap:10px;padding:0;list-style:none;display:grid}.lobby-screen__room{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.lobby-screen__room button{min-height:36px;padding:6px 10px}.room-settings{border:1px solid #334155;border-radius:12px;margin:24px 0;padding:18px}.room-settings h2{margin-top:0}.room-settings fieldset{border:0;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:0;padding:0;display:grid}.room-settings label{margin:0}.room-settings select,.room-settings output{min-height:44px;color:inherit;font:inherit;background:#101722;border:1px solid #52657f;border-radius:8px;padding:8px 12px}.room-settings .screen__actions{grid-column:1/-1;margin-top:8px}.room-settings--readonly dl{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.65rem 1rem;margin:0;display:grid}.room-settings--readonly dl>div{background:#172033;border-radius:.5rem;padding:.65rem}.room-settings--readonly dt{color:#94a3b8;font-size:.9rem}.room-settings--readonly dd{color:#f8fafc;margin:.2rem 0 0;font-weight:700}.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}.game-countdown{z-index:20;color:#fff;text-align:center;white-space:nowrap;background:#0f172ae0;border-radius:12px;gap:8px;padding:18px 28px;font-size:clamp(1.25rem,3vw,2rem);font-weight:700;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.game-countdown[hidden]{display:none}.coin-goal{z-index:20;color:#b8f34a;white-space:nowrap;background:#0f172ae0;border-radius:10px;padding:10px 18px;font-size:1.15rem;font-weight:700;position:fixed;top:16px;left:50%;transform:translate(-50%)}.coin-goal[hidden]{display:none}