*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;background:#2f9de8;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;user-select:none;-webkit-user-select:none}#app,#app canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#hud{position:fixed;inset:0;pointer-events:none;z-index:10;color:#fff}.outlined{text-shadow:-2px -2px 0 rgba(30,30,40,.85),2px -2px 0 rgba(30,30,40,.85),-2px 2px 0 rgba(30,30,40,.85),2px 2px 0 rgba(30,30,40,.85),0 3px 0 rgba(30,30,40,.85)}#gearBtn{position:absolute;top:14px;left:14px;width:52px;height:52px;border:none;border-radius:14px;background:#2828328c;color:#eee;font-size:30px;cursor:pointer;pointer-events:auto;display:grid;place-items:center;transition:transform .15s}#gearBtn:active{transform:scale(.9) rotate(30deg)}#storageMeter{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}#storageIcon{width:40px;height:34px;background:#e8722c;border-radius:6px 6px 10px 10px;border:3px solid #22242c;position:relative}#storageIcon:after{content:"";position:absolute;left:4px;right:4px;top:-9px;height:10px;background:#58c04a;border-radius:5px 5px 0 0;border:3px solid #22242c;border-bottom:none}#storageBarWrap{width:26px;height:min(300px,38vh);background:#1e2028d9;border:3px solid #22242c;border-radius:13px;overflow:hidden;position:relative;display:flex;align-items:flex-end}#storageBar{width:100%;height:0%;background:linear-gradient(180deg,#8ae05a,#4bbf3f);border-radius:0 0 10px 10px;transition:height .18s ease-out}#storageText{position:absolute;left:50%;top:45%;transform:translate(-50%) rotate(-90deg);font-weight:800;font-size:14px;white-space:nowrap;letter-spacing:.5px}#storageMeter.pulse #storageBarWrap{animation:meterPulse .25s}@keyframes meterPulse{50%{transform:scale(1.12)}}#currencies{position:absolute;top:14px;right:16px;display:flex;gap:12px}.currency{display:flex;align-items:center;height:40px;background:#1e2028c7;border-radius:20px;padding:0 18px 0 6px;gap:8px;min-width:108px}.currency .cIcon{width:30px;height:30px;flex:0 0 30px}.cIcon.coin{border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe382,#f2b807 60%,#c98d05);border:2px solid #a87403;position:relative}.cIcon.coin:after{content:"$";position:absolute;inset:0;display:grid;place-items:center;color:#a87403;font-weight:900;font-size:17px}.cIcon.gem{background:linear-gradient(160deg,#9fe8ff,#3d9df5 65%,#2b6fd6);clip-path:polygon(50% 0%,95% 28%,80% 90%,20% 90%,5% 28%)}.currency .val{font-weight:900;font-size:19px;flex:1;text-align:right}.currency.bump{animation:bump .28s}@keyframes bump{40%{transform:scale(1.14)}}#levelProgress{position:absolute;top:66px;right:16px;width:min(320px,42vw);height:34px}#lpTrack{position:absolute;top:10px;left:0;right:6px;height:16px;background:#1e2028cc;border-radius:9px;overflow:hidden}#lpFill{height:100%;width:0%;background:linear-gradient(90deg,#ffd23e,#f2a30f);border-radius:9px;transition:width .3s}.star{position:absolute;top:0;width:34px;height:34px;font-size:30px;line-height:34px;text-align:center;color:#23252e;transition:color .2s;filter:drop-shadow(0 2px 0 rgba(0,0,0,.3))}.star.lit{color:#ffd23e;animation:starPop .45s cubic-bezier(.2,2.4,.4,1)}@keyframes starPop{0%{transform:scale(.3) rotate(-30deg)}to{transform:scale(1) rotate(0)}}#objective{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#1e2028b8;border-radius:22px;padding:9px 26px;font-weight:900;font-size:clamp(15px,2.4vw,21px);white-space:nowrap;transition:transform .2s}#objective.swap{animation:objSwap .4s}@keyframes objSwap{0%{transform:translate(-50%) scale(.6);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}#floatLayer{position:absolute;inset:0;overflow:hidden}.floatText{position:absolute;font-weight:900;font-size:22px;color:#ffd23e;animation:floatUp 1s ease-out forwards;transform:translate(-50%,-50%);will-change:transform,opacity}.floatText.green{color:#8ae05a}.floatText.red{color:#ff7a6e}.floatText.white{color:#fff}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.15)}to{opacity:0;transform:translate(-50%,-190%) scale(1)}}#fullWarning{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-size:clamp(28px,6vw,48px);font-weight:900;color:#ff5a4e;display:none;animation:fullFlash .7s infinite}#fullWarning.show{display:block}@keyframes fullFlash{50%{opacity:.25;transform:translate(-50%,-50%) scale(.94)}}#toast{position:absolute;bottom:22%;left:50%;transform:translate(-50%);background:#1e2028d9;padding:10px 24px;border-radius:18px;font-weight:800;font-size:17px;opacity:0;transition:opacity .25s;white-space:nowrap}#toast.show{opacity:1}#gateBubble,#cartBubble{position:absolute;transform:translate(-50%,-100%);background:#fff;color:#23252e;border-radius:16px;padding:8px 16px;font-weight:900;font-size:17px;display:none;text-align:center;box-shadow:0 4px #00000040}#gateBubble:after,#cartBubble:after{content:"";position:absolute;left:50%;bottom:-9px;transform:translate(-50%);border:10px solid transparent;border-top-color:#fff;border-bottom:none}#gateBubble.afford,#cartBubble.afford{background:#7ee06a}#gateBubble.afford:after,#cartBubble.afford:after{border-top-color:#7ee06a}#gateBubble .sub,#cartBubble .sub{font-size:12px;font-weight:800;opacity:.75}#joystick{position:absolute;left:26px;bottom:26px;width:128px;height:128px;border-radius:50%;background:#1e202859;border:3px solid rgba(255,255,255,.5);pointer-events:auto;touch-action:none;display:none}#joyKnob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#ffffffd9;box-shadow:0 3px 6px #0000004d}#boostBtn{position:absolute;right:30px;bottom:34px;width:84px;height:84px;border-radius:50%;border:4px solid #fff;background:linear-gradient(180deg,#ffb347,#f2830f);color:#fff;font-size:15px;font-weight:900;pointer-events:auto;touch-action:none;display:none;cursor:pointer}body.touch #joystick,body.touch #boostBtn{display:block}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,92vw);max-height:86vh;overflow-y:auto;background:linear-gradient(180deg,#fdf5e6,#f5e6c8);border:4px solid #8a5a2a;border-radius:22px;padding:18px;color:#3a2c18;pointer-events:auto;display:none;box-shadow:0 10px 30px #0006}.panel.show{display:block;animation:panelIn .25s cubic-bezier(.2,1.6,.4,1)}@keyframes panelIn{0%{transform:translate(-50%,-46%) scale(.8);opacity:0}}.panel h2{text-align:center;font-size:26px;margin-bottom:12px;color:#6e451f;letter-spacing:1px}.panel .closeX{position:absolute;top:10px;right:12px;width:36px;height:36px;border:none;border-radius:12px;background:#d6392e;color:#fff;font-size:20px;font-weight:900;cursor:pointer}.upgradeRow{display:flex;align-items:center;gap:10px;background:#fff;border:3px solid #e0cba0;border-radius:16px;padding:10px 12px;margin-bottom:10px}.upgradeRow .uIcon{width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:linear-gradient(180deg,#ffd23e,#f2a30f);display:grid;place-items:center;font-size:24px;font-weight:900;color:#7a4a06;border:3px solid #c98d05}.upgradeRow .uInfo{flex:1;min-width:0}.upgradeRow .uName{font-weight:900;font-size:16px}.upgradeRow .uDesc{font-size:12px;opacity:.7;font-weight:700}.upgradeRow .uLvl{font-size:12px;font-weight:800;color:#3d7df5}.buyBtn{border:none;border-radius:14px;padding:10px 14px;min-width:86px;font-weight:900;font-size:15px;color:#fff;cursor:pointer;background:linear-gradient(180deg,#7ee06a,#3fae32);box-shadow:0 3px #2c8023;transition:transform .1s}.buyBtn:active{transform:translateY(2px)}.buyBtn:disabled{background:linear-gradient(180deg,#c9c9c9,#9a9a9a);box-shadow:0 3px #7a7a7a;cursor:default}.buyBtn.max{background:linear-gradient(180deg,#ffd23e,#f2a30f);box-shadow:0 3px #c98d05}.buyBtn.bought{animation:bump .3s}.shopGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.shopItem{background:#fff;border:3px solid #e0cba0;border-radius:16px;padding:12px;text-align:center;font-weight:800;font-size:14px}.shopItem .swatch{width:48px;height:48px;border-radius:12px;margin:0 auto 8px;border:3px solid rgba(0,0,0,.2)}.shopItem .buyBtn{margin-top:8px;width:100%;min-width:0;padding:8px}.shopItem.soon{opacity:.55}.menuBtn{display:block;width:100%;margin-bottom:10px;border:none;border-radius:16px;padding:14px;font-size:17px;font-weight:900;color:#fff;cursor:pointer;background:linear-gradient(180deg,#5aa9f5,#2b6fd6);box-shadow:0 4px #1d54a8}.menuBtn:active{transform:translateY(2px)}.menuBtn.danger{background:linear-gradient(180deg,#ff7a6e,#d6392e);box-shadow:0 4px #a02318}.menuBtn.gray{background:linear-gradient(180deg,#b5b9c2,#8a8f9a);box-shadow:0 4px #696e78}.hintText{font-size:13px;font-weight:700;opacity:.7;text-align:center;margin-top:6px;line-height:1.5}#debugPanel{position:absolute;left:14px;bottom:14px;background:#0a0c12d9;border-radius:12px;padding:10px 12px;font-family:monospace;font-size:12px;color:#8ae05a;pointer-events:auto;display:none;z-index:30;min-width:210px}#debugPanel.show{display:block}#debugPanel button{margin:3px 3px 0 0;font-size:11px;font-family:monospace;padding:3px 8px;border-radius:6px;border:1px solid #4a4;background:#143014;color:#8ae05a;cursor:pointer}@media(max-width:700px){#levelProgress{top:62px;width:46vw}#storageBarWrap{height:30vh}.currency{min-width:84px;height:34px}.currency .val{font-size:16px}}