html{background:#03080b;min-width:320px;min-height:100%}a{color:inherit}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#02070b;--panel:#040e14eb;--panel-strong:#07161ef5;--line:#34d6dd47;--line-soft:#80b5c32e;--ink:#effbff;--muted:#93aebb;--cyan:#32d9ff;--green:#4ff38a;--amber:#ffb931;--danger:#ff5f83;--magenta:#d770ff;--shadow:0 26px 110px #000000a8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button{font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--ink);margin:0}#root{min-height:100vh}.app-shell{background:radial-gradient(circle at 50% 92%,#1ed2ba29,#0000 24%),radial-gradient(circle at 48% 34%,#2ed9ff21,#0000 35%),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 20px),#02070b;min-height:100vh;padding:clamp(10px,1.7vw,18px)}.game-frame{border:1px solid var(--line);width:min(1540px,100%);min-height:calc(100vh - clamp(20px,3.4vw,36px));box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(#050f16fa,#02070bfa);border-radius:8px;margin:0 auto;overflow:hidden}.game-frame *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.top-hud{border-bottom:1px solid var(--line);grid-template-columns:155px 118px 118px minmax(240px,1fr) 210px 160px 212px 66px;align-items:stretch;min-height:104px;display:grid}.hud-stat,.title-lockup{border-right:1px solid var(--line-soft);align-content:center;min-width:0;padding:15px 18px;display:grid}.hud-stat{gap:8px}.hud-stat span{color:#9dc1cf;font-size:13px;font-weight:900}.hud-stat strong{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:27px;font-weight:950;line-height:1;overflow:hidden}.hud-stat.compact strong{font-size:16px}.hud-stat.amber strong{color:var(--amber)}.hud-stat.cyan strong{color:var(--cyan)}.hud-stat.green strong{color:var(--green)}.title-lockup{text-align:center;justify-items:center;position:relative}.title-lockup:before,.title-lockup:after{content:"";border-top:8px solid #32d9ff80;border-bottom:8px solid #32d9ff38;width:64px;height:34px;position:absolute;top:28px}.title-lockup:before{left:18px;transform:skew(-24deg)}.title-lockup:after{right:18px;transform:skew(24deg)}.title-lockup h1{color:var(--cyan);letter-spacing:0;text-shadow:0 0 22px #32d9ff57;margin:0;font-size:clamp(32px,4vw,54px);font-weight:950;line-height:.9}.title-lockup p{color:#a5d5ff;margin:8px 0 0;font-size:18px;font-weight:900}.icon-button{width:44px;height:44px;color:var(--ink);background:#ffffff12;border:1px solid #aadae652;border-radius:8px;place-items:center;margin:auto;display:grid}.content-grid{grid-template-columns:315px minmax(0,1fr) 320px;min-height:calc(100vh - 124px);display:grid}.score-panel,.run-panel{background:#030a0fc7;flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.score-panel{border-right:1px solid var(--line)}.run-panel{border-left:1px solid var(--line)}.panel-title{border:1px solid var(--line-soft);color:#cce6ee;background:linear-gradient(#0c1f2ae6,#071219e6);border-radius:6px;min-height:42px;padding:11px 12px;font-size:15px;font-weight:950}.metric,.spark-card,.power-card,.mission,.reward-card,.controls-card{border:1px solid var(--line-soft);background:linear-gradient(#091922e6,#030c11eb);border-radius:8px;position:relative}.metric{min-height:92px;padding:15px}.metric-icon{color:var(--green);position:absolute;top:15px;right:14px}.metric span:not(.metric-icon){color:var(--muted);font-size:14px;font-weight:900;display:block}.metric strong{color:var(--cyan);font-variant-numeric:tabular-nums;margin-top:8px;font-size:30px;font-weight:950;line-height:1;display:block}.metric.accent strong{color:var(--cyan)}.metric.amber strong{color:var(--amber)}.metric.danger strong{color:var(--danger)}.spark-card{background:linear-gradient(#ffffff0a 1px,#0000 1px) 0 0/100% 22px,linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/34px 100%,linear-gradient(#0b2325e6,#030c11eb);align-items:end;gap:4px;height:86px;padding:13px;display:flex}.spark-card span{background:linear-gradient(180deg, var(--green), #4ff38a0d);border-radius:2px 2px 0 0;flex:1;min-height:14%;box-shadow:0 0 12px #4ff38a59}.power-card{margin-top:auto;padding:0 0 12px}.power-card .panel-title,.controls-card .panel-title{border:0;border-bottom:1px solid var(--line-soft);border-radius:8px 8px 0 0}.power-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:12px;display:grid}.power-grid span{color:#effbff6b;background:#ffffff0a;border:1px solid #95abb43b;border-radius:7px;place-items:center;min-height:68px;display:grid}.power-grid span.active{color:var(--green);background:#4ff38a1a;border-color:#4ff38a70}.power-grid small{font-size:11px;font-weight:900}.canvas-shell{background:linear-gradient(90deg,#32d9ff0f,#0000 15% 85%,#32d9ff0f),#030a0f;flex-direction:column;min-width:0;padding:8px 10px 10px;display:flex}.game-canvas{background:#02070b;border:1px solid #32d9ff61;border-radius:6px;flex:1;min-height:585px;position:relative;overflow:hidden}.game-loading{color:var(--cyan);place-items:center;font-size:18px;font-weight:950;display:grid;position:absolute;inset:0}.game-canvas canvas{display:block;width:100%!important;height:100%!important}.status-rail{border:1px solid var(--line-soft);background:#040d13f0;border-radius:6px;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:46px;margin-top:8px;padding:0 16px;display:grid}.status-rail i,.status-rail b,.status-rail span{text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:950;overflow:hidden}.status-rail i{color:var(--amber)}.status-rail span{color:var(--muted);font-size:13px}.mission{padding:14px}.mission div{grid-template-columns:32px minmax(0,1fr) 28px;align-items:center;gap:2px 8px;display:grid}.mission svg{color:var(--green);grid-row:1/3}.mission span{color:var(--ink);font-size:15px;font-weight:900}.mission strong{color:var(--green);font-variant-numeric:tabular-nums;font-size:19px;font-weight:950}.mission em{color:var(--cyan);grid-area:1/3/3;font-size:26px;font-style:normal;font-weight:950}.mission i{background:#ffffff14;border-radius:999px;height:10px;margin-top:12px;display:block;overflow:hidden}.mission b{border-radius:inherit;background:linear-gradient(90deg, var(--green), #4ff38a9e);height:100%;display:block}.mission.amber svg,.mission.amber strong{color:var(--amber)}.mission.amber b{background:linear-gradient(90deg, var(--amber), #ffb9318c)}.mission.cyan svg,.mission.cyan strong{color:var(--cyan)}.mission.cyan b{background:linear-gradient(90deg, var(--cyan), #32d9ff85)}.reward-card{gap:8px;min-height:78px;padding:14px;display:grid}.reward-card span{color:var(--muted);font-size:14px;font-weight:900}.reward-card strong{color:var(--ink);font-size:17px;font-weight:950}.primary-button,.secondary-button{min-height:58px;color:var(--ink);background:linear-gradient(#17abb3f5,#0a646ff5);border:1px solid #32d9ff9e;border-radius:8px;justify-content:center;align-items:center;gap:10px;font-size:20px;font-weight:950;display:inline-flex;box-shadow:inset 0 0 20px #32d9ff1a}.secondary-button{background:#ffffff0f;border-color:#97b9c54d;font-size:19px}.controls-card{margin-top:auto}.key-grid{grid-template-columns:56px minmax(0,1fr) 56px;gap:12px;padding:13px 14px 0;display:grid}.key-grid span,.key-grid strong{min-height:42px;color:var(--ink);background:#ffffff0f;border:1px solid #add7e26b;border-radius:5px;place-items:center;font-size:18px;font-weight:950;display:grid}.mobile-keys{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:15px 14px 14px;display:grid}.mobile-keys button{min-height:68px;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:#32d9ff17;border:1px solid #32d9ff85;border-radius:50%;place-items:center;font-size:24px;font-weight:950;display:grid}.mobile-keys button:focus,.mobile-keys button:focus-visible{outline:0}.toast{z-index:20;border:1px solid var(--line);min-width:210px;max-width:calc(100vw - 28px);color:var(--ink);background:#050d13f5;border-radius:8px;padding:13px 16px;font-weight:950;position:fixed;bottom:clamp(14px,3vw,34px);right:clamp(14px,3vw,34px);box-shadow:0 18px 38px #0000006b}.toast.success{border-color:#4ff38a80}.toast.danger{border-color:#ff5f8385}@media (max-width:1320px){.top-hud{grid-template-columns:140px 108px 108px minmax(220px,1fr) 180px 136px 62px}.hud-stat.compact{display:none}.content-grid{grid-template-columns:250px minmax(0,1fr)}.run-panel{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr)) 180px 150px 150px;display:grid}.run-panel>.panel-title,.run-panel .controls-card{display:none}}@media (max-width:860px){.app-shell{padding:0}.game-frame{border-left:0;border-right:0;border-radius:0;min-height:100vh}.top-hud{grid-template-columns:1fr 54px;min-height:128px}.title-lockup{border-right:0;grid-area:1/1}.title-lockup:before,.title-lockup:after{display:none}.title-lockup h1{font-size:36px}.icon-button{grid-area:1/2}.hud-stat{display:none}.content-grid{flex-direction:column;display:flex}.canvas-shell{order:1;padding:8px}.game-canvas{aspect-ratio:960/620;flex:none;min-height:0}.score-panel{border-right:0;border-top:1px solid var(--line);order:3;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.score-panel>.panel-title,.spark-card,.power-card{grid-column:1/-1}.run-panel{border-left:0;border-top:1px solid var(--line);order:2;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.run-panel>.panel-title,.run-panel .controls-card{grid-column:1/-1;display:block}.run-panel .controls-card{order:1}.run-panel .primary-button{order:2}.run-panel .secondary-button{order:3}.run-panel>.panel-title{order:4}.run-panel .mission{order:5}.run-panel .reward-card{order:6;grid-column:1/-1}.primary-button,.secondary-button{min-height:54px}}@media (max-width:520px){.top-hud{min-height:112px}.title-lockup h1{font-size:31px}.title-lockup p{font-size:16px}.score-panel,.run-panel{grid-template-columns:1fr;padding:10px}.game-canvas{min-height:0}.status-rail{grid-template-columns:86px minmax(0,1fr)}.status-rail span{display:none}.metric strong{font-size:27px}.key-grid{grid-template-columns:52px minmax(0,1fr) 52px}}