:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101316;--panel:#12171beb;--panel-strong:#171c21fa;--text:#f7f3e8;--muted:#b8c3c6;--line:#ffffff2e;--yellow:#f2c14e;--teal:#36d1c4;--red:#ff6b5a;--green:#8fd47e;--shadow:0 18px 60px #00000073;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,.game-app{background:var(--bg);width:100%;height:100%;color:var(--text);margin:0;overflow:hidden}button,input,select{font:inherit}button{border:1px solid var(--line);min-height:44px;color:var(--text);cursor:pointer;background:#ffffff14;border-radius:8px;transition:transform .14s,border-color .14s,background .14s}button:hover:not(:disabled),button:focus-visible:not(:disabled){border-color:var(--yellow);background:#f2c14e29;outline:none;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}button.primary{background:var(--yellow);color:#1c1608;border-color:#f2c14ebf;font-weight:800}#gameCanvas{width:100%;height:100%;display:block;position:fixed;inset:0}.screen,.overlay{z-index:5;background:radial-gradient(circle at 18% 18%,#f2c14e2e,#0000 28%),linear-gradient(120deg,#0a0d10eb,#0a0d10b8);place-items:center;padding:clamp(16px,3vw,40px);display:grid;position:fixed;inset:0}.screen[hidden],.overlay[hidden],.panel[hidden],.hud[hidden],.mobile-controls[hidden]{display:none}.screen-boot{z-index:20;text-align:center}.screen-boot h1{margin:10px 0 4px;font-size:clamp(40px,8vw,90px)}.brand-mark,.eyebrow,.label{color:var(--yellow);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:900}.loading-bar{background:#ffffff24;border-radius:99px;width:min(360px,80vw);height:8px;margin:24px auto 0;overflow:hidden}.loading-bar span{background:linear-gradient(90deg, var(--yellow), var(--teal));width:100%;height:100%;animation:.9s ease-in-out infinite alternate load;display:block}@keyframes load{0%{transform:translate(-68%)}to{transform:translate(0)}}.menu-panel,.panel{border:1px solid var(--line);background:var(--panel);width:min(920px,100%);max-height:min(86vh,760px);box-shadow:var(--shadow);border-radius:8px;padding:clamp(18px,4vw,36px);overflow:auto}.menu-panel h1,.panel h2{margin:8px 0 12px;font-size:clamp(30px,6vw,64px);line-height:1}.panel h2{font-size:clamp(26px,5vw,44px)}.lead{max-width:70ch;color:var(--muted);font-size:clamp(16px,2.2vw,20px);line-height:1.45}.menu-actions,.panel-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.contract-strip{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.contract-strip span,.status-line,.small-note{color:var(--muted);background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;padding:8px 10px}.hud{z-index:4;pointer-events:none;grid-template-columns:minmax(170px,1.4fr) repeat(4,minmax(82px,.55fr)) minmax(78px,.35fr);gap:8px;display:grid;position:fixed;top:14px;left:14px;right:14px}.hud-card,.icon-text-button{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080b0eb8;border-radius:8px;min-height:58px;padding:8px 10px;box-shadow:0 10px 32px #00000038}.hud-card strong{white-space:nowrap;margin-top:3px;font-size:clamp(17px,2vw,24px);display:block}.objective-card strong{white-space:normal}.icon-text-button{pointer-events:auto}.mobile-controls{z-index:4;pointer-events:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;position:fixed;bottom:14px;left:12px;right:12px}.mobile-controls .wide{background:#f2c14e38;grid-column:span 2}.toast{z-index:8;border:1px solid var(--line);background:var(--panel-strong);max-width:min(360px,100vw - 32px);color:var(--text);opacity:0;border-radius:8px;padding:12px 14px;transition:opacity .18s,transform .18s;position:fixed;bottom:16px;right:16px;transform:translateY(12px)}.toast.is-visible{opacity:1;transform:translateY(0)}.compact-list{color:var(--muted);gap:8px;margin:14px 0 20px;padding-left:20px;display:grid}.field,.toggle{color:var(--muted);gap:7px;margin:14px 0;display:grid}.field input,.field select{border:1px solid var(--line);min-height:44px;color:var(--text);background:#ffffff14;border-radius:8px;padding:0 12px}.toggle{grid-template-columns:auto 1fr;align-items:center}.control-grid,.result-grid{grid-template-columns:minmax(110px,.45fr) minmax(0,1fr);gap:10px;margin:16px 0 22px;display:grid}.control-grid span,.result-grid span{color:var(--muted)}.tabs{gap:8px;margin:12px 0;display:flex}.tabs button.is-active{border-color:var(--teal);background:#36d1c42e}.queue-list{min-height:48px;color:var(--muted);gap:8px;padding-left:22px;display:grid}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 20px;display:grid}.shop-card{border:1px solid var(--line);background:#ffffff0f;border-radius:8px;padding:14px}.preview-block{border-radius:8px;width:64px;height:52px;transform:skew(-10deg)}.preview-block.yellow{background:var(--yellow)}.preview-block.teal{background:var(--teal)}.warning{border-color:#ff6b5a99}@media (width<=860px){.menu-actions,.panel-actions,.shop-grid{grid-template-columns:1fr 1fr}.hud{grid-template-columns:1fr 1fr;left:10px;right:10px}.hud-card,.icon-text-button{min-height:50px}}@media (width<=560px){.screen,.overlay{padding:10px}.menu-actions,.panel-actions,.shop-grid,.mobile-controls{grid-template-columns:1fr}.mobile-controls .wide{grid-column:span 1}.hud{grid-template-columns:1fr;top:8px}.hud-card:nth-of-type(n+4){display:none}}