:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f3f6;--yellow-vibrant:#e6b800;--yellow-hover:#fc0;--yellow-glow:#e6b80059;--bg-dark:#0f1013;--card-glass:#121317bf;--card-border:#ffffff14;--text-dim:#f3f3f6a6;--red-alert:#d93636;background:#0d0d10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#191a1fd9;border:1px solid #ffffff26;border-radius:8px;min-height:44px;font-weight:700;transition:transform .16s cubic-bezier(.4,0,.2,1),border-color .16s,background-color .16s,box-shadow .16s}button:hover:not(:disabled),button:focus-visible:not(:disabled){border-color:var(--yellow-vibrant);box-shadow:0 0 12px var(--yellow-glow);background:#24262ef2;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.45}.primary{border-color:var(--yellow-vibrant);background:var(--yellow-vibrant);color:#121214;box-shadow:0 4px 14px var(--yellow-glow);font-weight:800}.primary:hover:not(:disabled){border-color:var(--yellow-hover);background:var(--yellow-hover);color:#000;box-shadow:0 6px 18px #ffcc0073}.game-app{background:var(--bg-dark);width:100%;height:100%;position:relative}#gameCanvas{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.screen,.overlay{z-index:20;-webkit-backdrop-filter:blur(12px);background:radial-gradient(circle,#10111699 0%,#08090ceb 100%);place-items:center;padding:clamp(16px,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{border:3px double var(--yellow-vibrant);width:72px;height:72px;color:var(--yellow-vibrant);letter-spacing:.05em;box-shadow:0 4px 20px var(--yellow-glow);text-shadow:0 0 6px var(--yellow-vibrant);background:#e6b8000f;border-radius:12px;place-items:center;margin:0 auto 20px;font-size:16px;font-weight:900;display:inline-grid}.boot-screen h1,.menu-panel h1{letter-spacing:-.02em;text-shadow:0 4px 24px #00000080;background:linear-gradient(135deg,#fff 0%,#a5a5aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:clamp(36px,6vw,76px);font-weight:900;line-height:.95}.boot-screen p,.lead{max-width:760px;color:var(--text-dim);margin:18px auto 0;font-size:clamp(15px,1.8vw,19px);line-height:1.6}.loading-bar{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:999px;width:min(340px,70vw);height:6px;margin:26px auto 0;overflow:hidden}.loading-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--yellow-vibrant), var(--yellow-hover));width:40%;height:100%;box-shadow:0 0 10px var(--yellow-vibrant);animation:1.2s ease-in-out infinite alternate load;display:block}@keyframes load{0%{transform:translate(-50%)}to{transform:translate(200%)}}.menu-panel,.panel{border:1px solid var(--card-border);background:var(--card-glass);-webkit-backdrop-filter:blur(20px);scrollbar-width:thin;border-radius:16px;width:min(840px,94vw);max-height:min(780px,92vh);padding:clamp(24px,4vw,44px);overflow-y:auto;box-shadow:0 24px 80px #00000080,inset 0 1px 1px #ffffff1a}.menu-panel{justify-self:start;margin-left:min(6vw,64px)}.eyebrow{color:var(--yellow-vibrant);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 6px var(--yellow-glow);margin:0 0 10px;font-size:11px;font-weight:800}.menu-actions,.panel-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.menu-actions button{min-width:140px;padding-inline:18px;font-size:14px}.contract-strip{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.contract-strip span{min-height:28px;color:var(--text-dim);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.hud{z-index:10;pointer-events:none;grid-template-columns:minmax(180px,1.8fr) repeat(6,minmax(90px,1fr)) auto;align-items:stretch;gap:8px;display:grid;position:fixed;top:16px;left:16px;right:16px}.hud-card,.hint-bar{border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);background:#121317d9;border-radius:12px;box-shadow:0 8px 32px #00000059,inset 0 1px 1px #ffffff0d}.hud-card{min-width:0;padding:8px 12px}.hud-card .label{color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.hud-card strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:clamp(15px,1.5vw,20px);font-weight:800;line-height:1.1;display:block;overflow:hidden}.objective-card strong{color:var(--yellow-vibrant);text-shadow:0 0 6px var(--yellow-glow)}.meter-card{flex-direction:column;justify-content:center;display:flex}.meter{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:999px;height:6px;margin-top:6px;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg, var(--yellow-vibrant), var(--yellow-hover));width:0%;height:100%;box-shadow:0 0 6px var(--yellow-vibrant);transition:width .1s linear;display:block}.icon-text-button{pointer-events:auto;min-width:80px;padding:0 16px}.hint-bar{z-index:9;color:#fff;text-align:center;border-color:#e6b80040;width:min(800px,100vw - 32px);padding:14px 20px;font-size:14px;font-weight:700;line-height:1.4;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 38px #0006,0 0 15px #e6b8000d}.reticle{z-index:7;pointer-events:none;border:2px solid #ffffffb3;border-radius:50%;width:24px;height:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle:before,.reticle:after{content:"";background:#fffc;position:absolute}.reticle:before{width:2px;height:6px;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 34px #fffc}.reticle:after{width:6px;height:2px;top:50%;left:-8px;transform:translateY(-50%);box-shadow:34px 0 #fffc}.toast{z-index:30;pointer-events:none;width:min(350px,100vw - 32px);min-height:0;padding:0;position:fixed;bottom:16px;right:16px}.toast.is-visible{color:#fff;background:#121317f2;border:1px solid #e6b80066;border-radius:12px;padding:14px 18px;font-size:13px;font-weight:700;box-shadow:0 16px 44px #00000073}.panel h2{letter-spacing:-.01em;background:linear-gradient(135deg,#fff 0%,#dedeef 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 14px;font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1.1}.panel p{color:var(--text-dim);margin-top:0;margin-bottom:20px;font-size:15px;line-height:1.6}.panel p strong{color:#fff}.fyrka-control-strip{background:#00000026;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;gap:12px;margin:24px 0;padding:16px;display:flex}.fyrka-control{align-items:center;gap:16px;font-size:14px;display:flex}.fyrka-control b{color:var(--text-dim);font-weight:500}.fyrka-key{color:#fff;text-shadow:0 1px 1px #000c;background:linear-gradient(#2b2e35 0%,#1a1c21 100%);border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;min-width:38px;height:38px;padding:0 8px;font-family:monospace;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 3px #0d0e10,0 4px 6px #0006}.fyrka-key--wide{min-width:72px}.fyrka-keyset{gap:4px;display:inline-flex}.fyrka-keyset kbd{color:#fff;background:linear-gradient(#2b2e35 0%,#1a1c21 100%);border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-family:monospace;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 3px #0d0e10,0 4px 6px #0006}.field,.toggle{color:#fff;gap:8px;margin-top:18px;font-size:14px;font-weight:700;display:grid}.field input[type=text],.field select{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:12px 14px;transition:border-color .16s,background-color .16s}.field input[type=text]:focus,.field select:focus{border-color:var(--yellow-vibrant);background:#ffffff14}.field input[type=range]{width:100%;height:6px;accent-color:var(--yellow-vibrant);background:#ffffff1a;border-radius:999px;outline:none;margin:10px 0}.toggle{cursor:pointer;grid-template-columns:auto 1fr;align-items:center}.toggle input{width:20px;height:20px;accent-color:var(--yellow-vibrant);cursor:pointer}.small-note,.status-line{color:var(--text-dim);margin-top:12px;font-size:13px;line-height:1.5}.tabs{border-bottom:1px solid #ffffff14;gap:8px;margin-top:18px;padding-bottom:12px;display:flex}.tabs button{background:0 0;border-color:#0000;min-height:38px;padding:0 16px;font-size:13px}.tabs button.is-active{border-color:var(--yellow-vibrant);color:var(--yellow-vibrant);background:#e6b8000d}.queue-list{scrollbar-width:thin;gap:8px;max-height:240px;margin:18px 0 0;padding-left:20px;display:grid;overflow-y:auto}.queue-list li{color:var(--text-dim);font-size:14px;line-height:1.5}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.shop-card{border:1px solid var(--card-border);background:#ffffff05;border-radius:12px;flex-direction:column;padding:16px;transition:border-color .16s,background-color .16s;display:flex}.shop-card:hover{background:#ffffff0a;border-color:#ffffff1f}.shop-card h3{color:#fff;margin:14px 0 6px;font-size:16px;font-weight:800}.shop-card p{flex-grow:1;margin-bottom:16px;font-size:13px}.shop-card button{width:100%}.preview-block{aspect-ratio:16/7;border:1px solid #ffffff0d;border-radius:8px;width:100%;box-shadow:0 4px 12px #0003}.result-panel{text-align:center}.result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0;display:grid}.result-grid div{border:1px solid var(--card-border);background:#ffffff08;border-radius:12px;padding:16px;box-shadow:inset 0 1px #ffffff08}.result-grid dt{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.result-grid dd{color:var(--yellow-vibrant);text-shadow:0 0 8px var(--yellow-glow);margin:10px 0 0;font-size:clamp(24px,3.5vw,36px);font-weight:900}.mobile-controls{z-index:12;pointer-events:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:none;position:fixed;bottom:84px;left:16px;right:16px}.mobile-controls button{-webkit-backdrop-filter:blur(10px);pointer-events:auto;background:#121317d9;border-color:#ffffff1f;border-radius:10px;min-width:0;min-height:52px;padding:0 8px;font-size:13px;font-weight:800;box-shadow:0 4px 16px #0000004d}.mobile-controls button[data-control=forward],.mobile-controls button[data-control=backward]{background:#e6b8000f;border-color:#e6b80040}.mobile-controls button[data-control=lift],.mobile-controls button[data-control=lower]{background:#63d0a70f;border-color:#63d0a740}.mobile-controls button:active{background:var(--yellow-vibrant);border-color:var(--yellow-vibrant);color:#000;transform:scale(.95)}@media (width<=980px){.hud{grid-template-columns:repeat(4,minmax(0,1fr));top:12px;left:12px;right:12px}.objective-card{grid-column:span 2}.icon-text-button{grid-column:span 1;min-height:100%}.menu-panel{justify-self:center;margin-left:0}.mobile-controls{display:grid}}@media (width<=640px){.screen,.overlay{padding:12px}.menu-panel,.panel{border-radius:12px;width:100%;max-height:94vh;padding:20px}.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-card{padding:6px 10px}.hud-card strong{font-size:14px}.shop-grid,.result-grid{grid-template-columns:1fr;gap:8px}.result-grid div{padding:10px}.menu-actions button,.panel-actions button{flex:100%}.mobile-controls{grid-template-columns:repeat(3,minmax(0,1fr));bottom:96px}}.fired-panel{border:2px solid var(--red-alert)!important;box-shadow:0 0 35px #d9365673,inset 0 1px 1px #ffffff1a!important}.fired-warning-stripe{color:#111115;text-shadow:0 1px #ffffff59;letter-spacing:.08em;text-align:center;background:repeating-linear-gradient(-45deg,#fc0,#fc0 15px,#111115 15px 30px);border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:15px;font-weight:900;box-shadow:0 4px 10px #0003}.fired-letter{color:#1a1a1f;text-align:left;background:#fdfdfa;border:1px solid #dcdccb;border-top:15px solid #cc2929;border-radius:6px;margin:20px 0;padding:24px;font-family:Courier New,Courier,monospace;font-size:13.5px;line-height:1.55;box-shadow:inset 0 0 10px #0000000d,0 6px 16px #00000040}.fired-letter p{margin-top:0;margin-bottom:12px;color:#1a1a1f!important}.fired-letter p strong{color:#000!important}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}
