:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f3e8;background:#0c1110;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:#fff8e8;cursor:pointer;background:#121a18c7;border:1px solid #ffffff38;border-radius:8px;min-height:42px;transition:transform .16s,border-color .16s,background .16s}button:hover:not(:disabled),button:focus-visible:not(:disabled){background:#323d26e6;border-color:#f7d56d;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}.primary{color:#1d1709;background:#f7d56d;border-color:#f7d56d;font-weight:800}.game-app{background:#0c1110;position:relative}#gameCanvas{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.screen,.overlay{z-index:20;background:linear-gradient(#0a0f0d9e,#0a0f0dd1),#0a0f0d73;place-items:center;padding:clamp(18px,4vw,48px);display:grid;position:fixed;inset:0}.screen[hidden],.overlay[hidden],.hud[hidden],.hint-bar[hidden],.mobile-controls[hidden],.panel[hidden]{display:none!important}.boot-screen{text-align:center}.brand-mark{color:#f7d56d;letter-spacing:0;border:2px solid #f7d56de6;border-radius:8px;place-items:center;width:68px;height:68px;margin:0 auto 20px;font-weight:900;display:inline-grid}.boot-screen h1,.menu-panel h1{letter-spacing:0;margin:0;font-size:clamp(42px,7vw,86px);line-height:.95}.boot-screen p,.lead{color:#fff8e8d1;max-width:740px;margin:18px auto 0;font-size:clamp(16px,2vw,20px);line-height:1.5}.loading-bar{background:#ffffff29;border-radius:999px;width:min(360px,72vw);height:8px;margin:26px auto 0;overflow:hidden}.loading-bar span{border-radius:inherit;background:#f7d56d;width:42%;height:100%;animation:1.1s ease-in-out infinite alternate load;display:block}@keyframes load{0%{transform:translate(0)}to{transform:translate(140%)}}.menu-panel,.panel{background:#111816e6;border:1px solid #ffffff2e;border-radius:8px;width:min(880px,94vw);max-height:min(780px,92vh);padding:clamp(22px,4vw,42px);overflow:auto;box-shadow:0 24px 80px #00000057}.menu-panel{justify-self:start;margin-left:min(6vw,76px)}.eyebrow{color:#f7d56d;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900}.menu-actions,.panel-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.menu-actions button{min-width:132px;padding-inline:16px}.contract-strip{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.contract-strip span{color:#fff8e8c7;background:#ffffff0f;border:1px solid #ffffff29;border-radius:6px;align-items:center;min-height:28px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.hud{z-index:10;pointer-events:none;grid-template-columns:minmax(190px,2fr) repeat(6,minmax(94px,1fr)) auto;align-items:stretch;gap:8px;display:grid;position:fixed;top:18px;left:18px;right:18px}.hud-card,.hint-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b100eb8;border:1px solid #ffffff29;border-radius:8px;box-shadow:0 12px 34px #00000038}.hud-card{min-width:0;padding:10px 12px}.hud-card .label{color:#fff8e89e;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.hud-card strong{color:#fff8e8;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:clamp(16px,1.6vw,21px);line-height:1.08;display:block;overflow:hidden}.objective-card strong{color:#f7d56d}.meter{background:#ffffff26;border-radius:999px;height:7px;margin-top:8px;overflow:hidden}.meter span{border-radius:inherit;background:#63d0a7;width:10%;height:100%;display:block}.icon-text-button{pointer-events:auto;min-width:72px;padding:0 14px}.hint-bar{z-index:9;color:#fff8e8;text-align:center;width:min(820px,100vw - 36px);padding:12px 16px;font-weight:800;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.reticle{z-index:7;pointer-events:none;border:2px solid #fff8e8d9;border-radius:50%;width:28px;height:28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle:before,.reticle:after{content:"";background:#fff8e8e6;position:absolute}.reticle:before{width:2px;height:8px;top:-9px;left:50%;transform:translate(-50%);box-shadow:0 38px #fff8e8e6}.reticle:after{width:8px;height:2px;top:50%;left:-9px;transform:translateY(-50%);box-shadow:38px 0 #fff8e8e6}.toast{z-index:30;pointer-events:none;width:min(360px,100vw - 36px);min-height:0;padding:0;position:fixed;bottom:18px;right:18px}.toast.is-visible{color:#fff8e8;background:#0e1412eb;border:1px solid #f7d56d8a;border-radius:8px;padding:14px 16px;font-weight:800;box-shadow:0 16px 44px #00000057}.panel h2{letter-spacing:0;margin:0;font-size:clamp(28px,4vw,44px);line-height:1}.panel p{color:#fff8e8cc;line-height:1.55}.field,.toggle{color:#fff8e8d6;gap:8px;margin-top:16px;font-weight:800;display:grid}.field input,.field select{color:#fff8e8;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;width:100%;padding:11px 12px}.toggle{grid-template-columns:auto 1fr;align-items:center}.toggle input{accent-color:#f7d56d;width:22px;height:22px}.small-note,.status-line{color:#fff8e8a8;font-size:14px}.tabs{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tabs button.is-active{color:#f7d56d;border-color:#f7d56d}.queue-list{gap:8px;margin:18px 0 0;padding-left:22px;display:grid}.queue-list li{color:#fff8e8c7}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.shop-card{background:#ffffff0f;border:1px solid #ffffff29;border-radius:8px;padding:14px}.shop-card h3{margin:12px 0 0}.shop-card p{min-height:48px;margin:8px 0 14px}.preview-block{aspect-ratio:16/7;border-radius:6px;width:100%}.preview-block.paint{background:linear-gradient(90deg,#f7d56d 0 30%,#f05d47 30% 48%,#fff8e8 48% 100%)}.preview-block.trail{background:linear-gradient(90deg,#1a3839,#63d0a7 45%,#fff8e8 46%,#f7d56d)}.result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0;display:grid}.result-grid div{background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;padding:14px}.result-grid dt{color:#fff8e8a3;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.result-grid dd{color:#f7d56d;margin:8px 0 0;font-size:28px;font-weight:900}.mobile-controls{z-index:12;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:none;position:fixed;bottom:88px;left:12px;right:12px}.mobile-controls button{background:#0e1412cc;min-width:0;padding:0 8px}.mobile-controls .wide{grid-column:span 2}@media (width<=920px){.hud{grid-template-columns:repeat(3,minmax(0,1fr));top:12px;left:12px;right:12px}.objective-card{grid-column:1/-1}.icon-text-button{grid-column:span 1}.menu-panel{justify-self:center;margin-left:0}.mobile-controls{display:grid}}@media (width<=620px){.screen,.overlay{padding:12px}.menu-panel,.panel{width:100%;max-height:94vh;padding:18px}.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-card{padding:8px 9px}.hud-card strong{font-size:15px}.shop-grid,.result-grid{grid-template-columns:1fr}.menu-actions button,.panel-actions button{flex:100%}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}