@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&display=swap');
*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;min-height:100%;}
body{background:#050810;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;overflow:hidden;font-family:'Orbitron',monospace;touch-action:none;overscroll-behavior:none;padding:0;}
#appWrap{display:flex;flex-direction:column;align-items:center;width:100%;height:100vh;height:100dvh;}
#gc{position:relative;width:min(100vw,calc((100dvh - 50px) * 4 / 7));flex:1;min-height:0;overflow:hidden;}
#adBanner{width:min(100vw,calc((100dvh - 50px) * 4 / 7));height:50px;flex-shrink:0;background:rgba(5,8,16,0.97);border-top:1px solid #1a2233;display:flex;align-items:center;justify-content:center;overflow:hidden;}
canvas{width:100%;height:100%;display:block;}

/* UI */
#ui{position:absolute;top:0;left:0;right:0;padding:clamp(10px,2.8vw,14px) clamp(12px,3.2vw,18px);display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10;}
.score-side{display:flex;flex-direction:column;gap:6px;}
.sb{color:#00f5ff;font-size:clamp(10px,2.5vw,12px);letter-spacing:0.18em;text-shadow:0 0 10px #00f5ff88;}
.sb span{display:block;font-size:clamp(20px,5.2vw,24px);font-weight:900;line-height:1.1;}
.sm-wave{color:#8ec3da;font-family:'Share Tech Mono',monospace;font-size:clamp(10px,2.5vw,11px);letter-spacing:0.2em;text-shadow:0 0 10px rgba(142,195,218,0.5);}
.sm-wave span{font-family:'Orbitron',monospace;font-weight:700;color:#00f5ff;margin-left:6px;font-size:clamp(12px,3vw,14px);text-shadow:0 0 10px #00f5ff88;}

/* HP bar */
#hpWrap{position:absolute;bottom:clamp(10px,2.4vw,14px);left:clamp(10px,3vw,16px);right:clamp(10px,3vw,16px);pointer-events:none;z-index:10;}
#hpLabel{font-family:'Share Tech Mono',monospace;font-size:clamp(9px,2.3vw,11px);color:#334455;letter-spacing:0.18em;margin-bottom:3px;}
#hpBar{height:8px;background:#112233;border-radius:4px;}
#hpFill{height:100%;width:100%;background:linear-gradient(90deg,#ff2244,#ff6644,#ffaa00);border-radius:4px;transition:width .3s;box-shadow:0 0 8px #ff224466;}

/* Boss HP */
#bossHPWrap{position:absolute;top:clamp(38px,8vw,44px);left:clamp(10px,3vw,16px);right:clamp(10px,3vw,16px);pointer-events:none;z-index:10;display:none;}
#bossHPLabel{font-family:'Share Tech Mono',monospace;font-size:clamp(9px,2.3vw,11px);color:#ff004466;letter-spacing:0.22em;margin-bottom:2px;}
#bossHPBar{height:6px;background:#1a0008;border-radius:3px;}
#bossHPFill{height:100%;width:100%;background:linear-gradient(90deg,#ff0044,#ff6600,#ffcc00);border-radius:3px;box-shadow:0 0 10px #ff004488;transition:width .1s;}

/* Powerup badges */
#pups{position:absolute;bottom:clamp(74px,14vw,90px);right:clamp(8px,2.5vw,12px);display:flex;flex-direction:column-reverse;gap:3px;align-items:flex-end;pointer-events:none;z-index:10;}
.badge{font-family:'Share Tech Mono',monospace;font-size:clamp(9px,2.2vw,10px);padding:3px 8px;border-radius:4px;letter-spacing:1px;animation:pb 1s ease-in-out infinite alternate;}
@keyframes pb{from{opacity:.8}to{opacity:1;filter:brightness(1.3)}}
.b-rapid{background:#ff4400aa;color:#ff9966;border:1px solid #ff4400;}
.b-triple{background:#8800ffaa;color:#cc88ff;border:1px solid #8800ff;}
.b-shield{background:#0044ffaa;color:#88bbff;border:1px solid #0044ff;}
.b-bomb{background:#ffaa00aa;color:#ffe066;border:1px solid #ffaa00;}
.b-laser{background:#ff00aaaa;color:#ffaaee;border:1px solid #ff00aa;}
.b-wide{background:#00aa44aa;color:#88ffbb;border:1px solid #00aa44;}
.b-bounce{background:#aa6600aa;color:#ffcc88;border:1px solid #aa6600;}

/* Combo */
#combo{position:absolute;bottom:clamp(28px,6vw,34px);left:clamp(10px,3vw,16px);pointer-events:none;z-index:15;font-size:clamp(12px,3vw,15px);font-weight:900;letter-spacing:0.16em;color:#ffdd00;text-shadow:0 0 10px #ffdd00;opacity:0;transition:opacity .25s;}

/* Boss warning */
#bwarn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(14px,4vw,20px);font-weight:900;letter-spacing:0.22em;color:#ff2244;text-shadow:0 0 30px #ff2244;pointer-events:none;z-index:16;opacity:0;transition:opacity .3s;white-space:nowrap;}

/* Weapon indicator */
#weapon{position:absolute;top:clamp(34px,6vw,40px);left:50%;transform:translateX(-50%);font-family:'Share Tech Mono',monospace;font-size:clamp(9px,2.3vw,11px);color:#ffffff44;letter-spacing:0.18em;pointer-events:none;z-index:10;white-space:nowrap;}

/* Wave break overlay */
#waveBreak{position:absolute;inset:0;display:none;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:clamp(88px,18vw,120px);background:transparent;pointer-events:none;z-index:18;}
#wbTitle{font-size:clamp(10px,2.6vw,12px);letter-spacing:0.34em;color:#7a92aa;margin-bottom:6px;text-shadow:0 0 12px #000;}
#wbWave{font-size:clamp(32px,8vw,42px);font-weight:900;color:#00f5ff;text-shadow:0 0 24px #00f5ff,0 0 50px #00f5ff33;margin-bottom:12px;}
#wbProgress{width:min(42vw,150px);height:3px;background:#112233cc;border-radius:2px;margin-bottom:14px;}
#wbBar{height:100%;width:0%;background:#00f5ff;border-radius:2px;box-shadow:0 0 8px #00f5ff;}
#wbSub{font-family:'Share Tech Mono',monospace;font-size:clamp(9px,2.2vw,11px);color:#6d8398;letter-spacing:0.18em;text-shadow:0 0 12px #000;text-align:center;padding:0 16px;}

/* Screens */
#overlay,#gameOver{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20;}
#overlay{background:rgba(5,8,16,1);}
#gameOver{background:rgba(5,8,16,1);display:none;padding:24px 18px;}
#overlay h1,#gameOver h2{font-weight:900;letter-spacing:0.18em;text-align:center;padding:0 16px;}
#overlay h1{font-size:clamp(28px,8vw,34px);color:#00f5ff;text-shadow:0 0 30px #00f5ff,0 0 60px #00f5ff55;margin-bottom:5px;}
#gameOver h2{font-size:clamp(24px,7vw,28px);color:#ff2244;text-shadow:0 0 30px #ff2244;margin-bottom:8px;letter-spacing:0.16em;}
.sub{font-family:'Share Tech Mono',monospace;font-size:clamp(11px,2.8vw,13px);color:#4f677a;letter-spacing:0.24em;margin-bottom:28px;text-align:center;padding:0 16px;}
.info{font-family:'Share Tech Mono',monospace;font-size:clamp(11px,2.8vw,13px);color:#445566;text-align:center;line-height:2.1;margin-bottom:30px;padding:0 18px;}
.info b{color:#00f5ffaa;}
.btn{background:transparent;border:2px solid #21435a;color:#effcff;font-family:'Orbitron',monospace;font-size:clamp(12px,3vw,14px);letter-spacing:0.22em;padding:13px clamp(24px,8vw,34px);cursor:pointer;transition:all .2s;box-shadow:0 0 20px #00f5ff22,inset 0 0 20px #00f5ff08;}
#startBtn{border:2px solid #00f5ff;color:#00f5ff;text-shadow:0 0 10px #00f5ff;box-shadow:0 0 20px #00f5ff44,inset 0 0 20px #00f5ff11;}
#startBtn:active{background:#00f5ff22;}
#restartBtn{border:2px solid #ff2244;color:#ff2244;box-shadow:0 0 20px #ff224444;}
#restartBtn:active{background:#ff224422;}
#playBtn,#nextBtn,#playAgainBtn{border-color:#00f5ff;color:#effcff;text-shadow:0 0 10px #00f5ff66;box-shadow:0 0 24px #00f5ff33,inset 0 0 20px #00f5ff0d;}
#playBtn{animation:playPulse 2s infinite ease-in-out;}
@keyframes playPulse{
0%,100%{box-shadow:0 0 24px #00f5ff33,inset 0 0 20px #00f5ff0d; text-shadow:0 0 10px #00f5ff66;}
50%{box-shadow:0 0 45px #00f5ffaa,inset 0 0 30px #00f5ff44; text-shadow:0 0 20px #00f5ff;}
}
.pauseActions .btn{width:100%;}
#fsVal{font-size:clamp(48px,13vw,66px);font-weight:900;color:#00f5ff;text-shadow:0 0 20px #00f5ff88;margin-bottom:6px;}
#hsLabel{font-family:'Share Tech Mono',monospace;font-size:clamp(11px,2.8vw,13px);color:#ffdd0088;margin-bottom:22px;letter-spacing:0.18em;text-align:center;padding:0 16px;}
.panel{width:min(92%,360px);margin-top:14px;padding:14px 16px;border:1px solid #1a344a;background:rgba(5,11,20,0.88);box-shadow:0 0 24px #00111f;border-radius:16px;}
.panelTitle{font-size:13px;letter-spacing:0.24em;color:#7aa8c8;margin-bottom:12px;text-align:left;}
.metaRow{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:'Share Tech Mono',monospace;font-size:12px;color:#8fb3c8;margin-bottom:10px;}
.metaVal{color:#ffdd66;font-size:18px;font-weight:700;text-shadow:0 0 10px #ffdd6644;}
.upgradeList,.missionList,.rewardList{display:flex;flex-direction:column;gap:8px;}
.upgradeBtn,.rewardBtn{width:100%;background:rgba(8,20,32,0.92);border:1px solid #244860;border-radius:8px;color:#d7f7ff;padding:10px 11px;text-align:left;font-family:'Share Tech Mono',monospace;cursor:pointer;transition:transform .15s, border-color .15s, background .15s;}
.upgradeBtn:active,.rewardBtn:active{transform:scale(.985);}
.upgradeBtn:disabled{opacity:.45;cursor:not-allowed;}
.uHead,.rHead{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;letter-spacing:0.08em;}
.uDesc,.rDesc{margin-top:6px;font-size:11px;line-height:1.5;color:#6e92a8;}
.uCost,.rTag{color:#ffdd66;}
.missionItem{padding:9px 10px;border:1px solid #1b3548;border-radius:8px;background:rgba(7,16,26,0.86);}
.missionHead{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#d2eef6;margin-bottom:6px;}
.missionProg{font-family:'Share Tech Mono',monospace;font-size:11px;color:#7e9fb3;}
.missionDone{color:#7dffb0;}
.rewardOverlay{position:absolute;inset:0;display:none;flex-direction:column;justify-content:center;align-items:center;padding:18px;background:rgba(3,8,14,0.78);backdrop-filter:blur(5px);z-index:24;}
.rewardTitle{font-size:18px;letter-spacing:0.24em;color:#00f5ff;text-shadow:0 0 18px #00f5ff88;margin-bottom:10px;text-align:center;}
.rewardSub{font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:0.12em;color:#6c91a7;margin-bottom:18px;text-align:center;}
.rewardList{width:min(92%,340px);}
.stageChip{position:absolute;top:clamp(8px,2.2vw,12px);left:50%;transform:translateX(-50%);padding:3px 12px;border:1px solid #1f445a;border-radius:999px;background:rgba(4,14,24,0.82);font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:0.18em;color:#82bed8;pointer-events:none;z-index:9;}
.focusMeter{position:absolute;bottom:clamp(48px,9vw,58px);right:clamp(10px,3vw,16px);font-family:'Share Tech Mono',monospace;font-size:clamp(9px,2.2vw,11px);letter-spacing:0.18em;color:#91f2ff;pointer-events:none;z-index:12;text-align:right;}
.menuTabs{display:flex;flex-wrap:wrap;gap:6px;width:min(92%,330px);margin-top:14px;justify-content:center;}
.tabBtn,.settingBtn{background:rgba(7,18,28,0.9);border:1px solid #21435a;color:#8ec3da;padding:9px 11px;border-radius:999px;font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:0.12em;cursor:pointer;}
.tabBtn.active,.settingBtn.on{color:#dffcff;border-color:#00f5ff;box-shadow:0 0 14px #00f5ff33;}
.menuSection{display:none;}
.menuSection.active{display:block;}
.nameRow{display:flex;flex-direction:column;gap:7px;}
.nameLabel{font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:0.18em;color:#7ea2b8;}
.nameInput{width:100%;background:rgba(7,17,28,0.95);border:1px solid #244860;color:#effcff;padding:10px 12px;border-radius:8px;font-family:'Orbitron',monospace;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;}
.nameHint{font-family:'Share Tech Mono',monospace;font-size:11px;color:#ff9c9c;min-height:14px;}
.listBlock{display:flex;flex-direction:column;gap:8px;}
.statItem,.boardItem,.achievementItem{padding:9px 10px;border:1px solid #1b3548;border-radius:8px;background:rgba(7,16,26,0.86);font-family:'Share Tech Mono',monospace;}
.statItem,.boardItem{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#d2eef6;}
.achievementItem{font-size:12px;color:#d2eef6;}
.achievementMeta{margin-top:6px;font-size:11px;color:#7e9fb3;}
.achievementItem.locked{opacity:.55;}
.boardRank{color:#ffdd66;}
.emptyState{font-family:'Share Tech Mono',monospace;font-size:11px;color:#6d8398;}
.gameOverPanel{width:min(92%,400px);}
.gameOverIconRow{display:flex;gap:12px;justify-content:center;margin-top:16px;}
.iconOnlyBtn{width:52px;height:52px;border-radius:16px;border:1px solid #21435a;background:rgba(7,18,28,.9);color:#dffcff;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 32px rgba(0,0,0,.28);}
.iconOnlyBtn .material-symbols-outlined{font-size:24px;}
#countdownOverlay,#pauseOverlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;z-index:25;}
#countdownOverlay{background:rgba(4,8,14,.3);backdrop-filter:blur(3px);}
#countdownText{font-size:clamp(56px,16vw,92px);font-weight:900;color:#f7fbff;text-shadow:0 0 30px #00f5ff88;animation:countdownPulse .8s ease;}
@keyframes countdownPulse{0%{transform:scale(.5);opacity:0;}25%{transform:scale(1.12);opacity:1;}100%{transform:scale(1);opacity:1;}}
#pauseBtn{position:absolute;top:clamp(10px,2.8vw,14px);right:clamp(10px,3vw,16px);width:44px;height:44px;border-radius:14px;border:1px solid #21435a;background:rgba(7,18,28,.82);color:#effcff;display:none;place-items:center;z-index:14;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.24);}
#pauseBtn .material-symbols-outlined{font-size:22px;}
#pauseOverlay{background:rgba(5,8,16,.5);backdrop-filter:blur(10px);}
.pauseCard{width:min(90%,320px);}
.pauseActions{display:flex;flex-direction:column;gap:12px;}
#gc.menu-ui-hidden #ui,#gc.menu-ui-hidden #bossHPWrap,#gc.menu-ui-hidden #pups,#gc.menu-ui-hidden #combo,#gc.menu-ui-hidden #focusMeter,#gc.menu-ui-hidden #bwarn,#gc.menu-ui-hidden #hpWrap,#gc.menu-ui-hidden #stageChip,#gc.menu-ui-hidden #pauseBtn{display:none!important;}
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:22px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24;}

/* Overlay refresh */
#overlay{align-items:center;justify-content:flex-start;padding:18px 16px 18px;background:radial-gradient(circle at top right, rgba(0,245,255,.12), transparent 28%),linear-gradient(180deg, rgba(5,8,16,1), rgba(5,8,16,1));overflow:hidden;}
#overlay::before{content:'';position:absolute;inset:auto auto 108px -18%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle, rgba(0,245,255,.09), transparent 68%);pointer-events:none;}
#mainMenu{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;gap:18px;position:relative;z-index:1;}
.overlayHero{width:min(100%,440px);padding-top:min(12vh,80px);display:flex;flex-direction:column;align-items:center;text-align:center;z-index:1;}
.heroKicker{font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:.24em;color:#7cb0c7;margin-bottom:8px;text-align:center;}
#overlay h1{padding:0;margin-bottom:10px;text-align:center;font-size:clamp(32px,8vw,42px);}
#overlay .sub{text-align:center;padding:0;margin-bottom:0;max-width:360px;line-height:1.85;}
.heroGreeting{margin-top:14px;font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:.16em;color:#8bd6e8;}
.heroSummary{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;width:100%;margin-top:18px;}
.heroCard{min-width:154px;padding:14px 16px;border:1px solid #214158;border-radius:18px;background:linear-gradient(180deg, rgba(7,17,28,.94), rgba(5,12,21,.9));box-shadow:0 12px 30px rgba(0,0,0,.24);}
.heroMetaLabel{display:block;font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:.18em;color:#7ca7be;margin-bottom:6px;}
.heroMetaValue{display:block;font-family:'Orbitron',monospace;font-size:20px;color:#effcff;}
.playRow{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:min(22vh,140px);}
#playBtn,#nextBtn{min-width:190px;border-radius:999px;}
.heroHint{font-family:'Share Tech Mono',monospace;font-size:11px;line-height:1.8;color:#7c97aa;text-align:center;max-width:340px;}
.menuTabs{position:relative;z-index:3;width:100%;max-width:380px;margin:auto auto 24px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
#menuBack{position:absolute;top:14px;left:14px;display:none;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:14px;border:1px solid #21435a;background:rgba(7,18,28,.95);color:#effcff;font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:.12em;cursor:pointer;z-index:4;backdrop-filter:blur(8px);}
#menuBack .material-symbols-outlined{font-size:20px;}
#menuBack span:last-child{display:none;}
#menuPageTitle{position:absolute;top:14px;left:0;right:0;height:40px;display:none;align-items:center;justify-content:center;font-family:'Orbitron',monospace;font-size:clamp(13px,3.5vw,16px);font-weight:700;letter-spacing:.18em;color:#effcff;pointer-events:none;z-index:3;}
.tabBtn{width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:14px;background:rgba(7,18,28,.82);backdrop-filter:blur(8px);border:1px solid #20425a;color:#8ec3da;box-shadow:0 10px 30px rgba(0,0,0,.24);}
.tabBtn .tabText{display:none;}
.tabBtn.active{color:#f4fdff;border-color:#00f5ff;box-shadow:0 0 0 1px rgba(0,245,255,.18),0 8px 28px rgba(0,245,255,.18);}
.tabBtn.active .material-symbols-outlined{font-variation-settings:'FILL' 1,'wght' 600,'GRAD' 0,'opsz' 24;}
.menuPanel{display:none;width:100%;min-height:0;max-height:none;overflow:visible;margin-top:0;padding:0;border-radius:0;background:transparent;border:none;box-shadow:none;}
.menuPanel::-webkit-scrollbar{width:8px;}
.menuPanel::-webkit-scrollbar-thumb{background:#1d3d52;border-radius:99px;}
.menuSection.active{display:flex;flex-direction:column;}
.menuSection .panelTitle{margin-bottom:12px;}
.nameRow{gap:8px;}
.nameInput{border-radius:12px;background:rgba(10,21,34,.95);}
.panelTitle{color:#9ed8ea;}
.settingBtn{width:100%;text-align:left;border-radius:12px;padding:10px 12px;font-size:10px;}
.statItem,.boardItem,.achievementItem,.missionItem,.upgradeBtn,.rewardBtn{border-radius:12px;}
.settingsNameWrap{display:flex;flex-direction:column;gap:8px;padding:11px 12px;border:1px solid #1b3548;border-radius:12px;background:rgba(7,16,26,.86);}
.settingsNameActions{display:flex;justify-content:flex-end;}
.settingsNameActions .settingBtn{width:auto;min-width:132px;}
.settingsNote{font-family:'Share Tech Mono',monospace;font-size:9px;line-height:1.7;color:#7e9fb3;}
.introGate{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:24px 18px;background:linear-gradient(180deg, rgba(4,7,15,.95), rgba(4,7,15,.98));z-index:5;}
.introGate.active{display:flex;}
.gatePanel{width:min(100%,360px);display:flex;flex-direction:column;gap:14px;}
.gateLead{font-family:'Share Tech Mono',monospace;font-size:12px;line-height:1.8;color:#9acbdb;}
.gateActions{display:flex;justify-content:center;}
.adSlot{margin-top:auto;width:min(100%,360px);min-height:86px;display:flex;align-items:center;justify-content:center;border:1px dashed #244860;border-radius:18px;background:rgba(8,16,27,.45);font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:.18em;color:#5d7c90;text-transform:uppercase;}
.info,#startBtn{display:none!important;}
#mainMenu.menuSubpageOpen{justify-content:flex-start;align-items:stretch;gap:0;}
#mainMenu.menuSubpageOpen .overlayHero,
#mainMenu.menuSubpageOpen .menuTabs{display:none;}
#mainMenu.menuSubpageOpen #menuBack{display:flex;}
#mainMenu.menuSubpageOpen #menuPageTitle{display:flex;}
#mainMenu.menuSubpageOpen .menuPanel{display:flex;flex-direction:column;position:absolute;inset:64px 0 0 0;width:100%;max-height:none;min-height:0;padding:20px 18px 24px;border-radius:0;background:rgba(5,8,16,0.98);overflow-y:auto;overflow-x:hidden;}
#mainMenu.menuSubpageOpen .menuPanel .panelTitle{display:none;}

@media (max-width: 420px){
#gc{width:min(100vw,calc((100dvh - 50px) * 4 / 7));}
#bossHPWrap{top:34px;}
#pups{top:48px;}
#waveBreak{padding-top:78px;}
.panel{width:min(94%,320px);padding:11px 12px;}
.rewardOverlay{padding:14px;}
#overlay{padding:14px 12px 14px;}
.overlayHero{width:100%;padding-top:68px;}
.heroCard{min-width:0;flex:1 1 128px;}
#menuBack{top:12px;left:12px;height:38px;padding:0 12px;}
#menuPageTitle{top:12px;height:38px;}
.tabBtn{width:38px;height:38px;border-radius:12px;}
#mainMenu.menuSubpageOpen .menuPanel{inset:56px 0 0 0;padding:16px 14px;}
.adSlot{width:100%;min-height:76px;}

#pauseBtn{width:40px;height:40px;}
}

@media (max-height: 560px){
#ui{padding-top:6px;}
#bossHPWrap{top:30px;}
#pups{top:42px;}
#waveBreak{padding-top:64px;}
#combo{bottom:24px;}
.panel{margin-top:10px;}
.rewardTitle{font-size:12px;}
.overlayHero{padding-top:64px;}
#mainMenu.menuSubpageOpen .menuPanel{inset:58px 0 0 0;}
.adSlot{min-height:64px;}
}