:root{--ink-950: #07090c;--ink-900: #0d1116;--ink-800: #171c22;--bone-100: #ece8df;--bone-300: #c6c1b7;--signal-red: #d33a3f;--signal-cyan: #9dc8d6;--dust-gold: #c4a36c;--font-display: "Barlow Condensed", "Archivo Narrow", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--hud-dim: color-mix(in srgb, var(--bone-300) 55%, transparent)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--ink-950);color:var(--bone-100);font-family:var(--font-mono);color-scheme:dark;overscroll-behavior:none;-webkit-user-select:none;user-select:none}#viewport{position:fixed;inset:0;display:block;width:100%;height:100%;outline:none;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;z-index:2}#ui button,#ui a,#ui [data-interactive]{pointer-events:auto}.grain{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;mix-blend-mode:overlay;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0px,rgba(255,255,255,.035) 1px,transparent 1px,transparent 3px)}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 40%,rgba(0,0,0,.12) 100%)}.hud{position:absolute;inset:0;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:0;transition:opacity .28s cubic-bezier(.2,0,0,1)}.hud[data-active=true]{opacity:1}.hud__frame{position:absolute;inset:18px;border:1px solid color-mix(in srgb,var(--bone-300) 12%,transparent);clip-path:polygon(0 0,36px 0,36px 1px,calc(100% - 36px) 1px,calc(100% - 36px) 0,100% 0,100% 100%,calc(100% - 36px) 100%,calc(100% - 36px) calc(100% - 1px),36px calc(100% - 1px),36px 100%,0 100%)}.hud__block{position:absolute;display:grid;gap:.3rem}.hud__block--tl{top:34px;left:34px}.hud__block--tr{top:34px;right:34px;text-align:right;justify-items:end}.hud__block--bl{bottom:34px;left:34px}.hud__block--br{bottom:34px;right:34px;text-align:right;justify-items:end}.hud__block--bc{bottom:34px;left:50%;transform:translate(-50%);text-align:center;justify-items:center}.hud__label{font-size:.6rem;letter-spacing:.3em;color:color-mix(in srgb,var(--dust-gold) 85%,transparent)}.hud__value{font-family:var(--font-display);font-size:1.55rem;letter-spacing:.08em;line-height:1;color:var(--bone-100)}.hud__value--cyan{color:var(--signal-cyan)}.hud__value--spent{color:var(--hud-dim)}.status{grid-auto-flow:column;align-items:end;gap:0;bottom:30px}.status__group{display:grid;gap:.3rem;justify-items:center;padding:0 1.4rem;min-width:7.5rem}.status__group+.status__group{border-left:1px solid color-mix(in srgb,var(--bone-300) 16%,transparent)}.status__health{font-size:2.1rem}.status__health--critical{color:var(--signal-red);animation:status-critical .9s ease-in-out infinite}@keyframes status-critical{50%{opacity:.45}}.status__bar{width:6.5rem;height:3px;background:color-mix(in srgb,var(--bone-300) 18%,transparent)}.status__fill{display:block;height:100%;width:100%;background:var(--bone-100);transition:width .16s linear}.status__health--critical~.status__bar .status__fill{background:var(--signal-red)}.status__weapon{color:var(--bone-300)}.status__ammo{font-size:2.1rem}.status__ammo span{font-size:.95rem;margin-left:.35rem;color:var(--hud-dim)}.status__ammo--low b{color:var(--dust-gold)}.status__ammo--empty b{color:var(--signal-red)}.status__state{min-height:.8rem;color:var(--dust-gold)}.slots{display:flex;gap:.8rem;margin:0;padding:0;list-style:none;font-size:.58rem;letter-spacing:.16em;color:var(--hud-dim)}.slots__slot b{font-weight:400;margin-right:.3rem;color:var(--bone-300)}.slots__slot--active{color:var(--bone-100)}.slots__slot--active b{color:var(--signal-cyan)}.notices{position:absolute;left:50%;bottom:150px;transform:translate(-50%);display:grid;gap:.3rem;justify-items:center;text-align:center}.notice{margin:0;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.14em;color:var(--dust-gold);text-shadow:0 0 10px rgba(0,0,0,.7);transition:opacity .5s ease-out}.notice--fading{opacity:0}.radio-caption{position:absolute;left:24px;bottom:120px;max-width:min(34rem,60vw);margin:0;padding:.45rem .7rem;display:grid;gap:.15rem;border-left:2px solid var(--signal-cyan);background:color-mix(in srgb,var(--ink-950) 62%,transparent);font-size:.8rem;line-height:1.4;color:var(--bone-100);text-shadow:0 0 8px rgba(0,0,0,.8)}.radio-caption[data-kind=chatter]{opacity:.72}.radio-caption[data-kind=callout]{border-left-color:var(--signal-red)}.radio-caption__who{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--hud-dim)}.hurt{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(90% 75% at 50% 50%,transparent 45%,color-mix(in srgb,var(--signal-red) 55%,transparent) 100%)}.status__health--hit{color:var(--signal-red);text-shadow:0 0 10px color-mix(in srgb,var(--signal-red) 90%,transparent),0 0 26px color-mix(in srgb,var(--signal-red) 55%,transparent);animation:status-hit .32s ease-out infinite alternate}@keyframes status-hit{to{opacity:.55}}.status__group--hit .status__fill{background:var(--signal-red);box-shadow:0 0 8px var(--signal-red)}.status__alert{margin:0;font-size:.6rem;letter-spacing:.34em;color:var(--signal-red);text-shadow:0 0 8px color-mix(in srgb,var(--signal-red) 80%,transparent);animation:status-hit .32s ease-out infinite alternate}.spatter{position:absolute;inset:0;overflow:hidden;pointer-events:none}.spatter__mark{position:absolute;display:block;background:radial-gradient(closest-side,color-mix(in srgb,#6e0d12 92%,transparent) 0%,color-mix(in srgb,#8a1219 80%,transparent) 35%,color-mix(in srgb,#5a0a0e 55%,transparent) 65%,transparent 100%);filter:blur(1.5px);opacity:0;animation:spatter-fade 1.9s ease-out forwards}@keyframes spatter-fade{0%{opacity:0;scale:.6}8%{opacity:.85;scale:1}55%{opacity:.6}to{opacity:0;scale:1.06}}.hitdirs{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.hitdir{position:absolute;left:0;top:0;display:block;width:150px;height:150px;border-radius:50%;border:3px solid transparent;border-top-color:var(--signal-red);box-shadow:0 -4px 12px -6px var(--signal-red);opacity:0;animation:hitdir-fade 1.3s ease-out forwards}@keyframes hitdir-fade{0%{opacity:0}10%{opacity:1}to{opacity:0}}.kia{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);display:grid;gap:.5rem;justify-items:center;text-align:center}.kia[hidden]{display:none}.kia__mark{margin:0;font-family:var(--font-display);font-size:4.2rem;letter-spacing:.3em;line-height:1;color:var(--signal-red)}.kia__sub{margin:0;font-size:.72rem;letter-spacing:.3em;color:var(--bone-300)}.hud--dead .reticle{opacity:.25}@media(prefers-reduced-motion:reduce){.status__health--critical,.status__health--hit,.status__alert{animation:none}.spatter__mark{animation:spatter-fade-still 1.9s ease-out forwards}@keyframes spatter-fade-still{0%{opacity:.8}to{opacity:0}}.status__fill,.notice{transition:none}}.hud__sub{font-size:.62rem;letter-spacing:.22em;color:var(--hud-dim)}.hud__row{display:grid;grid-template-columns:auto auto;gap:.75rem;font-size:.62rem;letter-spacing:.14em;color:var(--hud-dim)}.hud__row b{font-weight:400;color:var(--bone-300)}.reticle{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%)}.reticle span{position:absolute;background:var(--bone-100);box-shadow:0 0 6px #54bdca8c}.reticle span:nth-child(1){left:50%;top:0;width:1px;height:7px;transform:translate(-50%)}.reticle span:nth-child(2){left:50%;bottom:0;width:1px;height:7px;transform:translate(-50%)}.reticle span:nth-child(3){top:50%;left:0;height:1px;width:7px;transform:translateY(-50%)}.reticle span:nth-child(4){top:50%;right:0;height:1px;width:7px;transform:translateY(-50%)}.reticle span:nth-child(5){left:50%;top:50%;width:2px;height:2px;transform:translate(-50%,-50%);background:var(--signal-cyan)}.gate{position:absolute;inset:0;display:grid;place-content:start center;justify-items:center;gap:.9rem;text-align:center;padding:2rem;overflow-y:auto;pointer-events:auto;background:linear-gradient(100deg,color-mix(in srgb,var(--signal-red) 10%,transparent) 0%,transparent 45%,transparent 55%,color-mix(in srgb,var(--signal-cyan) 10%,transparent) 100%),radial-gradient(120% 90% at 50% 30%,#171c22d1,#07090cf0 70%);backdrop-filter:blur(3px);transition:opacity .28s cubic-bezier(.2,0,0,1)}.gate[hidden]{display:none}.gate__mark{font-family:var(--font-display);font-size:clamp(2.2rem,7vw,4.5rem);letter-spacing:.16em;text-transform:uppercase;line-height:1;margin:0}.gate__mark i{font-style:normal;color:var(--signal-red)}.gate__sub{font-size:.7rem;letter-spacing:.42em;text-transform:uppercase;color:var(--bone-300);margin:0}.gate__hint{font-size:.66rem;letter-spacing:.2em;color:var(--hud-dim);max-width:46ch;line-height:1.9;margin:0}.modes{border:0;margin:.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:44rem}.modes__legend{width:100%;padding:0;margin-bottom:.55rem;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:color-mix(in srgb,var(--dust-gold) 85%,transparent)}.modes__option{cursor:pointer;pointer-events:auto}.modes__option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.modes__name{display:inline-block;padding:.55rem 1.15rem;border:1px solid color-mix(in srgb,var(--bone-300) 28%,transparent);border-radius:2px;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--hud-dim);transition:border-color .15s cubic-bezier(.2,0,0,1),color .15s cubic-bezier(.2,0,0,1)}.modes__option:hover .modes__name{color:var(--bone-100);border-color:color-mix(in srgb,var(--bone-300) 55%,transparent)}.modes__option input:checked+.modes__name{color:var(--ink-950);background:var(--bone-100);border-color:var(--bone-100)}.modes__option input:focus-visible+.modes__name{outline:2px solid var(--signal-cyan);outline-offset:3px}.modes__blurb{width:100%;margin:.15rem 0 0;min-height:2.4em;font-size:.63rem;letter-spacing:.16em;line-height:1.9;color:var(--hud-dim)}.modes--compact{margin-top:.2rem;gap:.35rem}.modes--compact .modes__legend{margin-bottom:.3rem}.modes--compact .modes__name{padding:.4rem .8rem;font-size:.62rem}.modes__option--disabled{cursor:not-allowed;opacity:.45}.modes__option--disabled:hover .modes__name{color:var(--hud-dim);border-color:color-mix(in srgb,var(--bone-300) 28%,transparent)}.swatch{display:inline-block;vertical-align:middle;width:.9rem;height:.9rem;margin-right:.35rem;border-radius:2px;background:linear-gradient(to bottom,var(--band) 0 38%,var(--cloth) 38% 100%);border:1px solid color-mix(in srgb,var(--bone-300) 35%,transparent)}.operator{display:grid;gap:.35rem;justify-items:start;width:min(44rem,92vw);pointer-events:auto}.operator .modes{justify-content:flex-start}.cast{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;width:min(44rem,92vw);pointer-events:auto}.cast .modes__legend{grid-column:1 / -1}.cast__side{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;align-content:start}.cast__faction{grid-column:1 / -1;margin:0;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--hud-dim);text-align:left}.cast__card{--accent: var(--signal-red);position:relative;display:grid;cursor:pointer;pointer-events:auto;border:1px solid color-mix(in srgb,var(--bone-300) 22%,transparent);border-radius:2px;overflow:hidden;background:var(--ink-950);text-align:left;transition:border-color .15s cubic-bezier(.2,0,0,1),transform .15s cubic-bezier(.2,0,0,1)}.cast__card[data-side=directorate]{--accent: var(--signal-cyan)}.cast__card input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cast__portrait{display:block;width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;object-position:50% 20%;filter:grayscale(.7) brightness(.72);transition:filter .15s cubic-bezier(.2,0,0,1)}.cast__text{position:absolute;inset:auto 0 0;display:grid;gap:.1rem;padding:1.6rem .5rem .45rem;background:linear-gradient(to top,var(--ink-950) 35%,transparent)}.cast__name{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-100)}.cast__role{font-size:.55rem;letter-spacing:.08em;line-height:1.4;color:var(--hud-dim)}.cast__card:hover{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.cast__card:hover .cast__portrait{filter:grayscale(.25) brightness(.9)}.cast__card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cast__card:has(input:checked) .cast__portrait{filter:none}.cast__card:has(input:focus-visible){outline:2px solid var(--signal-cyan);outline-offset:3px}@media(max-width:560px){.cast{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.cast__card,.cast__portrait{transition:none}}.armory{display:grid;gap:.5rem;width:min(44rem,92vw);margin-top:.4rem;padding:.8rem .9rem .7rem;border:1px solid color-mix(in srgb,var(--bone-300) 18%,transparent);border-radius:2px;background:color-mix(in srgb,var(--ink-950) 72%,transparent);pointer-events:auto;text-align:left}.armory__head{display:flex;align-items:baseline;justify-content:space-between}.armory__credits{margin:0;font-family:var(--font-display);font-size:1.3rem;letter-spacing:.1em;color:var(--dust-gold)}.armory__rack{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.45rem}.armory__item{display:grid;gap:.2rem;padding:.55rem .7rem;border:1px solid color-mix(in srgb,var(--bone-300) 28%,transparent);border-radius:2px;background:transparent;color:var(--bone-100);font:inherit;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;text-align:left;cursor:pointer;transition:border-color .15s cubic-bezier(.2,0,0,1)}.armory__item b{font-weight:400}.armory__item small{font-size:.56rem;letter-spacing:.08em;text-transform:none;color:var(--hud-dim)}.armory__price{color:var(--dust-gold)}.armory__item:hover:not(:disabled){border-color:color-mix(in srgb,var(--bone-300) 60%,transparent)}.armory__item:focus-visible{outline:2px solid var(--signal-cyan);outline-offset:3px}.armory__item:disabled{cursor:not-allowed;opacity:.4}.armory__item--bought{animation:armory-bought .6s ease-out}.armory__item--nothing{animation:armory-nothing .4s ease-out}@keyframes armory-bought{0%{border-color:var(--dust-gold);background:color-mix(in srgb,var(--dust-gold) 25%,transparent)}}@keyframes armory-nothing{0%,to{transform:translate(0)}30%{transform:translate(-3px)}60%{transform:translate(3px)}}.armory__note{margin:0;font-size:.56rem;letter-spacing:.14em;color:var(--hud-dim)}@media(prefers-reduced-motion:reduce){.armory__item,.armory__item--bought,.armory__item--nothing{animation:none;transition:none}.modes__name{transition:none}}.gate__button{margin-top:.5rem;padding:.9rem 2.2rem;border:1px solid var(--bone-100);border-radius:2px;background:var(--bone-100);color:var(--ink-950);font-family:var(--font-display);font-size:1.05rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:transform .15s cubic-bezier(.2,0,0,1),background .15s cubic-bezier(.2,0,0,1)}.gate__button:hover{transform:translateY(-2px);background:#fff}.gate__button:focus-visible{outline:2px solid var(--signal-cyan);outline-offset:3px}.keys{display:flex;flex-wrap:wrap;gap:.5rem .75rem;justify-content:center;max-width:40rem;margin:0;padding:0;list-style:none}.keys li{display:flex;align-items:center;gap:.45rem;font-size:.6rem;letter-spacing:.16em;color:var(--hud-dim)}.keys kbd{display:inline-block;min-width:1.6rem;padding:.25rem .4rem;border:1px solid color-mix(in srgb,var(--bone-300) 30%,transparent);border-radius:2px;background:color-mix(in srgb,var(--ink-800) 80%,transparent);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;color:var(--bone-100);text-align:center}.fault{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.9rem;text-align:center;padding:2rem;background:var(--ink-950)}.fault h1{font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2.6rem);letter-spacing:.14em;text-transform:uppercase;margin:0;color:var(--signal-red)}.fault p{max-width:52ch;font-size:.72rem;letter-spacing:.14em;line-height:2;color:var(--bone-300);margin:0}.fault a{color:var(--signal-cyan)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.gate__button:hover{transform:none}.grain{display:none}}.access-gate{position:fixed;inset:0;display:grid;align-content:center;justify-items:start;gap:.75rem;padding:clamp(1.5rem,6vw,5rem);background:linear-gradient(100deg,color-mix(in srgb,#d33a3f 12%,transparent) 0%,transparent 45%,transparent 55%,color-mix(in srgb,#54bdca 12%,transparent) 100%),#07090c;color:#ece8df;font-family:IBM Plex Sans,system-ui,sans-serif}.access-gate__eyebrow{margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.7rem;letter-spacing:.3em;color:#ad9365}.access-gate h1{margin:0;font-family:Barlow Condensed,system-ui,sans-serif;font-size:clamp(2rem,6vw,3.5rem);text-transform:uppercase;letter-spacing:.03em;line-height:1.05}.access-gate__detail{margin:0;max-width:46ch;color:#c6c1b7;line-height:1.6}.access-gate__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.access-gate__button{padding:.8rem 1.5rem;border:1px solid color-mix(in srgb,#c6c1b7 35%,transparent);border-radius:2px;color:#c6c1b7;text-decoration:none;font-family:Barlow Condensed,system-ui,sans-serif;font-size:1rem;letter-spacing:.14em;text-transform:uppercase}.access-gate__button:hover{color:#ece8df;border-color:#ece8df}.access-gate__button--primary{background:#ece8df;border-color:#ece8df;color:#07090c}.hud{letter-spacing:.08em;text-shadow:0 2px 5px #08131c}.hud__frame{display:none}.hud__label{letter-spacing:.16em;color:#bfd0d8}.hud__block--tl .hud__value{font-size:1.15rem}.hud__block--tr{opacity:.72}.hud__block--tr .hud__value{font-size:1rem}.hud__block--bl,.hud__block--br,.hud__block--bc{padding:8px 12px;border-bottom:2px solid #adc6d0;background:linear-gradient(90deg,#10222dcc,#10222d40)}.hud p{margin:2px 0}.gate{justify-items:start;place-content:center start;text-align:left;padding:clamp(24px,7vw,120px);gap:1.3rem;background:linear-gradient(90deg,#09151ef2 0%,#112433d9 36%,#11243330 75%,transparent);backdrop-filter:none}.gate__mark{font-size:clamp(3rem,7vw,7rem);letter-spacing:-.025em}.gate__mark i{color:#c4a36c}.gate__sub{color:#b8cbd3;letter-spacing:.22em}.gate__hint{font-family:system-ui,sans-serif;font-size:.9rem;letter-spacing:.025em;color:#b8c7cf;max-width:43ch}.gate .modes,.gate .keys{justify-content:start;max-width:500px}.gate__button{min-width:280px;background:#cfb27c;color:#12202a;border:0;padding:1.1rem 2rem}.gate__button:hover{background:#e8cea0;color:#12202a}@media(max-width:600px){.gate{justify-items:center;text-align:center;padding:22px;background:#0c1a28df}.hud__block--tr{display:none}}.briefing{max-width:500px;padding:1rem 1.2rem;border-left:3px solid var(--dust-gold);background:color-mix(in srgb,var(--ink-950) 55%,transparent);text-align:left}.briefing[hidden]{display:none}.briefing__title{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dust-gold)}.briefing__line{margin:0 0 .6rem;font-family:system-ui,sans-serif;font-size:.86rem;line-height:1.55;color:#c9d6dc}.briefing__dismiss,.gate__skip{padding:.45rem 1rem;border:1px solid color-mix(in srgb,var(--bone-300) 45%,transparent);border-radius:2px;background:transparent;color:var(--bone-100);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.briefing__dismiss:hover,.gate__skip:hover{border-color:var(--bone-100)}.briefing__dismiss:focus-visible,.gate__skip:focus-visible{outline:2px solid var(--signal-cyan);outline-offset:3px}.gate__skip[hidden]{display:none}.coach{position:absolute;left:50%;top:22%;transform:translate(-50%);display:grid;gap:.35rem;justify-items:center;padding:.7rem 1.2rem .6rem;border-top:2px solid var(--dust-gold);background:color-mix(in srgb,var(--ink-950) 72%,transparent);text-align:center;pointer-events:none}.coach[hidden]{display:none}.coach__count{margin:0;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.24em;color:var(--dust-gold)}.coach__line{display:flex;align-items:center;gap:.6rem;margin:0;font-family:var(--font-display);font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bone-100)}.coach__keys{padding:.2rem .5rem;border:1px solid color-mix(in srgb,var(--bone-300) 45%,transparent);border-radius:2px;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em}.coach__skip{margin:0;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.16em;color:var(--hud-dim)}@media(prefers-reduced-motion:no-preference){.coach{animation:coach-in .22s cubic-bezier(.2,0,0,1)}}@keyframes coach-in{0%{opacity:0;transform:translate(-50%,-6px)}}