: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 .55fr .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)}.boss-panel{position:absolute;top:max(76px,calc(env(safe-area-inset-top) + 62px));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}.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)}.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 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}@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(86px,1.2fr) minmax(72px,1fr) 52px 64px;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__button{width:52px;height:52px;font-size:14px}.result-panel__stats{grid-template-columns:1fr}.boss-panel{top:max(60px,calc(env(safe-area-inset-top) + 54px));width:calc(100% - 16px);padding:7px 8px}.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) 48px 58px}.hud__stat--best{display:none}.hud__top>div{padding-inline:7px}.hud strong{font-size:13px}}