/* GLY1 Field Manual v8 — Last Z visual edition
   Uses only locally bundled screenshots supplied by GLY1. */
:root {
  --bg: #0a0e13;
  --bg-2: #11171e;
  --panel: #171d24;
  --panel-2: #202831;
  --panel-soft: #121820;
  --panel-warm: #2b2018;
  --line: #303a45;
  --line-strong: #495562;
  --text: #f4f1e9;
  --muted: #a9b2bc;
  --muted-2: #7f8a96;
  --gold: #f0a32c;
  --gold-2: #ffc45a;
  --red: #d74b35;
  --blue: #3d8fdb;
  --green: #67b568;
  --purple: #9d75d8;
  --orange: #da7327;
  --shadow: 0 22px 60px rgba(0,0,0,.34);
  --shadow-soft: 0 10px 28px rgba(0,0,0,.24);
  --radius-xl: 18px;
  --radius-lg: 15px;
  --radius-md: 11px;
  --radius-sm: 8px;
  --max: 1240px;
  color-scheme: dark;
}

html, body { background: var(--bg); }
body {
  color: var(--text);
  background:
    radial-gradient(circle at 92% 4%, rgba(42,104,151,.13), transparent 28rem),
    radial-gradient(circle at 8% 22%, rgba(209,70,42,.10), transparent 30rem),
    linear-gradient(180deg, #0b1016 0%, #111820 38%, #0b1016 100%);
  font-family: "Segoe UI", Arial, sans-serif;
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .075;
  background-image: repeating-linear-gradient(0deg, transparent 0 3px, rgba(255,255,255,.04) 3px 4px);
}
p { color: var(--muted); }
h1, h2, h3, h4, strong, b { color: var(--text); }
h1, h2, h3, .brand strong, .gate-card h1, .nav-button, .button, .status-chip, .eyebrow {
  font-family: "Arial Narrow", "Roboto Condensed", "Segoe UI", sans-serif;
}
h1, h2 { letter-spacing: -.02em; }
.eyebrow { color: var(--gold-2); font-weight: 900; letter-spacing: .15em; }
.quiet-copy { color: var(--muted-2); }

/* Game-sourced UI images */
.game-ui-icon { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: inherit; }
.system-icon img, .support-game-icon img, .system-dialog-icon img { width: 100%; height: 100%; object-fit: cover; display: block; }
.system-icon { overflow: hidden; padding: 0 !important; border: 1px solid rgba(240,163,44,.5); background: #111 !important; box-shadow: 0 3px 12px rgba(0,0,0,.26); }

/* Access gate */
.gate {
  background:
    linear-gradient(90deg, rgba(5,9,13,.94) 0%, rgba(6,10,15,.77) 50%, rgba(5,9,13,.28) 100%),
    url("assets/game/splash-full.webp") center 28% / cover no-repeat;
}
.gate::before, .gate::after { display: none; }
.gate-card {
  width: min(520px, calc(100% - 30px));
  margin-right: min(9vw, 140px);
  margin-left: auto;
  background: linear-gradient(180deg, rgba(17,23,30,.96), rgba(10,14,19,.97));
  border: 1px solid rgba(255,181,64,.35);
  border-top: 3px solid var(--gold);
  border-radius: 14px;
  box-shadow: 0 35px 100px rgba(0,0,0,.55);
  backdrop-filter: blur(12px);
}
.gate-brand-row { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }
.gate-alliance-emblem { width: 74px; height: 74px; object-fit: cover; border-radius: 14px; box-shadow: 0 8px 20px rgba(0,0,0,.34); }
.gate-lastz-logo { width: 230px; height: 98px; object-fit: contain; object-position: center; }
.gate-card h1 { font-size: clamp(2.3rem, 5vw, 3.9rem); text-transform: uppercase; text-shadow: 0 3px 0 #000; }
.gate-motto { color: var(--gold-2) !important; font-size: 1.15rem; font-weight: 900; }
.gate-card input { background: rgba(3,7,11,.76) !important; border-color: #49525b !important; color: #fff !important; }
.gate-card .button.primary { background: linear-gradient(180deg,#ffc85c,#e38a23); color: #17100a; border: 1px solid #ffd77f; }

/* Header styled like a restrained game HUD */
.topbar {
  height: 72px;
  background: linear-gradient(180deg, rgba(27,32,39,.98), rgba(12,17,22,.98));
  border-bottom: 2px solid #b85c22;
  box-shadow: 0 8px 24px rgba(0,0,0,.33);
}
.brand img { width: 44px; height: 44px; border-radius: 9px; object-fit: cover; }
.brand strong { color: #fff; letter-spacing: .06em; font-size: 1rem; }
.brand small { color: #d9a650; letter-spacing: .12em; }
.main-nav { background: #0d1217; border: 1px solid #303943; box-shadow: inset 0 1px rgba(255,255,255,.04); }
.nav-button { gap: 7px; display: inline-flex; align-items: center; color: #b7c0ca; }
.nav-button img { width: 26px; height: 26px; object-fit: cover; border-radius: 6px; filter: saturate(.9); }
.nav-button.active { background: linear-gradient(180deg,#f1aa39,#c56a23); color: #160f09; text-shadow: 0 1px rgba(255,255,255,.28); }
.nav-button.active img { box-shadow: 0 0 0 1px rgba(255,255,255,.35); }
.game-icon-button { padding: 3px; overflow: hidden; }
.game-icon-button img { width: 100%; height: 100%; object-fit: cover; border-radius: 7px; }
.profile-pill { background: #151c23; border-color: #48535f; }
.profile-pill span { color: #ffc858; }

/* Global controls */
input, select, textarea {
  background: #10161d !important;
  color: #f5f1e9 !important;
  border-color: #3c4752 !important;
}
input::placeholder, textarea::placeholder { color: #76818d !important; }
input:focus, select:focus, textarea:focus { border-color: var(--gold) !important; box-shadow: 0 0 0 3px rgba(240,163,44,.17) !important; }
.button { border-radius: 8px; text-transform: uppercase; letter-spacing: .035em; font-weight: 900; }
.button.primary {
  color: #1d1207;
  background: linear-gradient(180deg,#ffc75b 0%,#e98f29 55%,#bd5b1d 100%);
  border: 1px solid #ffd783;
  box-shadow: inset 0 1px rgba(255,255,255,.45), 0 5px 14px rgba(0,0,0,.25);
}
.button.primary:hover { background: linear-gradient(180deg,#ffd67e,#f3a238 55%,#ca6720); }
.button.secondary, .button.ghost {
  background: linear-gradient(180deg,#27313b,#182028);
  color: #f4f1e9;
  border-color: #47535e;
}
.button.secondary:hover, .button.ghost:hover { background: #303b46; }
.text-button { color: #f0aa40; font-weight: 850; }
.icon-button { background: #11171d; border-color: #3d4752; color: #e9edf1; }

/* Initial HQ setup */
.profile-setup {
  position: relative;
  overflow: hidden;
  padding: 56px;
  border: 1px solid #343e48;
  border-top: 3px solid var(--orange);
  border-radius: 18px;
  min-height: calc(100vh - 160px);
  background:
    linear-gradient(90deg, rgba(8,12,17,.96) 0%, rgba(8,12,17,.87) 52%, rgba(8,12,17,.32) 100%),
    url("assets/game/splash-hero.webp") center / cover no-repeat;
  box-shadow: var(--shadow);
}
.setup-copy h1 { color: #fff; text-transform: uppercase; text-shadow: 0 3px 0 #000; }
.setup-copy p { color: #c2cbd4; }
.hq-form {
  background: rgba(19,26,33,.94);
  border: 1px solid #49545f;
  border-top: 3px solid var(--gold);
  box-shadow: 0 20px 50px rgba(0,0,0,.42);
}
.hq-control { background: #0b1117; border-color: #4a5560; }
.hq-control button { color: #ffc35b; }

/* Main dashboard */
.clean-stage-hero {
  background: linear-gradient(135deg,#171e26,#0d1319);
  border-color: #35404a;
  border-top: 3px solid var(--orange);
  box-shadow: var(--shadow);
}
.clean-stage-copy h1 { color: #fff; text-transform: uppercase; text-shadow: 0 3px 0 rgba(0,0,0,.45); }
.stage-subtitle { color: #b8c2cc !important; }
.status-chip { background: #252e37; color: #bbc5cf; border-color: #45505a; }
.status-chip.gold { background: #3a2715; color: #ffc65a; border-color: #a65b24; }
.clean-progress-line { background: #303944; }
.clean-progress-line span { background: linear-gradient(90deg,#d75a27,#ffbd3f); }
.clean-milestone-text { color: #8f9aa6; }
.stage-image-slot {
  background-image: linear-gradient(180deg, transparent 45%, rgba(5,8,11,.9)), url("assets/game/cover-command-center.webp");
  background-size: cover;
  background-position: center;
  border: 1px solid #4b5661;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 16px 34px rgba(0,0,0,.3);
}
.stage-image-slot[data-stage-id="first-shelter"], .stage-image-slot[data-stage-id="systems-online"] { background-image: linear-gradient(180deg, transparent 42%, rgba(5,8,11,.92)), url("assets/game/splash-hero.webp"); }
.stage-image-slot[data-stage-id="efficiency-bootcamp"], .stage-image-slot[data-stage-id="choose-your-core"] { background-image: linear-gradient(180deg, transparent 42%, rgba(5,8,11,.92)), url("assets/game/cover-hq.webp"); }
.stage-image-slot[data-stage-id="specialisation"], .stage-image-slot[data-stage-id="long-push"] { background-image: linear-gradient(180deg, transparent 42%, rgba(5,8,11,.92)), url("assets/game/cover-heroes.webp"); }
.stage-image-slot[data-stage-id="t10-gate"], .stage-image-slot[data-stage-id="steel-era"] { background-image: linear-gradient(180deg, transparent 42%, rgba(5,8,11,.92)), url("assets/game/cover-power.webp"); }
.image-slot-grid { display: none; }
.game-visual-caption { position: absolute; left: 18px; right: 104px; bottom: 18px; text-align: left; padding: 0; }
.game-visual-caption span { color: #ffc75b; }
.game-visual-caption strong { font-size: 1.18rem; text-shadow: 0 2px 4px #000; }
.game-visual-caption small { color: #d2d7dc; }
.stage-hq-badge { background: linear-gradient(180deg,#ffc65c,#d46d22); color: #160e07; border: 2px solid #ffe199; box-shadow: 0 7px 20px rgba(0,0,0,.35); }

.clean-profile-strip, .clean-section, .clean-coach, .clean-today, .clean-quick-win, .clean-chatgpt,
.clean-stat-card, .clean-assessment, .system-card, .support-card, .section-shell, .tool-panel,
.mechanic-search, .learn-hero, .officer-panel, .sources-shell {
  background: linear-gradient(180deg,#1b222a,#141a20);
  border-color: #333e49;
  box-shadow: var(--shadow-soft);
}
.clean-profile-strip h2, .clean-profile-strip p { color: var(--text); }
.profile-meter { background: #333c46; }
.profile-meter span { background: linear-gradient(90deg,#cf6225,#f7b43d); }

/* In-game resource quick dock */
.game-resource-dock {
  display: grid;
  grid-template-columns: minmax(170px,1.3fr) repeat(5,minmax(105px,.72fr));
  gap: 8px;
  padding: 10px;
  margin-top: 14px;
  border-radius: 13px;
  border: 1px solid #34404b;
  background: linear-gradient(180deg,#151c23,#0e141a);
  box-shadow: 0 10px 28px rgba(0,0,0,.23);
}
.resource-dock-label { padding: 7px 12px; display: flex; flex-direction: column; justify-content: center; }
.resource-dock-label span { color: #e89032; font-size: .64rem; font-weight: 900; letter-spacing: .14em; }
.resource-dock-label strong { font-size: .92rem; }
.game-resource-dock button {
  display: flex; align-items: center; gap: 8px;
  border: 1px solid #3b4651; border-radius: 9px;
  background: #202831; color: #f6f2e9; padding: 7px 9px; cursor: pointer;
}
.game-resource-dock button:hover { border-color: #d9852c; background: #28323c; }
.game-resource-dock img { width: 39px; height: 39px; border-radius: 8px; object-fit: cover; flex: 0 0 auto; }
.game-resource-dock span { font-size: .78rem; font-weight: 800; }
.resource-dock-more { border-color: #9a5525 !important; }

/* Tabs like the game bottom navigation, but clean */
.briefing-tabs { background: #10161c; border: 1px solid #303a44; box-shadow: 0 8px 24px rgba(0,0,0,.25); }
.briefing-tab { color: #a7b1bc; }
.briefing-tab.active { background: linear-gradient(180deg,#e9952f,#b9571e); color: #fff; text-shadow: 0 1px 2px #5c250b; box-shadow: inset 0 1px rgba(255,255,255,.25); }

/* Assessment */
.clean-assessment { border-top: 3px solid #c45e24; }
.clean-assessment-main { background: linear-gradient(145deg,#1c252e,#11171d); border-color: #36414b; }
.clean-assessment-main h2 { color: #fff; }
.assessment-summary { color: #b7c1ca; }
.assessment-status, .assessment-confidence { background: #28323c; color: #c6ced6; border-color: #46525e; }
.clean-next-breakthrough { background: linear-gradient(145deg,#352416,#201811); border-color: #59401f; }
.clean-next-breakthrough h3 { color: #ffd078; }
.clean-next-breakthrough p { color: #d8c4a2; }
.clean-strengths { background: #171e25; }
.assessment-strengths li { color: #c1cad3; }
.clean-verdict { background: linear-gradient(90deg,#b8531e,#e58c2e 45%,#1a2027 45%); }
.clean-verdict span { color: #180e07; font-weight: 950; }
.clean-verdict strong { padding-left: 10px; }
.clean-stat-card { background: #171e25; }
.clean-stat-card > span { color: #f0a338; }
.compact-stat .big-number { color: #fff; }
.mission-stat { background: linear-gradient(145deg,#242d36,#171d24); }

/* Coach */
.coach-actions button { background: #202832; border-color: #3a4651; color: #fff; }
.coach-actions button:hover { background: #29333d; border-color: #d67b29; }
.coach-actions span { width: 46px; height: 46px; padding: 0; border-radius: 9px; overflow: hidden; }
.coach-actions span img { width: 100%; height: 100%; object-fit: cover; }
.coach-actions small { color: #95a2ae; }

/* Clickable game screens */
.game-screen-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 18px; }
.game-screen-card, .event-screen-card {
  position: relative; min-height: 230px; overflow: hidden; border-radius: 13px;
  border: 1px solid #46515d; background-color: #12181e; background-size: cover; background-position: center;
  cursor: pointer; text-align: left; padding: 0; box-shadow: 0 12px 26px rgba(0,0,0,.28);
}
.game-screen-card::after, .event-screen-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(6,9,12,.03) 35%,rgba(6,9,12,.94) 100%); }
.game-screen-card:hover, .event-screen-card:hover { border-color: #e09232; transform: translateY(-2px); }
.game-screen-card span, .event-screen-card span { position: absolute; z-index: 2; left: 16px; right: 16px; bottom: 15px; }
.game-screen-card b, .event-screen-card b { display: block; color: #fff; font-size: 1rem; text-shadow: 0 2px 3px #000; }
.game-screen-card small, .event-screen-card small { display: block; color: #c2c9d0; margin-top: 3px; }
.screen-hq { background-image: url("assets/game/cover-hq.webp"); }
.screen-heroes { background-image: url("assets/game/cover-heroes.webp"); }
.screen-events { background-image: url("assets/game/cover-full-preparedness.webp"); }
.screen-power { background-image: url("assets/game/cover-power.webp"); }

/* Moves / diagnostics / benchmarks */
.clean-moves .move-card, .optimization-card, .benchmark-card { background: #192128; border-color: #36414b; }
.clean-moves .move-card::before { color: #5d6873; }
.optimization-card.priority-one { background: linear-gradient(145deg,#392619,#201712); border-color: #9c5827; }
.task-toggle { color: #e7a23c; }

/* System cards with real in-game imagery */
.clean-systems .system-card {
  position: relative; overflow: hidden; min-height: 340px; padding: 156px 20px 20px;
  background: #171e25; border-color: #35414c; text-align: left;
}
.clean-systems .system-card::before {
  content: ""; position: absolute; inset: 0 0 auto; height: 140px;
  background-size: cover; background-position: center;
  border-bottom: 1px solid #48535e;
}
.clean-systems .system-card::after { content: ""; position: absolute; left: 0; right: 0; top: 104px; height: 38px; background: linear-gradient(transparent,#171e25); }
.clean-systems .system-card[data-open-system="heroes"]::before { background-image: url("assets/game/cover-heroes.webp"); }
.clean-systems .system-card[data-open-system="vehicles"]::before { background-image: url("assets/game/splash-hero.webp"); background-position: 8% 50%; }
.clean-systems .system-card[data-open-system="buildings"]::before { background-image: url("assets/game/cover-hq.webp"); }
.clean-systems .system-card[data-open-system="troops"]::before { background-image: url("assets/game/cover-zombie.webp"); }
.clean-systems .system-card[data-open-system="decorations"]::before { background-image: url("assets/game/cover-hq.webp"); background-position: 5% 55%; }
.clean-systems .system-card[data-open-system="factions"]::before { background-image: url("assets/game/cover-heroes.webp"); background-position: 50% 10%; }
.clean-systems .system-card:hover { border-color: #d77b2b; box-shadow: 0 15px 32px rgba(0,0,0,.34); }
.system-top { position: relative; z-index: 2; }
.clean-systems .system-icon { width: 54px; height: 54px; margin-top: -37px; border-radius: 12px; }
.system-stage { background: rgba(11,16,21,.88); color: #ffc55c; border-color: #7d4b22; }
.system-cta { color: #f0a23a; }
.clean-systems .system-card p { color: #aab5bf; }
.clean-support .support-card { background: #172029; border-color: #35414b; }
.support-game-icon { width: 48px; height: 48px; overflow: hidden; border-radius: 10px; border: 1px solid #b96b2b; flex: 0 0 auto; }
.clean-support .support-card small { color: #97a3af; }

/* Real images in former placeholders */
.clean-media-row .media-placeholder { color: #fff; border-style: solid; border-color: #46515c; cursor: pointer; background-size: cover; background-position: center; position: relative; overflow: hidden; text-align: left; }
.clean-media-row .media-placeholder::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 30%,rgba(5,8,11,.94)); }
.clean-media-row .media-placeholder > * { position: relative; z-index: 1; }
.media-placeholder[data-image-slot="heroes-formation"] { background-image: url("assets/game/cover-heroes.webp"); }
.media-placeholder[data-image-slot="vehicle-buildings"] { background-image: url("assets/game/cover-hq.webp"); }
.media-placeholder span { color: #ffc45b !important; }
.media-placeholder small { color: #d5d9de; }

/* Timing */
.event-screen-strip { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-bottom: 16px; }
.event-screen-card { min-height: 245px; }
.event-vs { background-image: url("assets/game/cover-vs.webp"); }
.event-fullprep { background-image: url("assets/game/cover-full-preparedness.webp"); }
.event-calendar { background-image: url("assets/game/cover-calendar.webp"); }
.today-clock { background: linear-gradient(180deg,#e69531,#a84818); border: 1px solid #ffc263; }
.today-clock span, .today-clock small { color: #2b1608; }
.today-clock strong { color: #fff; text-shadow: 0 2px 2px #63250b; }
.today-actions span { background: #27313a; color: #d2d9e0; }
.clean-chatgpt { background: linear-gradient(135deg,#1b242d,#10161d); }
.chatgpt-badge { background-image: url("assets/game/icon-manual.png"); background-size: cover; color: transparent; border: 1px solid #d17c2c; }

/* Learn page */
.page-heading h1 { color: #fff; text-transform: uppercase; }
.mechanic-search, .tool-panel, .learn-hero, .section-shell { border-top: 2px solid #a95323; }
.system-nav, .tool-nav { background: #0f151b; border: 1px solid #343f49; }
.system-tab, .tool-tab { color: #aeb8c2; }
.system-tab.active, .tool-tab.active { background: linear-gradient(180deg,#e89531,#b6531c); color: #fff; }
.tool-tab { display: inline-flex; align-items: center; gap: 7px; }
.tool-tab img { width: 29px; height: 29px; border-radius: 7px; object-fit: cover; }
.mechanic-card, .tool-card, .tool-result, .source-card, .request-card, .note-card, .knowledge-article-card { background: #182028; border-color: #35414b; }
.guide-hero { background: #171e25; border-color: #35414b; }
.guide-visual .system-icon { width: 86px; height: 86px; }
.guide-image-placeholder {
  min-height: 270px; border-style: solid; border-color: #46515d;
  background-size: cover; background-position: center; position: relative; overflow: hidden; color: #fff;
}
.guide-image-placeholder::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(5,8,11,.06),rgba(5,8,11,.88)); }
.guide-image-placeholder > div { position: relative; z-index: 1; align-self: end; justify-self: stretch; text-align: left; padding: 18px; }
.guide-image-placeholder b { color: #ffc55e; }
.guide-image-placeholder[data-image-slot^="heroes"] { background-image: url("assets/game/cover-heroes.webp"); }
.guide-image-placeholder[data-image-slot^="vehicles"] { background-image: url("assets/game/splash-hero.webp"); }
.guide-image-placeholder[data-image-slot^="buildings"] { background-image: url("assets/game/cover-hq.webp"); }
.guide-image-placeholder[data-image-slot^="troops"] { background-image: url("assets/game/cover-zombie.webp"); }
.guide-image-placeholder[data-image-slot^="decorations"] { background-image: url("assets/game/cover-hq.webp"); background-position: 10% 52%; }
.guide-image-placeholder[data-image-slot^="factions"] { background-image: url("assets/game/cover-heroes.webp"); background-position: 50% 12%; }
.guide-image-placeholder[data-image-slot^="research"] { background-image: url("assets/game/cover-calendar.webp"); }
.guide-image-placeholder[data-image-slot^="resources"] { background-image: url("assets/game/resource-strip.webp"); background-size: contain; background-repeat: no-repeat; background-color: #12181e; }
.guide-image-placeholder[data-image-slot^="events"] { background-image: url("assets/game/cover-full-preparedness.webp"); }
.guide-stage-card, .guide-section { background: #192128; border-color: #35414b; }
.simple-item { background: #1d252e; border-color: #35414b; }
.resource-item-button { text-align: left; }
.resource-game-icon { display: inline-block; width: 38px; height: 38px; vertical-align: middle; margin-right: 8px; }
.resource-game-icon img { width: 100%; height: 100%; border-radius: 8px; object-fit: cover; }
.resource-result-title { display: flex; align-items: center; gap: 8px; }
.resource-result-title img { width: 42px; height: 42px; border-radius: 9px; object-fit: cover; }

/* Dialogs / scan forms */
dialog.modal-card, .system-dialog-shell { background: #11171d; color: var(--text); border: 1px solid #45515c; }
dialog::backdrop { background: rgba(0,0,0,.74); backdrop-filter: blur(5px); }
.clean-modal-head, .system-dialog-head { background: #171e25; border-color: #35414b; }
.clean-profile-form { background: #0e141a; }
.scan-choice-bar { background: linear-gradient(90deg,#b34e1c,#e98e2f); }
.scan-choice-bar span { color: #2b160b; }
.quick-scan-card, .advanced-scan-group { background: #171e25; border-color: #35414b; }
.core-number-grid label, .hero-row, .scan-steps li, .direct-transfer-note, .scan-paste textarea { background: #11181f; border-color: #35414b; }
.optional-label, .summary-action { background: #29333d; color: #b9c2cb; }
.clean-studio-footer { background: rgba(16,22,28,.97); border-color: #35414b; }
.clean-profile-form input, .clean-profile-form select, .clean-profile-form textarea,
.knowledge-update-center input, .knowledge-update-center select, .knowledge-update-center textarea,
.officer-panel input, .officer-panel select, .officer-panel textarea { background: #0f151b !important; color: #f5f1e9 !important; border-color: #3a4651 !important; }

/* Update centre */
.knowledge-update-center { background: #141b22; }
.knowledge-status-card { background: linear-gradient(90deg,#b34d1d,#e88b2e 38%,#161d24 38%); }
.knowledge-meta-list span { background: rgba(0,0,0,.22); }
.knowledge-import-card { border-color: #35414b; }
.knowledge-preview-empty, .knowledge-preview-ready { background: #11181f; border-color: #45515c; }
.knowledge-preview-stats span { background: #1d252e; border-color: #35414b; }
.knowledge-publish-note { background: #2b2118; border-color: #5c4124; }
code { background: #27313a; color: #f6bd5b; }
footer { background: #0a0f14; color: #8e9aa6; border-top: 1px solid #2c363f; }
footer strong { color: #fff; }

/* Mobile */
@media (max-width: 980px) {
  .game-resource-dock { grid-template-columns: repeat(3,1fr); }
  .resource-dock-label { grid-column: 1 / -1; }
  .game-screen-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .event-screen-strip { grid-template-columns: 1fr 1fr; }
  .event-calendar { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .gate-card { margin: auto; }
  .gate-lastz-logo { width: 190px; }
  .profile-setup { padding: 24px; min-height: auto; background-position: 56% center; }
  .main-nav { background: linear-gradient(180deg,#1b222a,#0f151a); border: 1px solid #4a5661; }
  .nav-button { flex-direction: column; gap: 2px; }
  .nav-button img { width: 31px; height: 31px; }
  .game-resource-dock { grid-template-columns: repeat(2,1fr); }
  .resource-dock-label { grid-column: 1 / -1; }
  .game-screen-grid, .event-screen-strip { grid-template-columns: 1fr; }
  .event-calendar { grid-column: auto; }
  .game-screen-card, .event-screen-card { min-height: 220px; }
  .clean-verdict { background: linear-gradient(180deg,#b8531e 0 42%,#1a2027 42%); }
  .clean-verdict strong { padding-left: 0; padding-top: 8px; }
  .clean-systems .system-card { min-height: 315px; }
}
@media (max-width: 480px) {
  .gate-brand-row { gap: 10px; }
  .gate-alliance-emblem { width: 60px; height: 60px; }
  .gate-lastz-logo { width: 155px; height: 76px; }
  .game-resource-dock { display: flex; overflow-x: auto; }
  .resource-dock-label { min-width: 180px; }
  .game-resource-dock button { min-width: 112px; }
}