:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f3fbff;background:#070a12;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none}#game-canvas{display:block;width:100%;height:100%;background:#070a12}.hud{position:fixed;inset:0;pointer-events:none}.hud__top{position:absolute;top:max(14px,env(safe-area-inset-top));left:16px;right:16px;display:grid;grid-template-columns:1.05fr 1.05fr .72fr .72fr .55fr .55fr;gap:10px}.hud__top>div{min-width:0;padding:9px 10px;border:1px solid rgba(39,216,255,.22);border-radius:6px;background:#04081273;backdrop-filter:blur(12px)}.hud__label{display:block;margin-bottom:3px;color:#bdefff9e;font-size:10px;font-weight:700}.hud strong{display:block;overflow:hidden;color:#f3fbff;font-size:18px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.hud__value--hot{color:#ffb37d;text-shadow:0 0 12px rgba(255,138,61,.55)}.hud__value--danger{color:#ff86c7;text-shadow:0 0 13px rgba(255,62,165,.72)}.hud__xp{position:absolute;top:max(76px,calc(env(safe-area-inset-top) + 64px));left:50%;width:min(540px,calc(100% - 32px));transform:translate(-50%)}.hud__xp-track{height:8px;overflow:hidden;border:1px solid rgba(39,216,255,.34);border-radius:999px;background:linear-gradient(90deg,#27d8ff14,#9b5cff1f),#050916c2;box-shadow:inset 0 0 12px #03050ce0,0 0 16px #27d8ff1a}.hud__xp-bar{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#27d8ff,#68ffb0,#ff8a3d);box-shadow:0 0 16px #27d8ff8c;transform:scaleX(0);transform-origin:left center;transition:transform .12s linear}.hud__xp-bar--ready{box-shadow:0 0 18px #ff8a3db8,0 0 26px #27d8ff52}.hud__xp-text{display:block;margin-top:4px;color:#bdefffc2;font-size:10px;font-weight:900;line-height:1;text-align:center;text-shadow:0 0 8px rgba(39,216,255,.32)}.hud__xp-text--ready{color:#ffb37d}.hud__health{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(310px,calc(100% - 280px));min-width:220px;transform:translate(-50%)}.hud__health-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px;color:#bdefffbd;font-size:10px;font-weight:900;text-shadow:0 0 8px rgba(39,216,255,.24)}.hud__health-meta strong{color:#f3fbff;font-size:12px}.hud__health-track{position:relative;height:10px;overflow:hidden;border:1px solid rgba(189,239,255,.24);border-radius:999px;background:linear-gradient(90deg,#68ffb014,#ff3ea51a),#050916c7;box-shadow:inset 0 0 12px #03050cdb,0 0 16px #27d8ff1a}.hud__health-bar,.hud__health-loss{position:absolute;inset:0;width:100%;border-radius:inherit;transform:scaleX(1);transform-origin:left center}.hud__health-bar{z-index:2;background:linear-gradient(90deg,#68ffb0,#b7ff7a);box-shadow:0 0 18px #68ffb061;transition:transform .16s linear,background .18s ease,box-shadow .18s ease}.hud__health-loss{z-index:1;background:#ff3ea59e;box-shadow:0 0 18px #ff3ea56b;transition:transform .52s ease-out}.hud__health[data-health-level=warn] .hud__health-bar{background:linear-gradient(90deg,#d8ff6a,#ffcf5c);box-shadow:0 0 18px #ffcf5c6b}.hud__health[data-health-level=danger] .hud__health-bar{background:linear-gradient(90deg,#ffb35c,#ff8a3d);box-shadow:0 0 18px #ff8a3d7a}.hud__health[data-health-level=critical] .hud__health-bar{background:linear-gradient(90deg,#ff5757,#ff3ea5);box-shadow:0 0 18px #ff3ea594,0 0 28px #ff575742}.hud__health--hit .hud__health-track{border-color:#ff3ea56b}.boss-panel{position:absolute;top:max(102px,calc(env(safe-area-inset-top) + 90px));left:50%;width:min(520px,calc(100% - 32px));padding:9px 10px 8px;border:1px solid rgba(255,62,165,.32);border-radius:6px;background:#08051294;box-shadow:0 0 22px #ff3ea51a;transform:translate(-50%)}.boss-panel[hidden]{display:none}.boss-panel__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;color:#ffdef1cc;font-size:10px;font-weight:900}.boss-panel__name,.boss-panel__phase{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boss-panel__phase{color:#ff8a3d}.boss-panel__phase--hot{color:#ff3ea5;text-shadow:0 0 12px rgba(255,62,165,.72)}.boss-panel__track{height:9px;overflow:hidden;border:1px solid rgba(255,62,165,.28);border-radius:999px;background:#1e0a1cc7}.boss-panel__bar{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff3ea5,#ff8a3d);box-shadow:0 0 18px #ff3ea58c;transform:scaleX(1);transform-origin:left center;transition:transform 90ms linear}.boss-panel__hp{margin-top:5px;color:#bdefffb8;font-size:10px;font-weight:900;text-align:right}.build-badge{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));padding:5px 7px;border:1px solid rgba(189,239,255,.16);border-radius:5px;color:#bdefff94;background:#04081261;font-size:9px;font-weight:900;letter-spacing:0}.settings-button{position:fixed;top:max(76px,calc(env(safe-area-inset-top) + 64px));right:max(16px,env(safe-area-inset-right));z-index:26;min-width:44px;height:34px;touch-action:manipulation;border:1px solid rgba(39,216,255,.34);border-radius:6px;color:#bdefff;background:#040812a3;box-shadow:inset 0 0 16px #27d8ff1f,0 0 18px #04081252;font:900 10px/1 Inter,ui-sans-serif,system-ui,sans-serif;pointer-events:auto}.settings-button:hover,.settings-button:focus-visible{border-color:#ff8a3db8;color:#fff5ec;outline:none}.settings-panel{position:fixed;top:max(118px,calc(env(safe-area-inset-top) + 106px));right:max(16px,env(safe-area-inset-right));z-index:27;width:min(260px,calc(100% - 32px));pointer-events:auto}.settings-panel[hidden]{display:none}.settings-panel__inner{padding:12px;border:1px solid rgba(39,216,255,.3);border-radius:8px;background:#050916e6;box-shadow:0 0 34px #27d8ff1f;backdrop-filter:blur(12px)}.settings-panel__header,.settings-panel__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-panel__header{margin-bottom:12px}.settings-panel strong,.settings-panel__row>span{color:#f3fbff;font-size:12px;font-weight:900}.settings-panel__row>span{color:#bdefffb8}.settings-panel__close{width:30px;height:28px;border:1px solid rgba(189,239,255,.18);border-radius:6px;color:#bdefffc7;background:#0a0a1cb8;font-size:10px;font-weight:900}.settings-panel__language{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:142px;gap:5px}.settings-panel__choice{height:30px;border:1px solid rgba(155,92,255,.32);border-radius:6px;color:#f6f1ffb8;background:#0e0a20b8;font-size:11px;font-weight:900}.settings-panel__choice--active{border-color:#ff8a3db8;color:#fff5ec;background:#522009d1;box-shadow:inset 0 0 18px #ff8a3d2e}.hud__bottom{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,46px);gap:8px;pointer-events:auto}.hud__button{width:46px;height:46px;touch-action:manipulation;border:1px solid rgba(155,92,255,.42);border-radius:6px;color:#f6f1ff;background:#0e0a209e;box-shadow:inset 0 0 20px #9b5cff2e;font:800 13px/1 Inter,ui-sans-serif,system-ui,sans-serif}.hud__button:active{transform:translateY(1px)}.hud__button--hot{border-color:#ff8a3dad;color:#fff5ec;background:#341408ad;box-shadow:inset 0 0 20px #ff8a3d33}.hud__button:disabled{color:#f6f1ff6b;border-color:#bdefff29;background:#080a1285;box-shadow:none}.boot-status{position:fixed;left:50%;top:50%;padding:12px 14px;border:1px solid rgba(39,216,255,.28);border-radius:6px;color:#bdefff;background:#040812b8;font-size:12px;font-weight:800;transform:translate(-50%,-50%)}.boot-status--error{border-color:#ff3ea573;color:#ffd8ef}.result-panel{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#03050c8a;backdrop-filter:blur(10px);z-index:20}.result-panel[hidden]{display:none}.result-panel__inner{width:min(520px,100%);border:1px solid rgba(39,216,255,.3);border-radius:8px;padding:22px;background:#050916d1;box-shadow:0 0 44px #27d8ff1a}.result-panel__eyebrow{color:#27d8ff;font-size:11px;font-weight:900}.result-panel__build{float:right;color:#bdefff8f;font-size:10px;font-weight:900}.result-panel h1{margin:7px 0 18px;color:#f3fbff;font-size:28px;line-height:1}.result-panel__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.result-panel__stats div{padding:11px;border:1px solid rgba(155,92,255,.24);border-radius:6px;background:#0d091fb8}.result-panel dt{margin-bottom:5px;color:#bdefff94;font-size:10px;font-weight:900}.result-panel dd{margin:0;color:#fff;font-size:20px;font-weight:900}.result-panel__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.result-panel__button{min-width:96px;height:42px;border:1px solid rgba(155,92,255,.45);border-radius:6px;color:#f6f1ff;background:#0e0a20db;font-weight:900}.result-panel__button--primary{border-color:#ff8a3db8;color:#fff6ef;background:#522009e6}.upgrade-panel{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#03050c7a;backdrop-filter:blur(8px);z-index:18}.upgrade-panel[hidden]{display:none}.upgrade-panel__inner{width:min(760px,100%);border:1px solid rgba(155,92,255,.34);border-radius:8px;padding:22px;background:#050916db;box-shadow:0 0 48px #9b5cff24}.upgrade-panel__eyebrow{color:#ff8a3d;font-size:11px;font-weight:900}.upgrade-panel h1{margin:7px 0 18px;color:#f3fbff;font-size:28px;line-height:1}.upgrade-panel__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.upgrade-panel__option{min-height:148px;padding:14px;border:1px solid rgba(39,216,255,.26);border-radius:7px;color:#f3fbff;background:#0a0a1cd1;box-shadow:inset 0 0 24px #27d8ff14;text-align:left}.upgrade-panel__option:hover,.upgrade-panel__option:focus-visible{border-color:#ff8a3db8;outline:none;box-shadow:inset 0 0 24px #ff8a3d1f,0 0 24px #ff8a3d1f}.upgrade-panel__option strong,.upgrade-panel__option span{display:block}.upgrade-panel__option strong{margin:10px 0 8px;font-size:18px;line-height:1.08}.upgrade-panel__option span{color:#bdefffad;font-size:12px;font-weight:700;line-height:1.35}.upgrade-panel__option .upgrade-panel__label{color:#27d8ff;font-size:10px;font-weight:900;letter-spacing:0}@media(max-width:680px){.hud__top{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));grid-template-columns:minmax(80px,1.1fr) minmax(68px,.9fr) 62px;gap:6px}.hud__top>div{min-height:44px;padding:7px 8px}.hud strong{font-size:14px}.hud__label{margin-bottom:2px;font-size:9px}.hud__stat--debug{display:none}.hud__bottom{right:max(10px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));grid-template-columns:52px;gap:9px}.hud__health{left:max(72px,env(safe-area-inset-left));right:max(74px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:auto;min-width:0;transform:none}.hud__health-meta{margin-bottom:4px;font-size:9px}.hud__health-meta strong{font-size:11px}.hud__health-track{height:9px}.hud__button{width:52px;height:52px;font-size:14px}.build-badge{left:max(8px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));font-size:8px}.settings-button{top:max(58px,calc(env(safe-area-inset-top) + 54px));right:max(10px,env(safe-area-inset-right));min-width:42px;height:32px;font-size:9px}.settings-panel{top:max(96px,calc(env(safe-area-inset-top) + 90px));right:max(10px,env(safe-area-inset-right));width:min(248px,calc(100% - 20px))}.result-panel__stats{grid-template-columns:1fr}.upgrade-panel{padding:12px}.upgrade-panel__inner{padding:18px}.upgrade-panel h1{font-size:24px}.upgrade-panel__options{grid-template-columns:1fr;gap:8px}.upgrade-panel__option{min-height:98px;padding:12px}.boss-panel{top:max(90px,calc(env(safe-area-inset-top) + 84px));width:calc(100% - 16px);padding:7px 8px}.hud__xp{top:max(58px,calc(env(safe-area-inset-top) + 54px));width:calc(100% - 116px)}.hud__xp-track{height:7px}.hud__xp-text{margin-top:3px;font-size:9px}.boss-panel__meta{margin-bottom:5px;font-size:9px}.boss-panel__track{height:8px}.boss-panel__hp{margin-top:4px;font-size:9px}}@media(max-width:380px){.hud__top{grid-template-columns:minmax(78px,1fr) 58px}.hud__stat--best{display:none}.hud__top>div{padding-inline:7px}.hud strong{font-size:13px}}