:root {
  color-scheme: dark;
  --void: #050607;
  --void-soft: #090b0d;
  --gunmetal: #111619;
  --gunmetal-raised: #192024;
  --steel: #303a40;
  --steel-soft: #20282c;
  --text: #e4e8e9;
  --muted: #899398;
  --dim: #596369;
  --red: #e10600;
  --red-hot: #ff3b30;
  --green: #62c370;
  --amber: #d6a84b;
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --page-pad: clamp(20px, 3vw, 48px);
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--void); scrollbar-gutter: stable; }
body { margin: 0; min-height: 100vh; background: var(--void); color: var(--text); font-family: var(--font-mono); font-size: 14px; }
button, input, select { font: inherit; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--red-hot); outline-offset: 3px; }
.skip-link { position: fixed; left: 14px; top: -80px; z-index: 200; padding: 12px 16px; border: 1px solid var(--red-hot); background: var(--void); color: var(--text); font-size: 11px; }
.skip-link:focus { top: 14px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

body::before {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -1;
  background: radial-gradient(circle at 75% 30%, rgba(225, 6, 0, .08), transparent 28%), linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px);
  background-size: auto, 64px 64px, 64px 64px;
}
.noise { position: fixed; inset: 0; z-index: 100; pointer-events: none; opacity: .055; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); }

.topbar { position: sticky; top: 0; height: 76px; display: grid; grid-template-columns: minmax(240px, 1fr) auto minmax(330px, 1fr); align-items: center; gap: 28px; padding: 0 var(--page-pad); border-bottom: 1px solid var(--steel-soft); background: rgba(5, 6, 7, .96); backdrop-filter: blur(14px); z-index: 20; }
.topbar::after { content: ""; position: absolute; left: var(--page-pad); bottom: -1px; width: 120px; height: 1px; background: var(--red); box-shadow: 0 0 14px var(--red); }
.brand { width: 165px; height: 56px; display: grid; align-items: center; }
.brand-logo { display: block; width: 160px; max-height: 48px; object-fit: contain; filter: drop-shadow(0 0 9px rgba(225,6,0,.16)); }
.event-logo { display: block; height: auto; object-fit: contain; filter: drop-shadow(0 0 16px rgba(225,6,0,.15)); }
.event-logo--hero { width: min(470px, 82%); margin: 0 0 28px -9px; }
.event-logo--auth { width: min(320px, 90%); margin: -12px auto 28px; }
.event-logo--activation { position: absolute; top: 18px; width: min(230px, 42vw); opacity: .72; }
.event-logo--pause { width: min(310px, 68vw); margin: 0 auto 22px; }
.primary-nav { height: 100%; display: flex; align-items: stretch; }
.primary-nav a { position: relative; display: grid; place-items: center; padding: 0 18px; color: var(--muted); font: 600 12px var(--font-display); letter-spacing: .12em; text-transform: uppercase; }
.primary-nav a:hover, .primary-nav a.is-active { color: var(--text); }
.primary-nav a.is-active::after { content: ""; position: absolute; height: 2px; left: 16px; right: 16px; bottom: 0; background: var(--red); box-shadow: 0 0 10px var(--red); }
.topbar-status { display: flex; align-items: center; justify-content: flex-end; gap: 16px; }
.clock-block span, .clock-block strong { display: block; text-align: right; }
.clock-block span { color: var(--dim); font-size: 8px; letter-spacing: .14em; }
.clock-block strong { margin-top: 4px; font-size: 15px; letter-spacing: .08em; font-variant-numeric: tabular-nums; }
.system-state { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 9px; letter-spacing: .13em; }
.system-state i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 9px var(--green); }
.system-state--paused { color: var(--red-hot); }
.system-state--paused i { background: var(--red-hot); box-shadow: 0 0 9px var(--red-hot); }
.profile-menu { position: relative; min-width: 0; }
.profile-menu summary { list-style: none; }
.profile-menu summary::-webkit-details-marker { display: none; }
.identity-chip { display: flex; align-items: center; gap: 9px; padding: 6px 8px 6px 14px; border-left: 1px solid var(--steel-soft); min-width: 0; cursor: pointer; transition: background .18s ease, border-color .18s ease; }
.identity-chip:hover, .profile-menu[open] .identity-chip { background: rgba(255,255,255,.035); border-color: #63302e; }
.identity-chip > span { flex: 0 0 32px; height: 32px; display: grid; place-items: center; border: 1px solid #63302e; background: #1a0d0d; color: #ffaaa6; font-size: 10px; }
.identity-chip strong, .identity-chip small { display: block; max-width: 135px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.identity-chip strong { font-size: 10px; font-weight: 500; }
.identity-chip small { margin-top: 3px; color: var(--red-hot); font-size: 7px; letter-spacing: .11em; text-transform: uppercase; }
.profile-menu-caret { width: 7px; height: 7px; margin: -4px 2px 0 3px; border-right: 1px solid var(--muted); border-bottom: 1px solid var(--muted); transform: rotate(45deg); transition: transform .18s ease, margin .18s ease; }
.profile-menu[open] .profile-menu-caret { margin-top: 4px; transform: rotate(225deg); }
.profile-menu-popover { position: absolute; top: calc(100% + 9px); right: 0; width: 184px; padding: 6px; border: 1px solid var(--steel); background: rgba(10,12,14,.98); box-shadow: 0 18px 40px rgba(0,0,0,.48); z-index: 30; }
.profile-menu-popover::before { content: ""; position: absolute; top: -5px; right: 17px; width: 8px; height: 8px; border-top: 1px solid var(--steel); border-left: 1px solid var(--steel); background: #0a0c0e; transform: rotate(45deg); }
.logout-form { margin: 0; }
.logout-button { width: 100%; justify-content: flex-start; gap: 10px; color: var(--muted); border-color: transparent; }
.logout-button > span:first-child { font-size: 15px; line-height: 1; }
.logout-button:hover { color: var(--text); border-color: #7b2926 !important; }

.button { min-height: 44px; border: 1px solid var(--steel); background: var(--gunmetal); color: var(--text); display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 0 20px; cursor: pointer; font: 600 12px var(--font-display); letter-spacing: .12em; text-transform: uppercase; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease; }
.button:hover:not(:disabled) { border-color: #647179; background: #1b2327; transform: translateY(-1px); }
.button:disabled { cursor: not-allowed; opacity: .42; }
.button--primary { border-color: #721613; background: linear-gradient(135deg, #a70a05, #d1120b); box-shadow: inset 0 1px rgba(255,255,255,.12), 0 0 24px rgba(225,6,0,.15); }
.button--primary:hover:not(:disabled) { border-color: var(--red-hot); background: var(--red); box-shadow: 0 0 28px rgba(225,6,0,.25); }
.button--quiet { background: rgba(18, 22, 25, .6); }
.button--small { min-height: 34px; padding: 0 12px; font-size: 10px; }
.button--wide { width: 100%; justify-content: space-between; }
.button--danger { background: #310b0a; border-color: #9c1b16; color: #ffb4b0; }
.button--danger:hover { background: #4a0d0b !important; border-color: var(--red-hot) !important; }
.button--resume { background: #0d2a17; border-color: #286f3a; color: #a9e9b5; }

.eyebrow { margin: 0; color: var(--muted); font-size: 10px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow span { display: inline-block; width: 18px; height: 1px; margin: 0 8px 3px 0; background: var(--red); box-shadow: 0 0 7px var(--red); }
h1, h2, p { text-wrap: balance; }
h1, h2 { font-family: var(--font-display); text-transform: uppercase; }
h1 em, h2 em { color: var(--red-hot); font-style: normal; }

.landing { min-height: calc(100vh - 76px); display: grid; place-items: center; padding: var(--page-pad); }
.hero-grid { width: min(1380px, 100%); display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr); align-items: center; gap: clamp(50px, 8vw, 140px); }
.hero-copy h1 { margin: 22px 0; font-size: clamp(68px, 8vw, 126px); line-height: .78; letter-spacing: -.025em; }
.hero-lede { max-width: 650px; color: #a7afb2; font-size: 14px; line-height: 1.9; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.system-facts { list-style: none; display: flex; gap: 0; margin: 48px 0 0; padding: 0; border-top: 1px solid var(--steel-soft); width: max-content; }
.system-facts li { min-width: 120px; padding: 16px 22px 0 0; }
.system-facts span, .system-facts strong { display: block; }
.system-facts span { color: var(--dim); font-size: 8px; letter-spacing: .14em; }
.system-facts strong { margin-top: 7px; font: 600 18px var(--font-display); letter-spacing: .08em; }
.activation-core { position: relative; aspect-ratio: 1; width: min(520px, 100%); display: grid; place-items: center; border: 1px solid var(--steel-soft); background: radial-gradient(circle, rgba(225,6,0,.09), transparent 52%), rgba(10,12,13,.65); }
.activation-core::before, .activation-core::after { content: ""; position: absolute; width: 34px; height: 34px; border-color: var(--red); }
.activation-core::before { left: -1px; top: -1px; border-left: 2px solid; border-top: 2px solid; }
.activation-core::after { right: -1px; bottom: -1px; border-right: 2px solid; border-bottom: 2px solid; }
.core-rings, .core-rings i { position: absolute; inset: 12%; border: 1px solid rgba(225,6,0,.18); border-radius: 50%; }
.core-rings { animation: rotate 22s linear infinite; }
.core-rings i:nth-child(1) { inset: 8%; border-style: dashed; }
.core-rings i:nth-child(2) { inset: 20%; border-color: rgba(225,6,0,.35); }
.core-rings i:nth-child(3) { inset: 35%; background: rgba(225,6,0,.04); box-shadow: 0 0 60px rgba(225,6,0,.1); }
.core-readout { z-index: 1; text-align: center; }
.core-readout > span { color: var(--muted); font-size: 9px; letter-spacing: .22em; }
.core-readout strong { display: block; margin: 10px 0 2px; font: 600 clamp(78px, 8vw, 120px)/.9 var(--font-display); font-variant-numeric: tabular-nums; }
.core-readout strong small { color: var(--red-hot); font-size: .28em; }
.core-readout em { color: var(--red-hot); font-size: 10px; font-style: normal; letter-spacing: .2em; }
.activation-bar { position: absolute; left: 12%; right: 12%; bottom: 14%; height: 3px; background: #202426; }
.activation-bar i { display: block; height: 100%; background: var(--red); box-shadow: 0 0 12px var(--red); }
.core-meta { position: absolute; left: 18px; right: 18px; bottom: 15px; display: flex; justify-content: space-between; color: var(--dim); font-size: 7px; letter-spacing: .12em; }

.auth-layout { min-height: calc(100vh - 76px); display: grid; grid-template-columns: 1.08fr .92fr; }
.auth-signal { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; padding: clamp(50px, 8vw, 140px); border-right: 1px solid var(--steel-soft); }
.auth-signal h1 { position: relative; z-index: 1; margin: 24px 0 34px; font-size: clamp(60px, 7vw, 108px); line-height: .82; letter-spacing: -.02em; }
.signal-log { display: grid; gap: 9px; color: var(--dim); font-size: 8px; letter-spacing: .11em; }
.radar { position: absolute; width: min(42vw, 620px); aspect-ratio: 1; right: -13%; top: 50%; transform: translateY(-50%); border: 1px solid rgba(225,6,0,.13); border-radius: 50%; opacity: .75; }
.radar::before, .radar::after, .radar i { content: ""; position: absolute; inset: 16%; border: 1px solid rgba(225,6,0,.13); border-radius: 50%; }
.radar::after { inset: 32%; }
.radar i:nth-child(1) { inset: 50% 0 auto; height: 1px; border: 0; border-top: 1px solid rgba(225,6,0,.16); border-radius: 0; }
.radar i:nth-child(2) { inset: 0 auto 0 50%; width: 1px; border: 0; border-left: 1px solid rgba(225,6,0,.16); border-radius: 0; }
.radar b { position: absolute; left: 50%; top: 50%; width: 45%; height: 1px; transform-origin: 0; background: linear-gradient(90deg, var(--red), transparent); animation: rotate 6s linear infinite; }
.auth-card-wrap { display: grid; place-items: center; padding: var(--page-pad); background: rgba(11,14,16,.55); }
.auth-card { width: min(460px, 100%); padding: clamp(28px, 4vw, 48px); border: 1px solid var(--steel); background: linear-gradient(145deg, rgba(25,32,36,.94), rgba(10,12,14,.98)); box-shadow: 0 30px 80px rgba(0,0,0,.38); position: relative; }
.auth-card::before { content: ""; position: absolute; left: -1px; top: 36px; width: 2px; height: 64px; background: var(--red); box-shadow: 0 0 14px var(--red); }
.auth-icon { width: 46px; height: 46px; display: grid; place-items: center; margin-bottom: 28px; border: 1px solid #5e1a17; background: #190c0c; color: var(--red-hot); font-size: 25px; }
.auth-card h2 { margin: 10px 0 9px; font-size: 34px; letter-spacing: .01em; }
.auth-card > p:not(.eyebrow):not(.auth-footnote):not(.config-warning) { color: var(--muted); line-height: 1.7; }
.auth-card form { margin-top: 28px; }
.config-warning { color: #bd7774; font-size: 8px; letter-spacing: .1em; text-align: center; }
.auth-footnote { margin: 25px 0 0; padding-top: 20px; border-top: 1px solid var(--steel-soft); color: var(--dim); font-size: 9px; line-height: 1.6; }
.dev-access { display: grid; gap: 8px; margin-top: 28px; padding-top: 20px; border-top: 1px dashed var(--steel); }
.dev-access > span { color: var(--amber); font-size: 8px; letter-spacing: .14em; }
.dev-access form { margin: 0; }
.notice { margin: 16px 0; padding: 13px 15px; border: 1px solid var(--steel); background: #111619; color: var(--muted); font-size: 10px; line-height: 1.6; }
.notice strong { display: block; color: inherit; margin-bottom: 3px; letter-spacing: .1em; }
.notice--error { border-color: #6d211e; background: #200d0c; color: #ff9f9a; }
.notice--success { border-color: #245c32; background: #0c1d11; color: #9cdda8; }
.validation-feedback { margin-top: -6px; border-color: #69501e; background: #181307; color: #d8b76b; font-size: 9px; letter-spacing: .06em; }

.page { width: min(1560px, 100%); margin: 0 auto; padding: clamp(32px, 4vw, 64px) var(--page-pad) 70px; }
.page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 30px; }
.page-heading h1 { margin: 11px 0 6px; font-size: clamp(44px, 5vw, 72px); line-height: .9; }
.page-heading p:last-child { margin: 0; color: var(--muted); }
.live-badge, .access-badge { padding: 11px 14px; border: 1px solid var(--steel); color: var(--muted); font-size: 9px; letter-spacing: .12em; }
.live-badge i { display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: var(--red-hot); box-shadow: 0 0 10px var(--red-hot); animation: pulse 1.7s ease-in-out infinite; }
.access-badge { border-color: #6d211e; color: #ff8c87; }
.leaderboard-heading-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.leaderboard-fullscreen-toggle { min-height: 39px; gap: 12px; padding-inline: 14px; font-size: 10px; }
.leaderboard-fullscreen-toggle b { font-size: 17px; font-weight: 400; line-height: 1; }
.metric-strip { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--steel-soft); background: rgba(14,18,20,.7); margin-bottom: 22px; }
.metric-strip > * { min-height: 92px; padding: 19px 22px; border-right: 1px solid var(--steel-soft); }
.metric-strip > :last-child { border-right: 0; }
.metric-strip span, .metric-strip strong, .metric-strip small { display: block; }
.metric-strip span { color: var(--dim); font-size: 8px; letter-spacing: .14em; }
.metric-strip strong { margin-top: 9px; font: 600 24px var(--font-display); letter-spacing: .04em; font-variant-numeric: tabular-nums; }
.metric-strip small { margin-top: 4px; color: var(--red-hot); font-size: 7px; letter-spacing: .11em; }
.metric-strip .state-value { color: var(--red-hot); }
.metric-link { position: relative; color: inherit; transition: background .18s ease, box-shadow .18s ease; }
.metric-link::after { content: "↗"; position: absolute; top: 17px; right: 19px; color: var(--dim); font-size: 13px; transition: color .18s ease, transform .18s ease; }
.metric-link:hover { background: rgba(225,6,0,.055); box-shadow: inset 0 -2px var(--red); }
.metric-link:hover::after { color: var(--red-hot); transform: translate(2px, -2px); }
.leaderboard-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; }
.leaderboard-panel { position: relative; overflow: hidden; }
.panel { border: 1px solid var(--steel-soft); background: linear-gradient(145deg, rgba(18,23,26,.92), rgba(8,10,11,.96)); }
.panel-heading { min-height: 72px; padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--steel-soft); }
.panel-heading span, .panel-heading h2 { display: block; }
.panel-heading span { color: var(--red-hot); font-size: 8px; letter-spacing: .14em; }
.panel-heading h2 { margin: 5px 0 0; font-size: 19px; letter-spacing: .04em; }
.panel-heading > small { color: var(--dim); font-size: 8px; letter-spacing: .1em; }
.panel-heading time { color: var(--muted); }
.table-scroll { overflow-x: auto; }
.leader-table { width: 100%; border-collapse: collapse; min-width: 760px; }
.leader-table th { height: 38px; color: var(--dim); font-size: 8px; font-weight: 500; letter-spacing: .12em; text-align: left; text-transform: uppercase; background: rgba(255,255,255,.012); }
.leader-table th, .leader-table td { padding: 0 18px; }
.leader-table th:first-child, .leader-table td:first-child { width: 105px; }
.leader-table th:last-child, .leader-table td:last-child { text-align: right; }
.leader-table td { height: 72px; border-top: 1px solid #1f272b; color: var(--muted); font-size: 11px; }
.leader-table tbody tr:hover { background: rgba(255,255,255,.018); }
.leader-table td strong, .leader-table td small { display: block; }
.leader-table td:nth-child(2) strong { color: var(--text); font: 600 16px var(--font-display); letter-spacing: .07em; }
.leader-table td:nth-child(2) small { margin-top: 5px; color: var(--dim); font-size: 7px; letter-spacing: .08em; }
.leader-table td:nth-child(3) b { color: var(--text); font-size: 14px; }
.rank-number { display: inline-grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--steel); color: var(--text); font: 600 15px var(--font-display); }
.leader-row--rank-1 .rank-number { border-color: var(--red); background: #250d0c; color: #ffaaa5; box-shadow: 0 0 16px rgba(225,6,0,.12); }
.leader-row--rank-1 { background: linear-gradient(90deg, rgba(225,6,0,.045), transparent 30%); }
.movement { margin-left: 9px; font-size: 8px; }
.movement--up { color: var(--green); }
.movement--down { color: var(--red-hot); }
.movement--flat { color: var(--dim); }
.efficiency { padding: 5px 7px; border: 1px solid #295535; color: #83cf91; font-size: 7px; letter-spacing: .08em; }
.score { color: var(--text); font-size: 16px; }
.leader-table td:last-child small { margin-top: 3px; color: var(--red-hot); font-size: 7px; }
.leader-table tr.rank-shift-up { animation: leaderboardRise 1.35s ease-out; }
.leader-table tr.rank-shift-down { animation: leaderboardFall 1.35s ease-out; }
.leader-table tr.score-burst .score { animation: leaderboardScore 1.05s ease-out; }
.event-feed ol { list-style: none; margin: 0; padding: 7px 20px 0; }
.event-feed li { min-height: 77px; display: grid; grid-template-columns: 37px 1fr auto; gap: 10px; align-items: center; border-bottom: 1px solid #1d2428; }
.event-feed time { color: var(--dim); font-size: 8px; }
.event-feed strong, .event-feed span { display: block; }
.event-feed strong { font: 600 13px var(--font-display); letter-spacing: .06em; }
.event-feed span { margin-top: 4px; color: var(--muted); font-size: 8px; line-height: 1.4; }
.event-feed b { color: var(--muted); font-size: 9px; }
.leaderboard-feed-slot { min-width: 0; }
.leaderboard-feed-slot .event-feed ol { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(270px, 100%), 1fr)); gap: 1px; padding: 1px 0 0; background: #1d2428; }
.leaderboard-feed-slot .event-feed li { min-width: 0; min-height: 92px; padding: 0 20px; border-bottom: 0; background: linear-gradient(145deg, rgba(18,23,26,.98), rgba(8,10,11,.98)); }
.leaderboard-feed-slot .event-feed .feed-finale { background: linear-gradient(90deg, rgba(33,104,52,.16), rgba(8,10,11,.98)); }
.feed-clear b, .feed-rank b, .feed-finale b { color: var(--green); }
.feed-finale { background: linear-gradient(90deg, rgba(33, 104, 52, .12), transparent); }
.feed-system b, .feed-activation b, .feed-pause b { color: var(--red-hot); }
.feed-hint b { color: var(--amber); }
.feed-footer { padding: 18px 20px; color: var(--dim); font-size: 7px; letter-spacing: .12em; }

.score-history-panel { overflow: hidden; }
.score-history-list { list-style: none; margin: 0; padding: 0 20px; }
.score-history-list li { min-height: 82px; display: grid; grid-template-columns: 110px minmax(0, 1fr) 90px; align-items: center; gap: 20px; border-bottom: 1px solid var(--steel-soft); }
.score-history-list li:last-child { border-bottom: 0; }
.score-history-list time span, .score-history-list time b, .score-history-list li > div > strong, .score-history-list li > div > span { display: block; }
.score-history-list time span { color: var(--dim); font-size: 7px; letter-spacing: .12em; }
.score-history-list time b { margin-top: 5px; color: var(--muted); font-size: 10px; font-weight: 500; font-variant-numeric: tabular-nums; }
.score-history-list li > div > strong { font: 600 14px var(--font-display); letter-spacing: .07em; }
.score-history-list li > div > span { margin-top: 5px; color: var(--muted); font-size: 9px; line-height: 1.5; }
.score-history-list li > b { justify-self: end; font: 600 17px var(--font-display); letter-spacing: .04em; }
.score-history-pagination { min-height: 72px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 20px; padding: 15px 20px; border-top: 1px solid var(--steel-soft); }
.score-history-pagination > :last-child { justify-self: end; }

.leaderboard-page:fullscreen { width: 100%; max-width: none; min-height: 100vh; overflow: auto; padding: clamp(20px, 3vh, 38px) clamp(24px, 3.5vw, 64px); background: var(--void); }
.leaderboard-page:fullscreen::before { content: ""; position: fixed; inset: 0; pointer-events: none; background: radial-gradient(circle at 78% 14%, rgba(225,6,0,.11), transparent 30%), linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px); background-size: auto, 64px 64px, 64px 64px; }
.leaderboard-page:fullscreen > * { position: relative; z-index: 1; }
.leaderboard-page:fullscreen .page-heading { align-items: center; margin-bottom: 18px; }
.leaderboard-page:fullscreen .page-heading h1 { margin-top: 6px; font-size: clamp(40px, 4.4vw, 68px); }
.leaderboard-page:fullscreen .page-heading p:last-child { display: none; }
.leaderboard-page:fullscreen .metric-strip { margin-bottom: 16px; }
.leaderboard-page:fullscreen .metric-strip > * { min-height: 76px; padding-block: 13px; }
.leaderboard-page:fullscreen .leaderboard-layout { grid-template-columns: 1fr; }
.leaderboard-page:fullscreen .leaderboard-feed-slot { display: none; }
.leaderboard-page:fullscreen .leaderboard-panel::after { content: ""; position: absolute; z-index: 3; left: 0; right: 0; top: -52px; height: 52px; pointer-events: none; opacity: 0; background: linear-gradient(180deg, transparent, rgba(255,59,48,.07), transparent); animation: leaderboardScan 8s ease-in-out infinite; }
.leaderboard-page:fullscreen .leader-table td { height: clamp(76px, 8.4vh, 105px); }
.leaderboard-page:fullscreen .leader-table td:nth-child(2) strong { font-size: clamp(18px, 1.5vw, 25px); }
.leaderboard-page:fullscreen .rank-number { width: 42px; height: 42px; font-size: 18px; }
.leaderboard-page:fullscreen .score { font-size: clamp(19px, 1.5vw, 25px); }

.activation-page { min-height: calc(100vh - 76px); overflow: hidden; }
.activation-page > section { min-height: calc(100vh - 76px); position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 50px var(--page-pad); text-align: center; background: radial-gradient(circle at 50% 42%, rgba(225,6,0,.13), transparent 30%); }
.activation-grid { position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(rgba(225,6,0,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(225,6,0,.04) 1px, transparent 1px); background-size: 70px 70px; mask-image: radial-gradient(circle, black, transparent 72%); }
.activation-kicker { position: relative; display: flex; align-items: center; gap: 14px; margin: 0 0 20px; color: var(--red-hot); font-size: 9px; letter-spacing: .2em; }
.activation-kicker i { width: 48px; height: 1px; background: var(--red); box-shadow: 0 0 9px var(--red); }
.judgment-core { width: 290px; height: 290px; position: relative; display: grid; place-items: center; border: 1px solid #501b18; border-radius: 50%; background: radial-gradient(circle, rgba(225,6,0,.2), rgba(6,7,8,.88) 54%); box-shadow: inset 0 0 55px rgba(225,6,0,.1), 0 0 50px rgba(225,6,0,.08); }
.judgment-rings, .judgment-rings i { position: absolute; inset: 0; border: 1px dashed rgba(225,6,0,.3); border-radius: 50%; animation: rotate 28s linear infinite; }
.judgment-rings i:nth-child(1) { inset: 24px; animation: counterRotate 19s linear infinite; }
.judgment-rings i:nth-child(2) { inset: 53px; border-style: solid; animation: rotate 14s linear infinite; }
.judgment-rings i:nth-child(3) { inset: 78px; animation: counterRotate 9s linear infinite; }
.judgment-core > div:last-child { z-index: 2; }
.judgment-core span, .judgment-core strong, .judgment-core em { display: block; }
.judgment-core span { color: var(--muted); font-size: 8px; letter-spacing: .15em; }
.judgment-core strong { margin-top: 7px; color: #f2f4f4; font: 600 67px/.9 var(--font-display); text-shadow: 0 0 25px rgba(225,6,0,.42); }
.judgment-core strong small { font-size: 22px; color: var(--red-hot); }
.judgment-core em { margin-top: 12px; color: var(--red-hot); font: normal 600 13px var(--font-display); letter-spacing: .16em; }
.activation-page h1 { position: relative; margin: 24px 0 0; font-size: clamp(42px, 5vw, 72px); line-height: .95; }
.activation-page h1 em { color: var(--red-hot); font-style: normal; }
.activation-progress { width: min(720px, 90vw); height: 3px; margin: 27px auto 22px; background: var(--steel-soft); }
.activation-progress i { display: block; height: 100%; background: var(--red-hot); box-shadow: 0 0 15px var(--red); transition: width .8s ease; }
.activation-telemetry { width: min(850px, 95vw); display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--steel-soft); }
.activation-telemetry span { padding: 11px 14px; border-right: 1px solid var(--steel-soft); color: var(--dim); font-size: 7px; letter-spacing: .1em; }
.activation-telemetry span:last-child { border: 0; }
.activation-telemetry b { display: block; margin-top: 5px; color: var(--text); }
.activation-footnote { position: relative; max-width: 620px; margin: 20px auto 0; color: var(--muted); font-size: 9px; line-height: 1.6; }
.winner-reveal { position: relative; margin-top: 24px; padding: 22px 38px; border: 1px solid #7a2924; background: rgba(20,7,7,.88); }
.winner-reveal span, .winner-reveal strong { display: block; }
.winner-reveal span { color: var(--red-hot); font-size: 8px; letter-spacing: .18em; }
.winner-reveal strong { margin-top: 5px; font: 600 clamp(35px, 5vw, 60px) var(--font-display); }
.winner-reveal p { color: var(--muted); font-size: 9px; }
.winner-reveal .button { margin-top: 5px; }
.activation-reveal .judgment-core { box-shadow: inset 0 0 75px rgba(225,6,0,.19), 0 0 85px rgba(225,6,0,.16); }

.control-grid { display: grid; grid-template-columns: minmax(320px, .8fr) minmax(440px, 1.2fr); gap: 22px; }
.state-panel { min-height: 520px; }
.state-orb { min-height: 285px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }
.state-orb i { position: absolute; width: 190px; height: 190px; border: 1px dashed #4a2220; border-radius: 50%; animation: rotate 20s linear infinite; }
.state-orb i::before { content: ""; position: absolute; inset: 22px; border: 1px solid #5d1b18; border-radius: 50%; box-shadow: inset 0 0 40px rgba(225,6,0,.06); }
.state-orb strong { z-index: 1; color: var(--red-hot); font: 600 32px var(--font-display); letter-spacing: .1em; }
.state-orb span { z-index: 1; margin-top: 7px; color: var(--muted); font-size: 8px; letter-spacing: .12em; }
.state-details { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; border-top: 1px solid var(--steel-soft); }
.state-details div { padding: 17px; border-right: 1px solid var(--steel-soft); }
.state-details div:last-child { border-right: 0; }
.state-details dt { color: var(--dim); font-size: 8px; text-transform: uppercase; }
.state-details dd { margin: 7px 0 0; font: 600 18px var(--font-display); }
.protocol-panel { padding-bottom: 22px; }
.protocol-copy { margin: 20px; color: var(--muted); line-height: 1.7; }
.pause-form { display: grid; gap: 16px; padding: 0 20px; }
.pause-form label > span, .pause-form legend { display: block; margin-bottom: 7px; color: var(--dim); font-size: 8px; letter-spacing: .11em; text-transform: uppercase; }
.pause-form input, .pause-form select { width: 100%; min-height: 43px; padding: 0 12px; border: 1px solid var(--steel); border-radius: 0; background: #090c0d; color: var(--text); }
.pause-form fieldset { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0; padding: 0; border: 0; }
.pause-form fieldset legend { grid-column: 1 / -1; }
.pause-form .preset { display: flex; align-items: center; padding: 11px; border: 1px solid var(--steel-soft); cursor: pointer; }
.pause-form .preset:has(input:checked) { border-color: #76201d; background: #1b0c0c; }
.preset input { width: 13px; min-height: auto; accent-color: var(--red); }
.preset span { margin: 0 0 0 9px !important; }
.preset b, .preset small { display: block; }
.preset b { color: var(--text); font-size: 9px; }
.preset small { margin-top: 3px; color: var(--dim); font-size: 7px; }
.impact-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--steel-soft); border: 1px solid var(--steel-soft); }
.impact-list span { padding: 10px; background: #0b0e10; color: var(--dim); font-size: 7px; letter-spacing: .08em; }
.impact-list b { display: block; margin-top: 5px; color: var(--red-hot); }
.critical-badge, .ready-badge { padding: 6px 8px; border: 1px solid #7d211d; color: #ff8d88 !important; }
.ready-badge { border-color: #275936; color: #78c788 !important; }
.pause-summary { margin: 22px; padding: 25px; border: 1px solid #6d211e; background: #1b0b0a; text-align: center; }
.pause-summary strong { font: 600 27px var(--font-display); }
.pause-summary p { color: #d3a4a1; line-height: 1.7; }
.pause-summary small { color: var(--red-hot); font-size: 8px; letter-spacing: .12em; }
.protocol-panel > form { margin: 22px; }
.protocol-unavailable, .timeline-final { margin: 22px; padding: 30px; border: 1px solid var(--steel-soft); background: #090c0d; text-align: center; }
.protocol-unavailable strong, .timeline-final strong { color: var(--dim); font: 600 24px var(--font-display); letter-spacing: .08em; }
.protocol-unavailable p, .timeline-final p { color: var(--muted); font-size: 9px; line-height: 1.7; }
.timeline-control { margin-top: 22px; }
.timeline-control-grid, .timeline-actions { display: grid; grid-template-columns: .8fr 1.2fr; gap: 28px; padding: 22px; }
.timeline-control-grid > div { padding: 18px; border-left: 2px solid var(--red); }
.timeline-control-grid > div strong, .timeline-form > div strong { display: block; color: var(--text); font: 600 24px var(--font-display); letter-spacing: .06em; }
.timeline-control-grid > div p, .timeline-form > div p { color: var(--muted); font-size: 9px; line-height: 1.7; }
.timeline-control-grid > div small { color: var(--dim); font-size: 7px; letter-spacing: .1em; }
.timeline-control-grid > .timeline-start-controls { display: grid; gap: 12px; padding: 0; border-left: 0; }
.timeline-form { display: grid; align-content: start; gap: 13px; padding: 18px; border: 1px solid var(--steel-soft); background: #090c0d; }
.timeline-form label span { display: block; margin-bottom: 7px; color: var(--dim); font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }
.timeline-form input { width: 100%; min-height: 42px; padding: 0 11px; border: 1px solid var(--steel); background: #07090a; color: var(--text); }
.timeline-actions { grid-template-columns: 1fr 1fr; }
.timeline-form--immediate { grid-template-columns: 1fr 1.15fr; align-items: end; border-color: #285d37; background: #08130b; }
.timeline-form--immediate .button { min-height: 42px; }
.timeline-form--terminate { border-color: #54201e; background: #130909; }
.timeline-final { text-align: left; }

.coming-panel { max-width: 760px; padding: 44px; }
.coming-panel h2 { margin: 10px 0; font-size: 34px; }
.coming-panel p:not(.eyebrow) { color: var(--muted); line-height: 1.8; }
.coming-panel .button { margin-top: 16px; }

.gameplay-lock { position: relative; min-height: 330px; display: grid; grid-template-columns: 270px 1fr; align-items: center; gap: 36px; margin-top: 28px; padding: 34px 48px; overflow: hidden; background: radial-gradient(circle at 17% 50%, rgba(225,6,0,.12), transparent 27%), linear-gradient(145deg, rgba(15,19,21,.98), rgba(5,7,8,.99)); }
.gameplay-lock::before { content: ""; position: absolute; inset: 12px; border: 1px dashed rgba(225,6,0,.15); pointer-events: none; }
.gameplay-lock-visual { position: relative; width: 210px; height: 210px; display: grid; place-items: center; justify-self: center; border: 1px solid #5c201d; border-radius: 50%; background: radial-gradient(circle, rgba(225,6,0,.15), rgba(6,8,9,.8) 58%); box-shadow: inset 0 0 48px rgba(225,6,0,.08), 0 0 35px rgba(225,6,0,.07); }
.gameplay-lock-visual::before, .gameplay-lock-visual::after, .gameplay-lock-visual i { content: ""; position: absolute; border: 1px solid rgba(225,6,0,.22); border-radius: 50%; }
.gameplay-lock-visual::before { inset: 18px; border-style: dashed; animation: rotate 18s linear infinite; }
.gameplay-lock-visual::after { inset: 48px; background: rgba(225,6,0,.055); }
.gameplay-lock-visual i:nth-child(1) { inset: -10px; border-color: rgba(225,6,0,.1); }
.gameplay-lock-visual i:nth-child(2) { inset: 75px; border-color: var(--red); background: #2a0a08; box-shadow: 0 0 24px rgba(225,6,0,.35); }
.gameplay-lock-visual span { position: relative; z-index: 2; color: var(--red-hot); font: 600 45px var(--font-display); text-shadow: 0 0 14px rgba(225,6,0,.55); }
.gameplay-lock-copy { position: relative; }
.gameplay-lock-copy h2 { margin: 8px 0 15px; font-size: clamp(38px, 5vw, 66px); line-height: .92; }
.gameplay-lock-copy h2 em { display: block; color: var(--red-hot); font-style: normal; }
.gameplay-lock-copy > p:not(.eyebrow) { max-width: 730px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.8; }
.gameplay-lock-status { display: grid; grid-template-columns: repeat(3, 1fr); margin: 23px 0 16px; border: 1px solid var(--steel-soft); }
.gameplay-lock-status span { padding: 11px; border-right: 1px solid var(--steel-soft); color: var(--dim); font-size: 7px; letter-spacing: .09em; }
.gameplay-lock-status span:last-child { border-right: 0; }
.gameplay-lock-status b { display: block; margin-top: 5px; color: var(--green); }
.gameplay-lock-status span:last-child b { color: var(--red-hot); }
.gameplay-lock-copy > small { color: #576166; font-size: 7px; letter-spacing: .11em; }
.mission-section { margin-top: 28px; }
.section-heading { min-height: 68px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
.section-heading span { color: var(--red-hot); font-size: 8px; letter-spacing: .15em; }
.section-heading h2 { margin: 6px 0 0; font-size: 25px; letter-spacing: .04em; }
.section-heading small { color: var(--dim); font-size: 8px; letter-spacing: .1em; }
.mission-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.mission-card { min-height: 285px; display: flex; flex-direction: column; position: relative; overflow: hidden; padding: 19px; border: 1px solid var(--steel-soft); background: linear-gradient(145deg, rgba(20,26,29,.95), rgba(8,10,11,.98)); }
.mission-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--steel); }
.mission-card--available::before, .mission-card--active::before { background: var(--red); box-shadow: 0 0 14px var(--red); }
.mission-card--cleared::before { background: var(--green); box-shadow: 0 0 12px rgba(98,195,112,.5); }
.mission-card--locked, .mission-card--draft { background: linear-gradient(145deg, rgba(13,16,18,.78), rgba(7,8,9,.92)); color: var(--dim); }
.mission-card--draft { opacity: .65; }
.mission-order { display: flex; justify-content: space-between; align-items: center; }
.mission-order > span { color: var(--text); font: 600 25px var(--font-display); }
.mission-order b { padding: 5px 7px; border: 1px solid var(--steel); color: var(--muted); font-size: 7px; font-weight: 500; letter-spacing: .1em; }
.mission-card--available .mission-order b, .mission-card--active .mission-order b { border-color: #6d211e; color: #ff8f8a; }
.mission-card--cleared .mission-order b { border-color: #285b36; color: #85d493; }
.mission-class { margin: 29px 0 7px; color: var(--dim); font-size: 7px; letter-spacing: .1em; }
.mission-card h3 { margin: 0; color: var(--text); font: 600 24px/1.05 var(--font-display); text-transform: uppercase; }
.mission-card--locked h3, .mission-card--draft h3 { color: #687277; }
.mission-meta { display: flex; gap: 24px; margin-top: 20px; }
.mission-meta span { color: var(--dim); font-size: 7px; letter-spacing: .08em; }
.mission-meta b { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; }
.mission-open, .mission-lock { margin-top: auto; min-height: 42px; display: flex; align-items: center; justify-content: space-between; padding-top: 14px; border-top: 1px solid var(--steel-soft); color: var(--text); font: 600 10px var(--font-display); letter-spacing: .1em; text-transform: uppercase; }
.mission-open span { color: var(--red-hot); font-size: 18px; transition: transform .15s ease; }
.mission-open:hover span { transform: translateX(4px); }
.mission-lock { color: var(--dim); font-size: 7px; line-height: 1.5; }

.back-link { display: inline-flex; margin-bottom: 27px; color: var(--muted); font-size: 9px; letter-spacing: .09em; text-transform: uppercase; }
.back-link:hover { color: var(--text); }
.mission-header { display: grid; grid-template-columns: 78px 1fr auto; align-items: center; gap: 22px; margin-bottom: 28px; }
.mission-number { width: 78px; height: 78px; display: grid; place-items: center; border: 1px solid #721c18; background: #180b0a; color: #ffaaa6; font: 600 32px var(--font-display); }
.mission-header h1 { margin: 5px 0 3px; font-size: clamp(42px, 5vw, 66px); line-height: .9; }
.mission-header > div:nth-child(2) > p:last-child { margin: 8px 0 0; color: var(--dim); font-size: 8px; letter-spacing: .1em; }
.mission-scorebox { min-width: 140px; padding: 15px 20px; border-left: 1px solid var(--steel); text-align: right; }
.mission-scorebox span, .mission-scorebox strong, .mission-scorebox small { display: block; }
.mission-scorebox span { color: var(--dim); font-size: 7px; letter-spacing: .12em; }
.mission-scorebox strong { margin-top: 5px; font: 600 32px var(--font-display); }
.mission-scorebox small { color: var(--red-hot); font-size: 7px; }
.mission-workspace { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr); gap: 20px; align-items: start; }
.briefing-panel { min-width: 0; }
.mission-markdown { padding: clamp(24px, 4vw, 46px); color: #bac2c5; line-height: 1.8; }
.mission-markdown > :first-child { margin-top: 0; }
.mission-markdown > :last-child { margin-bottom: 0; }
.mission-markdown h1 { display: none; }
.mission-markdown h2 { margin: 38px 0 12px; padding-bottom: 9px; border-bottom: 1px solid var(--steel-soft); color: var(--text); font-size: 22px; letter-spacing: .04em; }
.mission-markdown p { margin: 0 0 17px; }
.mission-markdown ul, .mission-markdown ol { padding-left: 22px; }
.mission-markdown li { margin: 8px 0; }
.mission-markdown pre { overflow-x: auto; margin: 18px 0; padding: 18px; border: 1px solid var(--steel); background: #050708; color: #d5dbdd; font-size: 12px; line-height: 1.7; }
.mission-markdown code:not(pre code) { padding: 2px 5px; background: #1a2023; color: #ffaaa6; }
.mission-markdown table { width: 100%; border-collapse: collapse; }
.mission-markdown th, .mission-markdown td { padding: 9px 11px; border: 1px solid var(--steel-soft); text-align: left; }
.artifact-list { display: grid; gap: 8px; padding: 0 clamp(24px, 4vw, 46px) 34px; }
.artifact-list > a { min-height: 70px; display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 13px; padding: 12px 15px; border: 1px solid #4f3d23; background: #100e08; }
.artifact-list > a:hover { border-color: var(--amber); background: #171207; }
.artifact-list > a > span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #705522; color: var(--amber); font-size: 18px; }
.artifact-list strong, .artifact-list small { display: block; }
.artifact-list strong { font: 600 14px var(--font-display); letter-spacing: .06em; }
.artifact-list small { margin-top: 5px; color: var(--dim); font-size: 7px; letter-spacing: .07em; }
.artifact-list b { color: var(--amber); font-size: 8px; letter-spacing: .1em; }
.submission-column { min-width: 0; display: grid; gap: 20px; }
.answer-form { display: grid; gap: 16px; padding: 20px; }
.answer-form label > span { display: block; margin-bottom: 8px; color: var(--dim); font-size: 8px; letter-spacing: .11em; }
.answer-form textarea { width: 100%; resize: vertical; min-height: 112px; padding: 13px; border: 1px solid var(--steel); border-radius: 0; background: #07090a; color: var(--text); line-height: 1.6; }
.answer-form textarea:focus { border-color: #8a2824; outline: 1px solid #8a2824; }
.patch-upload { position: relative; display: grid; min-height: 150px; place-content: center; gap: 8px; padding: 24px; overflow: hidden; border: 1px dashed #83312d; background: radial-gradient(circle at center, rgba(116, 20, 17, .14), transparent 70%), #07090a; text-align: center; cursor: pointer; }
.patch-upload::before { content: "UPLOAD VECTOR"; position: absolute; top: 9px; right: 10px; color: #63312e; font-size: 7px; letter-spacing: .16em; }
.patch-upload input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.patch-upload > span { color: var(--red-bright) !important; }
.patch-upload strong { font: 600 15px var(--font-display); letter-spacing: .06em; }
.patch-upload small { color: var(--dim); font-size: 7px; letter-spacing: .1em; }
.patch-upload:focus-within, .patch-upload:hover { border-color: var(--red-bright); box-shadow: inset 0 0 24px rgba(186, 34, 27, .08); }
.attempt-meter { display: flex; justify-content: space-between; padding: 11px 0; border-top: 1px solid var(--steel-soft); color: var(--dim); font-size: 7px; letter-spacing: .09em; }
.attempt-meter b { color: var(--text); }
.cleared-console { display: grid; place-items: center; padding: 38px 20px; text-align: center; }
.cleared-console > span { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid #2d6a3b; border-radius: 50%; color: var(--green); font-size: 22px; }
.cleared-console strong { margin-top: 15px; color: var(--green); font: 600 20px var(--font-display); letter-spacing: .08em; }
.cleared-console p { color: var(--muted); line-height: 1.6; }
.attempt-history ol { list-style: none; margin: 0; padding: 5px 18px; }
.attempt-history li { min-height: 55px; display: grid; grid-template-columns: 72px 1fr auto; align-items: center; gap: 10px; border-bottom: 1px solid var(--steel-soft); }
.attempt-history li:last-child { border: 0; }
.attempt-history strong { font-size: 9px; letter-spacing: .08em; }
.attempt-history time { color: var(--dim); font-size: 8px; }
.attempt-verdict { padding: 5px 6px; border: 1px solid var(--steel); color: var(--muted); font-size: 7px; text-align: center; }
.attempt-verdict--correct { border-color: #285d37; color: var(--green); }
.attempt-verdict--incorrect { border-color: #6b211e; color: #f18e89; }
.empty-state { margin: 0; padding: 28px; color: var(--dim); font-size: 8px; letter-spacing: .1em; text-align: center; }
.submission-result { min-height: 75px; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; padding: 15px 20px; border: 1px solid var(--steel); background: #101517; }
.submission-result span, .submission-result strong { display: block; }
.submission-result span { font-size: 8px; letter-spacing: .12em; }
.submission-result strong { margin-top: 5px; font: 600 18px var(--font-display); }
.submission-result > b { font: 600 20px var(--font-display); }
.submission-result--correct { border-color: #2c663a; background: #0b1b10; color: #8cdc9a; }
.submission-result--incorrect { border-color: #75241f; background: #1d0c0b; color: #f29a95; }
.final-mission-reveal { position: relative; display: grid; min-height: 280px; place-content: center; gap: 11px; margin: 0 0 18px; overflow: hidden; border: 1px solid #39774a; background: radial-gradient(circle at 50% 45%, rgba(49, 144, 73, .18), transparent 45%), linear-gradient(135deg, #07120a, #030604 60%, #110606); text-align: center; box-shadow: inset 0 0 60px rgba(63, 178, 91, .08), 0 0 30px rgba(30, 112, 50, .08); }
.final-mission-reveal::before, .final-mission-reveal::after { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(86, 178, 108, .17); pointer-events: none; }
.final-mission-reveal::after { inset: 18px; border-color: rgba(177, 37, 30, .15); }
.final-mission-reveal p, .final-mission-reveal h2, .final-mission-reveal strong, .final-mission-reveal small { position: relative; z-index: 1; margin: 0; }
.final-mission-reveal p { color: var(--green); font-size: 8px; letter-spacing: .22em; }
.final-mission-reveal h2 { font: 600 clamp(30px, 5vw, 58px)/.95 var(--font-display); letter-spacing: -.03em; }
.final-mission-reveal h2 em { display: block; color: var(--green); font-style: normal; }
.final-mission-reveal strong { color: #d3e8d7; font: 600 12px var(--font-display); letter-spacing: .14em; }
.final-mission-reveal small { color: var(--dim); font-size: 7px; letter-spacing: .1em; }
.final-mission-scan { position: absolute; z-index: 0; top: -15%; bottom: -15%; left: 50%; width: 1px; background: rgba(104, 222, 132, .36); box-shadow: 0 0 25px rgba(104, 222, 132, .7); transform: rotate(18deg); animation: final-scan 4.5s ease-in-out infinite alternate; }
@keyframes final-scan { from { transform: translateX(-220px) rotate(18deg); } to { transform: translateX(220px) rotate(18deg); } }
@media (prefers-reduced-motion: reduce) { .final-mission-scan { animation: none; opacity: .25; } }
.unlock-notice { margin: -6px 0 18px; padding: 10px 14px; border: 1px solid #7a5c20; background: #1c170b; color: var(--amber); font-size: 8px; letter-spacing: .11em; }

.hint-console ol { list-style: none; margin: 0; padding: 7px 18px 14px; }
.hint-console li { display: grid; grid-template-columns: 44px 1fr; gap: 12px; padding: 15px 0; border-bottom: 1px solid var(--steel-soft); }
.hint-console li:last-child { border-bottom: 0; }
.hint-index { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--steel); color: var(--dim); font: 600 11px var(--font-display); }
.hint-item--revealed .hint-index { border-color: #6d551f; background: #1a150a; color: var(--amber); }
.hint-content > div:first-child { display: flex; justify-content: space-between; gap: 12px; color: var(--dim); font-size: 7px; letter-spacing: .08em; }
.hint-content > div:first-child strong { color: var(--amber); }
.hint-content p { margin: 11px 0 0; color: #c4cbcd; font-size: 10px; line-height: 1.65; }
.hint-content form { margin-top: 12px; }
.hint-redacted { color: #596267 !important; font-size: 7px !important; letter-spacing: .08em; }

.local-tool-body { padding: 18px; }
.local-tool-body > p { margin: 0 0 15px; color: var(--muted); font-size: 9px; line-height: 1.6; }
.local-tool-console, .ai-budget { min-width: 0; }
.ai-budget { margin: 0 18px; padding: 14px 0; border-bottom: 1px solid var(--steel-soft); }
.ai-budget-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: var(--dim); font-size: 7px; letter-spacing: .11em; }
.ai-budget-heading span { min-width: 0; }
.ai-budget-heading strong { min-width: 0; color: var(--green); text-align: right; }
.ai-budget--limit .ai-budget-heading strong { color: #e7b35b; }
.ai-budget--exceeded .ai-budget-heading strong { color: var(--red-hot); }
.ai-budget-calls { display: grid; grid-template-columns: 1fr minmax(45px, 1.4fr) 1fr; align-items: center; gap: 12px; margin: 12px 0; }
.ai-budget-calls > div { min-width: 0; display: block; }
.ai-budget-calls > div:last-child { text-align: right; }
.ai-budget-calls b { color: var(--text); font: 600 25px var(--font-display); }
.ai-budget-calls span { display: block; margin-top: 2px; color: var(--dim); font-size: 7px; letter-spacing: .09em; }
.ai-budget-calls i { height: 3px; background: linear-gradient(90deg, var(--green) 0 45%, rgba(122,208,137,.16) 45% 100%); box-shadow: 0 0 12px rgba(122,208,137,.12); }
.ai-budget--limit .ai-budget-calls i { background: #e7b35b; box-shadow: 0 0 12px rgba(231,179,91,.2); }
.ai-budget--exceeded .ai-budget-calls i { background: var(--red-hot); box-shadow: 0 0 12px rgba(255,63,54,.28); }
.ai-budget-score { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; margin-bottom: 5px; }
.ai-budget-score span { min-width: 0; padding: 8px; border: 1px solid rgba(122,208,137,.2); background: rgba(10,24,14,.35); color: var(--dim); font-size: 6px; letter-spacing: .08em; }
.ai-budget-score b { display: block; margin-top: 4px; color: var(--green); font-size: 10px; overflow-wrap: anywhere; }
.ai-budget--limit .ai-budget-score b { color: #e7b35b; }
.ai-budget--exceeded .ai-budget-score b { color: var(--red-hot); }
.ai-budget-tokens { display: flex; flex-wrap: wrap; gap: 5px; }
.ai-budget-tokens span { flex: 1 1 72px; padding: 7px 8px; border: 1px solid var(--steel-soft); color: var(--dim); font-size: 6px; letter-spacing: .09em; }
.ai-budget-tokens b { display: block; margin-top: 4px; color: var(--text); font-size: 9px; }
.ai-budget > small { display: block; margin-top: 9px; color: #576166; font-size: 6px; letter-spacing: .08em; line-height: 1.5; }
.local-tool-fields { display: grid; gap: 13px; }
.local-tool-fields label > span, .companion-connect-body label > span { display: block; margin-bottom: 7px; color: var(--dim); font-size: 7px; letter-spacing: .1em; }
.local-tool-fields select, .local-tool-fields textarea, .companion-connect-body input { width: 100%; border: 1px solid var(--steel); border-radius: 0; background: #07090a; color: var(--text); }
.local-tool-fields select, .companion-connect-body input { min-height: 42px; padding: 0 11px; }
.local-tool-fields textarea { resize: vertical; min-height: 92px; padding: 11px; line-height: 1.55; }
.local-tool-fields :focus, .companion-connect-body input:focus { border-color: #8a2824; outline: 1px solid #8a2824; }
.local-tool-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
.local-tool-actions a { color: var(--muted); font-size: 7px; letter-spacing: .08em; text-transform: uppercase; }
.run-consent { margin-top: 16px; padding: 14px; border: 1px solid #76551b; background: #171308; }
.run-consent > strong { color: var(--amber); font: 600 14px var(--font-display); letter-spacing: .08em; }
.run-consent > p { color: #b6a77c; font-size: 8px; line-height: 1.6; }
.run-consent dl { display: grid; gap: 7px; margin: 12px 0; }
.run-consent dl div { display: grid; grid-template-columns: 100px 1fr; gap: 10px; }
.run-consent dt { color: var(--dim); font-size: 7px; text-transform: uppercase; }
.run-consent dd { min-width: 0; margin: 0; overflow-wrap: anywhere; color: var(--muted); font-size: 8px; }
.run-consent pre, .local-run-output { max-height: 260px; overflow: auto; padding: 12px; border: 1px solid var(--steel); background: #030405; color: #cbd1d3; font-size: 9px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.run-consent > div:last-child { display: flex; gap: 8px; }
.local-run-output { margin-top: 15px; min-height: 120px; color: #a9d4af; }

.tools-settings-grid { display: grid; grid-template-columns: minmax(340px, .8fr) minmax(420px, 1.2fr); gap: 18px; margin-top: 25px; }
.companion-connect-body { display: grid; justify-items: center; padding: 25px; text-align: center; }
.companion-orb { width: 112px; height: 112px; display: grid; place-items: center; position: relative; border: 1px dashed #6b211e; border-radius: 50%; }
.companion-orb i { position: absolute; inset: 17px; border: 1px solid #3f1b18; border-radius: 50%; box-shadow: inset 0 0 25px rgba(225,6,0,.09); }
.companion-orb b { z-index: 1; color: var(--red-hot); font-size: 28px; }
.companion-connect-body > p { max-width: 420px; margin: 20px 0; color: var(--muted); font-size: 10px; line-height: 1.65; }
.companion-connect-body code { color: #e1aaa6; }
.companion-connect-body form, .paired-actions { width: min(360px, 100%); display: grid; gap: 12px; }
.companion-connect-body form[hidden], .paired-actions[hidden] { display: none; }
.companion-connect-body input { text-align: center; text-transform: uppercase; font: 600 18px var(--font-display); letter-spacing: .2em; }
.local-tool-detection .panel-heading button { margin-left: auto; }
.detected-tool-list { display: grid; gap: 8px; padding: 18px; }
.detected-tool { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 12px; padding: 13px; border: 1px solid var(--steel-soft); }
.detected-tool > span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--steel); color: var(--muted); font: 600 9px var(--font-display); }
.detected-tool--available > span { border-color: #285d37; color: var(--green); }
.detected-tool strong, .detected-tool small { display: block; }
.detected-tool strong { font: 600 15px var(--font-display); text-transform: uppercase; }
.detected-tool small { margin-top: 3px; color: var(--dim); font-size: 7px; overflow-wrap: anywhere; }
.detected-tool b { color: var(--dim); font-size: 7px; letter-spacing: .08em; }
.detected-tool--available b { color: var(--green); }
.tool-policy { margin: 0 18px 18px; padding: 16px; border: 1px solid var(--steel-soft); background: #090c0d; }
.tool-policy strong { color: var(--red-hot); font-size: 8px; letter-spacing: .1em; }
.tool-policy ul { margin: 10px 0 0; padding-left: 18px; color: var(--muted); font-size: 9px; line-height: 1.75; }
.companion-setup, .registered-companions { margin-top: 18px; }
.setup-command { display: grid; grid-template-columns: minmax(240px, .6fr) 1.4fr; gap: 20px; padding: 20px; }
.setup-command pre { display: grid; place-items: center; min-height: 90px; margin: 0; border: 1px solid var(--steel); background: #050708; color: #d6dfd8; font-size: 15px; }
.setup-command p { margin: 5px 0 10px; color: var(--muted); font-size: 9px; line-height: 1.7; }
.registered-companions ul { list-style: none; margin: 0; padding: 6px 18px 15px; }
.registered-companions li { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--steel-soft); }
.registered-companions li:last-child { border-bottom: 0; }
.registered-companions strong, .registered-companions span { display: block; }
.registered-companions strong { font-size: 9px; overflow-wrap: anywhere; }
.registered-companions span { margin-top: 5px; color: var(--dim); font-size: 7px; }

.room-launch-hub { position: relative; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr); margin-bottom: 18px; overflow: hidden; background: radial-gradient(circle at 88% 36%, rgba(225,6,0,.1), transparent 25%), linear-gradient(145deg, rgba(18,23,26,.96), rgba(7,9,10,.99)); }
.room-launch-hub::before { content: ""; position: absolute; left: 0; top: 0; width: 150px; height: 2px; background: var(--red-hot); box-shadow: 0 0 14px rgba(225,6,0,.7); }
.launch-path-copy { min-width: 0; padding: 25px 26px 27px; border-right: 1px solid var(--steel-soft); }
.launch-path-copy h2 { margin: 10px 0 8px; font-size: clamp(29px, 3vw, 44px); line-height: .92; }
.launch-path-copy > p:not(.eyebrow) { max-width: 720px; margin: 0; color: var(--muted); font-size: 9px; line-height: 1.7; }
.launch-path { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 24px 0 0; padding: 0; border: 1px solid var(--steel-soft); background: var(--steel-soft); gap: 1px; }
.launch-path li { min-width: 0; background: #090c0d; }
.launch-path a { min-height: 96px; display: grid; grid-template-columns: 31px minmax(0, 1fr); grid-template-rows: 1fr auto; align-items: center; gap: 0 10px; padding: 14px; transition: background .18s ease; }
.launch-path a:hover { background: #111719; }
.launch-path a > span { grid-row: 1 / 3; width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid #61302d; color: #ed8a85; font: 600 10px var(--font-display); }
.launch-path small, .launch-path strong { display: block; min-width: 0; }
.launch-path small { color: var(--dim); font-size: 6px; letter-spacing: .11em; }
.launch-path strong { margin-top: 5px; font: 600 13px/1.08 var(--font-display); text-transform: uppercase; }
.launch-path li > a > b { grid-column: 2; align-self: end; margin-top: 8px; color: #d8a84f; font-size: 6px; font-weight: 500; letter-spacing: .12em; }
.launch-path li[data-client-state="active"] { background: #140c0b; box-shadow: inset 0 0 0 1px rgba(225,6,0,.32); }
.launch-path li[data-client-state="active"] a > span { border-color: var(--red-hot); color: #ffaaa6; box-shadow: 0 0 13px rgba(225,6,0,.15); }
.launch-path li[data-client-state="pending"] { opacity: .62; }
.launch-path li.is-complete a > span, .launch-path li[data-client-state="complete"] a > span { border-color: #326a40; color: var(--green); }
.launch-path li.is-complete > a > b, .launch-path li[data-client-state="complete"] > a > b { color: var(--green); }
.room-activation-card { min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 25px 26px; }
.room-activation-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--red-hot); font-size: 7px; letter-spacing: .14em; }
.room-activation-heading a { color: var(--muted); font-size: 7px; letter-spacing: .06em; text-transform: none; }
.room-activation-heading a:hover { color: var(--text); }
.room-activation-value { display: flex; align-items: flex-end; justify-content: space-between; gap: 15px; margin-top: 18px; }
.room-activation-value strong { font: 600 69px/.78 var(--font-display); font-variant-numeric: tabular-nums; }
.room-activation-value strong small { color: var(--red-hot); font-size: 23px; }
.room-activation-value em { color: var(--red-hot); font: normal 600 10px var(--font-display); letter-spacing: .11em; text-align: right; }
.room-activation-rail { height: 3px; margin: 20px 0 16px; background: #282d30; }
.room-activation-rail i { display: block; height: 100%; background: var(--red-hot); box-shadow: 0 0 13px rgba(225,6,0,.7); }
.room-activation-card dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; border: 1px solid var(--steel-soft); }
.room-activation-card dl div { padding: 10px; border-right: 1px solid var(--steel-soft); }
.room-activation-card dl div:last-child { border: 0; }
.room-activation-card dt { color: var(--dim); font-size: 6px; letter-spacing: .09em; text-transform: uppercase; }
.room-activation-card dd { margin: 5px 0 0; font: 600 13px var(--font-display); text-transform: uppercase; }
.room-activation-card > p { margin: 14px 0 0; color: var(--dim); font-size: 7px; line-height: 1.55; }

.room-local-setup { margin: 0 0 22px; scroll-margin-top: 94px; overflow: hidden; }
.room-local-setup > summary { min-height: 76px; display: grid; grid-template-columns: 48px minmax(0, 1fr) auto 20px; align-items: center; gap: 14px; padding: 14px 20px; cursor: pointer; list-style: none; }
.room-local-setup > summary::-webkit-details-marker { display: none; }
.room-local-setup[open] > summary { border-bottom: 1px solid var(--steel-soft); background: rgba(255,255,255,.012); }
.setup-summary-number { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #62302d; color: #ef8a85; font: 600 10px var(--font-display); }
.room-local-setup summary small, .room-local-setup summary strong { display: block; }
.room-local-setup summary small { color: var(--red-hot); font-size: 7px; letter-spacing: .13em; }
.room-local-setup summary strong { margin-top: 5px; font: 600 17px var(--font-display); text-transform: uppercase; }
.room-local-setup summary > b { color: #d6aa56; font-size: 7px; letter-spacing: .12em; }
.room-local-setup summary > i { color: var(--muted); font: normal 20px var(--font-display); transition: transform .18s ease; }
.room-local-setup[open] summary > i { transform: rotate(180deg); }
.room-setup-grid { display: grid; grid-template-columns: minmax(245px, .8fr) minmax(300px, 1fr) minmax(320px, 1.15fr); }
.room-setup-grid > section { min-width: 0; border-right: 1px solid var(--steel-soft); }
.room-setup-grid > section:last-child { border-right: 0; }
.room-setup-heading { min-height: 53px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 17px; border-bottom: 1px solid var(--steel-soft); color: var(--red-hot); font-size: 7px; letter-spacing: .12em; }
.room-setup-heading > small { color: var(--dim); }
.room-install-panel { display: flex; flex-direction: column; align-items: flex-start; padding: 0 20px 22px; }
.room-install-panel .room-setup-heading { width: calc(100% + 40px); margin-left: -20px; }
.room-install-icon { position: relative; width: 76px; height: 76px; display: grid; place-items: center; margin: 22px 0 16px; border: 1px dashed #642521; border-radius: 50%; }
.room-install-icon i { position: absolute; inset: 12px; border: 1px solid #3e1b19; border-radius: 50%; }
.room-install-icon b { z-index: 1; color: var(--red-hot); font-size: 24px; }
.room-install-panel h3, .companion-connect-body h3 { margin: 0; font: 600 22px var(--font-display); text-transform: uppercase; }
.room-install-panel p { flex: 1; margin: 10px 0 18px; color: var(--muted); font-size: 8px; line-height: 1.7; }
.room-install-panel > small { display: block; width: 100%; margin-top: 10px; color: var(--dim); font-size: 6px; letter-spacing: .11em; text-align: center; }
.room-local-setup .companion-connect-body { padding: 22px 20px; }
.room-local-setup .companion-orb { width: 76px; height: 76px; }
.room-local-setup .companion-orb i { inset: 12px; }
.room-local-setup .companion-orb b { font-size: 22px; }
.room-local-setup .companion-connect-body h3 { margin-top: 15px; }
.room-local-setup .companion-connect-body > p { margin: 10px 0 16px; font-size: 8px; }
.room-verify-panel .detected-tool-list { min-height: 102px; }
.room-trust-note { margin: 0 18px 18px; padding: 15px; border: 1px solid #284c32; background: #09100b; }
.room-trust-note strong { color: var(--green); font-size: 7px; letter-spacing: .11em; }
.room-trust-note p { margin: 8px 0 10px; color: #83a28b; font-size: 8px; line-height: 1.65; }
.room-trust-note a { color: #a8b9ad; font-size: 7px; text-decoration: underline; text-underline-offset: 3px; }
.room-trust-note a:hover { color: var(--green); }

.companion-download-page { min-height: calc(100vh - 76px); overflow: hidden; }
.download-hero { position: relative; min-height: min(780px, calc(100vh - 76px)); display: grid; grid-template-columns: minmax(0, 1fr) minmax(430px, .8fr); align-items: center; gap: clamp(42px, 7vw, 118px); overflow: hidden; padding: clamp(62px, 8vw, 112px) max(var(--page-pad), calc((100vw - 1380px) / 2)); border-bottom: 1px solid var(--steel-soft); background: radial-gradient(circle at 78% 48%, rgba(225,6,0,.13), transparent 27%), linear-gradient(122deg, rgba(12,16,18,.98), rgba(4,5,6,.99) 62%); }
.download-hero-grid { position: absolute; inset: 0; opacity: .28; background: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(90deg, #000, transparent 78%); }
.download-hero-scan { position: absolute; left: 0; right: 0; top: -2px; height: 2px; background: linear-gradient(90deg, transparent 12%, var(--red-hot) 48%, transparent 82%); box-shadow: 0 0 18px rgba(225,6,0,.55); animation: downloadScan 7s linear infinite; }
.download-hero-copy { position: relative; z-index: 2; }
.download-event-logo { width: min(360px, 75%); margin: 32px 0 28px -7px; }
.download-hero h1 { max-width: 850px; margin: 0; font-size: clamp(64px, 7.6vw, 118px); line-height: .78; letter-spacing: -.025em; }
.download-lede { max-width: 720px; margin: 30px 0 0; color: #aab2b5; font-size: 13px; line-height: 1.85; }
.download-primary-action { display: grid; grid-template-columns: minmax(280px, 380px) auto; align-items: center; gap: 18px; margin-top: 34px; }
.download-auto-button { min-height: 56px; justify-content: space-between; padding-inline: 24px; }
.download-auto-button b { color: #fff; font-size: 20px; }
.download-primary-action small { color: var(--dim); font-size: 7px; letter-spacing: .12em; line-height: 1.6; }
.download-trust-strip { width: min(720px, 100%); display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; margin: 46px 0 0; padding: 0; border-top: 1px solid var(--steel-soft); }
.download-trust-strip li { position: relative; padding: 17px 20px 0 14px; border-left: 1px solid var(--steel-soft); }
.download-trust-strip i { position: absolute; left: -3px; top: 19px; width: 5px; height: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); }
.download-trust-strip span, .download-trust-strip strong { display: block; }
.download-trust-strip span { color: var(--dim); font-size: 7px; letter-spacing: .12em; }
.download-trust-strip strong { margin-top: 6px; font: 600 15px var(--font-display); letter-spacing: .08em; }
.download-hero-visual { position: relative; z-index: 1; width: min(500px, 42vw); aspect-ratio: 1; display: grid; place-items: center; justify-self: center; }
.download-hero-visual::before, .download-hero-visual::after { content: ""; position: absolute; left: 50%; top: 50%; background: rgba(225,6,0,.28); transform: translate(-50%, -50%); }
.download-hero-visual::before { width: 120%; height: 1px; }
.download-hero-visual::after { width: 1px; height: 120%; }
.download-orbit { position: absolute; border: 1px solid rgba(225,6,0,.28); border-radius: 50%; animation: rotate 24s linear infinite; }
.download-orbit--outer { inset: 2%; border-style: dashed; box-shadow: 0 0 70px rgba(225,6,0,.05); }
.download-orbit--inner { inset: 20%; border-color: rgba(225,6,0,.4); animation: counterRotate 13s linear infinite; }
.download-orbit i { position: absolute; width: 8px; height: 8px; border: 1px solid var(--red-hot); background: #390806; box-shadow: 0 0 12px var(--red); }
.download-orbit--outer i:nth-child(1) { left: 12%; top: 15%; }
.download-orbit--outer i:nth-child(2) { right: -4px; top: 49%; }
.download-orbit--outer i:nth-child(3) { left: 31%; bottom: 2%; }
.download-orbit--inner i:nth-child(1) { left: -4px; top: 49%; }
.download-orbit--inner i:nth-child(2) { right: 16%; top: 8%; }
.download-core { position: relative; z-index: 2; width: 35%; aspect-ratio: 1; display: grid; place-content: center; justify-items: center; border: 1px solid #7c2521; border-radius: 50%; background: radial-gradient(circle, #1e0807, #080a0b 68%); box-shadow: inset 0 0 35px rgba(225,6,0,.14), 0 0 60px rgba(225,6,0,.18); }
.download-core::before { content: ""; position: absolute; inset: 13%; border: 1px dashed rgba(255,59,48,.4); border-radius: 50%; animation: rotate 9s linear infinite; }
.download-core .movement-mark { width: 55%; fill: var(--red-hot); filter: drop-shadow(0 0 10px rgba(225,6,0,.55)); }
.download-core small { margin-top: 11px; color: #b56b67; font-size: 6px; letter-spacing: .18em; }
.download-signal { position: absolute; z-index: 3; min-width: 155px; padding: 9px 11px; border-left: 2px solid var(--red); background: rgba(7,9,10,.88); color: var(--dim); font-size: 6px; letter-spacing: .1em; box-shadow: 0 8px 25px rgba(0,0,0,.34); }
.download-signal b { display: block; margin-top: 4px; color: var(--green); font-size: 8px; }
.download-signal--one { left: -2%; top: 20%; }
.download-signal--two { right: -5%; bottom: 19%; }

.download-section, .download-onboarding { width: min(1380px, calc(100% - var(--page-pad) * 2)); margin: 0 auto; padding: 96px 0; }
.download-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 34px; }
.download-section-heading h2 { margin: 8px 0 0; font-size: clamp(38px, 5vw, 62px); line-height: .9; }
.download-section-heading > p { max-width: 530px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.8; }
.platform-download-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.platform-download-card { position: relative; min-height: 390px; display: flex; flex-direction: column; overflow: hidden; padding: 24px; border: 1px solid var(--steel-soft); background: linear-gradient(145deg, rgba(21,27,30,.97), rgba(7,9,10,.99)); transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.platform-download-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--steel); }
.platform-download-card:hover { border-color: #465158; transform: translateY(-3px); box-shadow: 0 18px 44px rgba(0,0,0,.28); }
.platform-download-card.is-recommended { border-color: #7b2420; box-shadow: inset 0 0 40px rgba(225,6,0,.05), 0 18px 50px rgba(0,0,0,.32); }
.platform-download-card.is-recommended::before { background: var(--red-hot); box-shadow: 0 0 14px var(--red); }
.platform-card-top { display: flex; align-items: flex-start; justify-content: space-between; }
.platform-monogram { width: 62px; height: 62px; display: grid; place-items: center; border: 1px solid var(--steel); background: #090c0d; color: var(--text); font: 600 17px var(--font-display); letter-spacing: .1em; }
.platform-match { display: inline-flex; align-items: center; gap: 7px; padding: 6px 8px; border: 1px solid var(--steel-soft); color: var(--dim); font-size: 6px; letter-spacing: .11em; }
.platform-match i { width: 5px; height: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 7px var(--green); }
.platform-download-card.is-recommended .platform-match { border-color: #6d211e; color: #ff928d; }
.platform-download-card.is-recommended .platform-match i { background: var(--red-hot); box-shadow: 0 0 8px var(--red-hot); }
.platform-kicker { margin: 30px 0 7px; color: var(--dim) !important; font-size: 7px !important; letter-spacing: .11em; }
.platform-download-card h3 { margin: 0; font: 600 38px/.9 var(--font-display); text-transform: uppercase; }
.platform-download-card > p:not(.platform-kicker) { min-height: 48px; margin: 14px 0 20px; color: var(--muted); font-size: 9px; line-height: 1.65; }
.platform-variants { display: grid; gap: 7px; margin-top: auto; }
.platform-variants > a, .platform-variant-unavailable { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 10px 13px; border: 1px solid var(--steel); background: #080a0b; transition: border-color .18s ease, background .18s ease; }
.platform-variants > a:hover { border-color: var(--red-hot); background: #160a09; }
.platform-variants span span, .platform-variants a span { min-width: 0; }
.platform-variants strong, .platform-variants small { display: block; }
.platform-variants strong { font: 600 12px var(--font-display); letter-spacing: .07em; text-transform: uppercase; }
.platform-variants small { margin-top: 4px; color: var(--dim); font-size: 6px; letter-spacing: .09em; }
.platform-variants b { color: var(--red-hot); font-size: 17px; }
.platform-variant-unavailable { opacity: .45; }
.download-availability-note { margin: 17px 0 0; color: var(--dim); font-size: 7px; line-height: 1.6; }
.download-availability-note code { color: var(--muted); }
.download-availability-note a { color: #bd8581; text-decoration: underline; text-underline-offset: 3px; }
.download-availability-note a:hover { color: var(--red-hot); }

.download-onboarding { padding-top: 20px; }
.install-steps { counter-reset: install; display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; margin: 0; padding: 0; border: 1px solid var(--steel-soft); background: var(--steel-soft); gap: 1px; }
.install-steps li { position: relative; min-height: 250px; display: grid; align-content: space-between; overflow: hidden; padding: 24px; background: #0b0e10; }
.install-steps li::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: linear-gradient(transparent, var(--red), transparent); opacity: 0; transition: opacity .2s ease; }
.install-steps li:hover::after { opacity: 1; }
.install-steps li > span { color: #30383c; font: 600 57px/.8 var(--font-display); }
.install-steps small { color: var(--red-hot); font-size: 7px; letter-spacing: .15em; }
.install-steps h3 { margin: 8px 0 10px; font: 600 23px/1 var(--font-display); text-transform: uppercase; }
.install-steps p { margin: 0; color: var(--muted); font-size: 8px; line-height: 1.7; }
.download-privacy-panel { width: min(1380px, calc(100% - var(--page-pad) * 2)); display: grid; grid-template-columns: 130px minmax(0, 1fr) auto; align-items: center; gap: 35px; margin: 20px auto 96px; padding: 38px; border: 1px solid #285038; background: radial-gradient(circle at 6% 50%, rgba(98,195,112,.1), transparent 18%), #09100b; }
.download-privacy-mark { position: relative; width: 88px; height: 88px; display: grid; place-items: center; border: 1px dashed #397047; border-radius: 50%; }
.download-privacy-mark i { position: absolute; inset: 14px; border: 1px solid #24492f; border-radius: 50%; }
.download-privacy-mark span { z-index: 1; color: var(--green); font: 600 29px var(--font-display); }
.download-privacy-panel h2 { margin: 7px 0 9px; font-size: 31px; }
.download-privacy-panel p:not(.eyebrow) { max-width: 780px; margin: 0; color: #8fab96; font-size: 9px; line-height: 1.75; }
.download-privacy-panel .button { min-width: 220px; }

@keyframes downloadScan { from { transform: translateY(0); } to { transform: translateY(780px); } }

.assignment-waiting-page { min-height: calc(100vh - 76px); display: grid; place-items: center; }
.assignment-waiting { position: relative; width: min(920px, 100%); min-height: 610px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; padding: 55px; text-align: center; background: radial-gradient(circle at 50% 35%, rgba(225,6,0,.11), transparent 32%), linear-gradient(145deg, rgba(18,23,26,.96), rgba(5,7,8,.99)); }
.waiting-grid { position: absolute; inset: 0; opacity: .3; background: linear-gradient(rgba(225,6,0,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(225,6,0,.04) 1px, transparent 1px); background-size: 58px 58px; mask-image: radial-gradient(circle, black, transparent 72%); }
.waiting-orb { position: relative; width: 128px; height: 128px; display: grid; place-items: center; margin-bottom: 28px; border: 1px dashed #6e2521; border-radius: 50%; animation: rotate 18s linear infinite; }
.waiting-orb i { position: absolute; inset: 18px; border: 1px solid #431b19; border-radius: 50%; }
.waiting-orb i:nth-child(2) { inset: 38px; background: rgba(225,6,0,.07); box-shadow: 0 0 30px rgba(225,6,0,.12); }
.waiting-orb strong { z-index: 1; color: var(--red-hot); font: 600 35px var(--font-display); animation: counterRotate 18s linear infinite; }
.assignment-waiting h1 { position: relative; margin: 14px 0 12px; font-size: clamp(48px, 7vw, 82px); line-height: .9; }
.assignment-waiting > p:not(.eyebrow) { position: relative; max-width: 620px; color: var(--muted); font-size: 11px; line-height: 1.8; }
.waiting-telemetry { position: relative; width: min(660px, 100%); display: grid; grid-template-columns: repeat(3, 1fr); margin: 25px 0; border: 1px solid var(--steel); }
.waiting-telemetry span { padding: 15px; border-right: 1px solid var(--steel-soft); color: var(--dim); font-size: 7px; letter-spacing: .1em; }
.waiting-telemetry span:last-child { border: 0; }
.waiting-telemetry b { display: block; margin-top: 7px; color: var(--text); font: 600 19px var(--font-display); }
.waiting-actions { position: relative; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.assignment-waiting > small { position: relative; margin-top: 25px; color: var(--dim); font-size: 7px; letter-spacing: .1em; }

.team-admin-layout { display: grid; grid-template-columns: minmax(340px, .72fr) minmax(480px, 1.28fr); gap: 20px; align-items: start; }
.team-config-form { display: grid; gap: 18px; padding: 22px; }
.team-config-form label > span, .team-config-form label > small { display: block; }
.team-config-form label > span { margin-bottom: 7px; color: var(--dim); font-size: 8px; letter-spacing: .11em; text-transform: uppercase; }
.team-config-form label > small { margin-top: 7px; color: var(--dim); font-size: 7px; line-height: 1.5; }
.team-config-form input { width: 100%; min-height: 48px; padding: 0 13px; border: 1px solid var(--steel); border-radius: 0; background: #07090a; color: var(--text); font: 600 21px var(--font-display); }
.team-config-form input:focus { border-color: #8a2824; outline: 1px solid #8a2824; }
.assignment-policy { display: grid; grid-template-columns: 125px 1fr; gap: 1px; border: 1px solid var(--steel-soft); background: var(--steel-soft); }
.assignment-policy span, .assignment-policy b { padding: 10px; background: #090c0d; font-size: 7px; line-height: 1.4; }
.assignment-policy span { color: var(--dim); letter-spacing: .08em; }
.assignment-policy b { color: #c3cbcd; font-weight: 500; }
.team-occupancy-list { list-style: none; margin: 0; padding: 7px 20px 14px; }
.team-occupancy-list li { min-height: 67px; display: grid; grid-template-columns: 42px 1fr 70px; align-items: center; gap: 13px; border-bottom: 1px solid var(--steel-soft); }
.team-occupancy-list li:last-child { border: 0; }
.team-index { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--steel); color: var(--dim); font: 600 11px var(--font-display); }
.team-occupancy-list strong { display: block; font: 600 14px var(--font-display); letter-spacing: .06em; }
.team-occupancy-list div > span { display: block; height: 3px; margin-top: 8px; background: #242b2e; }
.team-occupancy-list div > span i { display: block; height: 100%; background: var(--red); box-shadow: 0 0 8px rgba(225,6,0,.45); }
.team-occupancy-list li > b { color: var(--muted); font: 600 13px var(--font-display); text-align: right; }

.mission-admin-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 28px; margin: 24px 0 16px; padding: 20px 22px; }
.activation-control { margin-top: 20px; }
.activation-control-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 30px; padding: 22px; }
.activation-control-grid > div > strong, .activation-control-grid > div > span { display: block; }
.activation-control-grid > div > strong { color: var(--red-hot); font: 600 52px var(--font-display); }
.activation-control-grid > div > span { color: var(--dim); font-size: 8px; letter-spacing: .1em; }
.activation-control-grid > div > p { max-width: 560px; color: var(--muted); font-size: 9px; line-height: 1.65; }
.activation-control-grid form { display: grid; gap: 13px; }
.activation-control-grid label span { display: block; margin-bottom: 7px; color: var(--dim); font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }
.activation-control-grid input { width: 100%; min-height: 42px; padding: 0 11px; border: 1px solid var(--steel); background: #07090a; color: var(--text); }
.team-ready-panel { display: grid; grid-template-columns: minmax(260px, .9fr) minmax(360px, 1.35fr) minmax(220px, .75fr); gap: 0; margin: 22px 0; overflow: hidden; border-color: #47302e; background: linear-gradient(120deg, rgba(32,13,12,.58), rgba(8,11,12,.98) 44%); }
.team-ready-panel--confirmed { border-color: #285d37; background: linear-gradient(120deg, rgba(11,33,17,.58), rgba(8,11,12,.98) 44%); }
.team-ready-copy, .team-ready-command { padding: 20px; }
.team-ready-copy { border-right: 1px solid var(--steel-soft); }
.team-ready-copy > span { color: var(--red-hot); font-size: 7px; letter-spacing: .13em; }
.team-ready-panel--confirmed .team-ready-copy > span { color: var(--green); }
.team-ready-copy h2 { margin: 8px 0; font-size: 22px; }
.team-ready-copy p { margin: 0; color: var(--muted); font-size: 8px; line-height: 1.65; }
.team-ready-copy p strong { color: var(--text); }
.team-roster { max-height: 277px; overflow: auto; list-style: none; margin: 0; padding: 8px 18px; border-right: 1px solid var(--steel-soft); }
.team-roster li { min-height: 52px; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; border-bottom: 1px solid var(--steel-soft); }
.team-roster li:last-child { border-bottom: 0; }
.team-roster li > span { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--steel); color: var(--muted); font: 600 11px var(--font-display); }
.team-roster li.is-commander > span { border-color: #792520; background: #1b0a09; color: #ffaaa6; box-shadow: 0 0 12px rgba(225,6,0,.14); }
.team-roster strong, .team-roster small { display: block; }
.team-roster strong { font: 600 11px var(--font-display); text-transform: uppercase; }
.team-roster small { margin-top: 3px; color: var(--dim); font-size: 6px; overflow-wrap: anywhere; }
.team-roster b { color: var(--dim); font-size: 6px; font-weight: 500; letter-spacing: .1em; }
.team-roster .is-commander b { color: var(--red-hot); }
.team-roster b.preflight-ready { color: var(--green); }
.team-roster b.preflight-required { color: #e7b35b; }
.team-ready-command { display: flex; flex-direction: column; justify-content: center; gap: 13px; }
.team-ready-command form { margin: 0; }
.team-ready-command > small { color: var(--dim); font-size: 7px; line-height: 1.5; letter-spacing: .08em; }
.score-breakdown { margin-top: 12px; }
.score-breakdown .panel-heading > strong { color: var(--green); font: 700 18px var(--font-display); }
.score-breakdown-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--steel-soft); }
.score-breakdown-grid span { padding: 9px; background: rgba(5,7,8,.97); color: var(--dim); font-size: 7px; letter-spacing: .08em; }
.score-breakdown-grid b { display: block; margin-top: 4px; color: var(--text); font: 600 12px var(--font-display); }
.ready-signal { display: grid; grid-template-columns: 9px 1fr; align-items: center; gap: 0 9px; }
.ready-signal i { grid-row: 1 / 3; width: 9px; height: 9px; border-radius: 50%; background: var(--red); box-shadow: 0 0 12px var(--red); animation: pulse 1.4s ease-in-out infinite; }
.ready-signal span, .ready-signal strong { display: block; }
.ready-signal span { color: var(--dim); font-size: 6px; letter-spacing: .12em; }
.ready-signal strong { margin-top: 3px; color: #f09893; font: 600 19px var(--font-display); }
.ready-signal--confirmed i { background: var(--green); box-shadow: 0 0 12px rgba(98,195,112,.75); }
.ready-signal--confirmed strong { color: var(--green); }
.launch-directive { display: grid; grid-template-columns: 1fr auto; align-items: center; margin: 22px 0; padding: 17px 20px; border: 1px solid #8d2a25; background: linear-gradient(90deg, rgba(71,16,13,.72), rgba(15,8,8,.97)); box-shadow: 0 0 30px rgba(225,6,0,.12); animation: launchPulse 1.1s ease-in-out 3; }
.launch-directive span, .launch-directive strong, .launch-directive small { display: block; }
.launch-directive span { color: var(--red-hot); font-size: 7px; letter-spacing: .14em; }
.launch-directive strong { grid-row: 2; margin-top: 5px; font: 600 24px var(--font-display); letter-spacing: .06em; }
.launch-directive small { grid-column: 2; grid-row: 1 / 3; color: #e4a09c; font-size: 7px; letter-spacing: .11em; }
.mission-card--launch { border-color: #b0332d; box-shadow: 0 0 0 1px rgba(225,6,0,.4), 0 0 38px rgba(225,6,0,.23); animation: launchPulse 1.1s ease-in-out 3; }
.mission-card--launch::before { height: 4px; background: var(--red-hot); box-shadow: 0 0 22px var(--red); }
.mission-card--launch:focus { outline: 2px solid var(--red-hot); outline-offset: 4px; }
.mission-launch-ribbon { margin: -8px -8px 12px; padding: 7px 9px; border: 1px solid #75201c; background: rgba(225,6,0,.09); color: #ff9d98; font-size: 6px; letter-spacing: .13em; text-align: center; }
.mission-admin-toolbar > div > span { color: var(--red-hot); font-size: 7px; letter-spacing: .13em; }
.mission-admin-toolbar h2 { margin: 5px 0; font-size: 22px; }
.mission-admin-toolbar p { max-width: 720px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.mission-admin-toolbar form { flex: 0 0 auto; }
.admin-mission-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.admin-mission-card { padding: 19px; }
.admin-mission-title { display: flex; align-items: center; gap: 13px; }
.admin-mission-title > span { width: 47px; height: 47px; display: grid; place-items: center; border: 1px solid var(--steel); color: var(--muted); font: 600 18px var(--font-display); }
.admin-mission-title small { color: var(--dim); font-size: 7px; letter-spacing: .1em; }
.admin-mission-title h2 { margin: 4px 0 0; font-size: 21px; }
.admin-mission-flags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; }
.publication, .readiness { padding: 5px 7px; border: 1px solid var(--steel); color: var(--dim); font-size: 7px; letter-spacing: .09em; }
.publication--live, .readiness--ready { border-color: #285d37; color: var(--green); }
.readiness--blocked { border-color: #71241f; color: #f0928d; }
.readiness-reason { min-height: 35px; margin: 12px 0 0; color: #c67c77; font-size: 7px; line-height: 1.55; letter-spacing: .07em; }
.mission-live-stats { display: grid; grid-template-columns: repeat(4, 1fr); margin: 17px 0 0; border: 1px solid var(--steel-soft); }
.mission-live-stats div { padding: 10px; border-right: 1px solid var(--steel-soft); }
.mission-live-stats div:last-child { border: 0; }
.mission-live-stats dt { color: var(--dim); font-size: 7px; text-transform: uppercase; }
.mission-live-stats dd { margin: 5px 0 0; font: 600 15px var(--font-display); }
.mission-preview { margin-top: 15px; border-top: 1px solid var(--steel-soft); }
.mission-preview summary { padding: 13px 0 0; color: var(--muted); font-size: 8px; letter-spacing: .08em; cursor: pointer; }
.mission-preview .mission-markdown { max-height: 460px; overflow: auto; margin-top: 13px; padding: 20px; border: 1px solid var(--steel-soft); background: #07090a; font-size: 10px; }
.audit-panel { margin-top: 20px; }
.audit-table { width: 100%; border-collapse: collapse; }
.audit-table th, .audit-table td { padding: 12px 15px; border-bottom: 1px solid var(--steel-soft); text-align: left; }
.audit-table th { color: var(--dim); font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }
.audit-table td { color: var(--muted); font-size: 9px; }
.audit-table code { color: #e3aa68; font-size: 9px; }

.operations-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 22px; margin-bottom: 22px; }
.operations-state { display: grid; grid-template-columns: 1fr 1fr; }
.operations-state > div { min-height: 105px; padding: 20px; border-right: 1px solid var(--steel-soft); border-bottom: 1px solid var(--steel-soft); }
.operations-state > div:nth-child(2n) { border-right: 0; }
.operations-state > div:nth-last-child(-n+2) { border-bottom: 0; }
.operations-state span, .operations-state strong, .operations-state small { display: block; }
.operations-state > div > span { color: var(--dim); font-size: 8px; letter-spacing: .12em; }
.operations-state > div > strong { margin-top: 10px; color: var(--text); font: 600 22px var(--font-display); letter-spacing: .05em; }
.operations-state > div > small { margin-top: 5px; color: var(--red-hot); font-size: 7px; letter-spacing: .1em; }
.operations-state .system-state { display: inline-flex; }
.operations-link-grid { display: grid; grid-template-columns: 1fr 1fr; }
.operations-link-grid a { min-height: 105px; display: grid; grid-template-columns: 1fr auto; align-content: center; padding: 20px; border-right: 1px solid var(--steel-soft); border-bottom: 1px solid var(--steel-soft); transition: background .18s ease, border-color .18s ease; }
.operations-link-grid a:nth-child(2n) { border-right: 0; }
.operations-link-grid a:hover { background: rgba(225,6,0,.045); border-color: #58201e; }
.operations-link-grid span, .operations-link-grid strong { grid-column: 1; display: block; }
.operations-link-grid span { color: var(--red-hot); font-size: 7px; letter-spacing: .13em; }
.operations-link-grid strong { margin-top: 8px; font: 600 18px var(--font-display); text-transform: uppercase; }
.operations-link-grid b { grid-column: 2; grid-row: 1 / 3; align-self: center; color: var(--dim); }
.submission-filter-panel { margin-bottom: 22px; }
.export-control { margin-bottom: 22px; }
.export-grid { display: grid; grid-template-columns: 1fr 1fr; }
.export-grid form { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; padding: 20px; border-right: 1px solid var(--steel-soft); }
.export-grid form:last-child { border-right: 0; }
.export-grid span, .export-grid strong { display: block; }
.export-grid span { color: var(--red-hot); font-size: 7px; letter-spacing: .13em; }
.export-grid strong { margin-top: 7px; font: 600 18px var(--font-display); text-transform: uppercase; }
.export-grid p { max-width: 620px; margin: 7px 0 0; color: var(--muted); font-size: 8px; line-height: 1.55; }
.export-grid .button b { color: var(--red-hot); }
.submission-filters { display: grid; grid-template-columns: 1fr 1.2fr 1fr auto; gap: 12px; align-items: end; padding: 18px 20px 20px; }
.submission-filters label span, .adjudication-form label span { display: block; margin-bottom: 7px; color: var(--dim); font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }
.submission-filters select, .adjudication-form select, .adjudication-form input { width: 100%; min-height: 42px; padding: 0 11px; border: 1px solid var(--steel); border-radius: 0; background: #07090a; color: var(--text); }
.operations-table { width: 100%; min-width: 1240px; border-collapse: collapse; }
.operations-table th { height: 38px; padding: 0 14px; color: var(--dim); background: rgba(255,255,255,.012); font-size: 7px; font-weight: 500; letter-spacing: .1em; text-align: left; text-transform: uppercase; }
.operations-table td { min-width: 105px; padding: 14px; border-top: 1px solid #1f272b; color: var(--muted); font-size: 9px; vertical-align: top; }
.operations-table td:nth-child(3) { min-width: 190px; }
.operations-table td:nth-child(7) { min-width: 390px; }
.operations-table td strong, .operations-table td small { display: block; }
.operations-table td strong { color: var(--text); font-size: 10px; }
.operations-table td small { margin-top: 5px; color: var(--dim); font-size: 7px; letter-spacing: .07em; }
.operations-table time { color: var(--text); font-variant-numeric: tabular-nums; }
.ops-verdict { display: inline-block; padding: 5px 7px; border: 1px solid var(--steel); font-size: 7px; letter-spacing: .1em; }
.ops-verdict--correct { border-color: #285e35; background: #0b1d10; color: #8bd99a; }
.ops-verdict--incorrect { border-color: #6d211e; background: #1d0b0a; color: #ee8b86; }
.submission-review summary { color: var(--red-hot); cursor: pointer; font: 600 10px var(--font-display); letter-spacing: .09em; text-transform: uppercase; }
.submission-review[open] summary { margin-bottom: 13px; }
.submission-evidence, .adjudication-history { padding: 12px; border: 1px solid var(--steel-soft); background: #080b0c; }
.submission-evidence span, .adjudication-history strong { color: var(--dim); font-size: 7px; letter-spacing: .1em; }
.submission-evidence p, .adjudication-history p { margin: 7px 0; color: var(--muted); font-size: 8px; line-height: 1.55; }
.submission-evidence small { color: var(--dim); }
.adjudication-history { margin-top: 8px; border-color: #5f4b20; background: #151105; }
.adjudication-history span { display: block; margin-top: 5px; color: #c3a45d; font-size: 7px; }
.adjudication-form { display: grid; grid-template-columns: .75fr .6fr 1.4fr auto; gap: 9px; align-items: end; margin-top: 10px; }
.adjudication-form .button { white-space: nowrap; }

.prelaunch-body { overflow: hidden; background: #020304; }
.prelaunch-page { position: relative; min-height: 100svh; display: grid; place-items: center; overflow: hidden; padding: clamp(34px, 6vh, 76px) clamp(20px, 5vw, 72px); isolation: isolate; background: radial-gradient(circle at 50% 45%, rgba(225,6,0,.105), transparent 31%), radial-gradient(circle at 50% 115%, rgba(109,15,11,.2), transparent 36%), #020304; }
.prelaunch-page::before, .prelaunch-page::after { content: ""; position: absolute; z-index: 4; pointer-events: none; }
.prelaunch-page::before { inset: 14px; border: 1px solid rgba(225,6,0,.36); box-shadow: inset 0 0 80px rgba(225,6,0,.045), 0 0 34px rgba(225,6,0,.08); animation: borderPulse 3.2s ease-in-out infinite; }
.prelaunch-page::after { left: 50%; top: 0; width: min(640px, 68vw); height: 1px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, rgba(255,59,48,.9), transparent); box-shadow: 0 0 22px rgba(225,6,0,.8); }
.prelaunch-grid { position: absolute; inset: -80px; z-index: -3; opacity: .43; background: linear-gradient(rgba(225,6,0,.038) 1px, transparent 1px), linear-gradient(90deg, rgba(225,6,0,.038) 1px, transparent 1px); background-size: 58px 58px; mask-image: radial-gradient(ellipse at center, black 8%, transparent 72%); transform: perspective(700px) rotateX(8deg) scale(1.08); }
.prelaunch-glow { position: absolute; z-index: -2; width: 32vw; aspect-ratio: 1; border-radius: 50%; filter: blur(90px); opacity: .12; background: var(--red); }
.prelaunch-glow--one { left: -14vw; top: -12vw; }
.prelaunch-glow--two { right: -13vw; bottom: -16vw; }
.prelaunch-scan { position: absolute; z-index: -1; left: -15%; right: -15%; top: -18%; height: 1px; opacity: 0; background: rgba(255,59,48,.35); box-shadow: 0 0 34px rgba(225,6,0,.45); animation: prelaunchScan 8s ease-in-out 1s infinite; }
.prelaunch-corner { position: absolute; z-index: 5; width: 42px; height: 42px; border-color: var(--red-hot); opacity: .82; pointer-events: none; }
.prelaunch-corner--tl { left: 14px; top: 14px; border-left: 2px solid; border-top: 2px solid; }
.prelaunch-corner--tr { right: 14px; top: 14px; border-right: 2px solid; border-top: 2px solid; }
.prelaunch-corner--bl { left: 14px; bottom: 14px; border-left: 2px solid; border-bottom: 2px solid; }
.prelaunch-corner--br { right: 14px; bottom: 14px; border-right: 2px solid; border-bottom: 2px solid; }
.prelaunch-content { position: relative; z-index: 2; width: min(1080px, 100%); text-align: center; }
.prelaunch-header { display: grid; justify-items: center; }
.prelaunch-logo { display: block; width: min(275px, 62vw); height: auto; filter: drop-shadow(0 0 25px rgba(225,6,0,.19)); }
.prelaunch-kicker { display: flex; align-items: center; justify-content: center; gap: 15px; margin: 18px 0 0; color: #bd8582; font-size: 8px; font-weight: 600; letter-spacing: .24em; }
.prelaunch-kicker i { width: clamp(28px, 5vw, 72px); height: 1px; background: linear-gradient(90deg, transparent, var(--red)); box-shadow: 0 0 9px rgba(225,6,0,.7); }
.prelaunch-kicker i:last-child { transform: scaleX(-1); }
.prelaunch-emblem { position: absolute; left: 50%; top: 92px; z-index: -1; width: clamp(260px, 34vw, 470px); aspect-ratio: 1; transform: translateX(-50%); border: 1px solid rgba(225,6,0,.075); border-radius: 50%; animation: rotate 40s linear infinite; }
.prelaunch-emblem::before, .prelaunch-emblem::after, .prelaunch-emblem i { content: ""; position: absolute; border-radius: 50%; }
.prelaunch-emblem::before { inset: 9%; border: 1px dashed rgba(225,6,0,.13); }
.prelaunch-emblem::after { inset: 27%; border: 1px solid rgba(225,6,0,.12); box-shadow: inset 0 0 55px rgba(225,6,0,.04), 0 0 55px rgba(225,6,0,.04); }
.prelaunch-emblem i:nth-child(1) { inset: 18%; border: 1px dotted rgba(255,59,48,.11); }
.prelaunch-emblem i:nth-child(2) { inset: 40%; border: 1px solid rgba(255,59,48,.19); background: rgba(225,6,0,.025); }
.prelaunch-emblem span { position: absolute; left: 50%; top: -4px; width: 7px; height: 7px; border-radius: 50%; background: var(--red-hot); box-shadow: 0 0 15px var(--red); }
.prelaunch-sequence { margin: clamp(34px, 6vh, 62px) 0 7px; color: var(--dim); font-size: 8px; letter-spacing: .25em; }
.prelaunch-content h1 { margin: 0; color: #f0f2f2; font-size: clamp(54px, 8.4vw, 112px); line-height: .76; letter-spacing: -.018em; text-shadow: 4px 0 rgba(225,6,0,.13), -3px 0 rgba(255,255,255,.025); }
.prelaunch-content h1 em { display: inline-block; margin-top: .14em; color: var(--red-hot); text-shadow: 0 0 32px rgba(225,6,0,.22); }
.prelaunch-lede { max-width: 650px; margin: 22px auto 0; color: #899398; font-size: 10px; line-height: 1.8; letter-spacing: .06em; text-transform: uppercase; }
.prelaunch-countdown { display: grid; grid-template-columns: minmax(90px, 1fr) auto minmax(90px, 1fr) auto minmax(90px, 1fr) auto minmax(90px, 1fr); align-items: start; gap: clamp(5px, 1.6vw, 20px); width: min(800px, 100%); margin: clamp(30px, 5vh, 53px) auto 25px; font-variant-numeric: tabular-nums; }
.prelaunch-countdown div { position: relative; min-width: 0; padding: 15px 12px 14px; border: 1px solid rgba(116,45,41,.48); background: linear-gradient(180deg, rgba(35,17,16,.65), rgba(8,10,11,.78)); box-shadow: inset 0 1px rgba(255,255,255,.025), 0 18px 50px rgba(0,0,0,.2); }
.prelaunch-countdown div::after { content: ""; position: absolute; left: 28%; right: 28%; bottom: -1px; height: 1px; background: var(--red); box-shadow: 0 0 10px var(--red); }
.prelaunch-countdown strong { display: block; color: #f5f6f6; font: 600 clamp(50px, 7.5vw, 98px)/.78 var(--font-display); letter-spacing: .025em; text-shadow: 0 0 22px rgba(225,6,0,.3); }
.prelaunch-countdown span { display: block; margin-top: 13px; color: #a06d6a; font-size: 8px; font-weight: 600; letter-spacing: .24em; text-transform: uppercase; }
.prelaunch-countdown > b { align-self: center; margin-top: 16px; color: #5a2623; font: 500 clamp(34px, 5vw, 64px)/1 var(--font-display); animation: pulse 1s steps(1) infinite; }
.prelaunch-rail { width: min(760px, 82%); height: 2px; margin: 0 auto 20px; overflow: hidden; background: #24100f; }
.prelaunch-rail i { display: block; width: 36%; height: 100%; background: linear-gradient(90deg, transparent, var(--red-hot), transparent); box-shadow: 0 0 15px rgba(225,6,0,.8); animation: prelaunchRail 3.8s ease-in-out infinite; }
.prelaunch-status { display: grid; grid-template-columns: repeat(3, 1fr); width: min(680px, 100%); margin: 0 auto; border-top: 1px solid var(--steel-soft); border-bottom: 1px solid var(--steel-soft); }
.prelaunch-status > span { min-width: 0; padding: 12px 10px; border-right: 1px solid var(--steel-soft); color: #4f595e; font-size: 7px; letter-spacing: .12em; }
.prelaunch-status > span:last-child { border-right: 0; }
.prelaunch-status b { display: block; margin-top: 5px; overflow: hidden; color: #bb7773; text-overflow: ellipsis; white-space: nowrap; }
.prelaunch-status > span:first-child i { display: inline-block; width: 5px; height: 5px; margin: 0 5px 1px 0; border-radius: 50%; background: var(--red); box-shadow: 0 0 8px var(--red); animation: pulse 1.7s ease-in-out infinite; }
.prelaunch-target { margin: 18px 0 0; color: #4f595e; font-size: 7px; letter-spacing: .16em; }
.prelaunch-target time { color: #7c888d; }
.prelaunch-admin-link { position: absolute; z-index: 6; left: 30px; bottom: 24px; padding: 8px; color: #3e484d; font-size: 7px; letter-spacing: .14em; transition: color .18s ease; }
.prelaunch-admin-link:hover { color: #a4afb3; }

@keyframes prelaunchScan { 0%, 8% { top: -18%; opacity: 0; } 12% { opacity: .65; } 68% { opacity: .2; } 72%, 100% { top: 118%; opacity: 0; } }
@keyframes prelaunchRail { 0% { transform: translateX(-100%); } 50%, 100% { transform: translateX(280%); } }

.pause-window { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; overflow: auto; padding: 24px; background: rgba(3,4,5,.985); }
.pause-window::before { content: ""; position: fixed; inset: 12px; border: 1px solid rgba(225,6,0,.48); box-shadow: inset 0 0 45px rgba(225,6,0,.05), 0 0 28px rgba(225,6,0,.08); animation: borderPulse 2.4s ease-in-out infinite; pointer-events: none; }
.pause-grid { position: absolute; inset: 0; opacity: .28; background: linear-gradient(rgba(225,6,0,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(225,6,0,.045) 1px, transparent 1px); background-size: 72px 72px; mask-image: radial-gradient(circle, black, transparent 75%); }
.pause-broadcast { position: relative; width: min(860px, 100%); text-align: center; }
.pause-kicker { display: flex; justify-content: center; align-items: center; gap: 13px; color: var(--red-hot); font-size: 10px; letter-spacing: .2em; }
.pause-kicker i { width: 44px; height: 1px; background: var(--red); box-shadow: 0 0 8px var(--red); }
.pause-machine { width: 130px; height: 130px; margin: 30px auto 25px; display: grid; place-items: center; position: relative; border: 1px dashed #6b211e; border-radius: 50%; animation: rotate 14s linear infinite; }
.pause-machine::before, .pause-machine::after { content: ""; position: absolute; inset: 18px; border: 1px solid #3c1715; border-radius: 50%; }
.pause-machine::after { inset: 39px; background: #1f0b0a; box-shadow: 0 0 30px rgba(225,6,0,.15); }
.pause-machine b { z-index: 1; color: var(--red-hot); font: 600 30px var(--font-display); transform: rotate(0); animation: counterRotate 14s linear infinite; }
.pause-broadcast h1 { margin: 0; font-size: clamp(44px, 6vw, 82px); line-height: .92; letter-spacing: .01em; }
.pause-broadcast > p { max-width: 600px; margin: 18px auto 0; color: #c7cdcf; font-size: 14px; line-height: 1.7; }
.pause-duration { margin: 32px auto 22px; }
.pause-duration span, .pause-duration strong { display: block; }
.pause-duration span { color: var(--dim); font-size: 8px; letter-spacing: .16em; }
.pause-duration strong { margin-top: 7px; font: 600 36px var(--font-display); font-variant-numeric: tabular-nums; }
.pause-status { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--steel); margin-bottom: 25px; }
.pause-status span { padding: 13px; border-right: 1px solid var(--steel-soft); color: var(--dim); font-size: 7px; letter-spacing: .09em; }
.pause-status span:last-child { border: 0; }
.pause-status b { display: block; margin-top: 6px; color: var(--red-hot); }
.pause-broadcast > small { display: block; margin-top: 22px; color: var(--dim); font-size: 7px; letter-spacing: .12em; }

.countdown-window { position: fixed; inset: 0; z-index: 95; display: grid; place-items: center; overflow: auto; padding: 24px; background: radial-gradient(circle at 50% 44%, rgba(100,12,9,.22), transparent 32%), rgba(2,3,4,.995); }
.countdown-window::before { content: ""; position: fixed; inset: 12px; border: 1px solid rgba(225,6,0,.62); box-shadow: inset 0 0 70px rgba(225,6,0,.07), 0 0 30px rgba(225,6,0,.1); animation: borderPulse 1.5s ease-in-out infinite; pointer-events: none; }
.countdown-grid { position: absolute; inset: 0; opacity: .34; background: linear-gradient(rgba(225,6,0,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(225,6,0,.045) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(circle, black, transparent 77%); }
.countdown-broadcast { position: relative; width: min(920px, 100%); text-align: center; }
.event-logo--countdown { width: min(280px, 55vw); margin-bottom: 26px; }
.countdown-kicker { display: flex; align-items: center; justify-content: center; gap: 14px; color: var(--red-hot); font-size: 9px; letter-spacing: .2em; }
.countdown-kicker i { width: 55px; height: 1px; background: var(--red); box-shadow: 0 0 9px var(--red); }
.countdown-sequence { display: block; margin-top: 26px; color: var(--dim); font-size: 8px; letter-spacing: .18em; }
.countdown-broadcast h1 { margin: 8px 0 0; font-size: clamp(50px, 8vw, 96px); line-height: .88; letter-spacing: .05em; }
.countdown-clock { display: block; margin: 14px 0 18px; color: #fff; text-shadow: 0 0 14px rgba(225,6,0,.7), 0 0 52px rgba(225,6,0,.35); font: 600 clamp(74px, 17vw, 190px)/.9 var(--font-display); font-variant-numeric: tabular-nums; letter-spacing: .025em; }
.countdown-rail { width: min(700px, 90%); height: 3px; margin: 0 auto 24px; overflow: hidden; background: #2c1a19; }
.countdown-rail i { display: block; width: 100%; height: 100%; background: var(--red); box-shadow: 0 0 14px var(--red); animation: pulse .8s ease-in-out infinite; }
.countdown-telemetry { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 700px; margin: 0 auto 24px; border: 1px solid var(--steel); }
.countdown-telemetry span { padding: 12px; border-right: 1px solid var(--steel-soft); color: var(--dim); font-size: 7px; letter-spacing: .09em; }
.countdown-telemetry span:last-child { border-right: 0; }
.countdown-telemetry b { display: block; margin-top: 5px; color: var(--red-hot); }
.countdown-broadcast > small { color: var(--dim); font-size: 7px; letter-spacing: .14em; }

.mission-clear-interstitial { position: fixed; inset: 0; z-index: 125; display: grid; place-items: center; overflow: auto; padding: 28px; background: radial-gradient(circle at 50% 42%, rgba(63,178,91,.16), transparent 32%), radial-gradient(circle at 50% 115%, rgba(225,6,0,.1), transparent 40%), rgba(2,4,3,.99); opacity: 0; transform: scale(1.018); transition: opacity .24s ease, transform .32s ease; }
.mission-clear-interstitial[hidden] { display: none; }
.mission-clear-interstitial.is-visible { opacity: 1; transform: none; }
.mission-clear-interstitial::before, .mission-clear-interstitial::after { content: ""; position: fixed; inset: 12px; pointer-events: none; }
.mission-clear-interstitial::before { border: 1px solid rgba(104,222,132,.55); box-shadow: inset 0 0 90px rgba(63,178,91,.055), 0 0 35px rgba(63,178,91,.1); animation: missionClearBorder 1.3s ease-in-out infinite; }
.mission-clear-interstitial::after { inset: 20px; border: 1px dashed rgba(104,222,132,.14); }
.mission-clear-grid { position: absolute; inset: 0; opacity: .42; background: linear-gradient(rgba(104,222,132,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(104,222,132,.035) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(circle, black, transparent 78%); }
.mission-clear-scan { position: absolute; top: -15%; bottom: -15%; left: -20%; width: 2px; background: rgba(104,222,132,.46); box-shadow: 0 0 35px rgba(104,222,132,.72); transform: rotate(16deg); animation: missionClearScan 2.7s ease-in-out 2; }
.mission-clear-content { position: relative; width: min(900px, 100%); text-align: center; }
.mission-clear-kicker { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 0 0 19px; color: var(--green); font-size: 9px; letter-spacing: .22em; }
.mission-clear-kicker i { width: 55px; height: 1px; background: var(--green); box-shadow: 0 0 11px rgba(104,222,132,.6); }
.mission-clear-emblem { position: relative; width: 116px; height: 116px; display: grid; place-items: center; margin: 0 auto 20px; border: 1px solid rgba(104,222,132,.48); border-radius: 50%; box-shadow: 0 0 48px rgba(63,178,91,.15), inset 0 0 30px rgba(63,178,91,.07); opacity: 0; transform: scale(.55) rotate(-14deg); transition: opacity .34s ease .12s, transform .5s cubic-bezier(.18,.9,.25,1.25) .12s; }
.mission-clear-interstitial.is-visible .mission-clear-emblem { opacity: 1; transform: none; }
.mission-clear-emblem::before, .mission-clear-emblem::after, .mission-clear-emblem i { content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(104,222,132,.24); }
.mission-clear-emblem::before { inset: 13px; border-style: dashed; animation: rotate 7s linear infinite; }
.mission-clear-emblem::after { inset: 30px; background: rgba(63,178,91,.06); }
.mission-clear-emblem i:nth-child(1) { inset: -8px; border-color: rgba(225,6,0,.18); }
.mission-clear-emblem i:nth-child(2) { inset: 43px; border-color: var(--green); background: #0b3217; box-shadow: 0 0 22px rgba(104,222,132,.55); }
.mission-clear-emblem span { position: relative; z-index: 2; color: #e9fff0; font: 600 35px var(--font-display); text-shadow: 0 0 14px rgba(104,222,132,.85); }
.mission-clear-interstitial h2 { margin: 0; color: #eef4f0; font-size: clamp(52px, 8vw, 94px); line-height: .82; letter-spacing: .025em; text-shadow: 3px 0 rgba(63,178,91,.26), -2px 0 rgba(225,6,0,.13); }
.mission-clear-interstitial h2 em { display: block; color: var(--green); font-style: normal; }
.mission-clear-subtitle { margin: 15px 0 0; color: #98a7a0; font-size: 9px; letter-spacing: .2em; }
.mission-clear-score { display: grid; width: min(340px, 100%); margin: 24px auto 18px; padding: 14px 22px; border: 1px solid rgba(104,222,132,.28); background: rgba(8,25,13,.7); opacity: 0; transform: translateY(12px); transition: opacity .28s ease .55s, transform .28s ease .55s; }
.mission-clear-interstitial.is-visible .mission-clear-score { opacity: 1; transform: none; }
.mission-clear-score span, .mission-clear-score small { color: #718078; font-size: 7px; letter-spacing: .14em; }
.mission-clear-score strong { margin: 2px 0; color: #dfffe7; font: 600 40px var(--font-display); }
.mission-clear-unlock { min-height: 50px; opacity: 0; transform: translateY(10px); transition: opacity .3s ease 1.05s, transform .3s ease 1.05s; }
.mission-clear-interstitial.is-visible .mission-clear-unlock { opacity: 1; transform: none; }
.mission-clear-unlock span, .mission-clear-unlock strong { display: block; }
.mission-clear-unlock span { color: var(--green); font-size: 7px; letter-spacing: .16em; }
.mission-clear-unlock strong { margin-top: 7px; color: #d9e1dc; font: 600 19px var(--font-display); letter-spacing: .06em; text-transform: uppercase; }
.mission-clear-telemetry { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 670px; margin: 20px auto 18px; border: 1px solid var(--steel-soft); background: rgba(7,10,8,.62); }
.mission-clear-telemetry span { padding: 10px; border-right: 1px solid var(--steel-soft); color: var(--dim); font-size: 7px; letter-spacing: .1em; }
.mission-clear-telemetry span:last-child { border-right: 0; }
.mission-clear-telemetry b { display: block; margin-top: 5px; color: #b8c9bd; }
.mission-clear-actions { display: flex; align-items: center; justify-content: center; gap: 22px; }
.mission-clear-actions .button { min-width: 220px; }
.mission-clear-actions > a { color: #8f9c94; font-size: 8px; letter-spacing: .11em; text-transform: uppercase; }
.mission-clear-actions > a:hover { color: var(--green); }
.mission-clear-countdown { display: block; margin-top: 14px; color: #4d5d52; font-size: 6px; letter-spacing: .12em; }
.mission-clear-rail { position: fixed; left: 20px; right: 20px; bottom: 20px; height: 2px; overflow: hidden; background: rgba(104,222,132,.09); }
.mission-clear-rail i { display: block; width: 100%; height: 100%; background: var(--green); box-shadow: 0 0 12px rgba(104,222,132,.75); transform-origin: left; animation: missionClearRail 6.8s linear forwards; }
.mission-clear-interstitial--final { background: radial-gradient(circle at 50% 40%, rgba(63,178,91,.18), transparent 31%), radial-gradient(circle at 50% 100%, rgba(225,6,0,.18), transparent 43%), rgba(2,3,3,.995); }
.mission-clear-interstitial--final h2 em { color: #f2f5f3; }
.mission-clear-is-visible { overflow: hidden; }
.mission-clear-is-visible .unit-8080-dock { visibility: hidden; }

@keyframes missionClearScan { 0% { left: -20%; opacity: 0; } 12%, 78% { opacity: 1; } 100% { left: 120%; opacity: 0; } }
@keyframes missionClearRail { to { transform: scaleX(0); } }
@keyframes missionClearBorder { 50% { border-color: rgba(104,222,132,.86); box-shadow: inset 0 0 70px rgba(63,178,91,.08), 0 0 38px rgba(63,178,91,.16); } }

.skynet-hijack { position: fixed; inset: 0; z-index: 130; display: grid; place-items: center; overflow: auto; padding: 28px; background: radial-gradient(circle at 50% 42%, rgba(225,6,0,.2), transparent 31%), rgba(2,3,4,.985); opacity: 0; transform: scale(1.015); transition: opacity .24s ease, transform .24s ease; }
.skynet-hijack[hidden] { display: none; }
.skynet-hijack.is-visible { opacity: 1; transform: none; }
.skynet-hijack::before, .skynet-hijack::after { content: ""; position: fixed; inset: 12px; pointer-events: none; }
.skynet-hijack::before { border: 1px solid rgba(255,59,48,.66); box-shadow: inset 0 0 90px rgba(225,6,0,.07), 0 0 34px rgba(225,6,0,.12); animation: borderPulse 1.1s ease-in-out infinite; }
.skynet-hijack::after { inset: 20px; border: 1px dashed rgba(225,6,0,.18); }
.skynet-hijack-grid { position: absolute; inset: 0; opacity: .55; background: linear-gradient(rgba(225,6,0,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(225,6,0,.045) 1px, transparent 1px); background-size: 54px 54px; mask-image: radial-gradient(circle, black, transparent 78%); }
.skynet-hijack-noise { position: absolute; inset: 0; opacity: .12; background: repeating-linear-gradient(0deg, rgba(255,255,255,.06) 0 1px, transparent 1px 4px); animation: skynetInterference .28s steps(2) 5; }
.skynet-hijack-content { position: relative; width: min(900px, 100%); text-align: center; }
.skynet-hijack-kicker { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 0 0 20px; color: var(--red-hot); font-size: 9px; letter-spacing: .22em; }
.skynet-hijack-kicker i { width: 54px; height: 1px; background: var(--red-hot); box-shadow: 0 0 12px var(--red); }
.skynet-hijack-eye { position: relative; width: 124px; height: 124px; display: grid; place-items: center; margin: 0 auto 23px; border: 1px solid rgba(225,6,0,.44); border-radius: 50%; box-shadow: 0 0 55px rgba(225,6,0,.15); }
.skynet-hijack-eye::before, .skynet-hijack-eye::after, .skynet-hijack-eye i { content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(225,6,0,.3); }
.skynet-hijack-eye::before { inset: 13px; border-style: dashed; animation: rotate 7s linear infinite; }
.skynet-hijack-eye::after { inset: 31px; background: rgba(225,6,0,.07); }
.skynet-hijack-eye i:nth-child(1) { inset: 44px; background: #470704; border-color: var(--red-hot); box-shadow: 0 0 24px rgba(255,59,48,.8), inset 0 0 10px #ff6b64; animation: pulse .85s ease-in-out infinite; }
.skynet-hijack-eye i:nth-child(2) { inset: 57px; border: 0; background: #fff; box-shadow: 0 0 12px #fff; }
.skynet-hijack-eye span { position: absolute; width: 156px; height: 1px; background: linear-gradient(90deg, transparent, var(--red), transparent); animation: rotate 4.5s linear infinite; }
.skynet-hijack-source { color: var(--dim); font-size: 8px; letter-spacing: .17em; }
.skynet-hijack h2 { margin: 9px 0 16px; color: #eef1f2; font-size: clamp(46px, 7vw, 86px); line-height: .78; letter-spacing: .035em; text-shadow: 3px 0 rgba(225,6,0,.35), -2px 0 rgba(126,182,192,.12); }
.skynet-hijack h2 em { color: var(--red-hot); }
.skynet-hijack-copy { max-width: 780px; min-height: 52px; margin: 0 auto 24px; color: #d8dcdd; font: 600 clamp(16px, 2.2vw, 23px)/1.35 var(--font-display); letter-spacing: .08em; text-transform: uppercase; }
.skynet-hijack-telemetry { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 760px; margin: 0 auto 22px; border: 1px solid var(--steel); background: rgba(10,12,13,.72); }
.skynet-hijack-telemetry span { padding: 12px; border-right: 1px solid var(--steel-soft); color: var(--dim); font-size: 7px; letter-spacing: .11em; }
.skynet-hijack-telemetry span:last-child { border-right: 0; }
.skynet-hijack-telemetry b { display: block; margin-top: 6px; color: var(--red-hot); }
.skynet-hijack-dismiss { min-width: 220px; margin: 0 auto; }
.skynet-hijack-content > small { display: block; margin-top: 18px; color: #4d565a; font-size: 7px; letter-spacing: .12em; }
.skynet-is-hijacking { overflow: hidden; }
.skynet-is-hijacking .unit-8080-dock { visibility: hidden; }

@keyframes skynetInterference { 0%, 100% { transform: translateX(0); } 30% { transform: translateX(5px); } 60% { transform: translateX(-7px); } }

.unit-8080-dock { position: fixed; right: clamp(14px, 2.2vw, 34px); bottom: clamp(14px, 2.2vw, 32px); z-index: 105; pointer-events: none; }
.unit-8080 { --unit-portrait-width: 232px; position: relative; width: min(580px, calc(100vw - 28px)); min-height: 310px; display: grid; grid-template-columns: var(--unit-portrait-width) minmax(0, 1fr); overflow: hidden; border: 1px solid #6f201d; background: linear-gradient(145deg, rgba(17,22,25,.97), rgba(5,6,7,.99)); box-shadow: 0 24px 70px rgba(0,0,0,.62), 0 0 36px rgba(225,6,0,.13); opacity: 0; transform: translateY(22px) scale(.985); transition: opacity .2s ease, transform .2s ease; pointer-events: auto; }
.unit-8080[hidden], .unit-8080-call[hidden] { display: none; }
.unit-8080::before { content: ""; position: absolute; z-index: 4; inset: 0; pointer-events: none; background: repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 4px); mix-blend-mode: screen; }
.unit-8080::after { content: ""; position: absolute; z-index: 5; left: calc(var(--unit-portrait-width) - 1px); right: 0; top: 0; height: 2px; background: linear-gradient(90deg, var(--red), transparent 82%); box-shadow: 0 0 12px var(--red); }
.unit-8080.is-visible { opacity: 1; transform: none; }
.unit-8080-portrait { position: relative; min-height: 310px; overflow: hidden; border-right: 1px solid var(--steel-soft); background: radial-gradient(circle at 56% 32%, rgba(225,6,0,.16), transparent 46%), #050607; }
.unit-8080-frame { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center bottom; filter: saturate(.9) contrast(1.04); }
.unit-8080-frame--talk { opacity: 0; }
.unit-8080.is-mouth-open .unit-8080-frame--closed { opacity: 0; }
.unit-8080.is-mouth-open .unit-8080-frame--talk { opacity: 1; }
.unit-8080-scan { position: absolute; z-index: 3; left: 0; right: 0; top: -18px; height: 18px; background: linear-gradient(180deg, transparent, rgba(255,59,48,.22), transparent); animation: unitScan 2.8s linear infinite; }
.unit-8080-intercept-mark { position: absolute; z-index: 6; inset: 0; display: grid; place-content: center; justify-items: center; opacity: 0; background: repeating-linear-gradient(0deg, rgba(225,6,0,.08) 0 2px, transparent 2px 5px), rgba(3,4,5,.64); transition: opacity .08s steps(1); }
.unit-8080-intercept-mark i { position: relative; width: 48px; height: 48px; margin-bottom: 12px; border: 1px solid rgba(255,59,48,.72); border-radius: 50%; background: radial-gradient(circle, #fff 0 7%, #ff3b30 8% 24%, #4b0503 25% 100%); box-shadow: 0 0 28px rgba(225,6,0,.52), inset 0 0 16px rgba(225,6,0,.34); }
.unit-8080-intercept-mark i::before, .unit-8080-intercept-mark i::after { content: ""; position: absolute; left: 50%; top: 50%; background: var(--red-hot); box-shadow: 0 0 8px var(--red-hot); transform: translate(-50%, -50%); }
.unit-8080-intercept-mark i::before { width: 62px; height: 1px; }
.unit-8080-intercept-mark i::after { width: 1px; height: 62px; }
.unit-8080-intercept-mark span { color: var(--red-hot); font: 600 23px var(--font-display); letter-spacing: .16em; text-shadow: 2px 0 #fff, -3px 0 #700; }
.unit-8080-intercept-mark small { margin-top: 5px; color: #c9726e; font-size: 6px; letter-spacing: .12em; }
.unit-8080-console { position: relative; z-index: 2; min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 24px 23px 20px; }
.unit-8080-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--steel-soft); color: var(--red-hot); font-size: 8px; letter-spacing: .14em; }
.unit-8080-heading span { display: inline-flex; align-items: center; gap: 7px; font-weight: 600; }
.unit-8080-heading b { color: inherit; font: inherit; }
.unit-8080-heading i, .unit-8080-call i { width: 6px; height: 6px; border-radius: 50%; background: var(--red-hot); box-shadow: 0 0 9px var(--red-hot); animation: pulse 1.2s ease-in-out infinite; }
.unit-8080-heading small { color: var(--dim); font-size: 7px; letter-spacing: .12em; }
.unit-8080-copy { min-height: 66px; margin: 18px 0 13px; color: #f1f3f3; font: 600 18px/1.18 var(--font-display); letter-spacing: .035em; text-transform: uppercase; text-wrap: pretty; }
.unit-8080-copy::after { content: ""; display: inline-block; width: 7px; height: 1em; margin-left: 4px; vertical-align: -.13em; background: var(--red-hot); box-shadow: 0 0 8px rgba(255,59,48,.5); animation: pulse .65s steps(1) infinite; }
.unit-8080-actions { display: flex; gap: 14px; }
.unit-8080-actions button, .unit-8080-dismiss, .unit-8080-call { border: 0; background: none; color: var(--muted); cursor: pointer; font: 600 8px var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
.unit-8080-actions button { padding: 3px 0; border-bottom: 1px solid transparent; }
.unit-8080-actions button:hover { color: var(--text); border-color: var(--red); }
.unit-8080-dismiss { position: absolute; z-index: 8; right: 8px; top: 7px; width: 26px; height: 26px; padding: 0; color: #778186; font-size: 18px; line-height: 1; }
.unit-8080-dismiss:hover { color: var(--red-hot); }
.unit-8080-call { min-width: 156px; min-height: 46px; display: grid; grid-template-columns: 8px auto; grid-template-rows: 1fr 1fr; align-items: center; column-gap: 9px; padding: 8px 13px; border: 1px solid #5f211e; background: rgba(7,9,10,.94); box-shadow: 0 12px 34px rgba(0,0,0,.48), 0 0 20px rgba(225,6,0,.1); opacity: 0; transform: translateY(10px); transition: opacity .18s ease, transform .18s ease, border-color .18s ease; pointer-events: auto; text-align: left; }
.unit-8080-call.is-visible { opacity: 1; transform: none; }
.unit-8080-call:hover { border-color: var(--red-hot); }
.unit-8080-call i { grid-row: 1 / -1; }
.unit-8080-call span { color: var(--text); }
.unit-8080-call small { color: var(--dim); font-size: 6px; letter-spacing: .1em; }
.unit-8080.is-intercepted { border-color: var(--red-hot); box-shadow: 0 24px 70px rgba(0,0,0,.7), 0 0 46px rgba(225,6,0,.34); animation: unitChannelBreak .105s steps(2) 6; }
.unit-8080.is-intercepted::after { left: 0; height: 3px; background: var(--red-hot); box-shadow: 0 0 24px var(--red-hot); }
.unit-8080.is-intercepted .unit-8080-intercept-mark { opacity: 1; }
.unit-8080.is-intercepted .unit-8080-frame--closed { opacity: .13; filter: grayscale(1) contrast(1.8) brightness(.55); transform: scaleX(1.06); }
.unit-8080.is-intercepted .unit-8080-frame--talk { opacity: 0; }
.unit-8080.is-intercepted .unit-8080-console { background: radial-gradient(circle at 18% 48%, rgba(225,6,0,.18), transparent 58%); }
.unit-8080.is-intercepted .unit-8080-heading, .unit-8080.is-intercepted .unit-8080-copy { color: var(--red-hot); text-shadow: 2px 0 rgba(255,255,255,.2), -2px 0 #5c0000; }
.unit-8080.is-intercepted .unit-8080-heading small { color: #f27872; }
.unit-8080.is-intercepted .unit-8080-scan { height: 30px; background: linear-gradient(180deg, transparent, rgba(255,59,48,.54), transparent); animation-duration: .55s; }
.unit-8080.is-recovering { border-color: #617b83; animation: unitRecovery .12s steps(2) 5; }
.unit-8080.is-recovering .unit-8080-frame { filter: grayscale(.75) contrast(1.45); }
.unit-8080.is-recovering .unit-8080-copy { color: #9fb2b8; }

@keyframes unitScan { to { transform: translateY(238px); } }
@keyframes unitChannelBreak { 0%, 100% { transform: translate(0); } 35% { transform: translate(-7px, 2px); } 70% { transform: translate(5px, -1px); } }
@keyframes unitRecovery { 0%, 100% { opacity: 1; transform: none; } 50% { opacity: .58; transform: translateX(3px); } }

@keyframes leaderboardRise { 0% { background: rgba(98,195,112,.2); box-shadow: inset 4px 0 #62c370; } 100% { background: transparent; box-shadow: inset 0 0 transparent; } }
@keyframes leaderboardFall { 0% { background: rgba(255,59,48,.15); box-shadow: inset 4px 0 #ff3b30; } 100% { background: transparent; box-shadow: inset 0 0 transparent; } }
@keyframes leaderboardScore { 0% { color: #fff; text-shadow: 0 0 22px rgba(98,195,112,.95); transform: scale(1.22); } 100% { color: var(--text); text-shadow: none; transform: scale(1); } }
@keyframes leaderboardScan { 0%, 76% { top: -52px; opacity: 0; } 80% { opacity: 1; } 96% { opacity: .7; } 100% { top: 100%; opacity: 0; } }
@keyframes rotate { to { transform: rotate(360deg); } }
@keyframes counterRotate { to { transform: rotate(-360deg); } }
@keyframes pulse { 50% { opacity: .35; } }
@keyframes borderPulse { 50% { border-color: rgba(225,6,0,.85); box-shadow: inset 0 0 55px rgba(225,6,0,.08), 0 0 35px rgba(225,6,0,.13); } }
@keyframes launchPulse { 50% { border-color: #f0463f; box-shadow: 0 0 0 1px rgba(225,6,0,.58), 0 0 48px rgba(225,6,0,.32); } }

@media (min-width: 1121px) and (max-width: 1440px) {
  .topbar { grid-template-columns: 180px minmax(0, 1fr) auto; gap: 12px; padding-inline: 20px; }
  .brand { width: 156px; }
  .brand-logo { width: 152px; }
  .primary-nav a { padding-inline: 9px; font-size: 10px; letter-spacing: .08em; }
  .topbar-status { gap: 8px; }
  .identity-chip { padding-left: 8px; }
  .identity-chip div { display: none; }
}

@media (max-width: 1120px) {
  .topbar { grid-template-columns: 1fr auto; }
  .primary-nav { display: none; }
  .hero-grid { grid-template-columns: 1fr 390px; gap: 45px; }
  .mission-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.admin-mission-grid { grid-template-columns: 1fr; }
  .tools-settings-grid { grid-template-columns: 1fr; }
	.activation-control-grid { grid-template-columns: 1fr; }
	.team-admin-layout { grid-template-columns: 1fr; }
	.operations-layout { grid-template-columns: 1fr; }
	.team-ready-panel { grid-template-columns: 1fr 1.2fr; }
	.room-launch-hub { grid-template-columns: 1fr; }
	.launch-path-copy { border-right: 0; border-bottom: 1px solid var(--steel-soft); }
	.room-activation-card { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; }
	.room-activation-heading, .room-activation-rail, .room-activation-card > p { grid-column: 1 / -1; }
	.room-activation-card dl { align-self: end; }
	.room-setup-grid { grid-template-columns: 1fr 1fr; }
	.room-verify-panel { grid-column: 1 / -1; border-top: 1px solid var(--steel-soft); }
	.room-setup-grid > section:nth-child(2) { border-right: 0; }
	.team-ready-command { grid-column: 1 / -1; border-top: 1px solid var(--steel-soft); }
	.submission-filters { grid-template-columns: 1fr 1fr; }
	.export-grid { grid-template-columns: 1fr; }
	.export-grid form { border-right: 0; border-bottom: 1px solid var(--steel-soft); }
	.export-grid form:last-child { border-bottom: 0; }
	.download-hero { grid-template-columns: minmax(0, 1fr) 350px; gap: 34px; }
	.download-hero-visual { width: min(390px, 38vw); }
	.platform-download-grid { grid-template-columns: 1fr 1fr; }
	.platform-download-card:last-child { grid-column: 1 / -1; }
	.install-steps { grid-template-columns: 1fr 1fr; }
	.download-privacy-panel { grid-template-columns: 100px 1fr; }
	.download-privacy-panel .button { grid-column: 2; justify-self: start; }
}

@media (max-width: 820px) {
	.prelaunch-body { overflow: auto; }
	.prelaunch-page { min-height: 100svh; padding-block: 42px 78px; }
	.prelaunch-countdown { gap: 6px; }
	.prelaunch-countdown div { padding-inline: 7px; }
	.prelaunch-status { grid-template-columns: 1fr 1.3fr 1fr; }
	.prelaunch-admin-link { left: 22px; bottom: 20px; }
  .topbar { height: 66px; padding: 0 16px; }
  .brand strong { font-size: 15px; }
  .brand small, .clock-block, .system-state, .identity-chip div { display: none; }
  .identity-chip { border: 0; padding: 0; }
	.profile-menu-caret { margin-right: 4px; }
  .auth-layout { grid-template-columns: 1fr; }
  .auth-signal { display: none; }
  .auth-card-wrap { min-height: calc(100vh - 66px); }
  .landing { min-height: calc(100vh - 66px); padding-top: 45px; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-copy h1 { font-size: clamp(62px, 20vw, 92px); }
  .activation-core { width: min(460px, 100%); justify-self: center; }
  .metric-strip { grid-template-columns: 1fr 1fr; }
  .metric-strip > :nth-child(2) { border-right: 0; }
  .metric-strip > :nth-child(-n+2) { border-bottom: 1px solid var(--steel-soft); }
  .control-grid { grid-template-columns: 1fr; }
	.timeline-control-grid, .timeline-actions { grid-template-columns: 1fr; }
	.timeline-form--immediate { grid-template-columns: 1fr; }
	.operations-state, .operations-link-grid, .submission-filters, .adjudication-form { grid-template-columns: 1fr; }
	.export-grid form { grid-template-columns: 1fr; }
	.operations-state > div, .operations-link-grid a { border-right: 0; }
	.mission-workspace { grid-template-columns: 1fr; }
	.gameplay-lock { grid-template-columns: 1fr; padding: 34px 28px; text-align: center; }
	.gameplay-lock-copy .eyebrow { justify-content: center; }
	.gameplay-lock-visual { width: 175px; height: 175px; }
	.gameplay-lock-visual::after { inset: 40px; }
	.gameplay-lock-visual i:nth-child(2) { inset: 61px; }
	.mission-admin-toolbar { align-items: flex-start; flex-direction: column; }
	.setup-command { grid-template-columns: 1fr; }
  .state-panel { min-height: auto; }
  .pause-status { grid-template-columns: 1fr 1fr; }
	.activation-page { min-height: calc(100vh - 66px); }
	.activation-page > section { min-height: calc(100vh - 66px); }
	.activation-telemetry { grid-template-columns: 1fr 1fr; }
	.activation-telemetry span:nth-child(2) { border-right: 0; }
	.activation-telemetry span:nth-child(-n+2) { border-bottom: 1px solid var(--steel-soft); }
	.assignment-waiting { min-height: 560px; padding: 38px 22px; }
	.team-ready-panel { grid-template-columns: 1fr; }
	.launch-path { grid-template-columns: 1fr 1fr; }
	.room-activation-card { display: flex; }
	.room-setup-grid { grid-template-columns: 1fr; }
	.room-setup-grid > section { border-right: 0; border-bottom: 1px solid var(--steel-soft); }
	.room-setup-grid > section:last-child { border-bottom: 0; }
	.room-verify-panel { grid-column: auto; border-top: 0; }
	.team-ready-copy, .team-roster { border-right: 0; border-bottom: 1px solid var(--steel-soft); }
	.state-details { grid-template-columns: 1fr 1fr; }
	.pause-status span:nth-child(2) { border-right: 0; }
	.pause-status span:nth-child(-n+2) { border-bottom: 1px solid var(--steel-soft); }
	.download-hero { min-height: auto; grid-template-columns: 1fr; padding-top: 64px; padding-bottom: 64px; }
	.download-hero-visual { width: min(430px, 86vw); grid-row: 1; }
	.download-hero-copy { grid-row: 2; }
	.download-event-logo { width: min(340px, 75%); }
	.download-primary-action { grid-template-columns: minmax(0, 1fr) auto; }
	.download-section, .download-onboarding { padding-block: 72px; }
	.download-section-heading { align-items: flex-start; flex-direction: column; gap: 16px; }
	.platform-download-grid { grid-template-columns: 1fr; }
	.platform-download-card:last-child { grid-column: auto; }
	.download-onboarding { padding-top: 10px; }
}

@media (max-width: 540px) {
	.prelaunch-page::before { inset: 8px; }
	.prelaunch-corner--tl { left: 8px; top: 8px; }
	.prelaunch-corner--tr { right: 8px; top: 8px; }
	.prelaunch-corner--bl { left: 8px; bottom: 8px; }
	.prelaunch-corner--br { right: 8px; bottom: 8px; }
	.prelaunch-logo { width: min(230px, 66vw); }
	.prelaunch-kicker { font-size: 6px; gap: 9px; }
	.prelaunch-kicker i { width: 22px; }
	.prelaunch-sequence { margin-top: 38px; font-size: 6px; }
	.prelaunch-content h1 { font-size: clamp(50px, 16vw, 72px); }
	.prelaunch-lede { font-size: 8px; }
	.prelaunch-countdown { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; margin-top: 31px; }
	.prelaunch-countdown > b { display: none; }
	.prelaunch-countdown div { padding: 12px 3px 11px; }
	.prelaunch-countdown strong { font-size: clamp(40px, 13.5vw, 58px); }
	.prelaunch-countdown span { margin-top: 10px; font-size: 6px; letter-spacing: .13em; }
	.prelaunch-status { grid-template-columns: 1fr; }
	.prelaunch-status > span { border-right: 0; border-bottom: 1px solid var(--steel-soft); }
	.prelaunch-status > span:last-child { border-bottom: 0; }
	.prelaunch-target { padding-inline: 20px; line-height: 1.7; }
	.prelaunch-admin-link { left: auto; right: 12px; bottom: 12px; }
  .brand { width: 124px; height: 54px; }
  .brand-logo { width: 122px; max-height: 48px; }
  .event-logo--hero { width: min(330px, 96%); margin-left: -5px; }
  .topbar-status .button { padding: 0 10px; }
  .hero-actions, .hero-actions .button { width: 100%; }
  .system-facts { width: 100%; }
  .system-facts li { min-width: 0; flex: 1; padding-right: 8px; }
  .page-heading { align-items: flex-start; flex-direction: column; }
  .page-heading h1 { font-size: 48px; }
	.launch-path-copy, .room-activation-card { padding: 22px 18px; }
	.launch-path { grid-template-columns: 1fr; }
	.launch-path a { min-height: 76px; }
	.room-local-setup > summary { grid-template-columns: 42px minmax(0, 1fr) 16px; padding-inline: 14px; }
	.room-local-setup summary > b { display: none; }
	.room-local-setup summary > i { grid-column: 3; }
  .metric-strip strong { font-size: 20px; }
	.score-history-list { padding-inline: 16px; }
	.score-history-list li { grid-template-columns: 82px minmax(0, 1fr) auto; gap: 12px; }
  .pause-form fieldset { grid-template-columns: 1fr; }
  .impact-list { grid-template-columns: 1fr; }
  .pause-status { grid-template-columns: 1fr; }
  .pause-status span { border-right: 0; border-bottom: 1px solid var(--steel-soft); }
  .pause-broadcast h1 { font-size: 42px; }
  .mission-grid { grid-template-columns: 1fr; }
	.gameplay-lock { padding: 30px 20px; }
	.gameplay-lock-status { grid-template-columns: 1fr; }
	.gameplay-lock-status span { border-right: 0; border-bottom: 1px solid var(--steel-soft); }
	.gameplay-lock-status span:last-child { border-bottom: 0; }
	.judgment-core { width: 230px; height: 230px; }
  .section-heading { align-items: flex-start; flex-direction: column; }
  .mission-header { grid-template-columns: 58px 1fr; align-items: start; }
  .mission-number { width: 58px; height: 58px; }
	.mission-scorebox { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--steel); text-align: left; padding-left: 0; }
	.waiting-telemetry { grid-template-columns: 1fr; }
	.waiting-telemetry span { border-right: 0; border-bottom: 1px solid var(--steel-soft); }
	.waiting-actions, .waiting-actions .button { width: 100%; }
	.assignment-policy { grid-template-columns: 1fr; }
	.launch-directive { grid-template-columns: 1fr; }
	.launch-directive small { grid-column: 1; grid-row: auto; margin-top: 7px; }
	.countdown-telemetry { grid-template-columns: 1fr; }
	.countdown-telemetry span { border-right: 0; border-bottom: 1px solid var(--steel-soft); }
	.countdown-telemetry span:last-child { border-bottom: 0; }
	.mission-clear-interstitial { padding: 24px 18px 34px; }
	.mission-clear-kicker { gap: 9px; font-size: 7px; }
	.mission-clear-kicker i { width: 28px; }
	.mission-clear-emblem { width: 88px; height: 88px; margin-bottom: 16px; }
	.mission-clear-emblem::before { inset: 10px; }
	.mission-clear-emblem::after { inset: 23px; }
	.mission-clear-emblem i:nth-child(2) { inset: 32px; }
	.mission-clear-emblem span { font-size: 28px; }
	.mission-clear-interstitial h2 { font-size: 51px; }
	.mission-clear-score { margin: 18px auto 13px; padding: 10px 18px; }
	.mission-clear-score strong { font-size: 32px; }
	.mission-clear-telemetry { margin: 14px auto; }
	.mission-clear-actions { flex-direction: column; gap: 11px; }
	.mission-clear-actions .button { width: 100%; }
	.mission-clear-rail { left: 13px; right: 13px; bottom: 13px; }
	.skynet-hijack { padding: 20px; }
	.skynet-hijack-eye { width: 100px; height: 100px; }
	.skynet-hijack-eye::before { inset: 11px; }
	.skynet-hijack-eye::after { inset: 26px; }
	.skynet-hijack-eye i:nth-child(1) { inset: 36px; }
	.skynet-hijack-eye i:nth-child(2) { inset: 46px; }
	.skynet-hijack h2 { font-size: 48px; }
	.skynet-hijack-telemetry { grid-template-columns: 1fr; }
	.skynet-hijack-telemetry span { border-right: 0; border-bottom: 1px solid var(--steel-soft); }
	.skynet-hijack-telemetry span:last-child { border-bottom: 0; }
	.unit-8080-dock { left: 10px; right: 10px; bottom: 10px; }
	.unit-8080 { --unit-portrait-width: clamp(142px, 42vw, 190px); width: 100%; min-height: 250px; }
	.unit-8080-portrait { min-height: 250px; }
	.unit-8080-console { padding: 20px 17px 14px; }
	.unit-8080-heading small { display: none; }
	.unit-8080-copy { min-height: 62px; margin-top: 14px; font-size: 16px; }
	.download-hero { padding-inline: 20px; }
	.download-hero-visual { width: min(310px, 90vw); }
	.download-signal { min-width: 125px; padding: 7px 8px; }
	.download-hero h1 { font-size: clamp(53px, 17vw, 76px); }
	.download-lede { font-size: 11px; }
	.download-primary-action { grid-template-columns: 1fr; }
	.download-auto-button { width: 100%; }
	.download-trust-strip { grid-template-columns: 1fr; }
	.download-trust-strip li { min-height: 58px; }
	.download-section, .download-onboarding, .download-privacy-panel { width: calc(100% - 40px); }
	.download-section { padding-block: 64px; }
	.platform-download-card { min-height: 370px; padding: 20px; }
	.install-steps { grid-template-columns: 1fr; }
	.install-steps li { min-height: 210px; }
	.download-privacy-panel { grid-template-columns: 1fr; justify-items: start; padding: 28px 22px; }
	.download-privacy-panel .button { grid-column: 1; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
	.mission-clear-interstitial, .mission-clear-emblem, .mission-clear-score, .mission-clear-unlock { transition: none !important; }
}