:root{--purple:#7b4dff;--cta:#2fd673;--red:#ff3b4e;--gold:#ffc93c;--ink:#20242b;--outline:2px 0 0 #20242b, -2px 0 0 #20242b, 0 2px 0 #20242b, 0 -2px 0 #20242b, 2px 2px 0 #20242b, -2px -2px 0 #20242b, 2px -2px 0 #20242b, -2px 2px 0 #20242b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;background-color:#f4f6f8;background-image:linear-gradient(#c9cfd6 1px,#0000 1px),linear-gradient(90deg,#c9cfd6 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;font-family:Arial Black,Archivo Black,Arial Rounded MT Bold,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#game-root{position:fixed;top:0;left:0;overflow:hidden}#game-canvas{display:block;position:absolute}#ui{pointer-events:none;position:absolute;overflow:hidden}#ui>*{pointer-events:none}#ui .screen,#ui .slot,#ui button{pointer-events:auto}.btn{font:inherit;letter-spacing:.5px;color:var(--ink);border:3px solid var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:12px;padding:8px 16px;font-size:15px;font-weight:900;transition:transform 60ms,box-shadow 60ms}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--cta);color:#fff;text-shadow:var(--outline);font-size:17px}.btn-ghost{background:#edeff2}.btn-start{padding:12px 26px;font-size:clamp(17px,3.2vh,24px)}.screen{justify-content:center;align-items:center;gap:12px;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.screen.show{display:flex}.screen-title{background:#f4f6f840;justify-content:space-evenly}.title-left{flex-direction:column;align-items:center;gap:8px;max-width:46%;display:flex}.game-title{color:#fff;text-shadow:var(--outline), 0 6px 0 #20242b59;letter-spacing:1px;text-align:center;font-size:clamp(26px,6.5vh,52px);font-style:italic;font-weight:900;line-height:1}.game-subtitle{color:var(--gold);text-shadow:var(--outline);font-size:clamp(13px,2.6vh,20px);font-style:italic;font-weight:900}.level-chip{color:#fff;background:var(--purple);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;padding:3px 14px;font-size:clamp(12px,2.2vh,16px);font-weight:900}.teaser-card{border:3px solid var(--ink);color:var(--red);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:4px 10px;font-size:clamp(10px,1.8vh,13px);font-weight:900;display:flex}.teaser-card img{object-fit:contain;width:26px;height:26px}.controls-hint{color:#4a5560;text-align:center;font-size:clamp(9px,1.6vh,12px);font-weight:700;line-height:1.5}.title-right{border:3px solid var(--ink);background:#ffffffeb;border-radius:16px;flex-direction:column;gap:8px;max-width:50%;padding:10px;display:flex;box-shadow:0 5px #20242b4d}.shop-toprow{align-items:center;gap:10px;display:flex}.shop-title{flex:1;font-size:clamp(12px,2.2vh,16px);font-weight:900}.shop-cash{color:#8a6d00;align-items:center;gap:4px;font-size:clamp(12px,2.2vh,16px);font-weight:900;display:flex}.shop-cash img{object-fit:contain;width:22px;height:22px}.btn-mute{padding:4px 8px;font-size:11px}.shop-cards{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.card{border:2.5px solid var(--ink);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:6px 4px;display:flex}.card img{object-fit:contain;width:clamp(30px,6vh,46px);height:clamp(30px,6vh,46px)}.card-name{text-align:center;font-size:clamp(8px,1.5vh,11px);font-weight:900;line-height:1.1}.card-desc{color:#4a5560;text-align:center;font-size:clamp(8px,1.3vh,10px);font-weight:700}.btn-card{border-width:2px;padding:3px 5px;font-size:clamp(8px,1.4vh,11px)}.btn-buy{background:var(--gold)}.btn-ad{background:var(--purple);color:#fff}.card-powerup{background:#f3efff}.btn-card.owned{background:#edeff2}.screen-tutorial,.screen-clear,.screen-over,.screen-pause{background:#20242b73;flex-direction:column}.tut-wrap{flex-wrap:wrap;justify-content:center;gap:12px;padding:0 12px;display:flex}.tut-card{border:3px solid var(--ink);background:#fff;border-radius:16px;width:clamp(140px,26vh,210px);padding:14px;box-shadow:0 5px #20242b66}.tut-title{color:var(--purple);margin-bottom:6px;font-size:clamp(13px,2.4vh,17px);font-weight:900}.tut-body{color:#3a4149;font-size:clamp(10px,1.9vh,13px);font-weight:700;line-height:1.45}.screen-clear>*,.screen-over>*{margin:2px}.panel-title{color:#fff;text-shadow:var(--outline), 0 5px 0 #20242b66;font-size:clamp(22px,5vh,40px);font-style:italic;font-weight:900}.panel-title.danger{color:var(--red)}.medal{color:var(--gold);text-shadow:var(--outline);font-size:clamp(15px,3vh,24px);font-weight:900}.medal-S{color:var(--gold)}.medal-A{color:#c0d6ff}.medal-B{color:#d9a066}.stats{color:#fff;text-shadow:var(--outline);text-align:center;font-size:clamp(11px,2.2vh,15px);font-weight:700;line-height:1.6}.new-record{color:var(--cta);text-shadow:var(--outline);min-height:1.2em;font-size:clamp(13px,2.6vh,18px);font-weight:900}.near-miss{color:var(--gold);text-shadow:var(--outline);font-size:clamp(13px,2.6vh,19px);font-weight:900}.btn-row{gap:12px;display:flex}.screen-pause{gap:10px}#hud{position:absolute;top:0;bottom:0;left:0;right:0}.hud-ico{object-fit:contain;width:22px;height:22px}.hud-top-center{top:calc(6px + var(--safe-top,0px));text-align:center;width:min(46%,420px);position:absolute;left:50%;transform:translate(-50%)}.horde-label{color:#fff;text-shadow:var(--outline);align-items:center;gap:5px;font-size:clamp(12px,2.2vh,16px);font-weight:900;display:inline-flex}.horde-bar{border:3px solid var(--ink);background:#fff;border-radius:999px;height:clamp(12px,2.4vh,18px);overflow:hidden;box-shadow:0 3px #20242b59}.horde-fill{background:var(--red);width:100%;height:100%;transition:width .25s ease-out}.hud-cash{top:calc(6px + var(--safe-top,0px));right:calc(76px + var(--safe-right,0px));color:var(--gold);text-shadow:var(--outline);align-items:center;gap:5px;font-size:clamp(13px,2.4vh,18px);font-weight:900;display:flex;position:absolute}.cash-bump{animation:.25s bump}@keyframes bump{50%{transform:scale(1.18)}}.hud-bottom-left{left:calc(8px + var(--safe-left,0px));bottom:calc(8px + var(--safe-bottom,0px));flex-direction:column;gap:4px;width:min(30%,190px);display:flex;position:absolute}.hp-row{align-items:center;gap:6px;display:flex}.hp-num{color:#fff;text-shadow:var(--outline);min-width:2ch;font-size:clamp(14px,2.6vh,19px);font-weight:900}.bar{border:2.5px solid var(--ink);background:#fff;border-radius:999px;flex:1;height:clamp(9px,1.8vh,13px);overflow:hidden}.bar .fill{height:100%;transition:width .15s}.hp-bar .fill{background:var(--cta);width:100%}.st-bar .fill{background:#1fa9a0;width:100%}.weapon-row{align-items:center;gap:6px;display:flex}.weapon-icon{object-fit:contain;width:clamp(26px,5vh,38px);height:clamp(26px,5vh,38px)}.ammo{color:#fff;text-shadow:var(--outline);font-size:clamp(12px,2.2vh,16px);font-weight:900}.hud-hotbar{bottom:calc(8px + var(--safe-bottom,0px));gap:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.slot{border:2.5px solid var(--ink);cursor:pointer;background:#ffffffeb;border-radius:10px;justify-content:center;align-items:center;width:clamp(30px,5.5vh,44px);height:clamp(30px,5.5vh,44px);padding:0;display:flex;position:relative}.slot img{object-fit:contain;width:78%;height:78%}.slot.active{border-color:var(--cta);box-shadow:0 0 0 2px var(--cta)}.slot.locked img{opacity:.25;filter:grayscale()}.slot-key{background:var(--ink);color:#fff;border-radius:6px;padding:1px 4px;font-size:9px;font-weight:900;position:absolute;top:-7px;left:-5px}.grenade-badge{background:var(--purple);color:#fff;border-radius:999px;padding:1px 5px;font-size:10px;font-weight:900;position:absolute;bottom:-6px;right:-5px}.hud-banner{color:#fff;text-shadow:var(--outline), 0 5px 0 #20242b66;opacity:0;pointer-events:none;font-size:clamp(20px,4.5vh,36px);font-style:italic;font-weight:900;transition:opacity .25s,transform .25s;position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)scale(.8)}.hud-banner.show{opacity:1;transform:translate(-50%,-50%)scale(1)}#vignette{opacity:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 18vh 6vh #ff283c8c}.cash-fly{object-fit:contain;pointer-events:none;z-index:5;width:28px;height:28px;transition:transform .6s ease-in,opacity .6s;position:absolute}.toast{background:var(--ink);color:#fff;opacity:0;z-index:10000;pointer-events:none;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .25s;position:fixed;bottom:12%;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.ad-modal{z-index:10000;background:#20242b8c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.ad-modal-card{border:3px solid var(--ink);background:#fff;border-radius:16px;flex-direction:column;gap:10px;max-width:min(420px,86vw);padding:18px;display:flex}.ad-modal-title{font-size:18px;font-weight:900}.ad-modal-body{color:#3a4149;font-size:13px;font-weight:700;line-height:1.5}.ad-modal-btns{justify-content:flex-end;gap:10px;display:flex}.resume-buffer{z-index:9998;color:#fff;text-shadow:var(--outline);cursor:pointer;background:#20242b99;justify-content:center;align-items:center;font-size:20px;font-weight:900;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.mi-overlay{z-index:40}.screen{z-index:50}#hud{z-index:30}