:root{--bg:#070a0d;--panel:#0b1014;--panel2:#10171c;--line:#202b32;--line2:#31414a;--text:#e2e9eb;--muted:#7f9198;--dim:#52636a;--cyan:#7bd4df;--green:#9bd4ac;--amber:#d9b86e;--red:#dc837e;--violet:#a897d9;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--sans);touch-action:none}button,input{font:inherit}button{color:inherit}#game{position:absolute;inset:0;width:100%;height:100%;display:block;background:#06090c;touch-action:none}.scanline{position:absolute;inset:0;pointer-events:none;opacity:.055;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:100% 4px;mix-blend-mode:soft-light}.hidden{display:none!important}
.topbar{position:absolute;z-index:20;top:0;left:0;right:0;height:52px;padding:7px max(9px,env(safe-area-inset-right)) 7px max(9px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(140,172,181,.16);background:rgba(5,8,11,.88);backdrop-filter:blur(9px)}.brand{display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:37px;height:30px;border:1px solid #33464f;border-radius:4px;background:#0a1014;color:var(--cyan);font:900 9px/1 var(--mono);letter-spacing:.05em}.brand b{display:block;font:900 11px/1 var(--mono);letter-spacing:.16em}.brand small{display:block;margin-top:4px;color:var(--muted);font:700 6px/1 var(--mono);letter-spacing:.12em}.top-btn,.close-btn{min-height:31px;padding:0 10px;border:1px solid var(--line2);border-radius:4px;background:#0b1216;color:#b2c1c5;font:800 7px/1 var(--mono);letter-spacing:.08em}.close-btn{width:34px;padding:0;font-size:15px}
.hud{position:absolute;z-index:12;inset:0;pointer-events:none;padding-top:56px}.hud-block{position:absolute;top:58px;border:1px solid rgba(130,164,174,.18);border-radius:4px;background:rgba(5,9,12,.74);backdrop-filter:blur(5px)}.hud-left{left:max(7px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(2,76px)}.metric{padding:6px 7px;border-right:1px solid rgba(130,164,174,.09);border-bottom:1px solid rgba(130,164,174,.09)}.metric:nth-child(2n){border-right:0}.metric:nth-last-child(-n+2){border-bottom:0}.metric span{display:block;color:#71868d;font:700 6px/1 var(--mono);letter-spacing:.1em}.metric b{display:block;margin-top:4px;font:900 12px/1 var(--mono)}.hud-right{right:max(7px,env(safe-area-inset-right));width:170px;padding:7px}.meter+.meter{margin-top:7px}.meter>span{display:flex;justify-content:space-between;color:#71868d;font:700 6px/1 var(--mono);letter-spacing:.08em}.meter>span b{color:#cbd6d9}.meter>i{display:block;height:4px;margin-top:4px;border:1px solid #19262c;background:#10181d;overflow:hidden}.meter>i u{display:block;width:0;height:100%;text-decoration:none;background:var(--green)}.meter.shield>i u{background:var(--cyan)}.meter.phase>i u{background:var(--violet)}.run-strip{position:absolute;left:50%;top:58px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(130,164,174,.15);border-radius:4px;background:rgba(5,9,12,.72);color:#879aa0;font:800 6px/1 var(--mono);letter-spacing:.08em;white-space:nowrap}.run-strip b{color:#d8e2e4}.run-strip i{width:1px;height:8px;background:#314049}.combat-message{position:absolute;left:50%;bottom:78px;max-width:75vw;transform:translateX(-50%) translateY(7px);opacity:0;padding:6px 9px;border:1px solid rgba(144,180,189,.2);border-radius:3px;background:rgba(5,9,12,.82);color:#c5d3d6;font:800 7px/1 var(--mono);letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.14s}.combat-message.show{opacity:1;transform:translateX(-50%) translateY(0)}
.touch-ui{position:absolute;z-index:14;inset:0;pointer-events:none}.touch-stick{position:absolute;display:none;width:86px;height:86px;margin:-43px;border:1px solid rgba(123,212,223,.25);border-radius:50%;background:rgba(6,13,16,.22);pointer-events:none}.touch-stick.show{display:block}.touch-stick i{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px;border:1px solid rgba(207,236,240,.65);border-radius:50%;background:rgba(123,212,223,.12)}.touch-stick.aim{border-color:rgba(217,184,110,.28)}.touch-stick.aim i{background:rgba(217,184,110,.1);border-color:rgba(238,218,168,.7)}.dash-btn{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));width:70px;height:70px;border:1px solid #4b496a;border-radius:50%;background:rgba(12,12,20,.84);color:#cabff0;pointer-events:auto;touch-action:none}.dash-btn span{display:block;font:900 8px/1 var(--mono);letter-spacing:.08em}.dash-btn small{display:block;margin-top:5px;color:#827a9e;font:700 6px/1 var(--mono)}.dash-btn.ready{border-color:#8677c1;color:#e2dafb;box-shadow:0 0 0 1px rgba(168,151,217,.08)}
.overlay{position:absolute;z-index:40;inset:0;overflow:auto;padding:68px max(11px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(11px,env(safe-area-inset-left));background:rgba(5,8,11,.96);touch-action:pan-y}.home-card,.panel-card,.upgrade-shell{width:min(960px,100%);margin:0 auto}.eyebrow{color:#6f8289;font:800 7px/1 var(--mono);letter-spacing:.13em}.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:7px;padding-bottom:12px;border-bottom:1px solid var(--line)}h1{margin:0;font:950 clamp(34px,8vw,67px)/.88 var(--mono);letter-spacing:-.09em}.subtitle{margin:8px 0 0;color:var(--cyan);font:800 8px/1 var(--mono);letter-spacing:.15em}.build{padding:7px 9px;border:1px solid var(--line);border-radius:4px;color:#6f8289;font:700 6px/1.35 var(--mono);text-align:right}.build b{color:#d5e0e2;font-size:8px}.intro{max-width:780px;margin:12px 0;color:#899ca2;font-size:10px;line-height:1.55}.wallet{display:flex;flex-wrap:wrap;gap:6px}.wallet>div{padding:7px 9px;border:1px solid var(--line);border-radius:4px;background:#091014;color:#71858c;font:800 7px/1 var(--mono);letter-spacing:.07em}.wallet b{margin-left:5px;color:#d5e0e2}.career{margin-top:8px;padding:9px;border:1px solid var(--line);border-radius:4px;background:#091014}.career .row{display:flex;justify-content:space-between;gap:10px;color:#81949a;font:800 7px/1.3 var(--mono)}.career .track{height:4px;margin-top:7px;background:#131c21;overflow:hidden}.career .track i{display:block;height:100%;background:var(--cyan)}.career p{margin:7px 0 0;color:#5d7077;font:7px/1.4 var(--mono)}.menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.menu{min-height:65px;padding:9px 10px;border:1px solid var(--line);border-radius:4px;background:#0a1115;text-align:left}.menu.primary{border-color:#38545d;background:#0d171b}.menu.wide{grid-column:span 2}.menu b{display:block;font:900 9px/1 var(--mono);letter-spacing:.08em}.menu span{display:block;margin-top:6px;color:#65787f;font:7px/1.3 var(--mono)}.control-note{margin-top:8px;padding:8px;border:1px solid #19252b;border-radius:4px;color:#62757c;font:700 7px/1.45 var(--mono)}.control-note b{color:#a9b8bd}
.panel-card{border:1px solid var(--line);border-radius:5px;background:#080e12}.panel-card.compact{width:min(680px,100%)}.panel-card>header{position:sticky;top:-68px;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:11px;border-bottom:1px solid var(--line);background:#080e12}.panel-card header small{color:#697d84;font:800 6px/1 var(--mono);letter-spacing:.12em}.panel-card h2,.upgrade-shell h2{margin:5px 0 0;font:900 19px/1 var(--mono);letter-spacing:-.03em}.panel-body{padding:11px}.section-title{margin:14px 0 8px;color:#d2dcdf;font:800 8px/1 var(--mono);letter-spacing:.12em}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.card{padding:10px;border:1px solid var(--line);border-radius:4px;background:#0a1115}.card.selected{border-color:#45616a}.card.locked{opacity:.45}.card h3{margin:0;font:900 10px/1.2 var(--mono)}.card p{margin:6px 0;color:#71848b;font-size:8px;line-height:1.45}.meta{display:flex;justify-content:space-between;gap:8px;margin-top:7px;color:#71848b;font:700 7px/1.3 var(--mono)}.buy{width:100%;min-height:32px;margin-top:8px;border:1px solid #283840;border-radius:3px;background:#0d1519;color:#82959b;font:800 7px/1 var(--mono);letter-spacing:.06em}.buy.ready{border-color:#48636c;color:#d5e1e3}.buy:disabled{opacity:.35}.lab-levels{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;margin-top:8px}.lab-levels i{height:3px;background:#182229}.lab-levels i.on{background:var(--cyan)}.records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.record{padding:9px;border:1px solid var(--line);border-radius:4px;background:#0a1115}.record span{display:block;color:#6d8087;font:800 6px/1 var(--mono);letter-spacing:.08em}.record b{display:block;margin-top:5px;font:900 13px/1 var(--mono)}.settings{display:grid;gap:7px}.setting{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:4px;background:#0a1115}.setting b{display:block;font:900 9px/1 var(--mono)}.setting small{display:block;margin-top:5px;color:#6e8188;font-size:8px}.setting input{width:160px}.toggle{position:relative;width:42px;height:24px;border:1px solid #31424a;border-radius:99px;background:#0a1115}.toggle i{position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#697c83;transition:.16s}.toggle.on i{left:21px;background:var(--cyan)}
.upgrade-overlay{display:grid;place-items:center}.upgrade-shell{width:min(900px,100%)}.upgrade-shell>p{margin:7px 0 12px;color:#7c9097;font-size:9px}.upgrade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.upgrade-card{min-height:185px;padding:13px;border:1px solid #2a3940;border-radius:5px;background:#0a1115;text-align:left}.upgrade-card .num{color:#697c83;font:800 7px/1 var(--mono)}.upgrade-card h3{margin:18px 0 0;font:950 16px/1 var(--mono)}.upgrade-card p{margin:8px 0 0;color:#7c9097;font-size:9px;line-height:1.5}.upgrade-card .effect{margin-top:20px;color:#c8d5d8;font:800 8px/1.4 var(--mono)}.upgrade-card:hover,.upgrade-card:active{border-color:#56727b;background:#0e171b}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.summary-grid>div{padding:9px;border:1px solid var(--line);border-radius:4px;background:#0a1115}.summary-grid span{display:block;color:#6d8087;font:800 6px/1 var(--mono)}.summary-grid b{display:block;margin-top:5px;font:900 13px/1 var(--mono)}.reward{margin-top:8px;padding:11px;border:1px solid #3f4530;border-radius:4px;background:#11120d}.reward span{color:#8b926d;font:800 7px/1 var(--mono)}.reward strong{display:block;margin-top:6px;color:#e0c777;font:950 27px/1 var(--mono)}.reward p{margin:7px 0 0;color:#899174;font:7px/1.4 var(--mono)}.actions{display:flex;gap:7px;margin-top:8px}.actions button{flex:1;min-height:37px;border:1px solid var(--line2);border-radius:3px;background:#0c1418;color:#9caeb3;font:800 7px/1 var(--mono)}.actions button.primary{border-color:#48626b;color:#d4e1e4}.toasts{position:absolute;z-index:70;left:50%;top:61px;transform:translateX(-50%);display:grid;gap:5px;pointer-events:none}.toast{padding:7px 10px;border:1px solid #2b3b42;border-radius:3px;background:#0a1115;color:#bdcdd1;font:800 7px/1 var(--mono);letter-spacing:.06em;box-shadow:0 8px 24px rgba(0,0,0,.25)}.toast.good{border-color:#365649;color:#b8ddc0}.toast.warn{border-color:#594d2f;color:#dfc37e}.engine-error{display:none;position:absolute;z-index:100;inset:0;place-items:center;padding:20px;background:#070a0d}.engine-error>div{max-width:520px;padding:15px;border:1px solid #5a3938;border-radius:4px;background:#140c0d}.engine-error b{display:block;color:#e3a29d;font:900 10px/1 var(--mono)}.engine-error span{display:block;margin-top:8px;color:#9a7572;font:8px/1.45 var(--mono)}
@media(max-width:760px){.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.run-strip{top:114px}.hud-right{width:148px}.upgrade-grid{grid-template-columns:1fr}.upgrade-card{min-height:125px}.records,.summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:440px){.topbar{height:49px}.brand small{display:none}.hud-block{top:54px}.hud-left{left:5px;grid-template-columns:repeat(2,67px)}.hud-right{right:5px;width:139px}.metric{padding:5px 6px}.metric b{font-size:11px}.run-strip{top:108px;font-size:5.5px}.dash-btn{right:7px;bottom:7px;width:62px;height:62px}.overlay{padding:58px 8px 13px}.title-row h1{font-size:39px}.build{display:none}.intro{font-size:9px}.menu{min-height:58px}.grid{grid-template-columns:1fr}.panel-body{padding:8px}.setting{grid-template-columns:1fr}.setting input{width:100%}.records,.summary-grid{grid-template-columns:repeat(2,1fr)}}