*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#030612;color:#f5f8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{border:0;border-radius:7px;background:#f4f7ff;color:#08111f;cursor:pointer;font:inherit;font-weight:800;min-height:42px;padding:0 18px}#scene{display:block;width:100%;height:100%;touch-action:none}.hud{inset:0;pointer-events:none;position:fixed}.status{display:grid;gap:8px;left:20px;position:absolute;right:20px;top:16px}.meter{align-items:center;display:grid;gap:10px;grid-template-columns:122px 1fr;max-width:720px;text-shadow:0 1px 6px #000}.meter span{font-size:13px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.track{background:#ffffff29;border:1px solid rgba(255,255,255,.25);border-radius:999px;height:14px;overflow:hidden}.track i{background:linear-gradient(90deg,#35f5a4,#d9ff69);border-radius:inherit;display:block;height:100%;transition:width .16s ease;width:100%}.meter:nth-child(2) .track i{background:linear-gradient(90deg,#52ddff,#b8f4ff)}.readout{display:flex;font-weight:900;gap:14px;position:absolute;right:20px;text-shadow:0 1px 8px #000;top:18px}.reticle{--reticle-color: #42f58d;--lock-progress: 0%;--reticle-x: 0px;--reticle-y: 0px;height:58px;left:50%;position:absolute;top:50%;transform:translate(calc(-50% + var(--reticle-x)),calc(-50% + var(--reticle-y)));transition:transform 70ms linear;width:58px}.reticle:before,.reticle:after,.reticle span{content:"";position:absolute}.reticle:before{background:conic-gradient(var(--reticle-color) var(--lock-progress),transparent 0);border:2px solid var(--reticle-color);border-radius:50%;box-shadow:0 0 18px color-mix(in srgb,var(--reticle-color),transparent 42%);inset:10px;opacity:.88;z-index:1}.reticle:after{background:var(--reticle-color);border-radius:50%;height:4px;left:27px;top:27px;width:4px;z-index:3}.reticle span:first-child{background:var(--reticle-color);box-shadow:0 0 12px color-mix(in srgb,var(--reticle-color),transparent 44%);height:2px;left:16px;right:16px;top:28px;z-index:2}.reticle span:last-child{border:1px solid var(--reticle-color);border-radius:50%;box-shadow:0 0 22px color-mix(in srgb,var(--reticle-color),transparent 52%);inset:-20px;opacity:0;transition:opacity .14s ease}.reticle.locking span:last-child{opacity:.42}.reticle.remote-aim:before{box-shadow:0 0 22px color-mix(in srgb,var(--reticle-color),transparent 30%),0 0 7px #fff}.pulse-effect{border:2px solid rgba(255,215,72,.82);border-radius:50%;box-shadow:0 0 34px #ffba2a99,inset 0 0 24px #ffd74838;height:16vw;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.6);transition:opacity .18s ease,transform .52s ease;width:16vw}.pulse-effect.active{opacity:1;transform:translate(-50%,-50%) scale(2.25)}.effect-status{color:#fff3a6;font-size:13px;font-weight:900;left:50%;letter-spacing:.08em;pointer-events:none;position:absolute;text-shadow:0 0 14px rgba(255,190,52,.76),0 1px 8px #000;text-transform:uppercase;top:calc(50% + 46px);transform:translate(-50%);white-space:nowrap}.inventory{bottom:18px;display:grid;gap:4px;grid-template-areas:". solar ." "metal . dust" ". ice .";grid-template-columns:64px 64px 64px;grid-template-rows:64px 64px 64px;left:18px;position:absolute}.slot{align-items:center;background:#070e1cb8;border:1px solid rgba(255,255,255,.24);border-radius:8px;color:#f5f8ff;cursor:pointer;display:flex;flex-direction:column;font:inherit;justify-content:center;min-height:0;min-width:0;padding:0;pointer-events:auto}.inventory.inactive{opacity:.58}.inventory:focus{outline:none}.slot.selected,.slot:focus-visible{outline:none;border-color:#ffffffd6;box-shadow:0 0 18px #ffffff42,inset 0 0 18px #ffffff2e}.slot b{font-size:21px;line-height:1}.slot small{color:#f5f8ffd1;font-size:11px;font-weight:800;line-height:1.3;max-width:58px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.solar{grid-area:solar;box-shadow:inset 0 0 18px #ffd74633}.dust{grid-area:dust;box-shadow:inset 0 0 18px #ff6cff38}.ice{grid-area:ice;box-shadow:inset 0 0 18px #52ddff3d}.metal{grid-area:metal;box-shadow:inset 0 0 18px #d7d9e12e}.control-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 14px;pointer-events:auto}.control-buttons button{background:#f4f7ffeb;min-height:38px;padding:0 14px}.control-buttons button.active{background:#42f58d;box-shadow:0 0 18px #42f58d6b}.room-panel{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:8px;margin:0 0 14px;padding:12px;pointer-events:auto}.role-row{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:10px}.role-row button{background:#f4f7ff33;color:#f5f8ff;min-height:36px;padding:0 10px}.role-row button.active{background:#42f58d;color:#071020}.room-entry{display:grid;gap:6px;margin:0 0 10px;text-align:left}.room-entry span{color:#f5f8ffb3;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.room-entry input{background:#020610c7;border:1px solid rgba(255,255,255,.22);border-radius:7px;color:#f5f8ff;font:inherit;font-size:20px;font-weight:900;letter-spacing:.18em;min-height:42px;padding:0 12px;text-transform:uppercase;width:100%}.room-status{color:#f5f8ffb8;font-size:12px;font-weight:800;line-height:1.35;margin:4px 0 0}.controller-panel{max-width:440px}.controller-stick{align-items:center;background:radial-gradient(circle,#76e7ff1f,#070e1cdb);border:1px solid rgba(118,231,255,.35);border-radius:50%;display:flex;height:min(58vw,240px);justify-content:center;margin:16px auto;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:min(58vw,240px)}.controller-stick:before,.controller-stick:after{background:#f5f8ff2e;content:"";position:absolute}.controller-stick:before{height:1px;left:18px;right:18px}.controller-stick:after{bottom:18px;top:18px;width:1px}#controllerDot{background:#42f58d;border-radius:50%;box-shadow:0 0 18px #42f58dcc;display:block;height:18px;transition:transform 80ms linear;width:18px;z-index:1}.stick-readout{align-items:center;background:#070e1cad;border:1px solid rgba(255,255,255,.22);border-radius:50%;bottom:76px;display:flex;height:54px;justify-content:center;pointer-events:none;position:absolute;right:22px;width:54px}.stick-readout:before,.stick-readout:after{background:#f5f8ff3d;content:"";position:absolute}.stick-readout:before{height:1px;left:9px;right:9px}.stick-readout:after{bottom:9px;top:9px;width:1px}#stickDot{background:#76e7ff;border-radius:50%;box-shadow:0 0 12px #76e7ffcc;display:block;height:9px;transition:transform 80ms linear;width:9px;z-index:1}.overlay{align-items:center;background:#01040c94;display:flex;inset:0;justify-content:center;padding:20px;position:fixed}.overlay.hidden{display:none}.panel{background:#070e1ce0;border:1px solid rgba(255,255,255,.18);border-radius:8px;box-shadow:0 22px 70px #0000005c;max-width:460px;padding:26px;text-align:center;width:min(100%,460px)}.panel h1{font-size:clamp(34px,7vw,64px);letter-spacing:0;line-height:.92;margin:0 0 14px}.panel p{color:#f5f8ffc7;line-height:1.5;margin:0 0 20px}.eyebrow{color:#76e7ff;font-size:12px;font-weight:900;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}dl{display:grid;gap:8px;margin:20px 0}dl div{align-items:center;display:flex;justify-content:space-between}dt{color:#f5f8ffbd}dd{font-size:20px;font-weight:900;margin:0}@media(max-width:680px){.meter{grid-template-columns:96px 1fr}.meter span{font-size:11px}.readout{bottom:20px;top:auto}.inventory{grid-template-columns:54px 54px 54px;grid-template-rows:54px 54px 54px}.control-buttons button{min-height:34px;padding:0 10px}.room-panel{padding:10px}.stick-readout{bottom:auto;height:46px;right:16px;top:176px;width:46px}}@media(max-width:620px)and (max-height:620px){button{min-height:34px;padding:0 12px}.status{gap:6px;left:14px;right:14px;top:12px}.meter{gap:8px;grid-template-columns:116px 1fr;max-width:none}.meter span{font-size:10px;white-space:nowrap}.track{height:12px}.readout{bottom:14px;font-size:14px;gap:10px;right:16px}.reticle{height:52px;width:52px}.reticle:before{inset:9px}.reticle:after{left:24px;top:24px}.reticle span:first-child{left:15px;right:15px;top:25px}.inventory{bottom:14px;gap:3px;grid-template-columns:48px 48px 48px;grid-template-rows:48px 48px 48px;left:14px}.slot b{font-size:18px}.slot small{font-size:9px;max-width:44px}.control-buttons button{font-size:12px;min-height:30px;padding:0 10px}.role-row button,.room-status,.room-entry span{font-size:10px}.room-entry input{font-size:16px;min-height:34px}.stick-readout{height:38px;right:14px;top:150px;width:38px}.stick-readout:before{left:7px;right:7px}.stick-readout:after{bottom:7px;top:7px}#stickDot{height:7px;width:7px}.effect-status{font-size:11px;top:calc(50% + 38px)}.panel{max-width:420px;padding:22px;width:min(100%,420px)}.panel h1{font-size:44px}.panel p{font-size:14px}}