:root{--accent:#456ce7;--accent-deep:#3656bc;--ink:#192438;--surface:rgba(251,253,255,.96);--muted:#58677e}
#render-error:not([hidden]){position:fixed;z-index:100;inset:20px 20px auto;padding:24px;background:white;border:2px solid #bd3434;border-radius:12px;color:#172033}#inventory-feedback{font-size:13px;font-weight:750;color:#355abc}
html,body{overflow:auto}body:has(#lobby[hidden]){overflow:hidden}
.lobby{grid-template-columns:minmax(340px,560px) minmax(280px,380px);align-items:center;gap:32px;padding:70px 0 30px;max-width:1100px}
.lobby-panel{padding:32px}.brand{margin-bottom:20px}.brand-mark{background:#192438}
h1{font-size:clamp(42px,5.2vw,66px);line-height:1;letter-spacing:-.045em}.lobby-copy{font-size:15px;margin:18px 0 22px;max-width:43ch}
.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:850;color:var(--muted);margin:0 0 12px}.mission-card .eyebrow{font-size:10px}
form{gap:12px}.field input{height:44px}form>.field:has(#room-code){margin-top:8px}.field:has(#nickname){grid-template-columns:110px 1fr;align-items:center}.map-picker{padding:0;border:0;margin:4px 0}.map-picker legend{font-size:12px;font-weight:800;margin-bottom:8px}
#map-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.map-choice{min-height:80px;padding:10px 7px;border:2px solid transparent;border-radius:12px;background:#e5eee8;color:#233927;font-size:11px;font-weight:800;cursor:pointer}
.map-choice[data-map=desert]{background:#f6e7d4;color:#7c4926}.map-choice[data-map=snow]{background:#e1eafa;color:#385484}.map-choice[aria-pressed=true]{border-color:#456ce7;box-shadow:0 0 0 2px #fff inset}.map-symbol{display:block;font-size:26px;margin-bottom:4px}.play-now{font-size:18px;min-height:54px}.play-hint{font-size:11px;text-align:center;color:var(--muted);margin:0}.lobby-actions{grid-template-columns:1fr 1fr}.lobby-actions .button{font-size:12px;min-height:40px}.form-error:empty{display:none}.private-option{display:flex;gap:8px;font-size:11px;color:var(--muted);margin-top:16px;align-items:center}
.mission-visual{display:none}.mission-card{align-self:center;gap:22px;background:rgba(24,36,57,.92);color:#f6f9ff;border-color:#ffffff24}.mission-card p,.mission-card dt,.mission-card .eyebrow{color:#c1ccdf}.facts div{border-color:#ffffff26}.rooms-heading{display:flex;align-items:center;justify-content:space-between}.rooms-heading h3{font-size:14px;margin:0}.rooms-heading button{border:0;background:transparent;color:#cbd8ff;cursor:pointer;font-size:11px}
#room-list{display:grid;gap:8px;color:#b9c7df;font-size:13px}.room-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:12px;border-radius:10px;gap:10px}.room-row strong{display:block;color:#fff;font-size:12px}.room-row small{font-size:10px}.room-row button{border:0;border-radius:8px;background:#d6e5ff;color:#172643;font-weight:800;padding:10px;cursor:pointer}.invitation{padding:10px;border-radius:8px;background:#e5edff;color:#284b9d;font-size:13px;margin:0}
.connection{top:auto;bottom:12px;left:18px;transform:none;font-size:10px;min-height:26px;pointer-events:none}.hud{padding:16px}.mission-hud{max-width:290px}.mission-hud h2{font-size:17px}.room-hud{gap:12px}.small-button{margin-top:7px;border:0;background:#456ce7;color:white;border-radius:7px;font-weight:750;font-size:11px;padding:9px;cursor:pointer}
.adventure-bar{position:absolute;top:145px;left:16px;display:grid;gap:7px;pointer-events:auto}.adventure-bar span{font-size:11px;font-weight:800;color:#182b43;background:#fffffff0;border-radius:7px;padding:7px 10px}.adventure-bar button{border:1px solid #ffffff70;border-radius:8px;background:#1d2e48ed;color:#fff;padding:10px 12px;font-weight:750;text-align:left;cursor:pointer}
#minimap{position:absolute;right:16px;top:130px;width:134px;height:134px;border:3px solid #ffffffc9;border-radius:16px;background:#203f40bb;box-shadow:0 5px 20px #1527342b}
.interact-button{position:absolute;bottom:154px;left:50%;transform:translateX(-50%);pointer-events:auto;border:2px solid #fff;border-radius:12px;background:#fff4cf;color:#332b13;padding:12px 20px;font-weight:800;box-shadow:0 6px 22px #0003;cursor:pointer;white-space:nowrap}.interact-button[hidden]{display:none}.interact-button kbd{background:#332b13;color:#fff;margin-right:8px}
.hotbar{position:absolute;bottom:72px;left:50%;transform:translateX(-50%);display:flex;gap:8px;pointer-events:auto}.hot-slot{position:relative;width:62px;height:62px;border-radius:12px;border:2px solid #ffffff75;background:#233149dd;color:#fff;font-size:25px;cursor:pointer}.hot-slot.equipped{border-color:#ffcf62;background:#6c592ddd}.hot-slot:disabled{opacity:.65;cursor:default}.hot-slot small{font-size:9px;position:absolute;top:5px;left:7px}.controls-hint{font-size:10px;gap:12px}.toast{bottom:230px}.players-box{min-width:65px}
dialog{width:min(560px,calc(100% - 24px));max-height:85dvh;border:0;padding:26px;border-radius:20px;background:#f8fbff;color:#1b2840;box-shadow:0 30px 110px #07122566}dialog::backdrop{background:#0f1b3599;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dialog-heading h2{margin:0;font-size:28px}.dialog-heading button{width:40px;height:40px;background:#e4eaf4;border:0;border-radius:10px;color:#172033;cursor:pointer}.dialog-heading .eyebrow{margin-bottom:6px}
#inventory-balance{padding:13px;background:#e6edf8;border-radius:10px;font-weight:800}#inventory-items{display:grid;gap:10px}.inventory-item{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;border:1px solid #cbd5e7;border-radius:12px;padding:14px}.item-icon{font-size:30px;color:#476ed8}.item-icon.epic{color:#9864cf}.inventory-item h3{margin:0 0 3px;font-size:14px}.inventory-item p{margin:0;font-size:11px;color:#58677e}.inventory-item button{border:0;border-radius:8px;padding:10px;background:#456ce7;color:#fff;font-weight:800;cursor:pointer;font-size:11px}.bag-note{font-size:12px;line-height:1.5;color:#637289;margin:18px 0 0}#invite-link{width:100%;border:1px solid #cbd5e7;border-radius:8px;padding:12px;margin:0 0 15px;font-size:14px}#copy-invite{width:100%}#invite-feedback{font-size:12px;margin:12px 0 0}
button:focus-visible{outline:3px solid #ffbc44;outline-offset:3px}
@media(max-width:800px){
.lobby{display:flex;flex-direction:column;width:calc(100% - 24px);max-width:520px;min-height:100dvh;padding:20px 0 34px;gap:16px}.lobby-panel{padding:24px;width:100%}.mission-card{display:grid;width:100%;padding:22px}.lobby-copy{font-size:14px}.mission-card .facts{display:none}.mission-card h2{font-size:22px}.mission-card p{font-size:13px}.connection{bottom:auto;top:122px;left:10px;max-width:190px}.connection.online{display:none}.hud{padding:10px}.mission-hud{width:57vw;padding:12px}.mission-hud h2{font-size:14px}.room-hud{padding:10px;max-width:38vw}.room-code{font-size:15px}.small-button{font-size:10px;padding:8px 6px}.adventure-bar{top:133px;left:10px;gap:5px}.adventure-bar span{font-size:9px;padding:6px 8px}.adventure-bar button{padding:9px;font-size:10px}#map-name{display:none}#minimap{right:10px;top:133px;width:88px;height:88px;border-radius:12px}.hotbar{bottom:20px;gap:4px}.hot-slot{width:43px;height:46px;font-size:22px;border-radius:9px}.joystick{width:96px;height:96px}.joystick span{width:40px;height:40px}.mobile-actions button{width:65px;height:44px}#jump{height:58px}.mobile-controls{bottom:max(78px,env(safe-area-inset-bottom))}.interact-button{bottom:201px;padding:11px 15px;max-width:94vw;white-space:normal;font-size:12px}.toast{bottom:260px}.inventory-item{padding:10px;gap:8px;grid-template-columns:32px 1fr auto}.inventory-item h3{font-size:12px}dialog{padding:20px}
}
@media(max-height:520px) and (orientation:landscape){.adventure-bar{top:125px}.hotbar{bottom:10px}.mobile-controls{bottom:16px}.interact-button{bottom:90px}#minimap{width:75px;height:75px}.mission-hud{padding:8px}.hud{padding:8px}}
@media(prefers-color-scheme:dark){:root{--ink:#192438;--muted:#58677e;--surface:rgba(251,253,255,.96);--surface-strong:#f9fbff;--line:#c9d4e5;--soft:#edf2fa}.button.secondary:hover{background:#dce7fa}.progress{background:#dce4f0}}