html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#041826;color:#f5fbff;font-family:Arial,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;--danger-wash-alpha: 0;--danger-edge-alpha: 0;--ui-ink: #f5fbff;--ui-muted: #9ddfed;--ui-panel: rgba(3, 22, 34, .72);--ui-panel-strong: rgba(2, 16, 26, .86);--ui-cyan: #48f0d5;--ui-foam: #d8fbff;--ui-gold: #f6d24a;--ui-coral: #ff6b5f;--ui-red: #ff3857}#game-root,#danger-root,#hud-root{position:absolute;top:0;right:0;bottom:0;left:0}#game-root{z-index:0;touch-action:none}#danger-root{z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,#ff243800 42%,rgba(255,36,56,var(--danger-edge-alpha))),rgba(184,18,32,var(--danger-wash-alpha))}#game-root canvas{display:block;width:100%;height:100%;touch-action:none}#hud-root{z-index:2;pointer-events:none}.hud{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));width:min(520px,calc(100vw - 28px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100dvh - 28px - env(safe-area-inset-top));padding:12px;border:1px solid rgba(203,247,255,.28);border-radius:8px;background:var(--ui-panel);box-shadow:0 10px 30px #00000042;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.hud__watch{display:grid;gap:8px}.hud__watch-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.hud__watch-head span,.stat span{display:block;color:var(--ui-muted);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.hud__watch-head strong{color:var(--ui-ink);font-size:34px;line-height:.95}.hud__status{color:var(--ui-foam);font-size:13px;font-weight:800;text-transform:uppercase}.meter__track{height:16px;overflow:hidden;border-radius:8px;background:#b6e8ee38}.meter__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ui-cyan),#e8f779);transition:width .12s linear}.hud__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.stat{min-width:0;padding:9px 10px;border:1px solid rgba(216,251,255,.14);border-radius:6px;background:#02101a6b}.stat strong{display:block;margin-top:4px;color:var(--ui-ink);font-size:20px;line-height:1}.hud__alert,.hud__power{margin-top:10px;padding:8px 10px;border-radius:6px;font-weight:900;text-align:center;text-transform:uppercase}.hud__alert{background:var(--ui-gold);color:#201400}.hud__power{background:linear-gradient(90deg,#fff2a6,var(--ui-gold));color:#201400}.hud--warning{border-color:#f6d24acc}.hud--warning .meter__fill{background:linear-gradient(90deg,var(--ui-gold),#fff2a6)}.hud--critical{border-color:#ff3857e6;background:linear-gradient(180deg,rgba(54,8,20,.78),var(--ui-panel-strong))}.hud--critical .meter__fill{background:linear-gradient(90deg,var(--ui-coral),var(--ui-red))}.hud--critical .hud__alert{background:var(--ui-red);color:#fff8fb}@media(max-width:720px){.hud{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));padding:9px}.hud__watch-head strong{font-size:27px}.meter__track{height:13px}.hud__stats{gap:6px}.stat{padding:7px 8px}.stat strong{font-size:16px}}@media(max-height:480px){.hud{width:min(430px,calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)));padding:8px}.hud__watch{gap:5px}.hud__watch-head strong{font-size:24px}.hud__stats{margin-top:7px}.hud__alert,.hud__power{margin-top:7px;padding:6px 8px}}