:root{--background:#030610;--foreground:#e9faff;--card:#07101e;--card-foreground:#e9faff;--popover:#07101e;--popover-foreground:#e9faff;--primary:#00eaff;--primary-foreground:#031018;--secondary:#15102b;--secondary-foreground:#fff;--muted:#0a1323;--muted-foreground:#8ca0b9;--accent:#ff2ead;--accent-foreground:#fff;--destructive:#ff345f;--border:#1b3850;--input:#11263a;--ring:#00eaff;--radius:.4rem;--cyan:#00eaff;--pink:#ff2ead;--yellow:#ffe66d}@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-border:var(--border);--color-ring:var(--ring);--font-sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#030610;color:var(--foreground);font-family:Arial,Helvetica,sans-serif}body{background:radial-gradient(circle at 50% -20%,#152a4b,#060a16,#02040a 72%);overflow-x:hidden}button{font:inherit;color:inherit}.game-shell{min-height:100svh;padding:0 2.5vw 1.2rem;position:relative;background-image:linear-gradient(#00eaff08 1px,transparent 1px),linear-gradient(90deg,#00eaff08 1px,transparent 1px);background-size:42px 42px}.game-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(transparent 50%,#00000018 50%);background-size:100% 4px;z-index:20;opacity:.45}.game-header{width:min(1320px,100%);height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #00eaff2e}.brand{display:flex;align-items:center;gap:.8rem}.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:#061018;background:var(--cyan);clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);box-shadow:0 0 28px #00eaff55}.brand strong{display:block;font:900 1.15rem/1 Arial Black,Arial,sans-serif;letter-spacing:.08em}.brand small{display:block;color:#62829c;font-size:.6rem;letter-spacing:.2em;margin-top:.28rem}.top-actions{display:flex;gap:.55rem}.ghost-button,.icon-button{border:1px solid #21415c;background:#07101dc9;min-height:42px;cursor:pointer}.ghost-button{padding:0 1.1rem;font-size:.7rem;letter-spacing:.14em}.icon-button{width:42px;display:grid;place-items:center}.icon-button svg{width:17px}.ghost-button:hover,.icon-button:hover{border-color:var(--cyan);color:var(--cyan)}.game-layout{width:min(1320px,100%);margin:1.5rem auto;display:grid;grid-template-columns:205px minmax(500px,1fr) 205px;gap:1.1rem;align-items:stretch}.hud-panel,.upgrade-panel{background:linear-gradient(160deg,#091424e8,#050b15e8);border:1px solid #16334a;padding:1.35rem;position:relative;overflow:hidden}.hud-panel:before,.upgrade-panel:before{content:"";position:absolute;left:0;top:0;width:52px;height:3px;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.upgrade-panel:before{background:var(--pink);box-shadow:0 0 18px var(--pink)}.section-label{font-size:.65rem;letter-spacing:.2em;color:#61819a;margin:0 0 1rem}.level-number{font:900 4.5rem/1 Arial Black,Arial;color:#dffcff;text-shadow:4px 4px 0 #ff2ead55;border-bottom:1px solid #17354b;padding-bottom:1rem}.hud-list{display:grid;gap:.9rem;margin-top:1.3rem}.hud-list div{display:flex;justify-content:space-between;align-items:center}.hud-list span{font-size:.66rem;letter-spacing:.14em;color:#6d879c}.hud-list b{font:800 .95rem/1 Arial}.hud-list .pink{color:var(--pink);letter-spacing:.12em}.objective{display:flex;gap:.8rem;margin:1.5rem -1.35rem 0;padding:1rem 1.35rem;background:#00eaff09;border-block:1px solid #00eaff20}.objective i{width:3px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.objective span{font-size:.58rem;letter-spacing:.15em;color:var(--cyan)}.objective p{font-size:.78rem;line-height:1.55;color:#a2b4c4;margin:.35rem 0 0}.best{display:grid;grid-template-columns:20px 1fr;gap:.45rem;align-items:center;margin-top:1.35rem;color:var(--yellow)}.best span{font-size:.6rem;letter-spacing:.14em;color:#71889c}.best b{grid-column:2;font-size:1.05rem}.arena-frame{min-width:0;position:relative;background:#050914;border:1px solid #17647a;padding:35px 9px 9px;box-shadow:0 0 50px #00a3c51a,inset 0 0 25px #00b9dd0a}.arena-frame:before,.arena-frame:after{content:"";position:absolute;width:45px;height:45px;border-color:var(--cyan)}.arena-frame:before{left:-2px;top:-2px;border-left:3px solid var(--cyan);border-top:3px solid var(--cyan)}.arena-frame:after{right:-2px;bottom:-2px;border-right:3px solid var(--pink);border-bottom:3px solid var(--pink)}.arena-top{position:absolute;left:10px;right:10px;top:0;height:34px;display:flex;align-items:center;justify-content:space-between;font-size:.6rem;letter-spacing:.15em;color:#668399}.live-dot{color:#00ffc8}.arena-frame canvas{display:block;width:100%;height:auto;max-height:calc(100svh - 165px);aspect-ratio:13/11;object-fit:contain;background:#050914;image-rendering:auto;touch-action:none}.game-overlay{position:absolute;inset:35px 9px 9px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle,#091b31e8,#03060cf5 70%);z-index:5;padding:2rem}.kicker{font-size:.65rem;letter-spacing:.3em;color:var(--cyan);font-weight:800}.kicker.danger{color:#ff405f}.kicker.success{color:#00ffc8}.game-overlay h1{font:900 clamp(4rem,10vw,8rem)/.72 "Arial Black",Arial;margin:1.1rem 0 1.5rem;letter-spacing:-.06em;color:#f1fcff;text-shadow:7px 7px 0 #00eaff33}.game-overlay h1 em{font-style:normal;color:var(--pink);text-shadow:7px 7px 0 #00eaff44}.game-overlay h2,.help-modal h2{font:900 clamp(2.8rem,6vw,5.5rem)/.9 "Arial Black",Arial;margin:1rem 0}.game-overlay p{max-width:500px;color:#8fa7bb;line-height:1.6;margin:0 0 1.5rem}.game-overlay button,.help-modal>div>button:not(.close){display:flex;align-items:center;gap:.65rem;padding:1rem 1.4rem;border:0;background:linear-gradient(90deg,var(--cyan),#00ffb7);color:#021019;font-size:.7rem;font-weight:900;letter-spacing:.15em;cursor:pointer;clip-path:polygon(7% 0,100% 0,93% 100%,0 100%)}.upgrade{display:grid;grid-template-columns:42px 1fr;gap:.7rem;align-items:center;border-bottom:1px solid #172f43;padding:1rem 0}.upgrade>svg,.stack-icon{width:38px;height:38px;padding:9px;color:var(--pink);border:1px solid #ff2ead55;background:#ff2ead12}.stack-icon{display:grid;place-items:center;padding:0;font-weight:900;font-size:.8rem}.upgrade span span{display:block}.upgrade>span:last-child{font-size:.65rem;letter-spacing:.12em;color:#7f98ab}.upgrade b{display:block;font-size:.75rem;color:#edfaff;margin-top:.35rem}.legend{display:grid;gap:.7rem;margin-top:1.5rem}.legend span{display:flex;align-items:center;gap:.6rem;font-size:.68rem;color:#8499a9}.legend i{width:14px;height:14px;display:block}.legend .crate{background:#53145f;border:1px solid var(--pink)}.legend .portal{border:3px solid #00ffc8;border-radius:50%}.legend .enemy{background:#ff2ead}.tip{font-size:.72rem;line-height:1.6;color:#6f8496;margin-top:1.5rem}.control-bar{width:min(1320px,100%);margin:auto;display:flex;justify-content:center;gap:2rem;color:#60798d;font-size:.63rem;letter-spacing:.1em}.control-bar span{display:flex;align-items:center;gap:.5rem}.control-bar kbd{padding:.3rem .45rem;border:1px solid #27465d;background:#091321;color:#c5e9f1;box-shadow:inset 0 -2px #142e42}.mobile-controls{display:none}.help-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#000c}.help-modal>div{width:min(520px,100%);padding:2.2rem;background:#07101e;border:1px solid #1e6580;box-shadow:0 0 80px #00eaff22;position:relative}.help-modal h2{font-size:3rem}.help-modal ol{padding-left:1.25rem;color:#9eb3c3;line-height:1.65}.help-modal li{padding:.35rem}.help-modal .close{position:absolute;right:1rem;top:1rem;border:0;background:none;font-size:2rem;color:#718a9d;cursor:pointer}.help-modal>div>button:not(.close){margin-top:1.3rem}@media(max-width:1050px){.game-layout{grid-template-columns:160px minmax(480px,1fr)}.upgrade-panel{display:none}.hud-panel{padding:1rem}.objective{margin-inline:-1rem;padding-inline:1rem}}@media(max-width:760px){body{background:#030610}.game-shell{padding:0 .55rem 1rem}.game-header{height:66px}.brand-mark{width:36px;height:36px}.brand strong{font-size:.95rem}.brand small{font-size:.5rem}.ghost-button{display:none}.game-layout{display:block;margin:.8rem auto}.hud-panel{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;padding:.65rem 1rem;margin-bottom:.55rem}.hud-panel .section-label,.hud-panel .objective,.hud-panel .best{display:none}.level-number{font-size:2.4rem;border:0;padding:0;grid-row:1/3}.hud-list{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0}.hud-list div{display:grid;gap:.25rem}.hud-list span{font-size:.53rem}.arena-frame{padding:30px 5px 5px}.arena-frame canvas{max-height:none;width:100%;aspect-ratio:13/11}.arena-top{height:29px;left:7px;right:7px}.game-overlay{inset:30px 5px 5px}.game-overlay h1{font-size:4.2rem}.game-overlay h2{font-size:2.6rem}.game-overlay p{font-size:.85rem}.control-bar{display:none}.mobile-controls{width:min(520px,100%);margin:.7rem auto 0;display:flex;align-items:center;justify-content:space-between;padding:0 .6rem;touch-action:none}.dpad{display:grid;justify-items:center}.dpad>button,.dpad div button,.bomb-button{border:1px solid #22506c;background:#091626;box-shadow:inset 0 -4px #030812;touch-action:manipulation;user-select:none}.dpad>button,.dpad div button{width:52px;height:45px;color:var(--cyan);font-size:1.05rem}.dpad div{display:flex}.bomb-button{width:88px;height:88px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;border-color:#ff2ead88;background:#28102a;color:var(--pink);box-shadow:0 0 25px #ff2ead25,inset 0 -6px #110813}.bomb-button svg{width:26px}.bomb-button span{font-size:.58rem;font-weight:900;letter-spacing:.1em}}@media(max-width:420px){.game-header{height:60px}.arena-frame canvas{min-height:54svh;object-fit:fill}.hud-panel{grid-template-columns:48px 1fr}.hud-list b{font-size:.8rem}.game-overlay{padding:1rem}.game-overlay h1{font-size:3.5rem}.mobile-controls{padding:0 .2rem}.dpad>button,.dpad div button{width:47px;height:42px}.bomb-button{width:78px;height:78px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.overlay-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}.game-overlay .continue-button{background:linear-gradient(90deg,var(--pink),#ff6acb);color:#fff}.armory-button{display:flex;align-items:center;gap:.45rem}.cyan{color:var(--cyan)!important}.yellow{color:var(--yellow)!important}.ability-list{display:grid;gap:.45rem;margin:1rem 0}.ability-list button{display:grid;grid-template-columns:30px 1fr;align-items:center;text-align:left;gap:.55rem;padding:.6rem;border:1px solid #1b3b51;background:#07111e;color:#8ca6b8;cursor:pointer}.ability-list button:hover:not(:disabled){border-color:var(--cyan);color:#fff}.ability-list button:disabled{opacity:.45;cursor:not-allowed}.ability-list svg{width:20px;color:var(--cyan)}.ability-list span{font-size:.62rem;letter-spacing:.12em}.ability-list b{display:block;color:#fff;margin-top:.18rem}.ability-list small{float:right;color:var(--pink)}.shop-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:1rem;background:#000d}.shop-modal>div{width:min(760px,100%);padding:2rem;background:#07101e;border:1px solid #00eaff66;box-shadow:0 0 90px #00eaff24;position:relative}.shop-modal h2{font:900 clamp(2.6rem,7vw,5rem)/.9 "Arial Black",Arial;margin:.8rem 0}.shop-modal .close{position:absolute;right:1rem;top:.7rem;border:0;background:none;color:#8aa3b6;font-size:2rem;cursor:pointer}.wallet{display:flex;align-items:center;gap:.5rem;color:var(--yellow);font-weight:900;letter-spacing:.1em}.wallet svg{width:20px}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.shop-grid button{display:grid;text-align:left;gap:.3rem;padding:1rem;border:1px solid #214159;background:#0a1726;color:#8399aa;cursor:pointer}.shop-grid button:hover:not(:disabled){border-color:var(--pink);background:#15142c}.shop-grid button:disabled{opacity:.4;cursor:not-allowed}.shop-grid span{font-size:.6rem;letter-spacing:.14em}.shop-grid b{color:#e8faff}.shop-grid small{color:var(--yellow)}.leave-shop{margin-top:1rem;padding:.9rem 1.2rem;border:0;background:var(--cyan);color:#021019;font-weight:900;letter-spacing:.1em;cursor:pointer}.mobile-actions{display:flex;align-items:center;gap:.45rem}.mobile-actions>button:not(.bomb-button){width:48px;height:48px;border:1px solid #00eaff66;background:#081726;color:var(--cyan);font-weight:900}.mobile-actions small{display:block;font-size:.48rem;margin-top:.15rem}.hud-list{grid-template-columns:1fr}.shop-grid button:last-child{grid-column:1/-1}@media(max-width:760px){.armory-button{display:flex!important;padding:0 .7rem}.top-actions{gap:.3rem}.shop-modal>div{padding:1.4rem}.shop-grid{grid-template-columns:1fr;max-height:56svh;overflow:auto}.shop-grid button:last-child{grid-column:auto}.mobile-actions{gap:.25rem}.mobile-actions>button:not(.bomb-button){width:42px;height:42px}.hud-list{grid-template-columns:repeat(5,1fr)!important}.hud-list div:nth-child(n+4){display:none}}