:root{color-scheme:light;--cq-bg:#dce5eb;--cq-surface:#f3f6f8;--cq-surface-raised:#ffffff;--cq-text:#233947;--cq-muted:#526875;--cq-accent:#ff963c;--cq-accent-edge:#ae4c18;--cq-signal:#177bb7;--cq-signal-fill:#258acb;--cq-signal-edge:#12517b;--cq-signal-soft:#d8efff;--cq-on-signal:#ffffff;--cq-danger:#b72b27;--cq-success:#28784d;--cq-line:#a9bac5;--cq-ink:#332719;--cq-shadow:#8398a7;--cq-steel:#344956;--cq-scrim:#102535ad;--cq-veil:linear-gradient(90deg,#dce5ebf5,#dce5ebb0);--cq-floor:linear-gradient(0deg,#dce5ebe8,#dce5eb00);--cq-display:"Bricolage Grotesque",sans-serif;--cq-body:Barlow,sans-serif;--cq-mono:"JetBrains Mono",monospace;--cq-space-1:4px;--cq-space-2:8px;--cq-space-3:12px;--cq-space-4:16px;--cq-space-6:24px;--cq-space-8:32px;--cq-space-12:48px;--cq-touch:48px;--cq-primary-touch:56px;--cq-radius:12px;--cq-ease:cubic-bezier(.2,.75,.25,1);--cq-press-time:.1s;--cq-change-time:.22s;--cq-fast:.1s;--void:var(--cq-bg);--s0:var(--cq-bg);--s1:var(--cq-surface);--s2:var(--cq-surface-raised);--ink:var(--cq-text);--ink-2:var(--cq-muted);--ink-3:var(--cq-muted);--line-1:var(--cq-line);--line-2:var(--cq-line);--line-3:var(--cq-line);--hair:var(--cq-line);--veil:var(--cq-scrim);--veil-strong:var(--cq-scrim);--font-display:var(--cq-display);--font-ui:var(--cq-body);--font-u:var(--cq-body);--font-m:var(--cq-mono);--c-r:#ff8a7a;--c-g:#7fe0ae;--c-b:#8fb8ff;--c-y:#ffd98a;--c-st:#e6e2d6;--c-cy:#7fd9e8;--c-vi:#b9a8e8;--sp-656:var(--c-r);--sp-530:var(--c-g);--sp-460:var(--c-b);--sp-590:var(--c-y);--sp-490:var(--c-cy);--sp-410:var(--c-vi);--st:var(--c-st)}#app :is(.cq-action,.cq-link,.cq-icon-button){font:700 16px/1.1 var(--cq-display);min-height:48px;color:var(--cq-text);cursor:pointer;touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:transform .1s}#app .cq-action{min-height:var(--cq-primary-touch);background:var(--cq-accent);border:2px solid var(--cq-accent-edge);padding:10px 24px;border-radius:12px;box-shadow:0 4px 0 var(--cq-accent-edge),inset 0 2px 0 var(--cq-surface-raised);color:var(--cq-ink)}#app .cq-link{background:none;border:0;padding:0 12px}#app .cq-icon-button{background:var(--cq-surface-raised);border:2px solid var(--cq-line);width:48px;padding:8px;border-radius:50%;box-shadow:0 3px 0 var(--cq-shadow)}#app .cq-icon{width:24px;height:24px;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#app [data-cq-state=error]{color:var(--cq-danger)}#app [data-cq-state=success]{color:var(--cq-success)}#app [data-cq-state=busy]{cursor:progress}.cq-eyebrow{font:700 12px/1.3 var(--cq-body);letter-spacing:.08em;color:var(--cq-muted)}.cq-title{margin:0;font:800 clamp(24px,3vw,38px)/1.08 var(--cq-display)}.cq-copy{font:500 16px/1.4 var(--cq-body);max-width:52ch;color:var(--cq-muted)}.flight-diagnostics{position:absolute;z-index:45;top:72px;left:16px;max-width:min(380px,calc(100% - 32px));padding:10px 14px;color:var(--cq-text);background:var(--cq-surface);font:12px/1.5 var(--cq-mono)}.flight-diagnostics output{display:block;white-space:pre-wrap}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/BricolageGrotesque-400-800-latin.woff2) format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Barlow-Medium.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/JetBrainsMono-400-700-latin.woff2) format("woff2")}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow-x:clip;overflow-y:hidden;overscroll-behavior:none;background:var(--cq-bg);color:var(--cq-text);font-family:var(--cq-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button,[role=button]{user-select:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cq-signal);outline-offset:3px}button:active:not(:disabled){translate:0 2px}h1,h2,h3,h4{font-family:var(--cq-display);font-style:normal;min-width:0;overflow-wrap:anywhere;line-height:1.08}p{line-height:1.4}img{max-width:100%}[hidden]{display:none!important}svg{width:24px;height:24px}a{color:var(--cq-signal)}#app{position:fixed;inset:0;width:var(--app-w,100vw);height:var(--app-h,100dvh);overflow:clip;isolation:isolate;--inset-t:env(safe-area-inset-top,0px);--inset-r:env(safe-area-inset-right,0px);--inset-b:env(safe-area-inset-bottom,0px);--inset-l:env(safe-area-inset-left,0px);--pad-x:24px;--top-inset:64px;background:var(--cq-bg)}.screen{position:absolute;inset:0;z-index:1}.screen[hidden]{display:none}#chamber{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.hub__scene{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:clip}.hub__canvas,.hub__fallback{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hub__fallback{display:none}.hub__scene[data-fallback=true] .hub__fallback{display:block}.industrial-art{display:block;width:72px;height:72px;object-fit:contain;flex-shrink:0;pointer-events:none;user-select:none}.mono,.klabel{font-family:var(--cq-body)}.klabel{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cq-muted)}.noverlay{position:absolute;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:var(--cq-scrim)}.noverlay__inner{position:relative;width:min(920px,100%);max-height:100%;min-height:0;background:var(--cq-surface);color:var(--cq-text);border:2px solid var(--cq-line);border-radius:24px;box-shadow:0 8px 0 var(--cq-shadow),0 24px 80px var(--cq-scrim);padding:24px}.fsheet{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px}.fsheet__body{min-width:0;min-height:0}.fsheet__foot{display:flex;gap:12px;align-items:center;justify-content:flex-end}.fsheet__protocol{margin:0}.fsheet__close{position:absolute;right:14px;top:14px;z-index:3;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:var(--cq-surface-raised);box-shadow:0 3px 0 var(--cq-line)}.fsheet__close svg{stroke:currentColor;fill:none}.cbtn,.primary,.sheetact{min-height:48px;padding:10px 20px;border:2px solid var(--cq-line);border-radius:14px;background:var(--cq-surface-raised);color:var(--cq-text);box-shadow:0 3px 0 var(--cq-line);font-weight:700}.cbtn.hot,.cbtn.primary{background:var(--cq-accent);border-color:var(--cq-accent-edge);box-shadow:0 4px 0 var(--cq-accent-edge)}.holdbtn{color:var(--cq-danger)}.gameNote{color:var(--cq-muted);font-size:15px;margin:0}.gameNote:empty{display:none}.settingRow{min-width:0}.toast{position:fixed;left:50%;bottom:24px;translate:-50% 0;z-index:150;max-width:calc(100% - 32px);padding:14px 24px;border-radius:16px;background:var(--cq-surface);color:var(--cq-text);border:2px solid var(--cq-line);box-shadow:0 4px 0 var(--cq-shadow)}.perfhud{position:fixed;left:8px;top:8px;z-index:500;font:12px monospace;background:var(--cq-surface);padding:8px}.collision-reticle{display:none;position:absolute;left:0;top:0;width:24px;height:24px;border:2px solid var(--cq-accent);border-radius:50%;pointer-events:none;z-index:70}#app.is-large-text{font-size:18px}#app.is-high-contrast{--cq-muted:var(--cq-steel);--cq-line:var(--cq-steel);--cq-signal:var(--cq-signal-edge);--cq-surface:var(--cq-surface-raised);--cq-text:var(--cq-steel)}@media(max-height:450px){.noverlay{padding:8px}.noverlay__inner{padding:14px;border-radius:18px}.fsheet__close{right:8px;top:8px}.fsheet{gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}#app.is-reduced *,#app.is-reduced *:before,#app.is-reduced *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}@media(forced-colors:active){button{border:2px solid ButtonText}a{color:LinkText}.industrial-art{forced-color-adjust:none}}#app :is(.cbtn.hot,.cbtn.primary){min-height:56px;border-radius:12px;background:var(--cq-accent);border-color:var(--cq-accent-edge);color:var(--cq-ink);box-shadow:0 4px 0 var(--cq-accent-edge),inset 0 2px 0 var(--cq-surface-raised)}#app :is(.cbtn,.primary,.sheetact):disabled{box-shadow:none}.app-loading{position:fixed;inset:0;z-index:600;isolation:isolate;overflow:clip;color:var(--cq-text);font-family:var(--cq-body)}.app-loading__veil{position:absolute;inset:0;background:var(--cq-bg)}.app-loading__veil:before{content:none}.app-loading__brand{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:min(76%,640px,105svh);aspect-ratio:1418/622}.app-loading__flight{position:relative;width:100%;height:100%;transform-origin:0 0}.app-loading__flight>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 0 var(--cq-shadow))}.app-loading__reflection{position:absolute;inset:0;pointer-events:none;mask:url(/brand/clash-of-quarks-wordmark.svg) center/contain no-repeat}.app-loading__reflection i{position:absolute;inset-block:-30%;left:0;width:24%;opacity:0;background:var(--cq-surface-raised);transform:translate(-140%) skew(-22deg)}.app-loading__sparks{position:absolute;inset:0;pointer-events:none}.app-loading__sparks i{position:absolute;width:5px;height:10px;border-radius:3px;opacity:0;background:var(--cq-accent)}.app-loading__message{position:absolute;top:66%;left:50%;transform:translate(-50%);width:min(560px,calc(100% - 48px));text-align:center;padding-bottom:max(16px,env(safe-area-inset-bottom))}.app-loading__heading{margin:16px 0 8px;font:800 clamp(20px,2.5vw,28px)/1.15 var(--cq-display)}.app-loading__status{margin:0 auto;max-width:44ch;color:var(--cq-muted);font:500 16px/1.4 var(--cq-body)}.app-loading__activity{width:160px;height:10px;margin:0 auto;background:var(--cq-shadow);border-radius:6px;overflow:clip;box-shadow:inset 0 2px 2px var(--cq-line)}.app-loading__activity i{display:block;width:40%;height:100%;border-radius:6px;background:var(--cq-accent);animation:loading-travel 1.6s ease-in-out infinite}@keyframes loading-travel{0%{transform:translate(-100%)}to{transform:translate(350%)}}.app-loading__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px}.app-loading__actions button{min-height:56px;padding:10px 20px;border:2px solid var(--cq-line);border-radius:14px;background:var(--cq-surface);box-shadow:0 4px 0 var(--cq-shadow);font:700 16px var(--cq-display)}.app-loading[data-state=error] .app-loading__activity{background:var(--cq-danger)}.app-loading[data-state=error] .app-loading__activity i{display:none}.app-loading[data-calm=true] :is(.app-loading__reflection,.app-loading__sparks){visibility:hidden}.app-loading[data-reduced=true] .app-loading__activity i{animation:none;width:100%}.app-loading[data-paused=true] .app-loading__activity i{animation-play-state:paused}body:has(.app-loading) #app .hangar__brand{visibility:hidden}@media(orientation:landscape)and (max-height:480px){.app-loading__brand{top:32%;width:min(55%,80svh)}.app-loading__message{top:60%}.app-loading__heading{margin:8px 0 4px;font-size:20px}.app-loading__status{font-size:15px}.app-loading__actions{margin-top:8px}.app-loading[data-state=error] .app-loading__brand{top:23%;width:min(45%,55svh)}.app-loading[data-state=error] .app-loading__message{top:43%}}