:root{color-scheme:dark;--bg:#081015;--panel:#111a20;--panel2:#18242b;--line:#2c3a44;--line2:#40525e;--text:#eef5f7;--muted:#91a3aa;--mint:#71d1bd;--danger:#e55c63;--gold:#e2bb59}*{box-sizing:border-box}html,body{height:100%;margin:0}body{min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% -10%,#213039,#10171c 40%,#070a0c);color:var(--text);font-family:Segoe UI,Inter,Arial,sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer}#app{width:min(1280px,100%);height:100dvh;margin:0 auto;padding:10px;display:grid;gap:8px;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);grid-template-areas:"top stats" "meters abilities" "stage stage" "bottom bottom";grid-template-rows:auto auto minmax(0,1fr) auto}.hudPanel{border:1px solid var(--line);background:rgba(14,22,27,.97);box-shadow:0 9px 24px rgba(0,0,0,.18)}.topbar{grid-area:top;display:flex;justify-content:space-between;align-items:center;border-radius:18px 0 0 0;padding:11px 15px}.brand{font-size:27px;letter-spacing:.15em;font-weight:950;line-height:1}.tag{font-size:9px;letter-spacing:.18em;color:var(--mint);font-weight:800;margin-top:5px}.topActions{display:flex;gap:7px}.iconBtn{width:42px;height:42px;border:1px solid #42515a;border-radius:12px;background:#202b31;font-size:18px;font-weight:900}.iconBtn.small{width:38px;height:38px;font-size:15px}.stats{grid-area:stats;display:grid;grid-template-columns:repeat(4,1fr);border-radius:0 18px 0 0}.stat{padding:8px 7px;text-align:center;border-right:1px solid rgba(255,255,255,.05)}.stat:last-child{border-right:0}.stat span{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em}.stat b{display:block;font-size:17px;margin-top:2px}.meters{grid-area:meters;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 12px}.meterHead{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.06em;color:#afbec4}.bar{height:10px;border-radius:20px;overflow:hidden;background:#090d0f;border:1px solid #2f3a40;margin-top:5px}.bar>div{height:100%;width:0;transition:width .25s}.pressure>div{background:linear-gradient(90deg,#75d0bc,#d5bd5f,#e35d62)}.core>div{background:linear-gradient(90deg,#6ab9cf,#75d0bc,#e3bf5b)}.abilities{grid-area:abilities;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px 8px}.abilities button{min-height:47px;display:flex;align-items:center;gap:6px;background:#1b252b;border:1px solid #34434b;border-radius:11px;padding:6px;text-align:left}.abilities button:disabled{opacity:.38;cursor:not-allowed}.abilities img{width:29px;height:29px;object-fit:contain}.abilities b,.abilities small{display:block}.abilities b{font-size:11px}.abilities small{font-size:9px;color:var(--muted)}.stageWrap{grid-area:stage;min-height:0;display:flex}.gameShell{position:relative;flex:1;min-height:0;padding:7px;display:flex;align-items:center;justify-content:center;border-radius:0 0 16px 16px;background:#081015;overflow:hidden}.gameShell canvas{display:block;width:auto;height:100%;max-width:100%;max-height:100%;aspect-ratio:620/830;border-radius:15px;background:#10171b url('assets/background.png') center/360px;box-shadow:0 12px 30px rgba(0,0,0,.28);touch-action:none;user-select:none;cursor:grab}.gameShell canvas.grabbing{cursor:grabbing}.bottomBar{grid-area:bottom;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 11px;border-radius:0 0 16px 16px;color:var(--muted);font-size:10px}.bottomHint{flex:1}.bottomHint b{color:#dbe5e8}.releaseInfo{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end;font-size:9px;letter-spacing:.06em}#platformBadge,#serverBadge{padding:2px 6px;border:1px solid #394850;border-radius:10px;color:#91a1a8}#platformBadge.vk{border-color:#5b8fc8;color:#aaccec}#platformBadge.dev{border-color:#9c8150;color:#dec78c}#serverBadge{border-color:#5a4c3c;color:#b39e82}#serverBadge.online{border-color:#447668;color:#83c8b8}.toast{position:absolute;left:50%;top:18%;transform:translate(-50%,-50%) scale(.94);opacity:0;pointer-events:none;background:rgba(11,16,19,.95);border:1px solid #45535b;border-radius:12px;padding:9px 14px;font-weight:900;font-size:12px;letter-spacing:.06em;transition:.16s;z-index:10;max-width:min(90%,480px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.modal{position:absolute;inset:7px;display:flex;align-items:center;justify-content:center;background:rgba(5,8,10,.78);backdrop-filter:blur(7px);border-radius:15px;z-index:30}.hidden{display:none!important}.panel{width:min(460px,92%);background:#182126;border:1px solid #3e4d55;border-radius:20px;padding:21px;text-align:center;box-shadow:0 25px 65px rgba(0,0,0,.45)}.panel h2{margin:4px 0 8px}.panel p{color:#9eafb6;font-size:13px;line-height:1.45}.panel>button{width:100%;margin-top:9px;padding:11px;border:1px solid #43515a;border-radius:12px;background:#242f35;font-weight:800}.panel .primary,.tutorial .primary,.menuAction.primary{background:#28786c;border-color:#4e9f91}.eyebrow,.tutorialEyebrow{font-size:9px;letter-spacing:.16em;color:var(--mint);font-weight:900}.upgradePanel{width:min(560px,94%)}.upgradeChoices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.upgradeChoice{background:#202a30;border:1px solid #3b4a52;border-radius:14px;padding:10px 8px;min-height:150px}.upgradeChoice img{width:50px;height:50px}.upgradeChoice b{display:block;margin:7px 0 4px;font-size:12px}.upgradeChoice small{display:block;color:#96a7ae;line-height:1.25;font-size:10px}.upgradeChoice .level{margin-top:7px;color:#e3bf5b;font-size:9px}.tutorial{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(22,30,35,.98);border:1px solid #53646c;border-radius:16px;padding:13px 15px;z-index:20;box-shadow:0 18px 40px rgba(0,0,0,.38)}.tutorial h3{font-size:15px;margin:4px 0}.tutorial p{font-size:11px;color:#aab9bf;margin:0;line-height:1.35}.tutorialActions{display:flex;justify-content:flex-end;gap:7px;margin-top:9px}.tutorialActions button{padding:7px 10px;border:1px solid #44535b;background:#222c32;border-radius:9px;font-size:10px;font-weight:800}.menuOverlay{position:fixed;inset:0;z-index:100;background:rgba(5,9,12,.78);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:14px}.menuSheet{width:min(1080px,100%);max-height:min(94dvh,920px);overflow:auto;background:linear-gradient(180deg,#11181d,#0d1418);border:1px solid var(--line2);border-radius:23px;padding:19px;box-shadow:0 30px 80px rgba(0,0,0,.46)}.menuHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.menuHeader h2{margin:3px 0 0;font-size:31px}.menuLead{margin:7px 0 0;color:#a9b8be;line-height:1.4}.menuActionGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.menuAction{padding:13px;border:1px solid #45545d;border-radius:13px;background:#202a30;font-weight:850}.menuColumns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.menuSection{margin-top:12px;background:#151f25;border:1px solid #2e3d47;border-radius:17px;padding:14px}.menuSection h3{margin:0 0 10px;font-size:17px}.settingRow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-top:1px solid rgba(255,255,255,.06)}.settingRow:first-of-type{border-top:0;padding-top:0}.settingRow b{display:block;font-size:13px}.settingRow small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.toggleBtn{min-width:98px;padding:8px 11px;border:1px solid #46615b;border-radius:999px;background:#1f2a30;font-weight:800}.toggleBtn.off{border-color:#5a4a46;color:#d0b4ae;background:#23181a}.linkGrid,.projectGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.projectGrid{grid-template-columns:repeat(3,1fr)}.linkCard,.projectCard{padding:12px;border:1px solid #34444d;border-radius:13px;background:#1a252b;text-align:left}.linkCard b,.projectCard b{display:block;font-size:13px;margin-bottom:3px}.linkCard small,.projectCard small{display:block;color:var(--muted);font-size:10px}.linkCard.disabled,.projectCard.disabled{opacity:.5}.accessGate{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 50% 20%,#17262d,#070a0c)}.gateCard{width:min(460px,100%);background:#131d22;border:1px solid #33444d;border-radius:22px;padding:28px;text-align:center}.gateCard img{width:84px;height:84px}.gateCard h1{margin:8px 0}.gateCard p{color:#9fb0b7;line-height:1.5}.gateCard a{display:inline-block;margin-top:10px;padding:10px 15px;background:#28786c;border-radius:12px;text-decoration:none}.abilities button.readyPulse:not(:disabled){border-color:#71d1bd;box-shadow:0 0 0 1px rgba(113,209,189,.25),0 0 16px rgba(113,209,189,.15)}.abilities button.tutFocus{border-color:#e2bb59!important;animation:tutPulse 1s ease-in-out infinite}@keyframes tutPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@media(max-width:900px){#app{padding:6px;gap:6px;grid-template-columns:1fr;grid-template-areas:"top" "stats" "meters" "abilities" "stage" "bottom";grid-template-rows:auto auto auto auto minmax(0,1fr) auto}.topbar,.stats{border-radius:0}.brand{font-size:21px}.menuColumns{grid-template-columns:1fr}.projectGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){#app{padding:0;gap:4px}.topbar{padding:8px 10px}.brand{font-size:17px}.tag{font-size:8px}.iconBtn{width:38px;height:38px}.stats{grid-template-columns:repeat(4,1fr)}.stat{padding:5px 3px}.stat span{font-size:7px}.stat b{font-size:14px}.meters{grid-template-columns:1fr 1fr;gap:6px;padding:6px 8px}.meterHead{font-size:8px}.bar{height:8px}.abilities{padding:5px;gap:4px}.abilities button{min-height:42px;padding:4px;justify-content:center}.abilities img{width:25px;height:25px}.abilities b{font-size:9px}.abilities small{display:none}.gameShell{padding:3px;border-radius:0}.bottomBar{padding:5px 7px;font-size:8px;border-radius:0}.bottomHint{display:none}.releaseInfo{justify-content:flex-start}.tutorial{left:7px;right:7px;bottom:7px;padding:10px}.menuOverlay{padding:5px}.menuSheet{max-height:100dvh;padding:12px;border-radius:15px}.menuHeader h2{font-size:25px}.menuActionGrid,.linkGrid,.projectGrid{grid-template-columns:1fr}.settingRow{align-items:flex-start;flex-direction:column}.toggleBtn{width:100%}}