:root{--sky:#8fd8f0;--asphalt:#4d525a;--asphalt-d:#3a3f46;--cream:#efe6d2;--cream-d:#d6c9ad;--yellow:#f0c132;--yellow-d:#c8981c;--green:#6ab43f;--green-l:#8fd45e;--green-d:#43772a;--red:#cf4436;--red-d:#96271c;--ink:#242830;--ink-2:#343a44;--white:#ffffff;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--ui: "Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background:var(--sky);font-family:var(--ui);color:var(--cream);overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}canvas#scene{position:absolute;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}#hud{position:absolute;inset:0;pointer-events:none;z-index:5}.top-bar{position:absolute;top:calc(10px + var(--safe-t));left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.pill{display:flex;align-items:center;gap:7px;background:#242830c7;border:2px solid rgba(239,230,210,.3);border-radius:999px;padding:5px 13px;font-weight:800;font-size:15px;letter-spacing:.06em;box-shadow:0 3px #14161a73;color:var(--cream)}.pill-label{font-size:10px;opacity:.62;letter-spacing:.14em}.sector-pill #sector-name{color:var(--yellow);font-size:16px}.coin-icon{width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ffe89a,var(--yellow) 55%,var(--yellow-d));box-shadow:inset 0 0 0 2px #966e0a8c;display:inline-block;flex:none}.coin-pill{color:var(--yellow)}.big-coin{font-size:22px;padding:8px 18px}.big-coin .coin-icon{width:20px;height:20px}.hp-wrap{position:absolute;top:calc(48px + var(--safe-t));left:10px;right:56px;display:flex;align-items:center;gap:8px}.tier-badge{flex:none;width:36px;height:30px;border-radius:9px;background:var(--green);border:2px solid rgba(0,0,0,.32);box-shadow:0 3px 0 var(--green-d);display:grid;place-items:center;font-weight:900;font-size:14px;color:#0f2408;letter-spacing:.02em}.hp-bar{position:relative;flex:1;height:20px;border-radius:999px;background:#1c1f25d1;border:2px solid rgba(239,230,210,.28);overflow:hidden;box-shadow:0 3px #14161a66}.hp-ghost{position:absolute;inset:0;width:100%;background:#ffffff4d;transform-origin:left center;transition:transform .45s ease .18s}.hp-fill{position:absolute;inset:0;width:100%;z-index:2;background:linear-gradient(180deg,#8fd45e,#5aa832 62%,#3f7f22);transform-origin:left center;transition:transform .12s linear}.hp-fill.low{background:linear-gradient(180deg,#ff9a5c,#e2542f 62%,#a72f16)}.hp-fill.crit{background:linear-gradient(180deg,#ff6b5c,#cf2415 62%,#8b1409);animation:pulseHp .5s infinite alternate}@keyframes pulseHp{0%{filter:brightness(1)}to{filter:brightness(1.5)}}.hp-text{position:absolute;inset:0;z-index:3;display:grid;place-items:center;font-size:11px;font-weight:800;letter-spacing:.08em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.75)}.objective{position:absolute;top:calc(78px + var(--safe-t));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;background:#242830b8;border:2px solid rgba(207,68,54,.6);border-radius:999px;padding:4px 14px;font-weight:800;font-size:12.5px;letter-spacing:.1em;white-space:nowrap}.obj-icon{width:9px;height:9px;border-radius:2px;background:var(--red);box-shadow:0 0 8px #cf4436e6}#threat-markers{position:absolute;inset:0}.threat{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;display:grid;place-items:center;will-change:transform,opacity}.threat i{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:13px solid var(--red);filter:drop-shadow(0 0 4px rgba(0,0,0,.55))}.threat.boss i{border-bottom-color:#ffb03a}.combo-pop{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%) scale(.6);font-size:34px;font-weight:900;letter-spacing:.04em;color:var(--yellow);text-shadow:0 3px 0 #7a5a05,0 0 22px rgba(240,193,50,.7);opacity:0;pointer-events:none}.combo-pop.show{animation:comboPop .8s ease-out forwards}@keyframes comboPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-7deg)}22%{opacity:1;transform:translate(-50%,-50%) scale(1.18) rotate(3deg)}60%{opacity:1;transform:translate(-50%,-60%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-95%) scale(.94)}}.toast{position:absolute;top:calc(112px + var(--safe-t));left:50%;transform:translate(-50%) translateY(-12px);background:#242830e6;border:2px solid var(--yellow);color:var(--yellow);font-weight:800;font-size:13px;letter-spacing:.1em;padding:6px 16px;border-radius:999px;opacity:0;transition:opacity .25s,transform .25s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.stick-zone{position:absolute;bottom:0;height:52%;width:50%;pointer-events:auto}.stick-zone.left{left:0}.stick-zone.right{right:0}.stick{position:absolute;width:132px;height:132px;margin:-66px 0 0 -66px;left:-999px;top:-999px;opacity:0;transition:opacity .16s;pointer-events:none;z-index:2}.stick.visible{opacity:1}.stick.resting{opacity:.72}.stick-ring{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(255,255,255,.72);background:#ffffff0f;box-shadow:inset 0 0 22px #0000002e}.stick-knob{position:absolute;width:62px;height:62px;left:35px;top:35px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#f2f2f2,#b9bdc2 60%,#8d9298);border:3px solid rgba(255,255,255,.85);box-shadow:0 4px 10px #00000059;will-change:transform}.stick.aim .stick-ring{border-color:#ffce78d9}.stick.aim .stick-knob{background:radial-gradient(circle at 36% 30%,#ffe6b0,#f0b03a 58%,#c07f12);border-color:#fff0c8e6}.reload-wrap{position:absolute;right:22px;bottom:calc(196px + var(--safe-b));width:52px;height:52px;pointer-events:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.reload-ring{position:absolute;inset:0;transform:rotate(-90deg)}.reload-bg{fill:#242830b8;stroke:#efe6d240;stroke-width:4}.reload-fg{fill:none;stroke:var(--yellow);stroke-width:4;stroke-linecap:round;stroke-dasharray:119.4;stroke-dashoffset:0}.reload-wrap.ready .reload-fg{stroke:var(--green-l)}.shell-icon{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:900;letter-spacing:.04em;color:var(--cream)}.hit-vignette{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 42%,rgba(190,30,15,.72) 100%);transition:opacity .32s ease-out}.hit-vignette.hit{opacity:1;transition:opacity .04s}.icon-btn{position:absolute;pointer-events:auto;background:#242830bf;color:var(--cream);border:2px solid rgba(239,230,210,.3);border-radius:12px;font-size:13px;font-weight:800;padding:0;width:38px;height:34px;display:grid;place-items:center;box-shadow:0 3px #14161a73}.pause-btn{right:10px;top:calc(48px + var(--safe-t));letter-spacing:-2px}#screens{position:absolute;inset:0;z-index:20;pointer-events:none}.screen{position:absolute;inset:0;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 20px calc(28px + var(--safe-b));background:linear-gradient(180deg,#141c249e,#141c24db);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);overflow-y:auto}.title-art{text-align:center;margin-bottom:6px}.title-main{font-size:clamp(46px,17vw,96px);font-weight:900;line-height:.88;color:var(--cream);letter-spacing:-.02em;text-shadow:0 6px 0 var(--ink),0 8px 0 rgba(0,0,0,.3),0 0 40px rgba(143,216,240,.35)}.title-main span{display:block;color:var(--green-l);text-shadow:0 6px 0 var(--green-d),0 9px 0 rgba(0,0,0,.35)}.title-sub{margin-top:12px;font-size:13.5px;letter-spacing:.14em;font-weight:700;color:#efe6d2cc}.ctl-hint{margin-top:2px;text-align:center;font-size:12px;line-height:1.9;color:#efe6d29e;letter-spacing:.03em}.ctl-hint b{color:var(--yellow)}.best-line{font-size:12px;letter-spacing:.16em;color:#efe6d280;font-weight:700}.best-line span{color:var(--yellow)}.btn{pointer-events:auto;cursor:pointer;font-family:var(--ui);font-weight:900;letter-spacing:.09em;color:#12280a;background:linear-gradient(180deg,var(--green-l),var(--green));border:3px solid rgba(0,0,0,.28);border-radius:16px;padding:14px 34px;font-size:19px;box-shadow:0 6px 0 var(--green-d),0 10px 16px #00000059;transition:transform .06s,box-shadow .06s}.btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--green-d),0 3px 8px #00000059}.btn.big{min-width:230px}.btn.ghost{background:transparent;color:#efe6d2d1;border-color:#efe6d24d;box-shadow:none;font-size:14px;padding:9px 22px}.btn:disabled{filter:grayscale(.85) brightness(.72);box-shadow:0 4px #0006}.garage-head{width:100%;max-width:440px;display:flex;align-items:center;justify-content:space-between}.garage-title{font-size:26px;font-weight:900;letter-spacing:.16em;color:var(--cream)}.cleared-banner{font-size:15px;font-weight:900;letter-spacing:.22em;color:var(--yellow);text-shadow:0 2px 0 #7a5a05}.payout{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;font-size:11.5px;letter-spacing:.06em;color:#efe6d2b8}.payout span{background:#0000004d;border-radius:8px;padding:4px 10px}.payout b{color:var(--yellow)}#screen-garage{justify-content:flex-start;overflow:hidden;gap:9px;padding-top:calc(16px + var(--safe-t))}.upgrade-scroll{flex:1 1 auto;min-height:0;width:100%;max-width:440px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2px 2px 8px;mask-image:linear-gradient(180deg,transparent 0,#000 10px,#000 calc(100% - 14px),transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10px,#000 calc(100% - 14px),transparent 100%)}#btn-next{flex:0 0 auto}.upgrade-list{width:100%;display:flex;flex-direction:column;gap:8px}.up-card{display:flex;align-items:center;gap:11px;background:#242a34e6;border:2px solid rgba(239,230,210,.16);border-radius:14px;padding:9px 11px;box-shadow:0 4px #00000059}.up-icon{flex:none;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:21px;background:#00000052;border:2px solid rgba(255,255,255,.09)}.up-body{flex:1;min-width:0}.up-name{font-size:14px;font-weight:900;letter-spacing:.05em;color:var(--cream)}.up-desc{font-size:11px;color:#efe6d299;margin-top:1px}.up-pips{display:flex;gap:3px;margin-top:5px}.up-pips i{width:14px;height:6px;border-radius:2px;background:#ffffff24;display:block}.up-pips i.on{background:var(--yellow);box-shadow:0 0 6px #f0c13299}.up-buy{flex:none;min-width:78px;text-align:center;cursor:pointer;background:linear-gradient(180deg,#ffd75e,var(--yellow));color:#3d2c02;font-weight:900;font-size:13px;letter-spacing:.04em;border:2px solid rgba(0,0,0,.25);border-radius:11px;padding:9px 6px;box-shadow:0 4px 0 var(--yellow-d);display:flex;align-items:center;justify-content:center;gap:4px}.up-buy:active{transform:translateY(3px);box-shadow:0 1px 0 var(--yellow-d)}.up-buy .coin-icon{width:12px;height:12px}.up-buy.poor{filter:grayscale(.75) brightness(.66)}.up-buy.maxed{background:#ffffff14;color:#efe6d28c;box-shadow:none;border-color:#ffffff1f}.up-card.tier{border-color:#f0c13280;background:#3a301ad9}.over-title{font-size:clamp(38px,13vw,68px);font-weight:900;letter-spacing:.04em;color:var(--red);text-shadow:0 5px 0 var(--red-d),0 8px 0 rgba(0,0,0,.35)}.over-title.win{color:var(--green-l);text-shadow:0 5px 0 var(--green-d),0 8px 0 rgba(0,0,0,.35)}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:360px}.stat{background:#00000057;border:2px solid rgba(239,230,210,.14);border-radius:12px;padding:9px 8px;text-align:center}.stat b{display:block;font-size:22px;color:var(--yellow);font-weight:900}.stat span{font-size:10px;letter-spacing:.13em;color:#efe6d299}.settings-row{display:flex;flex-direction:column;gap:11px;margin:6px 0}.toggle{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:.06em;cursor:pointer}.toggle input{width:20px;height:20px;accent-color:var(--green)}.loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:var(--sky);color:var(--ink);font-weight:900;letter-spacing:.2em;font-size:13px;pointer-events:auto}.loading-bar{width:180px;height:10px;border-radius:99px;background:#00000029;overflow:hidden}.loading-bar i{display:block;height:100%;width:40%;border-radius:99px;background:var(--green);animation:load 1s infinite ease-in-out}@keyframes load{0%{transform:translate(-110%)}to{transform:translate(260%)}}@media(orientation:landscape)and (max-height:520px){.stick-zone{height:74%}.reload-wrap{bottom:calc(150px + var(--safe-b))}.stick{width:112px;height:112px;margin:-56px 0 0 -56px}.stick-knob{width:54px;height:54px;left:29px;top:29px}}