:root{--ui-bg:#0a0e148c;--ui-bg-solid:#0c1016eb;--ui-border:#ffffff1f;--ui-text:#eef5ffeb;--ui-text-dim:#c5d6e899;--ui-accent:#7fd6ff;--ui-radius:14px;--ui-shadow:0 10px 40px #00000073;--ui-font:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ui-text);font-family:var(--ui-font);-webkit-font-smoothing:antialiased;background:#05070a;margin:0;padding:0;overflow:hidden}#viewport{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}.loader{z-index:100;background:radial-gradient(120% 120% at 50% 30%,#16202c 0%,#05070a 70%);place-items:center;transition:opacity .7s,visibility .7s;display:grid;position:fixed;inset:0}.loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader__inner{text-align:center;width:min(420px,80vw)}.loader__title{letter-spacing:.22em;text-transform:uppercase;margin:22px 0 6px;font-size:26px;font-weight:600}.loader__theme{letter-spacing:.16em;text-transform:uppercase;color:var(--ui-text-dim);margin:0 0 20px;font-size:12px}.loader__sigil{justify-content:center;gap:14px;display:flex}.sigil{border-radius:50%;width:14px;height:14px;animation:1.8s ease-in-out infinite sigil-pulse}.sigil--a{background:#1d5f8f}.sigil--b{background:#3fb4ff;animation-delay:.15s}.sigil--c{background:#9fe0ff;animation-delay:.3s}.sigil--d{background:#ecfbff;animation-delay:.45s}@keyframes sigil-pulse{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}.loader__bar{background:#ffffff1a;border-radius:3px;height:3px;overflow:hidden}.loader__bar i{background:linear-gradient(90deg,#1d5f8f,#3fb4ff,#ecfbff);border-radius:3px;width:0%;height:100%;transition:width .25s;display:block}.loader__status{letter-spacing:.14em;text-transform:uppercase;color:var(--ui-text-dim);margin:14px 0 0;font-size:12px}.hud{pointer-events:none;z-index:20;font-size:13px;position:fixed;inset:0}.hud__player-bar{pointer-events:none;z-index:50;flex-direction:column;align-items:center;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.hud__player-hp{-webkit-backdrop-filter:blur(20px);background:#0a101ae0;border:1px solid #ffffff38;border-radius:16px;flex-direction:column;gap:6px;width:360px;padding:10px 18px;display:flex;box-shadow:0 10px 40px #000000a6,0 0 20px #10b98133}.hud__hp-track{background:#0009;border:1px solid #ffffff1f;border-radius:999px;width:100%;height:12px;position:relative;overflow:hidden}.hud__hp-fill{background:linear-gradient(90deg,#059669,#10b981);border-radius:999px;width:100%;height:100%;transition:width .12s ease-out,background .25s;box-shadow:0 0 14px #10b981cc}.hud__hp-text{letter-spacing:.15em;color:var(--ui-text-dim);justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.hud__hp-text b{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 8px #ffffff80;font-size:13px;font-weight:800}.hud__abilities{pointer-events:auto;gap:10px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.ability-card{border-radius:var(--ui-radius);border:1px solid var(--ui-border);background:var(--ui-bg);-webkit-backdrop-filter:blur(14px);width:96px;box-shadow:var(--ui-shadow);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 8px 10px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;position:relative;overflow:hidden}.ability-card:hover{background:#141c26b3;transform:translateY(-3px)}.ability-card.is-active{border-color:var(--accent,var(--ui-accent));box-shadow:0 0 0 1px var(--accent,var(--ui-accent)) inset, 0 8px 28px #00000080, 0 0 26px -6px var(--accent,var(--ui-accent));background:#141c26d1}.hud__abilities.is-armed .ability-card.is-active{animation:1.05s ease-in-out infinite ability-armed}@keyframes ability-armed{0%,to{box-shadow:0 0 0 1px var(--accent,var(--ui-accent)) inset, 0 8px 28px #00000080, 0 0 22px -8px var(--accent,var(--ui-accent))}50%{box-shadow:0 0 0 2px var(--accent,var(--ui-accent)) inset, 0 8px 28px #00000080, 0 0 34px -2px var(--accent,var(--ui-accent))}}.ability-card__sweep{border-radius:inherit;background:conic-gradient(from 0deg, #05090ecc calc(var(--cooldown,0) * 360deg), transparent 0);opacity:0;pointer-events:none;transition:opacity .12s linear;position:absolute;inset:0}.ability-card.is-cooling .ability-card__sweep{opacity:1}.ability-card.is-cooling .ability-card__glyph,.ability-card.is-cooling .ability-card__label{opacity:.45}.ability-card__glyph{color:var(--accent,var(--ui-accent));position:relative}.ability-card__glyph .glyph-svg{width:34px;height:34px;filter:drop-shadow(0 0 6px var(--accent,var(--ui-accent)));margin:1px auto 0;transition:filter .18s,opacity .18s;display:block}.ability-card.is-active .glyph-svg{filter:drop-shadow(0 0 11px var(--accent,var(--ui-accent)))}.ability-card__label{letter-spacing:.14em;text-transform:uppercase;margin-top:7px;font-size:11px;font-weight:600;transition:opacity .18s;position:relative}.ability-card__key{z-index:1;letter-spacing:.08em;color:var(--ui-text-dim);font-size:10px;font-weight:600;position:absolute;top:6px;right:9px}.hud__left-actions{pointer-events:auto;z-index:25;flex-direction:column;gap:8px;display:flex;position:absolute;top:86px;left:22px}.hud__action-btn{border-radius:var(--ui-radius);border:1px solid var(--ui-border);background:var(--ui-bg);-webkit-backdrop-filter:blur(14px);color:var(--ui-text);font-family:var(--ui-font);letter-spacing:.06em;cursor:pointer;box-shadow:var(--ui-shadow);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:10px 16px;font-size:12px;font-weight:600;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.hud__action-btn:hover{box-shadow:0 0 20px -4px #ff3c3c59, var(--ui-shadow);background:#1c2430d9;border-color:#ff646473;transform:translateY(-2px)}.hud__action-btn:active{transform:translateY(0)scale(.97)}.hud__spawn-btn{border-color:#ff505047}.hud__spawn-btn .hud__btn-icon{stroke:#ff6b6b;flex-shrink:0;width:18px;height:18px}.hud__spawn-btn kbd{min-width:18px;font:10px/1.4 var(--ui-font);color:#f99;text-align:center;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:4px;margin-left:4px;padding:1px 6px;display:inline-block}.hud__auto-btn{border-color:#7fd6ff40}.hud__auto-btn .hud__btn-icon{width:17px;height:17px;stroke:var(--ui-accent);fill:none;flex-shrink:0}.hud__auto-btn kbd{min-width:18px;font:10px/1.4 var(--ui-font);color:var(--ui-accent);text-align:center;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:4px;margin-left:4px;padding:1px 6px;display:inline-block}.hud__auto-btn.is-active{border-color:var(--ui-accent);box-shadow:0 0 16px -2px #7fd6ff80, var(--ui-shadow);background:#1e466ed9}.hud__auto-btn.is-active .hud__btn-icon{fill:var(--ui-accent)}.hud__panel{border-radius:var(--ui-radius);border:1px solid var(--ui-border);background:var(--ui-bg);-webkit-backdrop-filter:blur(14px);box-shadow:var(--ui-shadow);padding:12px 14px;line-height:1.65;position:absolute}.hud__help{max-width:260px;color:var(--ui-text-dim);transition:opacity .3s;bottom:26px;left:22px}.hud__help.is-hidden{opacity:0}.hud__help strong{color:var(--ui-text);font-weight:600}.hud__help kbd{border:1px solid var(--ui-border);min-width:18px;font:11px/1.5 var(--ui-font);color:var(--ui-text);text-align:center;background:#ffffff12;border-radius:5px;margin-right:4px;padding:1px 5px;display:inline-block}.hud__top-right{pointer-events:auto;z-index:60;align-items:center;gap:10px;display:flex;position:absolute;top:22px;right:22px}.hud__stats{font-variant-numeric:tabular-nums;min-width:132px;color:var(--ui-text-dim);position:relative}.hud__stats b{float:right;color:var(--ui-text);font-weight:600}.hud__audio-btn{border:1px solid var(--ui-border);-webkit-backdrop-filter:blur(16px);width:36px;height:36px;box-shadow:var(--ui-shadow);color:var(--ui-text);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0a101ae6;border-radius:12px;flex-shrink:0;place-items:center;font-size:15px;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:grid}.hud__audio-btn:hover{box-shadow:0 0 16px #38bdf84d, var(--ui-shadow);background:#1a2636f5;border-color:#38bdf899;transform:translateY(-2px)scale(1.04)}.hud__audio-btn:active{transform:translateY(0)scale(.95)}.hud__audio-btn.is-muted{opacity:.65;background:#180c10e0;border-color:#ef444473}.hud__audio-btn.is-muted:hover{box-shadow:0 0 16px #ef44444d, var(--ui-shadow);border-color:#ef4444b3}.hud__title{letter-spacing:.2em;text-transform:uppercase;max-width:min(340px,50vw - 200px);font-size:11px;font-weight:600;top:22px;left:22px}.hud__title span{letter-spacing:.1em;color:var(--ui-text-dim);text-transform:none;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;display:block;overflow:hidden}.hud__toast{-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;z-index:60;letter-spacing:.04em;color:#fff;white-space:nowrap;background:#0a101aeb;border:1px solid #ffffff2e;border-radius:999px;padding:8px 18px;font-size:12px;font-weight:600;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);position:absolute;top:96px;left:50%;transform:translate(-50%,-10px);box-shadow:0 8px 30px #0009,0 0 14px #7fd6ff26}.hud__toast.is-visible{opacity:1;transform:translate(-50%)}.hud__paused{-webkit-backdrop-filter:blur(16px);color:var(--ui-accent);letter-spacing:.24em;text-transform:uppercase;opacity:0;pointer-events:none;z-index:60;background:#0c1620eb;border:1px solid #7fd6ff66;border-radius:999px;padding:5px 16px;font-size:10px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;top:96px;left:50%;transform:translate(-50%,-8px);box-shadow:0 8px 24px #0009}.hud__paused.is-visible{opacity:1;transform:translate(-50%)}.hud__help-note{border-top:1px solid var(--ui-border);color:var(--ui-accent);opacity:.72;margin-top:6px;padding-top:6px;font-size:11px}.hud__defeat-screen{z-index:90;-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(circle,#230a0fd9 0%,#050508f2 75%);justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.hud__defeat-screen.is-active{opacity:1;visibility:visible;pointer-events:auto}.hud__defeat-box{box-shadow:0 0 50px #dc262659, var(--ui-shadow);text-align:center;background:#140e12e0;border:1px solid #ef444466;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:36px 48px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.92)}.hud__defeat-screen.is-active .hud__defeat-box{transform:scale(1)}.hud__defeat-icon{filter:drop-shadow(0 0 16px #ef4444b3);font-size:48px;line-height:1;animation:1.8s ease-in-out infinite alternate defeat-pulse}@keyframes defeat-pulse{0%{opacity:.85;transform:scale(1)}to{opacity:1;filter:drop-shadow(0 0 24px #ef4444);transform:scale(1.1)}}.hud__defeat-title{letter-spacing:.28em;text-transform:uppercase;color:#ef4444;text-shadow:0 0 24px #ef444499;font-size:32px;font-weight:800}.hud__defeat-sub{color:var(--ui-text-dim);letter-spacing:.08em;margin-bottom:12px;font-size:14px}.hud__restart-btn{color:#fff;font-family:var(--ui-font);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#ef4444,#b91c1c);border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:10px;padding:12px 28px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 4px 20px #ef444480}.hud__restart-btn:hover{background:linear-gradient(135deg,#f87171,#dc2626);transform:translateY(-2px)scale(1.03);box-shadow:0 6px 28px #ef4444cc}.hud__restart-btn:active{transform:translateY(1px)}.hud__orbital-ctrl{-webkit-backdrop-filter:blur(20px);z-index:70;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none;background:#0a101aeb;border:1px solid #ffffff2e;border-radius:18px;flex-direction:column;gap:10px;width:220px;padding:12px 14px;transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:84px;right:18px;transform:translateY(12px)scale(.92);box-shadow:0 12px 40px #000000bf,0 0 24px #38bdf833;display:none!important}.hud__orbital-ctrl.is-visible{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.hud__orbital-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.hud__orbital-tag{letter-spacing:.14em;color:var(--ui-text-dim);font-size:9px;font-weight:700}.hud__orbital-dist{color:#38bdf8;font-variant-numeric:tabular-nums;text-shadow:0 0 10px #38bdf899;font-size:13px;font-weight:800}.hud__orbital-cancel{color:var(--ui-text-dim);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;transition:background .15s,color .15s;display:grid}.hud__orbital-cancel:hover{color:#ef4444;background:#ef44444d}.hud__orbital-body{justify-content:space-between;align-items:center;gap:12px;display:flex}.hud__orbital-slider-wrap{flex-direction:column;justify-content:center;align-items:center;gap:4px;height:104px;display:flex}.hud__slider-label{color:var(--ui-text-dim);letter-spacing:.08em;font-size:8px;font-weight:700}.hud__orbital-slider{writing-mode:vertical-lr;appearance:none;cursor:ns-resize;direction:rtl;background:#0009;border:1px solid #ffffff26;border-radius:8px;outline:none;width:14px;height:74px}.hud__orbital-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:ns-resize;background:linear-gradient(135deg,#38bdf8,#0284c7);border:1px solid #fff;border-radius:5px;width:18px;height:14px;box-shadow:0 0 10px #38bdf8e6}.hud__orbital-slider::-moz-range-thumb{cursor:ns-resize;background:linear-gradient(135deg,#38bdf8,#0284c7);border:1px solid #fff;border-radius:5px;width:18px;height:14px;box-shadow:0 0 10px #38bdf8e6}.hud__orbital-dial{cursor:crosshair;touch-action:none;background:radial-gradient(circle,#0f172af2,#020617f2);border:1px solid #38bdf84d;border-radius:50%;place-items:center;width:104px;height:104px;display:grid;position:relative;box-shadow:inset 0 0 20px #000c,0 0 14px #38bdf833}.hud__orbital-ring{pointer-events:none;border:1px dashed #ffffff24;border-radius:50%;position:absolute}.hud__orbital-ring--outer{width:82px;height:82px}.hud__orbital-ring--mid{width:48px;height:48px}.hud__orbital-pointer{transform-origin:bottom;pointer-events:none;background:linear-gradient(#38bdf8,#38bdf81a);width:2px;height:38px;transition:transform 40ms ease-out;position:absolute;bottom:50%;left:calc(50% - 1px);box-shadow:0 0 8px #38bdf8}.hud__orbital-pointer:after{content:"";background:#38bdf8;border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:-3px;box-shadow:0 0 10px #38bdf8}.hud__orbital-knob{pointer-events:none;background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:1.5px solid #38bdf899;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;transition:transform 80ms ease-out;display:flex;position:relative;box-shadow:0 0 14px #38bdf866,inset 0 2px 4px #fff3}.hud__orbital-icon{font-size:13px;line-height:1}.hud__orbital-cast-txt{letter-spacing:.1em;color:#38bdf8;margin-top:1px;font-size:7px;font-weight:800}.hud__orbital-footer{align-items:center;gap:6px;margin-top:2px;display:flex}.hud__orbital-quick-btn{color:var(--ui-text-dim);cursor:pointer;text-align:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex:1;padding:5px 0;font-size:9px;font-weight:700;transition:background .15s,color .15s}.hud__orbital-quick-btn:hover{color:#fff;background:#38bdf833}.hud__orbital-quick-btn--max{color:#38bdf8}.hud__orbital-deploy-btn{color:#fff;letter-spacing:.05em;cursor:pointer;text-align:center;background:linear-gradient(135deg,#0284c7,#2563eb);border:1px solid #ffffff4d;border-radius:8px;flex:1.2;padding:5px 0;font-size:10px;font-weight:800;transition:transform .15s,box-shadow .15s;box-shadow:0 0 12px #2563eb99}.hud__orbital-deploy-btn:active{transform:scale(.96)}.lil-gui.root{--background-color:#0c1016e6;--widget-color:#ffffff1a;--focus-color:#7fd6ff59;--hover-color:#ffffff29;--font-family:var(--ui-font);--font-size:11px;--input-font-size:11px;--title-height:30px;--widget-height:22px;--name-width:46%;z-index:40;-webkit-backdrop-filter:blur(16px);box-shadow:var(--ui-shadow);border-radius:12px;max-height:calc(100vh - 32px);overflow:hidden}.lil-gui.root>.title{letter-spacing:.16em;text-transform:uppercase;font-weight:600}.lil-gui.autoPlace{top:16px;right:16px}@media (min-width:1440px){.hud__player-hp{width:420px;padding:12px 22px}.hud__hp-track{height:14px}.ability-card{width:110px;padding:14px 10px 12px}.ability-card__glyph .glyph-svg{width:38px;height:38px}.ability-card__label{font-size:12px}.hud__action-btn{padding:12px 18px;font-size:13px}.lil-gui.root{--font-size:12px;--input-font-size:12px;--title-height:34px;--widget-height:25px;width:300px}}@media (min-width:2000px){.hud__player-hp{width:480px;padding:14px 26px}.ability-card{width:124px}.lil-gui.root{width:340px}}@media (max-width:1024px){.hud__orbital-ctrl{display:flex!important}.hud__help{display:none}.hud__title{max-width:130px;top:14px;left:14px}.hud__title span{display:none}.hud__left-actions{gap:6px;top:56px;left:14px}.hud__action-btn{padding:7px 12px;font-size:11px}.hud__player-bar{top:14px}.hud__player-hp{width:min(240px,32vw);padding:8px 12px}.hud__top-right{gap:8px;top:14px;right:14px}.hud__audio-btn{border-radius:10px;width:34px;height:34px;font-size:14px}.hud__stats{min-width:unset;padding:6px 10px;font-size:10.5px}.hud__stats div:nth-child(n+3){display:none}.hud__toast,.hud__paused{top:76px}.ability-card{width:78px;padding:9px 5px 7px}.ability-card__glyph .glyph-svg{width:26px;height:26px}}@media (max-width:600px){.hud__title{display:none}.hud__left-actions{top:max(8px, env(safe-area-inset-top,8px));left:max(8px, env(safe-area-inset-left,8px));z-index:70;flex-direction:row;gap:5px}.hud__action-btn{border-radius:9px;place-items:center;gap:0;width:32px;height:32px;padding:0;display:grid}.hud__action-btn .hud__btn-text,.hud__action-btn kbd{display:none}.hud__action-btn .hud__btn-icon{width:16px;height:16px}.hud__player-bar{top:max(8px, env(safe-area-inset-top,8px));z-index:50}.hud__player-hp{background:#0a101af0;border:1px solid #ffffff2e;border-radius:9px;flex-direction:column;justify-content:center;gap:2px;width:clamp(100px,100vw - 180px,140px);height:32px;padding:3px 8px;display:flex}.hud__hp-track{background:#000000b3;height:5px}.hud__hp-text{letter-spacing:.08em;font-size:7.5px}.hud__hp-label{display:none}.hud__hp-text:before{content:"HERO HP";color:var(--ui-text-dim);font-size:7.5px;font-weight:700}.hud__hp-text b{font-size:9px;font-weight:800}.hud__top-right{right:max(8px, env(safe-area-inset-right,8px));top:max(8px, env(safe-area-inset-top,8px));z-index:70;gap:5px}.hud__stats{height:32px;min-width:unset;border:1px solid var(--ui-border);-webkit-backdrop-filter:blur(14px);box-shadow:var(--ui-shadow);background:#0a101af0;border-radius:9px;justify-content:center;align-items:center;padding:0 7px;font-size:9.5px;line-height:1;display:flex}.hud__stats div:not(:first-child){display:none}.hud__stats div:first-child{color:var(--ui-text-dim);align-items:center;gap:3px;display:flex}.hud__stats b{float:none;color:#4ade80;font-size:10px;font-weight:800}.hud__audio-btn{border-radius:9px;width:32px;height:32px;font-size:13.5px}.hud__abilities{bottom:max(12px, env(safe-area-inset-bottom,12px));-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:center;gap:5px;max-width:calc(100vw - 12px);padding:0 4px 4px;overflow-x:auto}.hud__abilities::-webkit-scrollbar{display:none}.ability-card{border-radius:10px;flex-shrink:0;width:clamp(48px,14vw,62px);padding:6px 3px 5px}.ability-card__key{display:none}.ability-card__glyph .glyph-svg{width:22px;height:22px}.ability-card__label{letter-spacing:.01em;margin-top:2px;font-size:8px}.hud__toast,.hud__paused{top:max(52px, calc(env(safe-area-inset-top,8px) + 44px));padding:4px 12px;font-size:10.5px}.hud__defeat-box{border-radius:16px;gap:8px;width:min(340px,92vw);padding:24px 18px}.hud__orbital-ctrl{right:max(10px, env(safe-area-inset-right,10px));bottom:max(82px, calc(env(safe-area-inset-bottom,12px) + 70px));border-radius:16px;gap:7px;width:196px;padding:9px 10px}.hud__orbital-dial{width:90px;height:90px}.hud__orbital-ring--outer{width:72px;height:72px}.hud__orbital-ring--mid{width:40px;height:40px}.hud__orbital-pointer{height:33px}.hud__orbital-knob{width:38px;height:38px}.hud__defeat-icon{font-size:36px}.hud__defeat-title{letter-spacing:.16em;font-size:20px}.hud__defeat-sub{margin-bottom:8px;font-size:12px}.hud__restart-btn{padding:10px 20px;font-size:12px}.lil-gui.root{max-width:calc(100vw - 20px);right:max(10px, env(safe-area-inset-right,10px));top:max(10px, env(safe-area-inset-top,10px))}}@media (max-width:380px){.hud__player-hp{width:min(150px,100vw - 140px);padding:3px 6px}.ability-card{width:46px;padding:5px 2px 4px}.ability-card__glyph .glyph-svg{width:18px;height:18px}.ability-card__label{font-size:7px}.hud__orbital-ctrl{width:180px;padding:8px}.hud__orbital-dial{width:80px;height:80px}}@media (max-height:520px){.hud__player-bar{top:max(6px, env(safe-area-inset-top,6px))}.hud__player-hp{width:220px;padding:4px 10px}.hud__hp-track{height:6px}.hud__left-actions{top:max(6px, env(safe-area-inset-top,6px));left:max(8px, env(safe-area-inset-left,8px))}.hud__title,.hud__help{display:none}.hud__abilities{bottom:max(6px, env(safe-area-inset-bottom,6px));gap:4px}.ability-card{width:58px;padding:4px 3px 3px}.ability-card__glyph .glyph-svg{width:18px;height:18px}.ability-card__label{margin-top:2px;font-size:8px}}