: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{width:min(100%,1330px)}.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}.lobby-columns{grid-template-columns:minmax(0,3fr) minmax(0,5fr);align-items:start;gap:16px;display:grid}.lobby-columns>*{min-width:0;min-height:0;max-height:calc(100vh - 260px);overflow:hidden}.player-settings{border:1px solid #334155;border-radius:12px;margin:24px 0;padding:18px}.player-settings,.lobby-game-settings{flex-direction:column;display:flex}.player-settings__header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.player-settings__header h2{margin:0}.player-settings__scroll,.game-settings__scroll{flex:auto;min-height:0;overflow:auto}.lobby-game-settings{border:1px solid #334155;border-radius:12px;margin:24px 0;padding:18px}.lobby-game-settings>h2{margin:0 0 12px}.lobby-game-settings .room-settings{border:0;margin:0;padding:0}.player-settings h2{margin-top:0}.player-settings__scroll>label{max-width:none;margin:12px 0}.appearance-controls{gap:10px;display:grid}.appearance-controls fieldset{border:1px solid #334155;border-radius:8px;gap:6px;margin:0;padding:10px;display:grid}.appearance-controls label{grid-template-columns:3.5rem 1fr auto;align-items:center;gap:8px;margin:0;display:grid}.appearance-controls input[type=range]{min-height:24px;padding:0}.player-preview{width:64px;height:64px;image-rendering:pixelated;background:#52677d;flex:0 0 64px;margin:0;display:block}.player-settings .screen__actions{flex-shrink:0;margin-top:12px}@media (width<=700px){.lobby-columns{grid-template-columns:1fr}.lobby-columns>*{max-height:none}.skill-settings__grid{grid-template-columns:1fr}}.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-tabs{gap:8px;margin-bottom:14px;display:flex}.room-settings-tabs button,.room-settings-tabs span{min-height:36px;color:inherit;background:#101722;border:1px solid #52657f;border-radius:8px;padding:6px 12px}.room-settings-tabs button[aria-selected=true]{background:#2563eb}.room-settings-tabs--readonly span:last-child{background:#334155}.skill-settings{grid-template-columns:1fr;display:grid!important}.skill-settings__global{font-weight:700}.skill-settings__detail{background:#172033;border:1px solid #334155;border-radius:8px;grid-column:1/-1;padding:10px}.skill-settings__detail summary{cursor:pointer;font-weight:700}.skill-settings__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.skill-setting-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;display:grid!important}.skill-settings__grid>.skill-setting-row{max-width:none}.skill-setting-row input[type=number]{justify-self:end;width:6rem;min-width:0;max-width:100%}.skill-settings__roles{border:1px solid #334155;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px;display:grid}.skill-settings__roles-title{align-self:center;line-height:26px}.skill-settings__role-toggles{justify-content:flex-end;align-items:center;gap:16px;display:flex}.skill-settings__role-toggles label{white-space:nowrap;grid-template-columns:auto auto;align-items:center;gap:8px;margin:0;display:grid}.skill-toggle-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;height:1px;position:fixed;left:-10000px;overflow:hidden;width:1px!important}.skill-toggle{cursor:pointer;background:#475569;border-radius:999px;width:48px;height:26px;transition:background .15s;display:inline-block;position:relative}.skill-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.skill-toggle-input:checked+.skill-toggle{background:#2563eb}.skill-toggle-input:checked+.skill-toggle:after{transform:translate(22px)}.skill-toggle-input:focus-visible+.skill-toggle{outline-offset:2px;outline:2px solid #93c5fd}.skill-toggle-input:disabled+.skill-toggle{cursor:not-allowed;opacity:.5}.skill-settings--readonly{grid-template-columns:1fr;gap:10px;margin-top:18px;display:grid}.skill-settings--readonly>p{grid-column:1/-1;margin:0}.skill-settings--readonly .skill-settings__detail dl{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;display:grid}.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}.skill-purchase-screen{text-align:center;width:min(100%,760px)}.skill-purchase-screen__timer{font-size:1.35rem}.skill-purchase-screen__credits{font-size:1.15rem}.skill-purchase-table{border-collapse:collapse;background:#101722;width:100%;margin:24px 0}.skill-purchase-table th,.skill-purchase-table td{text-align:center;border-bottom:1px solid #334155;padding:12px 8px}.skill-purchase-table th[scope=row]{text-align:left}.skill-purchase-table button{min-width:40px;min-height:36px;margin:0 3px;padding:4px 10px}.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}.skill-hud{z-index:20;gap:8px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.skill-hud__item{color:#fff;text-align:center;background:#0f172ae0;border:1px solid #94a3b8;border-radius:8px;min-width:150px;padding:8px 10px}.skill-hud__item select{color:#fff;background:#1e293b;width:100%;margin-top:4px;display:block}.skill-hud__item--disabled{opacity:.5}.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}