:root {
  color-scheme: light;
  --ink: #142324;
  --muted: #637476;
  --faint: #879698;
  --canvas: #eaf0f0;
  --surface: #ffffff;
  --surface-alt: #f5f8f8;
  --line: #d8e2e1;
  --line-strong: #b9cbca;
  --deep: #0d2929;
  --deep-soft: #143939;
  --accent: #087d68;
  --accent-strong: #056652;
  --accent-soft: #e2f4ef;
  --gold: #a56d17;
  --gold-soft: #fff4df;
  --danger: #a73d37;
  --danger-soft: #fff1ef;
  --shadow: 0 14px 36px rgba(21, 40, 40, 0.08);
  --focus: #167fcb;
  font-family: Inter, "Microsoft YaHei", "PingFang SC", "Noto Sans SC", system-ui, sans-serif;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { min-width: 320px; background: var(--canvas); }
body { min-width: 320px; margin: 0; background: var(--canvas); color: var(--ink); font-size: 14px; line-height: 1.5; }
button, input, select { font: inherit; }
button { cursor: pointer; }
a { color: inherit; }
button:focus-visible, input:focus-visible, select:focus-visible, a:focus-visible { outline: 3px solid color-mix(in srgb, var(--focus) 56%, transparent); outline-offset: 2px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }

.topbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 70px; padding: 12px max(20px, calc((100% - 1480px) / 2)); background: var(--deep); color: #eef7f6; border-bottom: 3px solid var(--accent); }
.brand { display: inline-flex; align-items: center; min-width: 0; gap: 11px; text-decoration: none; }
.brand-mark { display: grid; grid-template-columns: 1fr 1fr; align-items: center; width: 38px; height: 38px; overflow: hidden; border: 1px solid #6eaaa1; border-radius: 7px; color: #ddf6ed; font-weight: 800; letter-spacing: 0; line-height: 1; }
.brand-mark span { display: grid; place-items: center; height: 100%; }
.brand-mark span + span { border-left: 1px solid #6eaaa1; color: #87d9bd; }
.brand-copy { display: grid; gap: 1px; min-width: 0; }
.brand-copy strong { font-size: 14px; font-weight: 800; letter-spacing: 0; white-space: nowrap; }
.brand-copy small { color: #a9bfbb; font-size: 12px; white-space: nowrap; }
.topbar-meta { display: flex; align-items: center; gap: 8px; color: #bfd0cd; font-size: 12px; white-space: nowrap; }
.version-badge { display: inline-flex; align-items: center; min-height: 26px; padding: 2px 9px; border: 1px solid #3b6560; border-radius: 4px; background: #174442; color: #c7eee1; font-size: 11px; font-weight: 700; letter-spacing: 0; }
.source-dot { width: 6px; height: 6px; border-radius: 50%; background: #57d8ae; }

.page-shell { width: min(1480px, 100%); margin: 0 auto; padding: 24px 20px 34px; }
.search-hero { padding: 24px clamp(18px, 3.2vw, 42px) 22px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow); }
.hero-copy { display: grid; gap: 5px; }
.eyebrow, .section-kicker { margin: 0; color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: 0; }
.search-hero h1 { margin: 0; color: var(--deep); font-size: clamp(24px, 2.6vw, 34px); font-weight: 800; letter-spacing: 0; line-height: 1.2; }
.hero-subtitle { margin: 0; color: var(--muted); }

.search-form { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 9px; width: min(900px, 100%); min-height: 54px; margin-top: 20px; padding: 5px 5px 5px 15px; border: 1px solid var(--line-strong); border-radius: 7px; background: #fff; transition: border-color .15s ease, box-shadow .15s ease; }
.search-form:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(8, 125, 104, 0.12); }
.search-icon { color: var(--accent); font-size: 27px; font-weight: 400; line-height: 1; transform: translateY(-1px); }
.search-form input { min-width: 0; width: 100%; padding: 8px 0; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: 16px; }
.search-form input::placeholder { color: #8a989a; }
.clear-button { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 4px; color: var(--faint); background: transparent; font-size: 22px; line-height: 1; }
.clear-button:hover { color: var(--deep); background: var(--surface-alt); }
.search-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 106px; min-height: 42px; padding: 7px 14px; border: 1px solid var(--accent); border-radius: 4px; color: #fff; background: var(--accent); font-weight: 700; }
.search-button:hover { border-color: var(--accent-strong); background: var(--accent-strong); }
.search-button kbd { display: inline-block; color: #c7eee3; font: inherit; font-size: 10px; font-weight: 600; }

.search-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-top: 16px; }
.kind-tabs { display: flex; flex-wrap: wrap; order: 1; gap: 4px; }
.kind-tab { min-height: 31px; padding: 4px 10px; border: 1px solid transparent; border-radius: 4px; color: var(--muted); background: transparent; font-size: 13px; }
.kind-tab:hover { color: var(--deep); background: var(--surface-alt); }
.kind-tab.is-active { border-color: #abd8cc; color: var(--accent-strong); background: var(--accent-soft); font-weight: 700; }
.item-category-tabs { display: flex; align-items: center; flex: 1 1 100%; flex-wrap: wrap; order: 3; gap: 6px; margin-top: 0; padding: 9px 11px; border: 1px solid #d8e7e3; background: #f5faf8; }
.item-category-title { margin-right: 3px; color: var(--muted); font-size: 12px; font-weight: 800; }
.item-category-tab { min-height: 30px; padding: 4px 12px; border: 1px solid transparent; border-radius: 4px; color: var(--muted); background: transparent; font-size: 13px; font-weight: 700; }
.item-category-tab:hover { color: var(--deep); background: #e8f3ef; }
.item-category-tab.is-active { border-color: #9acfc1; color: var(--accent-strong); background: #dff3ec; }
.item-category-badge { display: inline-flex; align-items: center; width: max-content; min-height: 21px; margin-top: 3px; padding: 2px 7px; border: 1px solid currentColor; border-radius: 3px; font-size: 10px; font-weight: 850; line-height: 1.1; white-space: nowrap; }
.item-category-badge.compact { min-height: 19px; margin-top: 0; padding: 1px 6px; font-size: 10px; }
.item-category-badge.equipment { color: #236c9c; background: #e8f4ff; }
.item-category-badge.consumable { color: #9a6616; background: #fff4dc; }
.item-category-badge.other { color: #77558c; background: #f4ebfa; }
.completeness-control { display: inline-flex; align-items: center; order: 2; gap: 8px; margin-left: auto; color: var(--muted); font-size: 12px; white-space: nowrap; }
.completeness-control select { min-height: 30px; padding: 3px 25px 3px 8px; border: 1px solid var(--line); border-radius: 4px; color: var(--ink); background: var(--surface); }

.catalog-layout { display: grid; grid-template-columns: minmax(330px, 440px) minmax(0, 1fr); align-items: start; margin-top: 16px; border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow); }
.results-pane { min-width: 0; min-height: 660px; padding: 21px 16px 16px; border-right: 1px solid var(--line); background: #f7faf9; }
.results-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding: 0 4px; }
.results-heading h2 { margin: 2px 0 0; color: var(--deep); font-size: 18px; line-height: 1.25; }
.result-count { color: var(--muted); font-size: 12px; text-align: right; white-space: nowrap; }
.query-summary { min-height: 20px; margin: 10px 4px 13px; color: var(--muted); font-size: 12px; }
.results-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 14px; margin: 12px 4px 16px; }
.results-toolbar .query-summary { margin: 0; }
.level-sort-control { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--site-muted, var(--muted)); font-size: 14px; font-weight: 700; }
.level-sort-control[hidden] { display: none; }
.level-sort-control select { min-height: 38px; max-width: 100%; padding: 6px 10px; border: 1px solid var(--site-line, var(--line)); border-radius: 3px; color: var(--site-cyan, var(--accent-strong)); background: var(--site-panel, var(--surface)); font: inherit; cursor: pointer; }
.level-sort-control select:focus-visible { outline: 2px solid var(--site-cyan, var(--accent)); outline-offset: 2px; }
.result-status { min-height: 0; }
.result-list { display: grid; gap: 7px; }
.result-card { display: grid; grid-template-columns: 50px minmax(0, 1fr) auto; align-items: center; gap: 11px; width: 100%; min-height: 74px; padding: 10px; border: 1px solid #deebea; border-radius: 6px; color: var(--ink); background: var(--surface); text-align: left; transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease; }
.result-card:hover, .result-card:focus-visible { border-color: #93c9bb; box-shadow: 0 6px 15px rgba(19, 64, 57, .08); }
.result-card.is-selected { border-color: var(--accent); background: #fbfffd; box-shadow: inset 3px 0 0 var(--accent); }
.result-card.has-detail:hover { transform: translateY(-1px); }
.entry-icon { display: grid; place-items: center; flex: 0 0 auto; width: 48px; height: 48px; overflow: hidden; border: 1px solid #d4e1df; border-radius: 5px; background: #f6faf9; }
.entry-icon img { width: 42px; height: 42px; object-fit: contain; image-rendering: auto; }
.entry-icon .icon-fallback { display: grid; place-items: center; width: 100%; height: 100%; color: var(--accent-strong); font-size: 16px; font-weight: 800; }
.entry-icon.large { width: 82px; height: 82px; border-radius: 7px; }
.entry-icon.large img { width: 74px; height: 74px; }
.entry-copy { min-width: 0; }
.entry-type { display: block; color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: 0; }
.entry-name { display: block; margin-top: 1px; overflow-wrap: anywhere; color: var(--deep); font-size: 15px; font-weight: 800; line-height: 1.35; }
.entry-meta { display: flex; flex-wrap: wrap; gap: 3px 8px; margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.35; }
.entry-id { font-variant-numeric: tabular-nums; }
.entry-summary { display: block; overflow: hidden; max-width: 120px; color: var(--faint); font-size: 11px; line-height: 1.35; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.entry-status { align-self: start; min-width: 0; padding: 3px 5px; border-radius: 3px; font-size: 10px; font-weight: 800; line-height: 1.2; text-align: right; white-space: nowrap; }
.entry-status.complete { color: var(--accent-strong); background: var(--accent-soft); }
.entry-status.pending { color: #936017; background: var(--gold-soft); }
.result-card .item-category-badge { margin-top: 3px; }
.pagination { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; margin-top: 16px; padding: 12px 3px 1px; border-top: 1px solid var(--line); }
.pagination button { min-height: 34px; padding: 5px 10px; border: 1px solid var(--line-strong); border-radius: 4px; color: #355756; background: var(--surface); }
.pagination button:hover:not(:disabled) { border-color: var(--accent); color: var(--accent-strong); }
.pagination button:disabled { cursor: default; opacity: .45; }
.pagination span { color: var(--muted); font-size: 12px; text-align: center; white-space: nowrap; }

.detail-pane { position: sticky; top: 18px; min-width: 0; min-height: 660px; padding: clamp(22px, 3vw, 42px); background: var(--surface); }
.detail-empty { display: grid; justify-items: center; max-width: 470px; margin: 152px auto; color: var(--muted); text-align: center; }
.detail-empty h2 { margin: 4px 0 7px; color: var(--deep); font-size: 21px; }
.detail-empty p:last-child { margin: 0; }
.empty-emblem { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 5px; border: 1px solid #b8d9d0; border-radius: 50%; color: var(--accent); background: var(--accent-soft); font-size: 23px; }
.detail-loading { display: grid; justify-items: center; gap: 13px; margin: 152px auto; color: var(--muted); }
.detail-loading p { margin: 0; }
.loading-orbit { width: 27px; height: 27px; border: 3px solid #d6e9e5; border-top-color: var(--accent); border-radius: 50%; animation: rotate .8s linear infinite; }
@keyframes rotate { to { transform: rotate(360deg); } }

.detail-header { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 18px; align-items: center; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.detail-header-copy { min-width: 0; }
.detail-topline { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.detail-kind { color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: 0; }
.detail-id { color: var(--faint); font-size: 12px; font-variant-numeric: tabular-nums; }
.detail-title { margin: 3px 0 0; overflow-wrap: anywhere; color: var(--deep); font-size: clamp(24px, 2.7vw, 33px); font-weight: 800; line-height: 1.2; }
.detail-meta { display: flex; flex-wrap: wrap; gap: 6px 9px; margin-top: 8px; color: var(--muted); font-size: 12px; }
.detail-chip { display: inline-flex; align-items: center; min-height: 23px; padding: 2px 7px; border-radius: 3px; font-size: 11px; font-weight: 700; }
.detail-chip.complete { color: var(--accent-strong); background: var(--accent-soft); }
.detail-chip.pending { color: #916017; background: var(--gold-soft); }
.incomplete-notice { display: flex; align-items: flex-start; gap: 9px; margin: 18px 0 0; padding: 11px 12px; border-left: 3px solid #c99337; color: #6f572d; background: #fff8ec; font-size: 13px; }
.incomplete-notice strong { color: #825f21; }
.detail-overview { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 1px; margin: 20px 0 0; border: 1px solid var(--line); background: var(--line); }
.overview-cell { min-width: 0; padding: 10px 12px; background: var(--surface-alt); }
.overview-cell span { display: block; color: var(--muted); font-size: 11px; }
.overview-cell strong { display: block; overflow-wrap: anywhere; margin-top: 2px; color: var(--deep); font-size: 14px; font-variant-numeric: tabular-nums; }
.detail-section { padding: 24px 0 2px; border-bottom: 1px solid #e3ebea; }
.detail-section:last-child { border-bottom: 0; }
.section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.section-heading h3 { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--deep); font-size: 16px; }
.section-heading h3::before { display: block; width: 4px; height: 16px; border-radius: 2px; background: var(--accent); content: ""; }
.section-heading span { color: var(--faint); font-size: 11px; text-align: right; }
.stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(156px, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.stat-cell { min-width: 0; padding: 8px 10px; background: var(--surface); }
.stat-cell dt { overflow-wrap: anywhere; color: var(--muted); font-size: 12px; }
.stat-cell dd { margin: 2px 0 0; overflow-wrap: anywhere; color: var(--ink); font-weight: 700; font-variant-numeric: tabular-nums; }
.stat-primary + .stat-range { margin-left: 5px; }
.stat-range { color: var(--gold); font-size: 12px; font-weight: 700; }
.repairable-stat dt, .repairable-stat dd { color: #a66b00; }
.job-list { display: flex; flex-wrap: wrap; gap: 7px; }
.job-chip { display: inline-flex; align-items: center; min-height: 30px; padding: 3px 9px; border: 1px solid #acd6ca; border-radius: 4px; color: var(--accent-strong); background: var(--accent-soft); font-size: 12px; font-weight: 700; }
.equipment-summary-section { padding-top: 18px; }
.equipment-summary-card { width: min(390px, 100%); overflow: hidden; padding: 13px 14px 14px; border: 1px solid #376760; border-radius: 6px; color: #e9f7f4; background: #102c2c; box-shadow: 0 13px 28px rgba(4, 19, 19, .18); }
.equipment-summary-titlebar { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-bottom: 9px; border-bottom: 1px solid #31534f; }
.equipment-summary-titlebar strong { color: #fff; font-size: 14px; }
.equipment-summary-titlebar span { overflow-wrap: anywhere; color: #78d7b7; font-size: 10px; text-align: right; }
.equipment-summary-list { display: grid; gap: 0; margin: 0; padding: 7px 0; }
.equipment-summary-row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 7px; padding: 3px 0; font-size: 11px; line-height: 1.4; }
.equipment-summary-row dt { flex: 0 0 auto; color: #a7c4be; }
.equipment-summary-row dd { min-width: 0; margin: 0; overflow-wrap: anywhere; color: #f4fffd; font-weight: 750; font-variant-numeric: tabular-nums; }
.equipment-summary-row.is-primary dd { color: #fff; font-weight: 800; }
.equipment-summary-row.is-repairable dt, .equipment-summary-row.is-repairable dd { color: #ffd36d; }
.equipment-summary-row.is-price { padding-top: 7px; border-top: 1px dashed #31534f; }
.equipment-summary-row.is-price dd { color: #ffe19b; }
.equipment-summary-jobs { padding: 8px 0 9px; border-top: 1px solid #31534f; border-bottom: 1px solid #31534f; }
.equipment-summary-label { display: block; margin-bottom: 6px; color: #a7c4be; font-size: 10px; }
.equipment-summary-job-list { display: flex; flex-wrap: wrap; gap: 4px; }
.equipment-summary-job-list span { padding: 2px 6px; border: 1px solid #1d9f7e; border-radius: 3px; color: #87e4c4; background: #123d35; font-size: 10px; font-weight: 700; }
.equipment-summary-job-list .is-missing { border-color: #4d6c67; color: #a7c4be; background: transparent; }
.equipment-summary-more { border-top: 1px solid #31534f; }
.equipment-summary-more summary { padding: 7px 0; color: #a7c4be; cursor: pointer; font-size: 10px; }
.equipment-summary-more[open] summary { color: #87e4c4; }
.equipment-summary-more .equipment-summary-list { padding-top: 0; }
.compact-list { display: grid; gap: 7px; }
.relation-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(188px, 1fr)); gap: 7px; }
.relation-card { display: grid; grid-template-columns: 35px minmax(0, 1fr); align-items: center; gap: 8px; min-height: 54px; padding: 7px; border: 1px solid #dde9e7; border-radius: 5px; color: var(--ink); background: var(--surface-alt); text-align: left; }
.relation-card:hover { border-color: #95c9bd; background: #fbfffd; }
.relation-card .entry-icon { width: 34px; height: 34px; border-radius: 4px; }
.relation-card .entry-icon img { width: 29px; height: 29px; }
.relation-card .entry-name { margin: 0; color: #174240; font-size: 12px; }
.relation-card .relation-meta { display: flex; flex-wrap: wrap; gap: 3px 7px; margin-top: 2px; color: var(--muted); font-size: 11px; }
.probability { color: var(--accent-strong); font-weight: 700; }
.shop-price { color: #9a6719; font-weight: 800; }
.not-published { color: var(--faint); }
.data-table-wrap { overflow-x: auto; border: 1px solid var(--line); }
.data-table { width: 100%; min-width: 430px; border-collapse: collapse; font-size: 12px; }
.data-table th, .data-table td { padding: 8px 10px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.data-table th { color: var(--muted); background: var(--surface-alt); font-weight: 700; white-space: nowrap; }
.data-table tr:last-child td { border-bottom: 0; }
.data-table .table-link { padding: 0; border: 0; color: var(--accent-strong); background: transparent; font-weight: 700; text-align: left; }
.data-table .table-link:hover { color: var(--accent); text-decoration: underline; }
.text-block { margin: 0; color: #425556; white-space: pre-wrap; overflow-wrap: anywhere; }
.steps-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.steps-list li { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 12px; padding: 9px 10px; border-left: 3px solid #a8d7ca; background: var(--surface-alt); }
.steps-list strong { color: var(--accent-strong); font-size: 12px; }
.steps-list span { overflow-wrap: anywhere; }
.other-fields { display: grid; gap: 0; border-top: 1px solid var(--line); }
.field-row { display: grid; grid-template-columns: minmax(120px, .42fr) minmax(0, 1fr); gap: 14px; padding: 9px 4px; border-bottom: 1px solid var(--line); }
.field-key { overflow-wrap: anywhere; color: var(--muted); font-size: 12px; }
.field-value { min-width: 0; overflow-wrap: anywhere; color: #334848; }
.field-value > ul { display: grid; gap: 5px; margin: 0; padding: 0; list-style: none; }
.field-value .nested-object { display: grid; gap: 4px; }
.field-value .nested-object > div { display: grid; grid-template-columns: minmax(100px, .5fr) minmax(0, 1fr); gap: 9px; }
.field-value .nested-object > div > span:first-child { color: var(--faint); }
.raw-details { margin: 22px 0 2px; border-top: 1px solid var(--line); }
.raw-details summary { padding: 12px 0; color: var(--muted); cursor: pointer; font-size: 12px; }
.raw-details summary:hover { color: var(--accent-strong); }
.raw-text { max-height: 260px; overflow: auto; margin: 0 0 12px; padding: 12px; border: 1px solid var(--line); color: #435658; background: var(--surface-alt); font: 12px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.source-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding-top: 18px; color: var(--faint); font-size: 11px; }
.source-footer strong { color: var(--muted); }
.source-footer a { color: var(--accent-strong); overflow-wrap: anywhere; }

.empty-results, .error-results { padding: 29px 15px; border: 1px dashed var(--line-strong); border-radius: 5px; color: var(--muted); background: var(--surface); text-align: center; }
.empty-results strong, .error-results strong { display: block; margin-bottom: 4px; color: var(--deep); }
.empty-results p, .error-results p { margin: 0; }
.retry-button { min-height: 31px; margin-top: 12px; padding: 4px 11px; border: 1px solid var(--line-strong); border-radius: 4px; color: var(--accent-strong); background: var(--surface); font-size: 12px; font-weight: 700; }
.retry-button:hover { border-color: var(--accent); background: var(--accent-soft); }
.skeleton-card { min-height: 74px; border: 1px solid #deebea; border-radius: 6px; background: linear-gradient(90deg, #ffffff 0%, #f2f7f6 40%, #ffffff 80%); background-size: 220% 100%; animation: shimmer 1.1s linear infinite; }
@keyframes shimmer { to { background-position: -220% 0; } }

.hover-card { position: fixed; z-index: 30; width: min(360px, calc(100vw - 24px)); max-height: min(540px, calc(100vh - 24px)); overflow: auto; padding: 14px; border: 1px solid #376760; border-radius: 6px; color: #e9f7f4; background: #102c2c; box-shadow: 0 18px 44px rgba(4, 19, 19, .32); opacity: 0; pointer-events: none; transform: translateY(4px); transition: opacity .12s ease, transform .12s ease; }
.hover-card.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
.hover-head { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 10px; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #31534f; }
.hover-head .entry-icon { width: 43px; height: 43px; border-color: #426b66; background: #1c3c3b; }
.hover-head .entry-icon img { width: 36px; height: 36px; }
.hover-head .entry-name { color: #fff; font-size: 15px; }
.hover-head .entry-type { color: #78d7b7; }
.equipment-hover-head { align-items: start; }
.equipment-hover-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 3px 7px; margin-bottom: 2px; color: #78d7b7; font-size: 10px; font-weight: 700; }
.equipment-hover-meta span + span::before { margin-right: 7px; color: #577873; content: "·"; }
.equipment-hover-id { color: #9cb9b3; font-variant-numeric: tabular-nums; }
.equipment-hover-level { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 10px 1px 8px; border-bottom: 1px solid #31534f; color: #b8cfca; font-size: 11px; }
.equipment-hover-level strong { color: #fff; font-size: 15px; font-variant-numeric: tabular-nums; }
.equipment-hover-jobs { display: flex; flex-wrap: wrap; gap: 4px; padding: 9px 0; border-bottom: 1px solid #31534f; }
.equipment-hover-jobs span { padding: 2px 6px; border: 1px solid #1d9f7e; border-radius: 3px; color: #87e4c4; background: #123d35; font-size: 10px; font-weight: 700; }
.equipment-hover-jobs .is-missing { border-color: #4d6c67; color: #a7c4be; background: transparent; }
.equipment-hover-list { display: grid; gap: 0; margin: 0; padding: 7px 0 0; }
.equipment-hover-row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 7px; padding: 4px 1px; font-size: 11px; line-height: 1.35; }
.equipment-hover-row dt { flex: 0 0 auto; color: #a7c4be; }
.equipment-hover-row dd { min-width: 0; margin: 0; overflow-wrap: anywhere; color: #f4fffd; font-weight: 750; font-variant-numeric: tabular-nums; text-align: left; }
.equipment-hover-row.is-repairable dt, .equipment-hover-row.is-repairable dd { color: #ffd36d; }
.hover-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: 10px; background: #31534f; }
.hover-grid div { min-width: 0; padding: 7px 8px; background: #143332; }
.hover-grid span { display: block; color: #a7c4be; font-size: 10px; }
.hover-grid strong { display: block; overflow-wrap: anywhere; color: #f4fffd; font-size: 12px; font-variant-numeric: tabular-nums; }
.hover-note { margin: 10px 0 0; color: #adcbc4; font-size: 11px; line-height: 1.45; }
.hover-status { display: inline-flex; margin-top: 10px; padding: 3px 6px; border-radius: 3px; color: #8ae2c4; background: #19493f; font-size: 10px; font-weight: 700; }
.hover-status.pending { color: #ffd184; background: #604b2b; }
.toast { position: fixed; right: 20px; bottom: 20px; z-index: 40; max-width: min(420px, calc(100% - 40px)); padding: 9px 12px; border-radius: 4px; color: #ecf7f5; background: var(--deep); box-shadow: 0 11px 27px rgba(11, 31, 30, .24); opacity: 0; pointer-events: none; transform: translateY(7px); transition: opacity .16s ease, transform .16s ease; }
.toast.is-visible { opacity: 1; transform: translateY(0); }
.toast.is-error { background: var(--danger); }

@media (max-width: 920px) {
  .catalog-layout { grid-template-columns: 1fr; }
  .results-pane { min-height: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .detail-pane { position: static; min-height: 500px; }
  .result-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .result-card { grid-template-columns: 43px minmax(0, 1fr); gap: 9px; min-height: 69px; }
  .result-card .entry-icon { width: 42px; height: 42px; }
  .result-card .entry-icon img { width: 36px; height: 36px; }
  .entry-summary { display: none; }
  .entry-status { grid-column: 2; justify-self: start; align-self: center; margin-top: -5px; }
  .detail-empty, .detail-loading { margin: 85px auto; }
}

@media (max-width: 640px) {
  .topbar { min-height: 61px; padding: 10px 14px; }
  .brand-mark { width: 34px; height: 34px; }
  .brand-copy strong { font-size: 12px; }
  .brand-copy small { font-size: 11px; }
  .source-dot, .source-label { display: none; }
  .page-shell { padding: 0 0 24px; }
  .search-hero { border-top: 0; border-right: 0; border-left: 0; box-shadow: none; }
  .search-hero h1 { font-size: 25px; }
  .hero-subtitle { font-size: 13px; }
  .search-form { grid-template-columns: auto minmax(0, 1fr) auto; min-height: 50px; margin-top: 17px; padding-left: 11px; }
  .search-button { min-width: 44px; padding: 6px 10px; }
  .search-button kbd { display: none; }
  .search-toolbar { align-items: flex-start; flex-direction: column; gap: 9px; }
  .kind-tabs { width: 100%; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 1px; }
  .kind-tab { flex: 0 0 auto; min-height: 34px; }
  .completeness-control { justify-content: space-between; width: 100%; }
  .completeness-control select { min-width: 138px; }
  .catalog-layout { margin-top: 0; border-right: 0; border-left: 0; box-shadow: none; }
  .results-pane { padding: 18px 12px 14px; }
  .result-list { grid-template-columns: 1fr; }
  .detail-pane { min-height: 430px; padding: 23px 16px 30px; }
  .detail-header { grid-template-columns: 61px minmax(0, 1fr); gap: 12px; }
  .entry-icon.large { width: 61px; height: 61px; }
  .entry-icon.large img { width: 55px; height: 55px; }
  .detail-title { font-size: 25px; }
  .detail-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .relation-list { grid-template-columns: 1fr; }
  .field-row { grid-template-columns: 1fr; gap: 3px; }
  .steps-list li { grid-template-columns: 1fr; gap: 3px; }
  .toast { right: 12px; bottom: 12px; max-width: calc(100% - 24px); }
}

@media (hover: none), (pointer: coarse) {
  .hover-card { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* --------------------------------------------------------------------------
   Maple Insight public shell
   The catalog styles above remain available to the data browser.  This
   namespaced layer gives the public site its in-game HUD language without
   changing the standalone player/admin surfaces.
   -------------------------------------------------------------------------- */
.site-home {
  --site-bg: #080e1b;
  --site-bg-raised: #0c1525;
  --site-panel: #101d30;
  --site-panel-2: #14253b;
  --site-panel-3: #192d46;
  --site-line: #294562;
  --site-line-bright: #3c6485;
  --site-text: #eff8ff;
  --site-muted: #93a9bf;
  --site-dim: #657d96;
  --site-cyan: #65f1cf;
  --site-cyan-deep: #21b996;
  --site-gold: #ffc75d;
  --site-pink: #ff7eb9;
  --site-blue: #73b9ff;
  --site-danger: #ff8c83;
  min-width: 320px;
  color: var(--site-text);
  background: var(--site-bg);
}

.site-home::selection { color: #07131c; background: var(--site-cyan); }
.site-home a { color: inherit; }
.site-home .site-noise,
.site-home .site-stars { position: fixed; inset: 0; z-index: -1; pointer-events: none; }
.site-home .site-noise { opacity: .17; background-size: 4px 4px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%236a8aa7' fill-opacity='.22' d='M0 0h1v1H0zM2 2h1v1H2z'/%3E%3C/svg%3E"); }
.site-home .site-stars::before,
.site-home .site-stars::after { position: absolute; display: block; width: 2px; height: 2px; content: ""; background: var(--site-cyan); box-shadow: 130px 130px 0 #395a7b, 280px 55px 0 #6b4b72, 480px 230px 0 #315876, 680px 95px 0 #4d6a82, 840px 360px 0 #735b3e, 1040px 170px 0 #315876, 1240px 470px 0 #3c6681, 1480px 90px 0 #5b5378, 1660px 380px 0 #315876; opacity: .55; }
.site-home .site-stars::before { top: 40px; left: 9%; }
.site-home .site-stars::after { right: 8%; bottom: 80px; transform: scale(.7); }

.site-home .site-topbar {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 74px;
  padding: 12px max(24px, calc((100% - 1240px) / 2));
  border-bottom: 1px solid var(--site-line);
  background: rgba(8, 14, 27, .96);
  box-shadow: 0 8px 30px rgba(0, 0, 0, .24);
  backdrop-filter: blur(14px);
}
.site-home .site-brand { display: inline-flex; align-items: center; gap: 12px; min-width: 230px; text-decoration: none; }
.site-home .site-brand-mark { display: grid; grid-template-columns: 1fr 1fr; width: 44px; height: 44px; overflow: hidden; border: 2px solid var(--site-cyan); color: var(--site-cyan); background: #0e2430; clip-path: polygon(0 5px, 5px 5px, 5px 0, calc(100% - 5px) 0, calc(100% - 5px) 5px, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 5px calc(100% - 5px), 0 calc(100% - 5px)); }
.site-home .site-brand-mark span { display: grid; place-items: center; font-size: 16px; font-weight: 900; line-height: 1; }
.site-home .site-brand-mark span + span { border-left: 1px solid var(--site-line-bright); color: var(--site-gold); }
.site-home .site-brand-copy { display: grid; gap: 1px; min-width: 0; }
.site-home .site-brand-copy strong { color: var(--site-text); font-size: 14px; letter-spacing: .16em; white-space: nowrap; }
.site-home .site-brand-copy small { color: var(--site-muted); font-size: 11px; white-space: nowrap; }
.site-home .site-nav { display: flex; align-items: center; justify-content: center; gap: 4px; min-width: 0; flex: 1; }
.site-home .site-nav a { position: relative; padding: 10px 13px; border: 1px solid transparent; color: var(--site-muted); font-size: 13px; text-decoration: none; transition: color .18s ease, background .18s ease, border-color .18s ease; }
.site-home .site-nav a::before { position: absolute; left: 13px; right: 13px; bottom: 4px; height: 2px; transform: scaleX(0); transform-origin: center; background: var(--site-cyan); content: ""; transition: transform .18s ease; }
.site-home .site-nav a:hover, .site-home .site-nav a.is-active { border-color: var(--site-line); color: var(--site-text); background: #12233a; }
.site-home .site-nav a:hover::before, .site-home .site-nav a.is-active::before { transform: scaleX(1); }
.site-home .site-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-width: 230px; }
.site-home .classic-badge { display: inline-flex; align-items: center; gap: 7px; min-height: 28px; padding: 3px 9px; border: 1px solid #37677a; color: var(--site-cyan); background: #102d39; font-size: 10px; font-weight: 800; letter-spacing: .04em; white-space: nowrap; }
.site-home .classic-badge i { width: 6px; height: 6px; border-radius: 50%; background: var(--site-cyan); box-shadow: 0 0 9px var(--site-cyan); }
.site-home .login-link { min-height: 32px; padding: 6px 12px; border: 1px solid var(--site-cyan-deep); color: var(--site-cyan); background: transparent; font-size: 12px; font-weight: 800; text-decoration: none; transition: color .18s ease, background .18s ease; }
.site-home .login-link:hover { color: #07141b; background: var(--site-cyan); }

.site-home .page-shell { width: min(1240px, calc(100% - 48px)); margin-inline: auto; padding: 30px 0; }
.site-home main { overflow: clip; }
.site-home .hero-section { display: grid; grid-template-columns: minmax(0, .88fr) minmax(480px, 1.12fr); align-items: center; gap: clamp(36px, 6vw, 86px); min-height: 650px; padding-top: 72px; padding-bottom: 74px; }
.site-home .hero-section::before { position: absolute; left: 0; right: 0; z-index: -1; height: 650px; border-bottom: 1px solid #172a42; background: #0a1323; content: ""; }
.site-home .hero-section .hero-copy { display: grid; gap: 0; }
.site-home .hero-kicker { display: flex; align-items: center; gap: 9px; margin: 0 0 18px; color: var(--site-cyan); font-size: 11px; font-weight: 900; letter-spacing: .16em; }
.site-home .kicker-line { display: inline-block; width: 28px; height: 2px; background: var(--site-gold); box-shadow: 7px 0 0 #7c5c2c; }
.site-home .hero-section h1 { max-width: 660px; margin: 0; color: var(--site-text); font-size: clamp(42px, 5.1vw, 68px); font-weight: 900; letter-spacing: .015em; line-height: 1.08; text-shadow: 5px 5px 0 #12243b; }
.site-home .hero-title-line { display: block; white-space: nowrap; }
.site-home .hero-section h1 em { display: block; color: var(--site-gold); font-style: normal; text-shadow: 4px 4px 0 #483b23; }
.site-home .hero-lede { max-width: 540px; margin: 23px 0 0; color: var(--site-muted); font-size: 16px; line-height: 1.85; }
.site-home .hero-cta-row { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 31px; }
.site-home .game-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 8px 17px; border: 1px solid var(--site-line-bright); color: var(--site-text); background: #142840; font-size: 13px; font-weight: 900; text-decoration: none; cursor: pointer; clip-path: polygon(0 4px, 4px 4px, 4px 0, calc(100% - 4px) 0, calc(100% - 4px) 4px, 100% 4px, 100% calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) 100%, 4px 100%, 4px calc(100% - 4px), 0 calc(100% - 4px)); transition: transform .16s ease, background .16s ease, color .16s ease, border-color .16s ease; }
.site-home .game-button:hover { transform: translateY(-2px); border-color: var(--site-cyan); color: #07131e; background: var(--site-cyan); }
.site-home .game-button.primary { border-color: var(--site-cyan); color: #07131e; background: var(--site-cyan); box-shadow: 0 0 22px rgba(101, 241, 207, .16); }
.site-home .game-button.primary:hover { border-color: #a2ffe8; background: #a2ffe8; }
.site-home .game-button.ghost { color: var(--site-gold); background: transparent; }
.site-home .button-glyph { min-width: 17px; color: inherit; font-size: 18px; line-height: 1; }
.site-home .hero-trust { display: flex; flex-wrap: wrap; gap: 9px 19px; margin-top: 27px; color: var(--site-dim); font-size: 11px; }
.site-home .hero-trust span { display: inline-flex; align-items: center; gap: 6px; }
.site-home .hero-trust b { color: var(--site-cyan); font-size: 14px; }

.site-home .hud-preview { position: relative; display: grid; place-items: center; min-width: 0; min-height: 530px; }
.site-home .hud-glow { position: absolute; width: 77%; height: 77%; border: 1px solid #1e3b5a; box-shadow: 0 0 0 18px rgba(38, 78, 105, .08), 0 0 0 42px rgba(38, 78, 105, .04); transform: rotate(-7deg); pointer-events: none; }
.site-home .hud-window { position: relative; width: min(100%, 570px); min-width: 0; overflow: hidden; border: 1px solid var(--site-line-bright); background: var(--site-panel); box-shadow: 18px 22px 0 rgba(3, 8, 17, .5), 0 0 32px rgba(57, 150, 173, .12); }
.site-home .hud-window::before { position: absolute; top: 0; right: 0; width: 92px; height: 2px; background: var(--site-gold); content: ""; }
.site-home .hud-titlebar { display: flex; align-items: center; gap: 9px; min-height: 43px; padding: 0 15px; border-bottom: 1px solid var(--site-line); color: var(--site-text); background: #0c192b; font-size: 11px; font-weight: 900; letter-spacing: .13em; }
.site-home .hud-titlebar small { margin-left: auto; color: var(--site-muted); font-size: 10px; font-weight: 500; letter-spacing: .02em; }
.site-home .hud-lamp { width: 7px; height: 7px; border-radius: 50%; background: var(--site-cyan); box-shadow: 0 0 10px var(--site-cyan); }
.site-home .hud-dots { color: var(--site-dim); font-size: 14px; letter-spacing: 2px; }
.site-home .hud-player-row { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 19px 20px 15px; }
.site-home .hud-avatar { display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid #6e5572; color: var(--site-gold); background: #342c47; font-size: 18px; font-weight: 900; box-shadow: inset 0 0 0 4px #1a2940; }
.site-home .hud-player-name { display: grid; gap: 3px; min-width: 0; }
.site-home .hud-player-name strong { overflow: hidden; color: var(--site-text); font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.site-home .hud-player-name span { color: var(--site-cyan); font-size: 11px; }
.site-home .hud-score { padding-left: 15px; border-left: 1px solid var(--site-line); text-align: right; }
.site-home .hud-score small { display: block; color: var(--site-muted); font-size: 9px; }
.site-home .hud-score b { display: block; margin-top: 3px; color: var(--site-gold); font-size: 24px; font-variant-numeric: tabular-nums; }
.site-home .hud-exp-block { margin: 0 20px; padding: 13px 14px; border: 1px solid var(--site-line); background: #0c192b; }
.site-home .hud-label, .site-home .hud-exp-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.site-home .hud-label { color: var(--site-muted); font-size: 11px; }
.site-home .hud-label b { color: var(--site-cyan); font-size: 13px; }
.site-home .hud-exp-track { height: 10px; margin-top: 9px; padding: 2px; border: 1px solid #31526b; background: #08111f; }
.site-home .hud-exp-track i { display: block; height: 100%; background: var(--site-cyan); box-shadow: 0 0 10px rgba(101, 241, 207, .55); }
.site-home .hud-exp-track i.progress-68 { width: 68.42%; }
.site-home .hud-exp-foot { margin-top: 8px; color: var(--site-dim); font-size: 10px; }
.site-home .hud-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 15px 20px 0; border: 1px solid var(--site-line); background: var(--site-line); }
.site-home .hud-grid > div { min-width: 0; padding: 12px 13px; background: var(--site-panel-2); }
.site-home .hud-grid small { display: block; color: var(--site-muted); font-size: 10px; }
.site-home .hud-grid strong { display: block; overflow: hidden; margin-top: 5px; color: var(--site-text); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.site-home .hud-grid strong.mint { color: var(--site-cyan); }
.site-home .hud-grid strong.gold { color: var(--site-gold); }
.site-home .level-dot { margin-left: 4px; color: var(--site-pink); font-size: 10px; font-style: normal; }
.site-home .hud-drop-row { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding: 14px 20px 16px; }
.site-home .drop-label { margin-right: 4px; color: var(--site-muted); font-size: 10px; }
.site-home .drop-chip { display: inline-flex; align-items: center; gap: 5px; min-height: 25px; padding: 3px 7px; border: 1px solid #35516a; color: var(--site-text); background: #15283e; font-size: 10px; }
.site-home .drop-chip.muted { color: var(--site-cyan); background: transparent; }
.site-home .pixel-orb { display: inline-block; width: 9px; height: 9px; border: 2px solid #b8e9ff; background: var(--site-blue); }
.site-home .pixel-orb.gold { border-color: #ffe3a4; background: var(--site-gold); }
.site-home .hud-footnote { display: flex; align-items: center; gap: 6px; padding: 9px 20px; border-top: 1px solid var(--site-line); color: var(--site-dim); background: #0a1525; font-size: 10px; }
.site-home .pulse-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--site-cyan); box-shadow: 0 0 8px var(--site-cyan); }

.site-home .quick-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; padding-top: 0; padding-bottom: 50px; border-bottom: 1px solid var(--site-line); background: transparent; }
.site-home .quick-stat { display: flex; align-items: center; gap: 13px; min-width: 0; padding: 18px 20px; background: var(--site-panel); }
.site-home .stat-icon { display: grid; place-items: center; flex: 0 0 auto; width: 32px; height: 32px; border: 1px solid #477389; color: var(--site-cyan); background: #102d3a; font-size: 16px; }
.site-home .quick-stat:nth-child(2) .stat-icon { color: var(--site-gold); border-color: #75603b; background: #2b2a25; }
.site-home .quick-stat:nth-child(3) .stat-icon { color: var(--site-blue); }
.site-home .quick-stat:nth-child(4) .stat-icon { color: var(--site-pink); border-color: #754c6b; background: #2b2031; }
.site-home .quick-stat strong { display: block; overflow: hidden; color: var(--site-text); font-size: 18px; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
.site-home .quick-stat small { display: block; margin-top: 2px; overflow: hidden; color: var(--site-muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }

.site-home .feature-section { padding-top: 82px; padding-bottom: 88px; }
.site-home .section-intro { max-width: 650px; margin-bottom: 31px; }
.site-home .section-rune { margin: 0 0 10px; color: var(--site-cyan); font-size: 10px; font-weight: 900; letter-spacing: .16em; }
.site-home .section-intro h2, .site-home .membership-copy h2, .site-home .catalog-heading h2, .site-home .download-copy h2 { margin: 0; color: var(--site-text); font-size: clamp(28px, 3.2vw, 43px); font-weight: 900; letter-spacing: .01em; line-height: 1.2; }
.site-home .section-intro h2 em, .site-home .membership-copy h2 em { color: var(--site-gold); font-style: normal; }
.site-home .section-intro > p:last-child { margin: 12px 0 0; color: var(--site-muted); font-size: 14px; }
.site-home .feature-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.site-home .feature-card { position: relative; display: flex; flex-direction: column; min-height: 330px; overflow: hidden; border: 1px solid var(--site-line); background: var(--site-panel); transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.site-home .feature-card:hover { transform: translateY(-5px); border-color: var(--site-cyan-deep); background: #12243a; }
.site-home .feature-card.featured { border-color: #397767; }
.site-home .feature-number { position: absolute; top: 12px; right: 14px; color: var(--site-dim); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.site-home .feature-art { position: relative; display: grid; place-items: center; height: 132px; margin: 10px 10px 0; border-bottom: 1px solid var(--site-line); color: var(--site-cyan); background: #0b1728; font-size: 54px; }
.site-home .feature-art::before, .site-home .feature-art::after { position: absolute; width: 10px; height: 10px; border-color: var(--site-line-bright); border-style: solid; content: ""; }
.site-home .feature-art::before { top: 8px; left: 8px; border-width: 1px 0 0 1px; }
.site-home .feature-art::after { right: 8px; bottom: 8px; border-width: 0 1px 1px 0; }
.site-home .map-art span { color: var(--site-cyan); font-size: 55px; }
.site-home .map-art i { position: absolute; width: 7px; height: 7px; border: 2px solid #06201c; background: var(--site-gold); }
.site-home .map-art i:nth-of-type(1) { top: 34px; left: 28%; }
.site-home .map-art i:nth-of-type(2) { top: 68px; right: 27%; background: var(--site-pink); }
.site-home .map-art i:nth-of-type(3) { bottom: 22px; left: 47%; }
.site-home .gear-art { color: var(--site-gold); }
.site-home .exp-art { align-content: center; gap: 10px; color: var(--site-blue); font-size: 28px; font-weight: 900; }
.site-home .exp-art i { display: block; width: 67%; height: 8px; border: 1px solid #496b89; background: var(--site-blue); box-shadow: 0 0 10px rgba(115, 185, 255, .45); }
.site-home .exp-art i.progress-74 { width: 74%; }
.site-home .quest-art { color: var(--site-pink); font-weight: 900; }
.site-home .feature-copy { display: flex; flex: 1; flex-direction: column; padding: 18px 19px 18px; }
.site-home .feature-copy h3 { margin: 0; color: var(--site-text); font-size: 17px; }
.site-home .feature-copy p { margin: 9px 0 15px; color: var(--site-muted); font-size: 12px; line-height: 1.7; }
.site-home .feature-copy a { margin-top: auto; color: var(--site-cyan); font-size: 12px; font-weight: 800; text-decoration: none; }
.site-home .feature-copy a b { margin-left: 4px; color: var(--site-gold); font-size: 16px; }

.site-home .membership-section { display: grid; grid-template-columns: minmax(0, 1fr) 370px; align-items: center; gap: 70px; padding-top: 88px; padding-bottom: 88px; border-top: 1px solid var(--site-line); }
.site-home .membership-copy > p:not(.section-rune) { max-width: 540px; margin: 17px 0 0; color: var(--site-muted); font-size: 14px; line-height: 1.8; }
.site-home .member-perks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 22px; max-width: 560px; margin-top: 25px; }
.site-home .member-perks span { color: var(--site-text); font-size: 12px; }
.site-home .member-perks b { margin-right: 7px; color: var(--site-cyan); }
.site-home .text-link { display: inline-block; margin-top: 28px; color: var(--site-cyan); font-size: 13px; font-weight: 900; text-decoration: none; }
.site-home .text-link b { margin-left: 5px; color: var(--site-gold); }
.site-home .price-card { padding: 24px; border: 1px solid #5e6c4a; background: #152431; box-shadow: 12px 12px 0 #09111e; }
.site-home .price-card-top { display: flex; align-items: center; justify-content: space-between; gap: 9px; padding-bottom: 15px; border-bottom: 1px solid var(--site-line); }
.site-home .ribbon { color: var(--site-gold); font-size: 10px; font-weight: 900; letter-spacing: .14em; }
.site-home .price-status { color: var(--site-muted); font-size: 10px; }
.site-home .price { margin-top: 21px; color: var(--site-gold); font-size: 49px; font-weight: 900; line-height: 1; }
.site-home .price small { margin-right: 3px; font-size: 20px; }
.site-home .price span { margin-left: 5px; color: var(--site-muted); font-size: 13px; font-weight: 500; }
.site-home .price-card > p { margin: 10px 0 0; color: var(--site-muted); font-size: 11px; }
.site-home .price-divider { height: 1px; margin: 20px 0 15px; background: var(--site-line); }
.site-home .price-card ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; color: var(--site-text); font-size: 11px; }
.site-home .price-card li::before { margin-right: 8px; color: var(--site-cyan); content: "✓"; }
.site-home .game-button.wide { width: 100%; margin-top: 21px; }
.site-home .price-note { display: block; margin-top: 12px; color: var(--site-dim); font-size: 10px; line-height: 1.45; }

.site-home .download-section { padding-top: 0; padding-bottom: 88px; }
.site-home .download-panel { display: grid; grid-template-columns: 80px minmax(0, 1fr) auto; align-items: center; gap: 25px; padding: 27px 30px; border: 1px solid var(--site-line); background: #0e1b2c; }
.site-home .download-emblem { display: grid; place-items: center; width: 80px; height: 80px; border: 2px solid var(--site-cyan); color: var(--site-cyan); background: #102c39; font-size: 22px; font-weight: 900; letter-spacing: .1em; box-shadow: inset 0 0 0 5px #132235; }
.site-home .download-copy h2 { font-size: 25px; }
.site-home .download-copy > p:not(.section-rune) { margin: 8px 0 0; color: var(--site-muted); font-size: 12px; line-height: 1.65; }
.site-home .download-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.site-home .download-tags span { padding: 4px 7px; border: 1px solid var(--site-line); color: var(--site-dim); font-size: 10px; }
.site-home .download-action { display: grid; justify-items: end; gap: 8px; min-width: 190px; }
.site-home .download-action small { max-width: 220px; color: var(--site-dim); font-size: 10px; text-align: right; }

.site-home .catalog-section { width: 100%; padding-top: 80px; padding-bottom: 90px; border-top: 1px solid var(--site-line); background: #0a1423; }
.site-home .catalog-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; width: min(1240px, calc(100% - 48px)); margin: 0 auto 25px; }
.site-home .catalog-heading > div { min-width: 0; }
.site-home .catalog-heading p:not(.section-rune) { margin: 9px 0 0; color: var(--site-muted); font-size: 13px; }
.site-home .outline-game-link { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; min-height: 38px; padding: 7px 12px; border: 1px solid var(--site-line-bright); color: var(--site-cyan); font-size: 11px; font-weight: 800; text-decoration: none; }
.site-home .outline-game-link:hover { border-color: var(--site-cyan); color: #07131e; background: var(--site-cyan); }
.site-home .catalog-section .search-hero { width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding: 23px 25px 20px; border: 1px solid var(--site-line); background: var(--site-panel); box-shadow: none; }
.site-home .catalog-section .search-hero .hero-copy { display: grid; gap: 4px; }
.site-home .catalog-section .eyebrow, .site-home .catalog-section .section-kicker { color: var(--site-cyan); }
.site-home .catalog-section .search-hero h1 { color: var(--site-text); font-size: 27px; text-shadow: none; }
.site-home .catalog-section .hero-subtitle { color: var(--site-muted); }
.site-home .catalog-section .search-form { width: 100%; min-height: 52px; margin-top: 17px; border-color: var(--site-line-bright); border-radius: 0; background: #0a1525; box-shadow: none; }
.site-home .catalog-section .search-form:focus-within { border-color: var(--site-cyan); box-shadow: 0 0 0 2px rgba(101, 241, 207, .12); }
.site-home .catalog-section .search-icon { color: var(--site-cyan); }
.site-home .catalog-section .search-form input { color: var(--site-text); }
.site-home .catalog-section .search-form input::placeholder { color: var(--site-dim); }
.site-home .catalog-section .search-button { min-height: 40px; border-color: var(--site-cyan); border-radius: 0; color: #07131e; background: var(--site-cyan); }
.site-home .catalog-section .search-button:hover { border-color: #a2ffe8; background: #a2ffe8; }
.site-home .catalog-section .search-button kbd { color: #0e443c; }
.site-home .catalog-section .clear-button { color: var(--site-muted); }
.site-home .catalog-section .clear-button:hover { color: var(--site-text); background: var(--site-panel-2); }
.site-home .catalog-section .search-toolbar { margin-top: 14px; }
.site-home .catalog-section .kind-tab { min-height: 30px; border-radius: 0; color: var(--site-muted); }
.site-home .catalog-section .kind-tab:hover { color: var(--site-text); background: var(--site-panel-2); }
.site-home .catalog-section .kind-tab.is-active { border-color: #3e806f; color: var(--site-cyan); background: #12362f; }
.site-home .catalog-section .item-category-tabs { border-color: #29445e; background: #0c1a2b; }
.site-home .catalog-section .item-category-title { color: var(--site-muted); }
.site-home .catalog-section .item-category-tab { color: var(--site-muted); }
.site-home .catalog-section .item-category-tab:hover { color: var(--site-text); background: #172d46; }
.site-home .catalog-section .item-category-tab.is-active { border-color: #3e806f; color: var(--site-cyan); background: #12362f; }
.site-home .catalog-section .item-category-badge.equipment { color: #7ecbff; background: #102f48; }
.site-home .catalog-section .item-category-badge.consumable { color: #ffd27a; background: #40331e; }
.site-home .catalog-section .item-category-badge.other { color: #d6adf0; background: #342943; }
.site-home .catalog-section .completeness-control { color: var(--site-muted); }
.site-home .catalog-section .completeness-control select { border-color: var(--site-line); border-radius: 0; color: var(--site-text); background: #0d1a2c; }
.site-home .catalog-section .catalog-layout { width: min(1240px, calc(100% - 48px)); margin: 12px auto 0; border-color: var(--site-line); background: var(--site-panel); box-shadow: none; }
.site-home .catalog-section .results-pane { border-color: var(--site-line); background: #0d192a; }
.site-home .catalog-section .results-heading h2, .site-home .catalog-section .detail-title, .site-home .catalog-section .detail-empty h2, .site-home .catalog-section .section-heading h3 { color: var(--site-text); }
.site-home .catalog-section .result-count, .site-home .catalog-section .query-summary, .site-home .catalog-section .result-status, .site-home .catalog-section .detail-empty, .site-home .catalog-section .detail-loading, .site-home .catalog-section .entry-meta, .site-home .catalog-section .field-key, .site-home .catalog-section .source-footer { color: var(--site-muted); }
.site-home .catalog-section .result-card { border-color: #29445e; border-radius: 0; color: var(--site-text); background: #122239; }
.site-home .catalog-section .result-card:hover, .site-home .catalog-section .result-card:focus-visible { border-color: var(--site-cyan-deep); background: #172d46; box-shadow: none; }
.site-home .catalog-section .result-card.is-selected { border-color: var(--site-cyan); background: #132e3a; box-shadow: inset 3px 0 0 var(--site-cyan); }
.site-home .catalog-section .entry-icon { border-color: #355672; border-radius: 0; background: #0c1929; }
.site-home .catalog-section .entry-icon .icon-fallback { color: var(--site-cyan); }
.site-home .catalog-section .entry-icon.kind-item .icon-fallback { color: var(--site-gold); }
.site-home .catalog-section .entry-icon.kind-monster .icon-fallback { color: var(--site-pink); }
.site-home .catalog-section .entry-icon.kind-map .icon-fallback { color: var(--site-blue); }
.site-home .catalog-section .entry-icon.kind-quest .icon-fallback { color: var(--site-pink); }
.site-home .catalog-section .entry-icon.kind-npc .icon-fallback { color: var(--site-gold); }
.site-home .catalog-section .entry-type, .site-home .catalog-section .detail-kind { color: var(--site-cyan); }
.site-home .catalog-section .entry-name { color: var(--site-text); }
.site-home .catalog-section .entry-status.complete { color: var(--site-cyan); background: #123d35; }
.site-home .catalog-section .entry-status.pending { color: var(--site-gold); background: #3f3522; }
.site-home .catalog-section .pagination { border-color: var(--site-line); }
.site-home .catalog-section .pagination button { border-color: var(--site-line-bright); border-radius: 0; color: var(--site-muted); background: #102238; }
.site-home .catalog-section .pagination button:hover:not(:disabled) { border-color: var(--site-cyan); color: var(--site-cyan); }
.site-home .catalog-section .detail-pane { background: #101e31; }
.site-home .catalog-section .detail-header, .site-home .catalog-section .detail-section, .site-home .catalog-section .raw-details, .site-home .catalog-section .source-footer { border-color: var(--site-line); }
.site-home .catalog-section .detail-id, .site-home .catalog-section .detail-meta, .site-home .catalog-section .section-heading span { color: var(--site-muted); }
.site-home .catalog-section .detail-chip.complete { color: var(--site-cyan); background: #123d35; }
.site-home .catalog-section .detail-chip.pending { color: var(--site-gold); background: #3f3522; }
.site-home .catalog-section .detail-overview, .site-home .catalog-section .stat-grid, .site-home .catalog-section .data-table-wrap { border-color: var(--site-line); background: var(--site-line); }
.site-home .catalog-section .overview-cell, .site-home .catalog-section .stat-cell, .site-home .catalog-section .data-table th { color: var(--site-muted); background: #14253b; }
.site-home .catalog-section .overview-cell strong, .site-home .catalog-section .stat-cell dd { color: var(--site-text); }
.site-home .catalog-section .stat-cell dt, .site-home .catalog-section .data-table th { color: var(--site-muted); }
.site-home .catalog-section .data-table td { color: var(--site-text); border-color: var(--site-line); background: #101e31; }
.site-home .catalog-section .data-table .table-link { color: var(--site-cyan); }
.site-home .catalog-section .field-row { border-color: var(--site-line); }
.site-home .catalog-section .field-value { color: var(--site-text); }
.site-home .catalog-section .text-block { color: var(--site-muted); }
.site-home .catalog-section .empty-emblem { border-color: #3e806f; color: var(--site-cyan); background: #12362f; }
.site-home .catalog-section .incomplete-notice { border-color: var(--site-gold); color: #ddc18a; background: #342d20; }
.site-home .catalog-section .incomplete-notice strong { color: var(--site-gold); }
.site-home .catalog-section .equipment-summary-card, .site-home .catalog-section .hover-card { border-color: #3c756b; border-radius: 0; background: #0c1f2b; }
.site-home .catalog-section .relation-card { border-color: var(--site-line); border-radius: 0; color: var(--site-text); background: #14253b; }
.site-home .catalog-section .relation-card:hover { border-color: var(--site-cyan-deep); background: #172d46; }
.site-home .catalog-section .source-footer a, .site-home .catalog-section .probability { color: var(--site-cyan); }

.site-home .site-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding: 29px 0 35px; border-top: 1px solid var(--site-line); color: var(--site-muted); }
.site-home .site-footer-brand { display: inline-flex; align-items: center; gap: 9px; }
.site-home .site-footer-brand .site-brand-mark.small { width: 31px; height: 31px; border-width: 1px; }
.site-home .site-footer-brand .site-brand-mark.small span { font-size: 11px; }
.site-home .site-footer-brand strong { display: block; color: var(--site-text); font-size: 11px; letter-spacing: .12em; }
.site-home .site-footer-brand small { display: block; font-size: 9px; }
.site-home .footer-links { display: flex; flex-wrap: wrap; gap: 16px; font-size: 11px; }
.site-home .footer-links a { text-decoration: none; }
.site-home .footer-links a:hover { color: var(--site-cyan); }
.site-home .footer-legal { display: grid; gap: 2px; justify-items: end; font-size: 10px; }
.site-home .toast { border: 1px solid var(--site-line-bright); border-radius: 0; color: var(--site-text); background: #102238; }
.site-home .site-float-rail { position: fixed; right: 22px; bottom: 24px; z-index: 45; display: grid; gap: 6px; padding: 6px; border: 1px solid var(--site-line-bright); background: rgba(12, 25, 42, .94); box-shadow: 7px 8px 0 rgba(3, 8, 17, .45); opacity: 0; transform: translateX(14px); pointer-events: none; transition: opacity .2s ease, transform .2s ease; }
.site-home .site-float-rail.is-visible { opacity: 1; transform: translateX(0); pointer-events: auto; }
.site-home .site-float-rail a, .site-home .site-float-rail button { position: relative; display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--site-line); color: var(--site-cyan); background: #12253b; font-size: 18px; text-decoration: none; cursor: pointer; }
.site-home .site-float-rail a:hover, .site-home .site-float-rail button:hover { border-color: var(--site-cyan); color: #07131e; background: var(--site-cyan); }
.site-home .site-float-rail [data-tooltip]::after { position: absolute; right: calc(100% + 9px); top: 50%; padding: 5px 7px; border: 1px solid var(--site-line-bright); color: var(--site-text); background: #0d1d31; content: attr(data-tooltip); font-size: 10px; line-height: 1; white-space: nowrap; opacity: 0; pointer-events: none; transform: translateY(-50%) translateX(3px); transition: opacity .15s ease, transform .15s ease; }
.site-home .site-float-rail [data-tooltip]:hover::after, .site-home .site-float-rail [data-tooltip]:focus-visible::after { opacity: 1; transform: translateY(-50%) translateX(0); }

@media (max-width: 1050px) {
  .site-home .site-topbar { gap: 12px; padding-inline: 18px; }
  .site-home .site-brand { min-width: 205px; }
  .site-home .site-nav a { padding-inline: 9px; }
  .site-home .site-actions { min-width: 205px; }
  .site-home .hero-section { grid-template-columns: minmax(0, .86fr) minmax(390px, 1.14fr); gap: 34px; }
  .site-home .hero-section h1 { font-size: clamp(39px, 5vw, 62px); }
  .site-home .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .site-home .site-topbar { flex-wrap: wrap; min-height: auto; padding-block: 10px; }
  .site-home .site-brand { min-width: 0; }
  .site-home .site-nav { order: 3; width: 100%; justify-content: flex-start; overflow-x: auto; }
  .site-home .site-nav a { flex: 0 0 auto; }
  .site-home .site-actions { margin-left: auto; min-width: 0; }
  .site-home .classic-badge { display: none; }
  .site-home .hero-section { grid-template-columns: 1fr; min-height: auto; padding-top: 55px; }
  .site-home .hero-section::before { height: 920px; }
  .site-home .hero-section h1 { max-width: 700px; font-size: clamp(40px, 9vw, 64px); }
  .site-home .hud-preview { min-height: 475px; margin-top: 10px; }
  .site-home .quick-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-home .membership-section { grid-template-columns: 1fr; gap: 35px; }
  .site-home .price-card { width: min(420px, 100%); }
  .site-home .download-panel { grid-template-columns: 64px minmax(0, 1fr); }
  .site-home .download-emblem { width: 64px; height: 64px; }
  .site-home .download-action { grid-column: 2; justify-items: start; }
  .site-home .download-action small { max-width: none; text-align: left; }
  .site-home .catalog-heading { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 600px) {
  .site-home .page-shell, .site-home .catalog-heading, .site-home .catalog-section .search-hero, .site-home .catalog-section .catalog-layout, .site-home .site-footer { width: calc(100% - 28px); }
  .site-home .site-topbar { padding-inline: 14px; }
  .site-home .site-brand-copy strong { font-size: 12px; letter-spacing: .1em; }
  .site-home .site-brand-copy small { font-size: 10px; }
  .site-home .login-link { padding-inline: 9px; font-size: 11px; }
  .site-home .hero-section { padding-top: 39px; padding-bottom: 38px; }
  .site-home .hero-section h1 { font-size: clamp(36px, 12vw, 52px); }
  .site-home .hero-title-line { white-space: normal; }
  .site-home .hero-lede { font-size: 14px; }
  .site-home .hero-trust { display: grid; gap: 6px; }
  .site-home .hud-preview { min-height: 410px; margin-inline: -4px; }
  .site-home .hud-window { width: 100%; }
  .site-home .hud-player-row { grid-template-columns: 48px minmax(0, 1fr); padding-inline: 13px; }
  .site-home .hud-avatar { width: 48px; height: 48px; }
  .site-home .hud-score { grid-column: 2; justify-self: start; padding-left: 0; border-left: 0; text-align: left; }
  .site-home .hud-score small, .site-home .hud-score b { display: inline; }
  .site-home .hud-score b { margin-left: 6px; font-size: 18px; }
  .site-home .hud-exp-block, .site-home .hud-grid { margin-inline: 13px; }
  .site-home .hud-drop-row, .site-home .hud-footnote { padding-inline: 13px; }
  .site-home .hud-exp-foot { align-items: flex-start; flex-direction: column; gap: 3px; }
  .site-home .quick-stats { grid-template-columns: 1fr; padding-bottom: 29px; }
  .site-home .feature-section, .site-home .membership-section { padding-top: 55px; padding-bottom: 58px; }
  .site-home .feature-grid { grid-template-columns: 1fr; }
  .site-home .feature-card { min-height: 290px; }
  .site-home .member-perks { grid-template-columns: 1fr; }
  .site-home .download-panel { grid-template-columns: 1fr; gap: 17px; padding: 21px; }
  .site-home .download-action { grid-column: auto; }
  .site-home .catalog-section { padding-top: 55px; padding-bottom: 58px; }
  .site-home .catalog-section .search-toolbar { align-items: flex-start; }
  .site-home .catalog-section .catalog-layout { margin-top: 0; }
  .site-home .site-footer { align-items: flex-start; flex-direction: column; gap: 17px; }
  .site-home .footer-legal { justify-items: start; }
  .site-home .site-float-rail { right: 12px; bottom: 12px; grid-template-columns: repeat(3, 1fr); }
  .site-home .site-float-rail [data-tooltip]::after { top: auto; right: 0; bottom: calc(100% + 8px); transform: translateY(3px); }
  .site-home .site-float-rail [data-tooltip]:hover::after, .site-home .site-float-rail [data-tooltip]:focus-visible::after { transform: translateY(0); }
}

html { background: #080e1b; }

/* --------------------------------------------------------------------------
   Catalog readability pass
   Keep the data browser dense, but make every decision-driving value easy to
   scan at a normal desktop distance.  The same rules are echoed in the
   public dark shell below so the embedded browser does not regress in size.
   -------------------------------------------------------------------------- */
.page-shell { width: min(1600px, 100%); padding-inline: 24px; }
.catalog-layout { grid-template-columns: minmax(400px, 500px) minmax(0, 1fr); }
.search-hero { padding-block: 28px 25px; }
.search-hero h1 { font-size: 34px; }
.hero-subtitle { font-size: 15px; }
.search-form { min-height: 64px; gap: 12px; padding-left: 18px; border-width: 2px; }
.search-icon { font-size: 35px; font-weight: 800; }
.search-form input { font-size: 19px; font-weight: 650; }
.search-button { min-width: 122px; min-height: 50px; font-size: 15px; font-weight: 800; }
.search-button kbd { font-size: 11px; }
.kind-tab { min-height: 39px; padding-inline: 13px; font-size: 14px; font-weight: 700; }
.completeness-control { font-size: 13px; font-weight: 650; }
.completeness-control select { min-height: 36px; font-size: 13px; }
.results-pane { padding: 24px 18px 18px; }
.results-heading h2 { font-size: 21px; }
.result-count { font-size: 14px; font-weight: 750; }
.query-summary { font-size: 13px; font-weight: 600; }
.result-list { gap: 9px; }
.result-card { grid-template-columns: 58px minmax(0, 1fr) auto; min-height: 88px; padding: 12px; gap: 13px; }
.entry-icon { width: 58px; height: 58px; border: 0; border-radius: 0; background: transparent; }
.entry-icon img { width: 54px; height: 54px; }
.entry-icon .icon-fallback { font-size: 25px; text-shadow: 0 0 12px currentColor; }
.entry-icon.large { width: 96px; height: 96px; border: 0; border-radius: 0; background: transparent; }
.entry-icon.large img { width: 90px; height: 90px; }
.entry-type { font-size: 13px; }
.entry-name { font-size: 17px; line-height: 1.3; }
.entry-meta { margin-top: 6px; color: #5b7072; font-size: 13px; font-weight: 600; line-height: 1.4; }
.entry-summary { max-width: 180px; font-size: 12px; }
.entry-status { padding: 4px 7px; font-size: 12px; }
.entry-id, .detail-id, .equipment-hover-id { display: none !important; }
.detail-pane { padding: clamp(26px, 3.2vw, 48px); }
.detail-kind { font-size: 13px; }
.detail-title { font-size: 34px; }
.detail-meta { font-size: 14px; font-weight: 650; }
.detail-chip { min-height: 27px; padding-inline: 9px; font-size: 12px; }
.detail-overview { margin-top: 24px; }
.overview-cell { padding: 13px 14px; }
.overview-cell span { font-size: 12px; font-weight: 650; }
.overview-cell strong { font-size: 18px; font-weight: 850; }
.detail-section { padding-top: 29px; }
.section-heading { margin-bottom: 15px; }
.section-heading h3 { font-size: 19px; font-weight: 850; }
.section-heading h3::before { width: 5px; height: 20px; }
.section-heading span { font-size: 13px; font-weight: 650; }
.stat-grid { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.stat-cell { padding: 12px 13px; }
.stat-cell dt { font-size: 13px; font-weight: 650; }
.stat-cell dd { margin-top: 4px; font-size: 17px; font-weight: 850; }
.stat-range { font-size: 14px; }
.equipment-summary-card { width: min(600px, 100%); padding: 17px 18px 18px; }
.equipment-summary-titlebar strong { font-size: 17px; }
.equipment-summary-titlebar span { font-size: 12px; font-weight: 700; }
.equipment-summary-row { padding-block: 5px; font-size: 14px; line-height: 1.5; }
.equipment-summary-row dt { font-weight: 650; }
.equipment-summary-row dd { font-size: 16px; font-weight: 800; }
.equipment-summary-row.is-primary dd { font-size: 18px; }
.equipment-summary-label { font-size: 12px; font-weight: 700; }
.equipment-summary-job-list span { padding: 3px 8px; font-size: 12px; }
.equipment-summary-more summary { font-size: 12px; }
.scroll-summary-card { border-color: #2aa78b; }
.scroll-summary-list { padding-block: 10px; }
.equipment-summary-row.is-scroll-primary dd, .equipment-summary-row.is-scroll-effect dd { color: #8dffe0; }
.equipment-summary-row.is-scroll-raw dd { color: #d1e5e2; font-weight: 650; }
.compact-list { gap: 10px; }
.relation-list { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; }
.relation-card { grid-template-columns: 48px minmax(0, 1fr); min-height: 76px; padding: 10px; gap: 11px; border-radius: 4px; }
.relation-card .entry-icon { width: 48px; height: 48px; border: 0; background: transparent; }
.relation-card .entry-icon img { width: 45px; height: 45px; }
.relation-card .entry-name { font-size: 15px; font-weight: 850; }
.relation-card .relation-meta { gap: 4px 9px; margin-top: 4px; color: #5d7476; font-size: 12px; font-weight: 650; }
.relation-card .relation-emphasis { color: var(--accent-strong); font-weight: 850; }
.monster-card-list .relation-card { border-left: 3px solid #cb6d91; }
.monster-card-list .relation-card .relation-emphasis { color: #b34870; }
.probability, .shop-price { font-weight: 850; }
.data-table { font-size: 14px; }
.data-table th, .data-table td { padding: 10px 12px; }
.data-table th { font-size: 13px; }
.data-table .table-link { font-size: 14px; }
.text-block { font-size: 15px; line-height: 1.7; }
.field-row { padding-block: 11px; }
.field-key { font-size: 13px; font-weight: 650; }
.field-value { font-size: 15px; font-weight: 600; }
.source-footer { display: none !important; }
.hover-card { width: min(460px, calc(100vw - 24px)); max-height: min(620px, calc(100vh - 24px)); padding: 18px; }
.hover-head { grid-template-columns: 54px minmax(0, 1fr); gap: 12px; }
.hover-head .entry-icon { width: 54px; height: 54px; border: 0; background: transparent; }
.hover-head .entry-icon img { width: 50px; height: 50px; }
.hover-head .entry-name { font-size: 17px; font-weight: 850; }
.equipment-hover-meta { font-size: 12px; }
.equipment-hover-level { padding-block: 12px 10px; font-size: 13px; }
.equipment-hover-level strong { font-size: 18px; }
.equipment-hover-jobs span { font-size: 12px; }
.equipment-hover-row { padding-block: 6px; font-size: 13px; }
.equipment-hover-row dt { font-weight: 650; }
.equipment-hover-row dd { font-size: 15px; font-weight: 800; }
.equipment-hover-row.is-scroll-primary dd, .equipment-hover-row.is-scroll-effect dd { color: #8dffe0; }
.hover-grid span { font-size: 12px; }
.hover-grid strong { font-size: 15px; font-weight: 850; }
.hover-note, .hover-status { font-size: 12px; }

/* The embedded public page has its own dark palette; keep the same hierarchy. */
.site-home .catalog-section .catalog-heading,
.site-home .catalog-section .search-hero,
.site-home .catalog-section .catalog-layout { width: min(1480px, calc(100% - 40px)); }
.site-home .catalog-section .search-hero { padding-block: 28px 25px; }
.site-home .catalog-section .search-hero h1 { font-size: 32px; }
.site-home .catalog-section .search-form { min-height: 66px; gap: 12px; padding-left: 18px; border-width: 2px; }
.site-home .catalog-section .search-icon { font-size: 36px; font-weight: 800; }
.site-home .catalog-section .search-form input { font-size: 20px; font-weight: 700; }
.site-home .catalog-section .search-button { min-width: 128px; min-height: 50px; font-size: 16px; font-weight: 850; }
.site-home .catalog-section .kind-tab { min-height: 40px; padding-inline: 14px; font-size: 14px; font-weight: 750; }
.site-home .catalog-section .result-count,
.site-home .catalog-section .query-summary { color: #bfd0e2; font-size: 14px; font-weight: 700; }
.site-home .catalog-section .results-heading h2 { font-size: 21px; }
.site-home .catalog-section .result-card { grid-template-columns: 60px minmax(0, 1fr) auto; min-height: 90px; padding: 12px; }
.site-home .catalog-section .entry-icon { width: 60px; height: 60px; border: 0; border-radius: 0; background: transparent; }
.site-home .catalog-section .entry-icon img { width: 56px; height: 56px; }
.site-home .catalog-section .entry-icon .icon-fallback { font-size: 27px; }
.site-home .catalog-section .entry-type { font-size: 13px; }
.site-home .catalog-section .entry-name { font-size: 18px; font-weight: 850; }
.site-home .catalog-section .entry-meta { color: #b8cbe0; font-size: 13px; font-weight: 650; }
.site-home .catalog-section .entry-status { font-size: 12px; }
.site-home .catalog-section .detail-title { font-size: 35px; }
.site-home .catalog-section .detail-meta { color: #bfd0e2; font-size: 14px; }
.site-home .catalog-section .detail-kind { font-size: 13px; }
.site-home .catalog-section .overview-cell span,
.site-home .catalog-section .stat-cell dt,
.site-home .catalog-section .field-key { color: #b8cbe0; font-size: 13px; font-weight: 650; }
.site-home .catalog-section .overview-cell strong,
.site-home .catalog-section .stat-cell dd { color: #f1f7ff; font-size: 18px; font-weight: 850; }
.site-home .catalog-section .section-heading h3 { font-size: 20px; font-weight: 850; }
.site-home .catalog-section .section-heading span { color: #b8cbe0; font-size: 13px; font-weight: 650; }
.site-home .catalog-section .equipment-summary-card { width: min(620px, 100%); padding: 18px 19px; }
.site-home .catalog-section .equipment-summary-titlebar strong { font-size: 18px; }
.site-home .catalog-section .equipment-summary-titlebar span { font-size: 12px; }
.site-home .catalog-section .equipment-summary-row { font-size: 14px; }
.site-home .catalog-section .equipment-summary-row dd { font-size: 17px; }
.site-home .catalog-section .equipment-summary-row.is-primary dd { font-size: 19px; }
.site-home .catalog-section .relation-list { grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); }
.site-home .catalog-section .relation-card { grid-template-columns: 50px minmax(0, 1fr); min-height: 78px; border-radius: 0; }
.site-home .catalog-section .relation-card .entry-icon { width: 50px; height: 50px; }
.site-home .catalog-section .relation-card .entry-icon img { width: 47px; height: 47px; }
.site-home .catalog-section .relation-card .entry-name { font-size: 15px; }
.site-home .catalog-section .relation-card .relation-meta { color: #b8cbe0; font-size: 12px; }
.site-home .catalog-section .relation-card .relation-emphasis { color: #6ff4d0; }
.site-home .catalog-section .monster-card-list .relation-card { border-left: 3px solid var(--site-pink); }
.site-home .catalog-section .text-block { color: #b8cbe0; font-size: 15px; line-height: 1.7; }
.site-home .catalog-section .field-value { color: #f1f7ff; font-size: 15px; }
.site-home .catalog-section .data-table { font-size: 14px; }
.site-home .catalog-section .hover-card { width: min(460px, calc(100vw - 24px)); }
.site-home .catalog-section .hover-card .entry-name { font-size: 17px; }
.site-home .catalog-section .equipment-hover-row { font-size: 13px; }
.site-home .catalog-section .equipment-hover-row dd { font-size: 15px; }
.site-home .catalog-section .source-footer { display: none !important; }

@media (max-width: 1024px) {
  .catalog-layout { grid-template-columns: minmax(330px, 420px) minmax(0, 1fr); }
  .result-card { grid-template-columns: 52px minmax(0, 1fr) auto; }
  .result-card .entry-icon { width: 52px; height: 52px; }
  .result-card .entry-icon img { width: 48px; height: 48px; }
}

@media (max-width: 920px) {
  .catalog-layout { grid-template-columns: 1fr; }
  .result-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .result-card { grid-template-columns: 52px minmax(0, 1fr); min-height: 82px; }
  .result-card .entry-status { grid-column: 2; justify-self: start; }
}

@media (max-width: 640px) {
  .page-shell { padding-inline: 0; }
  .search-hero { padding-block: 23px 20px; }
  .search-hero h1 { font-size: 28px; }
  .search-form { min-height: 56px; padding-left: 13px; }
  .search-icon { font-size: 30px; }
  .search-form input { font-size: 17px; }
  .search-button { min-width: 58px; min-height: 44px; padding-inline: 10px; }
  .kind-tab { min-height: 38px; }
  .result-list { grid-template-columns: 1fr; }
  .result-card { grid-template-columns: 56px minmax(0, 1fr); min-height: 84px; }
  .result-card .entry-icon { width: 56px; height: 56px; }
  .result-card .entry-icon img { width: 52px; height: 52px; }
  .entry-name { font-size: 16px; }
  .detail-pane { padding: 24px 16px 32px; }
  .detail-title { font-size: 27px; }
  .detail-header { grid-template-columns: 70px minmax(0, 1fr); gap: 13px; }
  .entry-icon.large { width: 70px; height: 70px; }
  .entry-icon.large img { width: 65px; height: 65px; }
  .overview-cell strong { font-size: 16px; }
  .relation-list { grid-template-columns: 1fr; }
  .site-home .catalog-section .catalog-heading,
  .site-home .catalog-section .search-hero,
  .site-home .catalog-section .catalog-layout { width: calc(100% - 28px); }
  .site-home .catalog-section .search-form { min-height: 56px; padding-left: 13px; }
  .site-home .catalog-section .search-icon { font-size: 30px; }
  .site-home .catalog-section .search-form input { font-size: 17px; }
  .site-home .catalog-section .search-button { min-width: 58px; min-height: 44px; padding-inline: 10px; }
  .site-home .catalog-section .result-card { grid-template-columns: 56px minmax(0, 1fr); min-height: 84px; }
  .site-home .catalog-section .entry-icon { width: 56px; height: 56px; }
  .site-home .catalog-section .entry-icon img { width: 52px; height: 52px; }
  .site-home .catalog-section .entry-name { font-size: 16px; }
  .site-home .catalog-section .detail-title { font-size: 27px; }
  .site-home .catalog-section .relation-list { grid-template-columns: 1fr; }
}

/* Narrow-screen guardrails: keep the header and search controls usable at
   320-420px without changing the desktop composition. */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

@media (max-width: 820px) {
  .site-home .site-nav {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }
  .site-home .site-nav::-webkit-scrollbar { display: none; }
}

@media (max-width: 640px) {
  .site-home .site-topbar {
    gap: 8px 12px;
    overflow: hidden;
  }

  .site-home .site-brand {
    flex: 1 1 auto;
    min-width: 0;
  }

  .site-home .site-actions {
    flex: 0 0 auto;
  }

  .site-home .site-nav {
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .site-home .site-nav::-webkit-scrollbar {
    display: none;
  }

  .search-toolbar { flex-direction: column; align-items: stretch; }
  .completeness-control { justify-content: space-between; }
  .search-form,
  .site-home .catalog-section .search-form {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: 8px;
  }
  .search-button { min-width: 58px; white-space: nowrap; }
  .site-home .catalog-section .kind-tabs,
  .kind-tabs { flex-wrap: wrap; overflow: visible; }
}

@media (max-width: 420px) {
  .site-home .site-topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 10px;
  }

  .site-home .site-brand {
    max-width: 100%;
  }

  .site-home .site-brand-copy {
    min-width: 0;
    overflow: hidden;
  }

  .site-home .site-brand-copy strong,
  .site-home .site-brand-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .site-home .site-actions {
    width: auto;
    margin-left: 0;
  }

  .site-home .site-nav {
    grid-column: 1 / -1;
  }

  .kind-tabs,
  .site-home .catalog-section .kind-tabs {
    width: 100%;
    flex-wrap: wrap;
    gap: 6px;
    overflow: visible;
    padding-bottom: 0;
  }
}

/* --------------------------------------------------------------------------
   Wide catalog layout
   The public catalog is a working reference surface, so desktop space is
   used for parallel scanning instead of stacking every result vertically.
   -------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .site-home .page-shell {
    width: min(1680px, calc(100% - 40px));
  }

  .site-home .catalog-heading,
  .site-home .catalog-section .search-hero,
  .site-home .catalog-section .catalog-layout {
    width: min(1760px, calc(100% - 40px));
  }

  .site-home .catalog-section .catalog-layout {
    grid-template-columns: minmax(560px, 44%) minmax(0, 1fr);
  }

  .site-home .catalog-section .result-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 14px;
  }

  .site-home .catalog-section .detail-overview,
  .site-home .catalog-section .stat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .site-home .catalog-section .equipment-summary-card {
    width: 100%;
  }

  .site-home .catalog-section .equipment-summary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;
  }
}

/* Borderless, game-inventory style rows. The full row remains the click and
   hover target while the icon, name and useful values carry the hierarchy. */
.site-home .catalog-section .result-card {
  position: relative;
  grid-template-columns: 60px minmax(0, 1fr);
  border: 0;
  background: transparent;
  box-shadow: none;
}

.site-home .catalog-section .result-card:hover,
.site-home .catalog-section .result-card:focus-visible {
  border: 0;
  background: #152940;
  box-shadow: none;
}

.site-home .catalog-section .result-card.is-selected {
  border: 0;
  background: #153338;
  box-shadow: inset 3px 0 0 var(--site-cyan);
}

.site-home .catalog-section .result-card .entry-copy {
  padding-right: 46px;
}

.site-home .catalog-section .result-card .entry-status {
  position: absolute;
  top: 10px;
  right: 8px;
}

.site-home .catalog-section .relation-card.kind-item {
  min-height: 72px;
  padding: 9px 5px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.site-home .catalog-section .relation-card.kind-item:hover,
.site-home .catalog-section .relation-card.kind-item:focus-visible {
  border: 0;
  background: #172d46;
  box-shadow: none;
}

.site-home .catalog-section .relation-card .entry-name {
  font-size: 16px;
  line-height: 1.35;
}

.site-home .catalog-section .relation-card .relation-meta {
  font-size: 13px;
  line-height: 1.45;
}

@media (max-width: 1199px) {
  .site-home .catalog-section .result-list {
    grid-template-columns: 1fr;
  }

  .site-home .catalog-section .equipment-summary-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 920px) {
  .site-home .catalog-section .result-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 640px) {
  .site-home .catalog-section .result-list {
    grid-template-columns: 1fr;
  }

  .site-home .catalog-section .result-card {
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .site-home .catalog-section .result-card .entry-copy {
    padding-right: 42px;
  }

}

/* One full-width inventory, selected by a compact horizontal category bar. */
.drop-category-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--site-line, var(--line));
}
.drop-category-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  gap: 9px;
  min-width: 0;
  min-height: 44px;
  padding: 8px;
  border: 0;
  border-bottom: 3px solid transparent;
  color: var(--site-muted, var(--muted));
  background: transparent;
  font-size: 16px;
  font-weight: 800;
}
.drop-category-tab .drop-count { font-size: 14px; font-variant-numeric: tabular-nums; }
.drop-category-tab[aria-selected="true"] {
  color: var(--site-cyan, var(--accent-strong));
  border-bottom-color: currentColor;
  background: var(--site-panel-2, var(--surface-alt));
}
.drop-category-tab:hover:not(:disabled):not([aria-selected="true"]) { color: var(--site-text, var(--deep)); }
.drop-category-tab:focus-visible { outline: 2px solid var(--site-cyan, var(--accent-strong)); outline-offset: -2px; }
.drop-category-tab:disabled { opacity: .4; cursor: default; }
.drop-items-panel { min-width: 0; }
.use-item-values { margin: 0; }
.use-item-values .equipment-hover-row { align-items: baseline; padding-block: 8px; }
.use-item-effect dd,
.site-home .catalog-section .use-item-effect dd { font-size: 22px; font-weight: 900; }
.use-item-effect.effect-hp dd { color: #ffb1b1; }
.use-item-effect.effect-mp dd { color: #8ed0ff; }
.use-item-condition { display: block; max-width: 32ch; margin-top: 4px; color: #c1d2de; font-size: 13px; font-weight: 600; line-height: 1.5; }
.use-item-description { margin: 12px 0; font-size: 16px; line-height: 1.65; color: inherit; }
.use-item-price { margin-top: 14px; padding-top: 6px; border-top: 1px solid var(--site-line, var(--line)); }
.use-item-price dd { color: var(--site-gold, #ffd16c); }
.use-item-card { width: 100%; padding: 18px; border: 1px solid #315571; background: #0c1d2c; }
.use-item-card.use-type-ammunition { border-color: #78633b; background: #201f19; }
.use-item-card.use-type-effect { border-color: #426c5c; background: #12281f; }
.use-item-card.use-type-material { border-color: #605077; background: #1c1928; }
.use-item-title { display: block; margin-bottom: 10px; font-size: 16px; color: #b8d8ee; }
.variant-results { grid-column: 1 / -1; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--site-line, var(--line)); }
.variant-results > summary { padding: 10px 4px; color: #ffd486; cursor: pointer; font-size: 15px; font-weight: 800; }
.variant-result-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 8px; }
.variant-note, .variant-notice { color: #efd19b; font-size: 14px; line-height: 1.6; }
.variant-notice { padding: 12px 16px; background: #332919; border-left: 3px solid #d8ab60; }
.variant-badge { color: #ffd486; font-size: 12px; }
.use-type-ammunition .use-item-title { color: #ffd786; }
.use-type-effect .use-item-title { color: #a8e1ba; }
.use-type-material .use-item-title { color: #d9b6ff; }
#hover-card:has(.use-item-hover) { background: #102433; border-color: #3e708e; }
#hover-card:has(.use-type-ammunition) { background: #27251c; border-color: #927345; }
#hover-card:has(.use-type-effect) { background: #142c22; border-color: #54806a; }
#hover-card:has(.use-type-material) { background: #251f32; border-color: #7e639b; }
.drop-items-grid,
.site-home .catalog-section .drop-items-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 6px 16px;
  align-items: start;
}

/* Homepage product journey; isolated from the catalog search and detail UI. */
.site-home .product-availability { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 18px; }
.site-home .feature-state { display: inline-flex; align-self: flex-start; align-items: center; width: fit-content; padding: 4px 8px; border-radius: 3px; font-size: 12px; font-weight: 800; line-height: 1.5; }
.site-home .feature-state.available { color: #8cf1d2; background: #183c36; }
.site-home .feature-state.developing { color: #f3cf93; background: #44351f; }
.site-home .start-section { padding-top: 34px; padding-bottom: 34px; }
.site-home .start-heading h2 { margin: 5px 0 20px; font-size: clamp(21px, 2.2vw, 29px); color: var(--site-text); }
.site-home .start-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; border-block: 1px solid var(--site-line); background: #0e1b2c; }
.site-home .start-steps li { display: flex; gap: 16px; padding: 24px; min-width: 0; }
.site-home .start-steps li + li { border-left: 1px solid var(--site-line); }
.site-home .step-number { color: var(--site-gold); font-size: 27px; line-height: 1.2; font-weight: 900; font-variant-numeric: tabular-nums; }
.site-home .start-steps h3 { margin: 0; color: var(--site-text); font-size: 18px; }
.site-home .start-steps p { margin: 10px 0 13px; color: #b6c9db; font-size: 14px; line-height: 1.7; }
.site-home .start-steps a { font-size: 13px; font-weight: 800; color: var(--site-cyan); text-decoration: none; }
.site-home .start-steps a:hover { text-decoration: underline; }
.site-home .product-features { padding-top: 36px; }
.site-home .product-features .section-intro { max-width: 860px; }
.site-home .product-features .section-intro > p:last-child { font-size: 16px; line-height: 1.8; }
.site-home .product-features .feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.site-home .product-features .feature-card { min-height: 320px; }
.site-home .product-features .feature-art { height: 92px; font-size: 43px; }
.site-home .product-features .feature-copy { padding: 17px 22px 23px; }
.site-home .product-features .feature-copy h3 { margin-top: 10px; font-size: 21px; }
.site-home .product-features .feature-copy p { font-size: 15px; line-height: 1.8; color: #b6c9db; }
.site-home .product-features .feature-copy a { font-size: 14px; }
.site-home .quality-explainer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, .8fr); align-items: center; gap: 35px; margin-top: 24px; padding: 27px 30px; border: 1px solid #425d62; background: linear-gradient(120deg, #112a31, #101e31); scroll-margin-top: 95px; }
.site-home .quality-copy h3 { margin: 5px 0 12px; font-size: 23px; color: var(--site-text); }
.site-home .quality-copy p:not(.section-rune) { margin: 9px 0; font-size: 15px; line-height: 1.8; color: #b9ccd8; }
.site-home .quality-copy strong { color: #edfaff; }
.site-home .quality-copy p.quality-caption { font-size: 13px; color: #98b4c5; }
.site-home .quality-preview { padding: 20px; background: #091725; border-top: 2px solid var(--site-gold); }
.site-home .quality-preview-title { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px; }
.site-home .quality-preview-title strong { font-size: 15px; color: #cbe7ed; }
.site-home .quality-preview-title > span { font-size: 11px; color: #93aabd; }
.site-home .quality-value { margin-top: 8px; font-size: 32px; font-weight: 900; color: #ffda92; font-variant-numeric: tabular-nums; }
.site-home .quality-value > span { font-size: 21px; color: #b7d0e0; }
.site-home .quality-track { position: relative; height: 9px; margin-top: 11px; background: #2c4050; border-radius: 2px; }
.site-home .quality-track > span { display: block; width: 85.714%; height: 100%; background: linear-gradient(90deg, #387c8c, #63dbbc, #efce70); }
.site-home .quality-track > i { position: absolute; left: 85.714%; top: -4px; width: 3px; height: 17px; background: #fff3d2; box-shadow: 0 0 8px #ffcf7066; }
.site-home .quality-range { display: flex; align-items: center; justify-content: space-between; gap: 5px; margin-top: 9px; color: #9fb9cc; font-size: 12px; }
.site-home .quality-range strong { color: #ffd98f; font-size: 12px; }
.site-home .quality-separation { display: flex; gap: 16px; flex-wrap: wrap; border-top: 1px solid #2c4052; padding-top: 14px; margin-top: 17px; font-size: 12px; color: #a2bfd1; }
.site-home .quality-separation b { color: var(--site-cyan); margin-left: 7px; }
.site-home .membership-copy > p:not(.section-rune) { font-size: 16px; line-height: 1.8; }
.site-home .price-card > p, .site-home .price-card ul { font-size: 14px; }
.site-home .price-card .price-note { font-size: 12px; line-height: 1.65; }
.site-home .membership-comparison { grid-column: 1 / -1; min-width: 0; margin-top: -28px; }
.site-home .comparison-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 9px; margin-bottom: 16px; }
.site-home .comparison-heading h3 { margin: 0; color: var(--site-text); font-size: 22px; }
.site-home .comparison-heading > span { color: #a5bdd0; font-size: 13px; }
.site-home .comparison-table-wrap { overflow-x: auto; border: 1px solid var(--site-line); background: #0d1a2b; }
.site-home .membership-comparison table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.site-home .membership-comparison th, .site-home .membership-comparison td { padding: 15px 20px; text-align: left; border-bottom: 1px solid #23394e; font-size: 15px; line-height: 1.65; color: #bbd1e0; }
.site-home .membership-comparison thead th { background: #152a3b; color: #e7f5fa; font-weight: 800; }
.site-home .membership-comparison thead th:last-child { color: var(--site-gold); }
.site-home .membership-comparison tbody th { font-weight: 700; color: #d3e4ef; }
.site-home .membership-comparison tbody td:nth-child(2) { color: #9ad7c7; }
.site-home .membership-comparison tr:last-child > * { border-bottom: 0; }
.site-home .membership-comparison > p { color: #a5bdd0; font-size: 13px; margin: 12px 0 0; }
.site-home .download-copy > p:not(.section-rune) { font-size: 15px; line-height: 1.8; }
.site-home .download-ready-link { display: block; margin-top: 10px; color: var(--site-cyan); font-size: 13px; font-weight: 800; }
.site-home .recruit-intro { display: flex; justify-content: space-between; align-items: center; gap: 28px; padding: 30px; margin-block: 20px 40px; border: 1px solid #315c67; background: linear-gradient(110deg,#143235,#101d30); }
.site-home .recruit-intro h2 { margin: 8px 0 12px; color: #f0f7ff; font-size: clamp(24px,2.5vw,34px); }
.site-home .recruit-intro p:not(.section-rune) { color: #c0d6e4; line-height: 1.8; max-width: 780px; }
.site-home .recruit-intro span { color: #a0dccd; font-size: 13px; }.site-home .recruit-intro .game-button { flex-shrink: 0; }
.map-recruit-link { display: inline-block; margin-top: 14px; color: #65f1cf; font-size: 15px; font-weight: 800; }
@media (max-width: 800px) { .site-home .recruit-intro { flex-direction: column; align-items: flex-start; padding: 22px; } }
/* Interactive character preview, with separate labels for example scores. */
.site-home .hud-view-tabs { display: flex; margin: 0 20px 15px; gap: 4px; border-bottom: 1px solid #3b566e; }
.site-home .hud-view-tabs button { flex: 1; min-height: 40px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: #b4ccdc; font-size: 14px; font-weight: 800; }
.site-home .hud-view-tabs button[aria-selected="true"] { color: var(--site-cyan); background: #16373e; border-bottom-color: var(--site-cyan); }
.site-home .hud-view-tabs button span { display: block; font-size: 10px; font-weight: 600; }
.site-home .hud-view-tabs button:focus-visible, .site-home .hud-equipment-slot:focus-visible { outline: 2px solid var(--site-cyan); outline-offset: 2px; }
.site-home .hud-view-panel { min-height: 270px; }
.site-home .hud-view-panel[hidden] { display: none; }
.site-home .hud-vitals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0 20px 12px; }
.site-home .hud-vital { display: flex; justify-content: space-between; align-items: center; gap: 6px; padding: 7px 9px; border-bottom: 3px solid; background: #091623; }
.site-home .hud-vital.hp { color: #ffc2c0; border-color: #e3838b; }
.site-home .hud-vital.mp { color: #b4dcff; border-color: #70b2ef; }
.site-home .hud-vital span { font-size: 11px; font-weight: 800; }
.site-home .hud-vital strong { font-size: 13px; font-variant-numeric: tabular-nums; }
.site-home .hud-exp-track i.progress-40 { width: 40%; }
.site-home .hud-open-equipment { background: #143335; color: var(--site-cyan); border: 1px solid #38655d; font-size: 12px; font-weight: 800; padding: 7px 10px; }
.site-home .hud-ability-identity { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px 12px; margin: 0 20px 12px; color: #94b6ce; font-size: 11px; }
.site-home .hud-ability-identity b { display: block; color: #edf6ff; font-size: 13px; }
.site-home .hud-ability-exp { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 20px; padding: 8px 10px; background: #162e36; color: #b7d9e4; font-size: 12px; }
.site-home .hud-ability-exp strong { color: #80eacc; font-size: 14px; font-variant-numeric: tabular-nums; }
.site-home .hud-ability-exp small { font-size: 12px; }
.site-home .hud-attribute-heading { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 5px; margin: 13px 20px 6px; color: #e1f2f7; font-size: 12px; font-weight: 800; }
.site-home .hud-attribute-heading span { color: #89aabf; font-size: 11px; font-weight: 500; }
.site-home .hud-ability-primary, .site-home .hud-ability-secondary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; margin: 0 20px; padding: 0; }
.site-home .hud-ability-primary > div, .site-home .hud-ability-secondary > div { display: flex; justify-content: space-between; align-items: baseline; gap: 5px; padding: 7px 0; border-bottom: 1px solid #294053; }
.site-home .hud-ability-primary dt, .site-home .hud-ability-secondary dt { color: #aac5d7; font-size: 11px; }
.site-home .hud-ability-primary dd, .site-home .hud-ability-secondary dd { margin: 0; color: #f0f8ff; font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums; }
.site-home .hud-ability-primary dd { color: #8af0d1; }
.site-home .hud-ability-primary small { font-size: 11px; color: #abc6d5; font-weight: 600; }
.site-home .hud-ability-secondary { margin-top: 8px; margin-bottom: 14px; }
.site-home .hud-equipment-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0 20px 11px; }
.site-home .hud-equipment-heading strong { color: #deeff7; font-size: 14px; }
.site-home .hud-equipment-heading span { color: #a5bbcc; font-size: 11px; }
.site-home .hud-equipment-slots { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 0 20px; }
.site-home .hud-equipment-slot { position: relative; display: grid; grid-template-columns: 32px minmax(0, 1fr); align-content: center; align-items: center; gap: 3px 5px; min-width: 0; min-height: 73px; padding: 7px; color: #e6f5ff; border: 1px solid #446b78; background: #102c38; text-align: left; }
.site-home .hud-equipment-slot:hover:not(.is-empty), .site-home .hud-equipment-slot[aria-expanded="true"] { background: #1c464b; border-color: #74d8bd; }
.site-home .hud-equipment-slot.is-empty { border-color: transparent; background: #0b1928; }
.site-home .hud-slot-label { grid-column: 1 / -1; color: #c1dbea; font-size: 11px; font-weight: 800; }
.site-home .hud-slot-icon { grid-row: span 2; width: 31px; height: 33px; object-fit: contain; image-rendering: pixelated; }
.site-home .hud-slot-name { min-width: 0; color: #e9f8ff; font-size: 10px; line-height: 1.35; font-weight: 700; overflow-wrap: anywhere; }
.site-home .hud-slot-score { color: #ffe19a; font-size: 10px; font-weight: 800; white-space: nowrap; }
.site-home .hud-slot-empty-mark { color: #496577; font-size: 28px; text-align: center; line-height: 1; }
.site-home .is-empty .hud-slot-name { color: #819fb4; font-weight: 500; }
.site-home .hud-preview-note { margin: 10px 20px 13px; color: #aac1d2; font-size: 11px; line-height: 1.6; }
.hud-equipment-popover { position: fixed; z-index: 160; max-height: calc(100dvh - 24px); overflow: auto; padding: 21px; border: 1px solid #6fa3a4; border-top: 3px solid #eed095; background: #0d2032; color: #eaf5fe; box-shadow: 0 18px 55px #000b; font-family: "Microsoft YaHei UI", "Microsoft YaHei", sans-serif; }
.hud-equipment-popover[hidden] { display: none; }
.hud-equipment-close { position: absolute; top: 6px; right: 8px; width: 29px; height: 29px; padding: 0; border: 0; background: #193449; color: #c7dfeb; font-size: 24px; line-height: 1; cursor: pointer; }
.hud-equipment-detail-header { display: flex; align-items: center; gap: 12px; margin-right: 16px; }
.hud-equipment-detail-icon { width: 48px; height: 48px; object-fit: contain; image-rendering: pixelated; }
.hud-detail-kicker { color: #86d9c6; font-size: 11px; font-weight: 800; }
.hud-equipment-popover h3 { margin: 3px 0 0; color: #effaff; font-size: 21px; line-height: 1.4; }
.hud-equipment-demo-score { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 16px; padding: 10px 12px; background: #303128; border-left: 3px solid #efd08b; }
.hud-equipment-demo-score > span { color: #ddcfb0; font-size: 12px; font-weight: 700; }
.hud-equipment-demo-score strong { color: #ffe0a0; font-size: 23px; font-weight: 900; font-variant-numeric: tabular-nums; }
.hud-equipment-requirements { font-size: 12px; color: #a8c7d8; line-height: 1.65; margin: 12px 0; }
.hud-equipment-popover h4 { font-size: 13px; margin: 15px 0 6px; color: #79e4ca; }
.hud-equipment-detail-stats { margin: 0; padding: 0; }
.hud-equipment-detail-stats > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 8px 0; border-bottom: 1px solid #2a4055; }
.hud-equipment-detail-stats dt { font-size: 12px; color: #abcbdc; }
.hud-equipment-detail-stats dd { margin: 0; color: #f1f8ff; font-size: 16px; font-weight: 800; text-align: right; font-variant-numeric: tabular-nums; }
.hud-equipment-detail-stats .hud-equipment-npc-price dd { color: #ffcf7c; }
.hud-equipment-detail-note { font-size: 11px; color: #a1bbcd; line-height: 1.6; margin: 12px 0; }
.hud-equipment-detail-link { display: inline-block; color: #7ee7cc; font-size: 12px; font-weight: 800; text-decoration: none; }
.hud-equipment-popover a:focus-visible, .hud-equipment-popover button:focus-visible { outline: 2px solid #7ee7cc; outline-offset: 3px; }
@media (max-width: 640px) {
  .site-home .hud-view-tabs, .site-home .hud-vitals, .site-home .hud-ability-identity, .site-home .hud-ability-exp, .site-home .hud-attribute-heading, .site-home .hud-ability-primary, .site-home .hud-ability-secondary, .site-home .hud-equipment-heading, .site-home .hud-equipment-slots, .site-home .hud-preview-note { margin-left: 13px; margin-right: 13px; }
  .site-home .hud-view-tabs button { font-size: 13px; }
  .site-home .hud-vital { padding: 7px 6px; }
  .site-home .hud-vital strong { font-size: 12px; }
  .site-home .hud-equipment-slots { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
  .site-home .hud-equipment-slot { padding: 6px; min-height: 72px; }
  .site-home .hud-ability-primary, .site-home .hud-ability-secondary { gap: 0 12px; }
  .site-home .hud-ability-primary dd { font-size: 13px; }
  .site-home .hud-ability-primary small { font-size: 10px; }
  .hud-equipment-popover { padding: 18px; }
}
@media (max-width: 1100px) {
  .site-home .product-features .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-home .start-steps li { padding: 20px 16px; gap: 10px; }
  .site-home .start-steps h3 { font-size: 16px; }
  .site-home .quality-explainer { grid-template-columns: minmax(0, 1fr) minmax(290px, .9fr); gap: 22px; padding: 22px; }
  .site-home .membership-comparison { margin-top: 0; }
}
@media (max-width: 700px) {
  .site-home .start-section { padding-top: 22px; padding-bottom: 20px; }
  .site-home .start-steps { grid-template-columns: 1fr; }
  .site-home .start-steps li { padding: 20px; gap: 16px; }
  .site-home .start-steps li + li { border-left: 0; border-top: 1px solid var(--site-line); }
  .site-home .start-steps h3 { font-size: 18px; }
  .site-home .product-features .feature-grid { grid-template-columns: 1fr; }
  .site-home .product-features .feature-card { min-height: 0; }
  .site-home .product-features .feature-art { height: 70px; font-size: 32px; }
  .site-home .product-features .feature-copy { padding: 15px 19px 20px; }
  .site-home .quality-explainer { grid-template-columns: 1fr; gap: 18px; padding: 20px 16px; }
  .site-home .quality-preview { padding: 16px; }
  .site-home .quality-copy h3 { font-size: 21px; }
  .site-home .membership-comparison th, .site-home .membership-comparison td { font-size: 12px; padding: 11px 8px; overflow-wrap: anywhere; }
  .site-home .comparison-heading h3 { font-size: 20px; }
  .site-home .comparison-heading > span { font-size: 12px; }
  .site-home .quality-range, .site-home .quality-range strong { font-size: 11px; }
}

/* CYBER CUTE HOMEPAGE PRESENTATION */
/* Scoped homepage presentation; shared application pages keep their existing theme. */
body.site-home.cyber-cute {
  color-scheme: dark;
  --site-bg: #121216;
  --site-panel: #1b1b23;
  --site-panel-2: #202028;
  --site-text: #f4f2fa;
  --site-muted: #c2bdcd;
  --site-dim: #92909f;
  --site-line: #35333e;
  --site-line-bright: #56515f;
  --site-cyan: #69ece5;
  --site-cyan-deep: #3d827f;
  --site-pink: #ff8ac5;
  --site-blue: #69ece5;
  --site-gold: #f9d889;
  --ink: #f4f2fa;
  --muted: #c2bdcd;
  --faint: #92909f;
  --canvas: #121216;
  --surface: #1b1b23;
  --surface-alt: #202028;
  --line: #35333e;
  --line-strong: #56515f;
  --deep: #f4f2fa;
  --accent: #69ece5;
  --accent-strong: #69ece5;
  --accent-soft: #213432;
  --gold: #f9d889;
  --gold-soft: #342f25;
  --focus: #69ece5;
  background: #121216;
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
  line-height: 1.65;
}
html:has(body.cyber-cute) { scroll-behavior: smooth; scroll-padding-top: 92px; background: #121216; }
.cyber-cute *, .cyber-cute *::before, .cyber-cute *::after { letter-spacing: 0 !important; }
.cyber-cute .site-noise, .cyber-cute .site-stars { display: none; }
.cyber-cute a { text-decoration: none; }
.cyber-cute .lucide { width: 18px; height: 18px; flex-shrink: 0; stroke-width: 1.7px; }
.cyber-cute button, .cyber-cute a { -webkit-tap-highlight-color: transparent; }
.cyber-cute button:focus-visible, .cyber-cute a:focus-visible { outline: 2px solid #69ece5; outline-offset: 5px; }
.cyber-cute .cyber-skip { position: fixed; top: -100px; left: 20px; z-index: 100; background: #69ece5; color: #152f2e; padding: 10px 18px; }
.cyber-cute .cyber-skip:focus { top: 8px; }
body.cyber-cute .page-shell { width: min(1160px, calc(100% - 80px)); }
body.cyber-cute .site-topbar { gap: 20px; min-height: 76px; padding: 12px max(32px, calc((100% - 1220px) / 2)); background: #121216f5; box-shadow: none; backdrop-filter: blur(14px); }
body.cyber-cute .site-brand { gap: 10px; min-width: 205px; }
body.cyber-cute .site-brand-mark { height: 38px; width: 35px; border: 0; background: #ff8ac5; color: #34232c; clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 20% 100%, 0 80%); }
body.cyber-cute .site-brand-mark span { font-size: 14px; }
body.cyber-cute .site-brand-mark span + span { color: #34232c; border: 0; }
body.cyber-cute .site-brand-copy strong { font-size: 14px; }
body.cyber-cute .site-brand-copy small { font-size: 10px; color: #92909f; }
body.cyber-cute .site-nav { gap: 3px; }
body.cyber-cute .site-nav a { white-space: nowrap; padding-inline: 10px; font-size: 12px; }
body.cyber-cute .site-nav a:hover, body.cyber-cute .site-nav a.is-active { background: transparent; border-color: transparent; color: #f4f2fa; }
body.cyber-cute .site-actions { min-width: 0; }
body.cyber-cute .classic-badge { border: 0; background: transparent; padding-inline: 0; color: #92909f; font-size: 10px; }
body.cyber-cute .classic-badge i { width: 4px; height: 4px; box-shadow: none; }
body.cyber-cute .login-link { border-color: #56515f; border-radius: 4px; font-size: 11px; color: #f4f2fa; white-space: nowrap; }
.cyber-cute .cyber-icon-button { display: inline-grid; place-items: center; padding: 0; width: 34px; height: 34px; border: 0; border-radius: 4px; background: transparent; color: #c2bdcd; }
.cyber-cute .cyber-icon-button:hover { color: #ff8ac5; background: #292630; }
.cyber-cute #cyber-menu-toggle { display: none; }
.cyber-cute .cyber-showcase { position: relative; height: min(850px, calc(100svh - 165px)); min-height: 540px; overflow: hidden; background: #16161d; border-bottom: 1px solid #35333e; }
.cyber-cute .cyber-showcase::before { content: ""; position: absolute; top: 0; left: 50%; width: 150px; height: 2px; transform: translateX(-50%); background: #69ece5; box-shadow: 75px 0 #ff8ac5; }
.cyber-cute .cyber-hero-copy { position: relative; z-index: 3; padding: 25px 20px 0; text-align: center; }
.cyber-cute .cyber-eyebrow { display: flex; align-items: center; justify-content: center; gap: 9px; margin: 0; color: #c2bdcd; font-size: 10px; font-weight: 600; }
.cyber-cute .cyber-eyebrow > span { width: 6px; height: 6px; background: #69ece5; }
.cyber-cute .cyber-eyebrow > i { color: #625b6b; font-style: normal; margin-inline: 4px; }
.cyber-cute #cyber-title { margin: 10px 0 0; font-size: 58px; font-weight: 900; line-height: 1.35; color: #f4f2fa; }
.cyber-cute #cyber-title > span { display: inline-block; margin-left: 9px; font-family: Consolas, monospace; font-size: 36px; font-weight: 400; color: #ff8ac5; vertical-align: top; }
.cyber-cute .cyber-subtitle { margin: 7px 0 0; font-size: 15px; color: #c2bdcd; }
.cyber-cute .cyber-hero-actions { display: flex; justify-content: center; gap: 12px; margin-top: 20px; }
.cyber-cute .cyber-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 43px; padding: 0 21px; border: 1px solid transparent; border-radius: 4px; font-size: 13px; font-weight: 600; transition: background .18s, color .18s; }
.cyber-cute .cyber-button .lucide { width: 16px; height: 16px; }
.cyber-cute .cyber-primary { background: #69ece5; color: #142e2d; border-color: #a8fff9; box-shadow: 0 3px 0 #355b58; }
.cyber-cute .cyber-primary:hover { background: #a2fff8; }
.cyber-cute .cyber-quiet { color: #c2bdcd; }
.cyber-cute .cyber-quiet:hover { color: #ff8ac5; background: #25242f; }
.cyber-cute .cyber-scene { position: absolute; inset: 256px 0 72px; width: min(1180px, 100%); margin: auto; }
.cyber-cute .cyber-screens { position: relative; height: 100%; width: min(760px, 100%); margin: auto; container-type: size; }
.cyber-cute .cyber-screen { position: absolute; display: block; padding: 0; aspect-ratio: 7 / 15; height: 87%; width: auto; bottom: 0; left: 50%; overflow: hidden; border: 1px solid #514b5b; border-radius: 6px; background: #17171f; box-shadow: 0 16px 28px #0007; transform: translateX(-50%); transition: transform .32s ease, height .32s ease, left .32s ease, border-color .18s ease; }
.cyber-cute .cyber-screen img { display: block; width: 100%; height: 100%; object-fit: contain; }
.cyber-cute .cyber-screen[data-position="left"] { left: calc(50% - 29cqh); transform: translateX(-50%) rotate(-6deg); }
.cyber-cute .cyber-screen[data-position="right"] { left: calc(50% + 29cqh); transform: translateX(-50%) rotate(6deg); }
.cyber-cute .cyber-screen.is-selected { height: 100%; z-index: 2; border-color: #69ece5; }
.cyber-cute .cyber-screen:hover { border-color: #ff8ac5; }
.cyber-cute .cyber-screen.is-selected:hover { transform: translateX(-50%) translateY(-3px); }
.cyber-cute .cyber-screen:focus-visible { z-index: 4; }
.cyber-cute .cyber-screen-open { position: absolute; display: grid; place-items: center; bottom: 9px; right: 9px; width: 28px; height: 28px; border: 1px solid #51615f; border-radius: 4px; background: #23242cf5; color: #69ece5; }
.cyber-cute .cyber-screen-open .lucide { width: 14px; height: 14px; }
.cyber-cute .cyber-scene-note { position: absolute; top: 25%; display: flex; flex-direction: column; align-items: flex-start; color: #92909f; }
.cyber-cute .cyber-note-left { left: 3%; }
.cyber-cute .cyber-note-right { right: 1%; top: 36%; }
.cyber-cute .cyber-tech-label { font-family: "Arial Narrow", Consolas, sans-serif; font-size: 10px; }
.cyber-cute .cyber-scene-note strong { color: #ff8ac5; font-family: "Bahnschrift Condensed", "Arial Narrow", Consolas, sans-serif; font-size: 38px; font-weight: 500; line-height: 1.4; }
.cyber-cute .cyber-scene-note strong small { font-size: 14px; margin-right: 4px; color: #92909f; }
.cyber-cute .cyber-note-right strong, .cyber-cute .cyber-note-right strong small { color: #d8f58b; }
.cyber-cute .cyber-scene-note > span:not(.cyber-tech-label) { font-size: 10px; }
.cyber-cute .cyber-scene-note b { color: #c2bdcd; font-weight: 400; }
.cyber-cute .cyber-note-rule { width: 60px; height: 1px; margin-top: 13px; background: #4a414e; }
.cyber-cute .cyber-mushroom { width: 65px; height: auto; margin: 18px 0 0 14px; image-rendering: pixelated; transform: rotate(-8deg); }
.cyber-cute .cyber-note-right > .lucide { width: 26px; height: 26px; margin: 20px 0 0 40px; color: #ff8ac5; }
.cyber-cute .cyber-showcase-bottom { position: absolute; bottom: 10px; inset-inline: 0; display: grid; justify-items: center; gap: 5px; }
.cyber-cute .cyber-selector { display: flex; align-items: center; gap: 6px; }
.cyber-cute .cyber-selector button { display: inline-flex; justify-content: center; align-items: center; gap: 6px; min-height: 32px; padding: 3px 10px; background: transparent; border: 0; border-bottom: 2px solid transparent; color: #92909f; font-size: 11px; }
.cyber-cute .cyber-selector button[aria-pressed="true"] { color: #69ece5; border-color: #69ece5; }
.cyber-cute .cyber-selector button:hover { color: #f4f2fa; }
.cyber-cute .cyber-selector .lucide { width: 13px; height: 13px; }
.cyber-cute .cyber-preview-label { color: #92909f; font-size: 9px; }
.cyber-cute .cyber-corner { position: absolute; bottom: 26px; width: 16px; height: 16px; opacity: .7; }
.cyber-cute .cyber-corner-left { left: 40px; border-left: 1px solid #ff8ac5; border-bottom: 1px solid #ff8ac5; }
.cyber-cute .cyber-corner-right { right: 40px; border-right: 1px solid #69ece5; border-bottom: 1px solid #69ece5; }
.cyber-cute .cyber-quick-access { border-bottom: 1px solid #35333e; background: #1c1b23; }
body.cyber-cute .cyber-quick-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding-block: 23px; }
.cyber-cute .cyber-quick-grid a { display: flex; align-items: center; gap: 16px; min-height: 56px; padding: 4px 28px; border-right: 1px solid #3c3743; }
.cyber-cute .cyber-quick-grid a:first-child { padding-left: 0; }
.cyber-cute .cyber-quick-grid a:last-child { padding-right: 0; border: 0; }
.cyber-cute .cyber-quick-index { color: #92909f; font-family: Consolas, monospace; font-size: 10px; }
.cyber-cute .cyber-quick-grid a > .lucide { width: 23px; height: 23px; color: #69ece5; }
.cyber-cute .cyber-quick-grid a:nth-child(2) > .lucide { color: #ff8ac5; }
.cyber-cute .cyber-quick-grid a:nth-child(3) > .lucide { color: #d8f58b; }
.cyber-cute .cyber-quick-grid a > .lucide:last-child { margin-left: auto; width: 15px; height: 15px; color: #92909f; }
.cyber-cute .cyber-quick-grid strong { display: block; font-size: 16px; color: #f4f2fa; }
.cyber-cute .cyber-quick-grid small { display: block; margin-top: 3px; color: #92909f; font-size: 11px; }
.cyber-cute .cyber-quick-grid a:hover strong { color: #69ece5; }
.cyber-cute .cyber-preview-dialog { width: min(480px, calc(100% - 24px)); max-width: none; max-height: calc(100dvh - 24px); margin: auto; padding: 0; overflow: hidden; color: #f4f2fa; border: 1px solid #56515f; border-radius: 8px; background: #1b1b23; box-shadow: 0 24px 90px #0009; }
.cyber-cute .cyber-preview-dialog[open] { display: flex; flex-direction: column; }
.cyber-cute .cyber-preview-dialog::backdrop { background: #08080bed; }
body.cyber-cute.cyber-preview-open { overflow: hidden; }
.cyber-cute .cyber-dialog-header { display: flex; flex-shrink: 0; gap: 10px; align-items: center; min-height: 50px; padding: 7px 12px 7px 18px; border-bottom: 1px solid #35333e; }
.cyber-cute .cyber-dialog-header strong { font-size: 13px; }
.cyber-cute .cyber-dialog-header > span { font-size: 10px; color: #92909f; }
.cyber-cute .cyber-dialog-header button { margin-left: auto; }
.cyber-cute .cyber-dialog-media { min-height: 0; overflow-y: auto; background: #17171f; overscroll-behavior: contain; }
.cyber-cute .cyber-dialog-media img { display: block; width: 100%; height: auto; }
.cyber-cute .cyber-dialog-footer { display: flex; flex-shrink: 0; align-items: center; gap: 10px; padding: 8px 12px; border-top: 1px solid #35333e; }
.cyber-cute .cyber-dialog-footer > span { font-family: Consolas, monospace; font-size: 11px; color: #92909f; }
.cyber-cute .cyber-dialog-footer a { display: inline-flex; align-items: center; gap: 7px; color: #69ece5; font-size: 12px; margin-left: auto; }
@media (max-width: 1180px) {
  body.cyber-cute .classic-badge { display: none; }
  body.cyber-cute .site-topbar { gap: 12px; padding-inline: 24px; }
  body.cyber-cute .site-brand { min-width: 187px; }
  body.cyber-cute .site-nav a { padding-inline: 8px; }
  .cyber-cute .cyber-scene-note { display: none; }
}
@media (max-width: 900px) {
  body.cyber-cute .page-shell { width: calc(100% - 48px); }
  body.cyber-cute .site-topbar { min-height: 64px; justify-content: space-between; flex-wrap: nowrap; }
  body.cyber-cute .site-nav { display: none; position: absolute; inset: 64px 0 auto; padding: 12px 24px 22px; background: #1b1b23; border-bottom: 1px solid #56515f; box-shadow: 0 16px 28px #0005; }
  body.cyber-cute .site-nav.is-open { display: grid; grid-template-columns: 1fr 1fr; }
  body.cyber-cute .site-nav a { min-height: 44px; padding: 10px; font-size: 13px; }
  .cyber-cute #cyber-menu-toggle { display: inline-grid; }
  .cyber-cute .cyber-quick-grid a { gap: 12px; padding-inline: 18px; }
  .cyber-cute .cyber-quick-index { display: none; }
  .cyber-cute .cyber-quick-grid strong { font-size: 14px; }
  .cyber-cute .cyber-quick-grid small { font-size: 10px; }
}
@media (max-width: 600px) {
  body.cyber-cute .page-shell { width: calc(100% - 36px); }
  body.cyber-cute .site-topbar { padding: 10px 18px; }
  body.cyber-cute .site-brand { min-width: 0; gap: 8px; }
  body.cyber-cute .site-brand-copy strong { font-size: 12px; }
  body.cyber-cute .site-brand-mark { width: 30px; height: 33px; }
  body.cyber-cute .site-actions { gap: 5px; }
  body.cyber-cute .login-link { padding: 5px 8px; }
  .cyber-cute .cyber-showcase { height: calc(100svh - 135px); min-height: 470px; max-height: 810px; }
  .cyber-cute .cyber-hero-copy { padding-top: 22px; }
  .cyber-cute #cyber-title { font-size: 40px; margin-top: 8px; }
  .cyber-cute #cyber-title > span { font-size: 29px; margin-left: 5px; }
  .cyber-cute .cyber-subtitle { font-size: 13px; }
  .cyber-cute .cyber-hero-actions { margin-top: 16px; gap: 5px; }
  .cyber-cute .cyber-button { min-height: 40px; padding-inline: 14px; font-size: 12px; }
  .cyber-cute .cyber-scene { top: 218px; bottom: 76px; }
  .cyber-cute .cyber-screen:not(.is-selected) { display: none; }
  .cyber-cute .cyber-screen.is-selected { display: block; left: 50%; transform: translateX(-50%); }
  .cyber-cute .cyber-selector button { min-height: 38px; padding-inline: 8px; }
  .cyber-cute .cyber-corner-left { left: 18px; }
  .cyber-cute .cyber-corner-right { right: 18px; }
  .cyber-cute .cyber-corner { width: 12px; height: 12px; bottom: 32px; }
  body.cyber-cute .cyber-quick-grid { padding-block: 16px; }
  .cyber-cute .cyber-quick-grid a { min-height: 50px; padding: 0 10px; }
  .cyber-cute .cyber-quick-grid a > .lucide { display: none; }
  .cyber-cute .cyber-quick-grid strong { font-size: 13px; }
  .cyber-cute .cyber-quick-grid small { font-size: 10px; }
}
@media (max-height: 760px) and (min-width: 601px) {
  .cyber-cute .cyber-showcase { min-height: 0; }
  .cyber-cute .cyber-hero-copy { padding-top: 17px; }
  .cyber-cute #cyber-title { font-size: 46px; margin-top: 5px; }
  .cyber-cute .cyber-hero-actions { margin-top: 12px; }
  .cyber-cute .cyber-scene { top: 216px; bottom: 65px; }
}
@media (max-height: 580px) {
  .cyber-cute .cyber-showcase { height: calc(100svh - 108px); min-height: 0; }
  .cyber-cute .cyber-hero-copy { padding-top: 10px; }
  .cyber-cute .cyber-eyebrow { font-size: 9px; }
  .cyber-cute #cyber-title { font-size: 32px; line-height: 1.2; margin-top: 5px; }
  .cyber-cute #cyber-title > span { font-size: 24px; }
  .cyber-cute .cyber-subtitle { font-size: 12px; margin-top: 3px; }
  .cyber-cute .cyber-hero-actions { margin-top: 10px; }
  .cyber-cute .cyber-button { min-height: 34px; font-size: 11px; }
  .cyber-cute .cyber-scene { top: 144px; bottom: 80px; }
  .cyber-cute .cyber-scene-note { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(body.cyber-cute) { scroll-behavior: auto; }
  .cyber-cute *, .cyber-cute *::before, .cyber-cute *::after { animation: none !important; transition: none !important; }
}

/* Original homepage content, restyled without changing its data or controls. */
body.site-home.cyber-cute :is(.quick-stats, .start-section, .feature-section, .assistant-demo, .membership-section, .download-section, .catalog-section) { scroll-margin-top: 84px; }
body.site-home.cyber-cute .game-button { clip-path: none; border-radius: 4px; font-weight: 600; background: #24232d; box-shadow: none; }
body.site-home.cyber-cute .game-button.primary { background: #69ece5; color: #142e2d; border-color: #a8fff9; box-shadow: 0 3px 0 #355b58; }
body.site-home.cyber-cute .game-button.primary:hover { background: #a2fff8; transform: translateY(-1px); }
body.site-home.cyber-cute .game-button.ghost { background: transparent; color: #ff8ac5; border-color: #574451; }
body.site-home.cyber-cute :is(.section-rune, .hero-kicker) { font-size: 10px; color: #69ece5; font-weight: 600; }
body.site-home.cyber-cute :is(.section-intro h2, .membership-copy h2, .catalog-heading h2, .download-copy h2, .start-heading h2, .recruit-intro h2) { font-size: 30px; line-height: 1.45; font-weight: 700; color: #f4f2fa; }
body.site-home.cyber-cute :is(.section-intro h2 em, .membership-copy h2 em) { color: #ff8ac5; }
body.site-home.cyber-cute .quick-stats { padding-block: 32px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.site-home.cyber-cute .quick-stat { background: transparent; padding: 10px 20px; border-right: 1px solid #35333e; }
body.site-home.cyber-cute .quick-stat:first-child { padding-left: 0; }
body.site-home.cyber-cute .quick-stat:last-child { border: 0; }
body.site-home.cyber-cute .stat-icon { border: 0; background: transparent !important; color: #69ece5; font-size: 24px; }
body.site-home.cyber-cute .quick-stat:nth-child(3) .stat-icon { color: #d8f58b; }
body.site-home.cyber-cute .quick-stat strong { font-size: 18px; font-weight: 600; }
body.site-home.cyber-cute .quick-stat small { font-size: 11px; color: #92909f; }
body.site-home.cyber-cute .start-section { padding-block: 58px 30px; }
body.site-home.cyber-cute .start-heading h2 { font-size: 25px; margin-bottom: 25px; }
body.site-home.cyber-cute .start-steps { background: transparent; }
body.site-home.cyber-cute .start-steps li { padding: 26px 22px; gap: 15px; }
body.site-home.cyber-cute .step-number { font-family: Consolas, monospace; font-size: 23px; font-weight: 400; color: #ff8ac5; }
body.site-home.cyber-cute .start-steps h3 { font-size: 17px; font-weight: 600; }
body.site-home.cyber-cute .start-steps p { font-size: 13px; color: #c2bdcd; line-height: 1.8; }
body.site-home.cyber-cute .start-steps a { font-size: 12px; font-weight: 500; }
body.site-home.cyber-cute .product-features { padding-block: 46px 60px; }
body.site-home.cyber-cute .product-features .section-intro { max-width: 740px; margin-bottom: 30px; }
body.site-home.cyber-cute .product-features .section-intro > p:last-child { color: #c2bdcd; font-size: 14px; line-height: 1.9; }
body.site-home.cyber-cute .product-features .feature-grid { gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.site-home.cyber-cute .product-features .feature-card { min-height: 318px; border: 1px solid #35333e; border-radius: 6px; background: #1b1b23; }
body.site-home.cyber-cute .product-features .feature-card:hover { transform: translateY(-3px); background: #201f29; border-color: #70606e; }
body.site-home.cyber-cute .product-features .feature-number { top: 18px; right: 20px; font-family: Consolas, monospace; font-weight: 400; }
body.site-home.cyber-cute .product-features .feature-art { display: flex; align-items: center; justify-content: flex-start; width: auto; height: 54px; margin: 20px 22px 0; border: 0; background: transparent; font-size: 35px; }
body.site-home.cyber-cute .feature-art::before, body.site-home.cyber-cute .feature-art::after, body.site-home.cyber-cute .feature-art i { display: none; }
body.site-home.cyber-cute .map-art span { font-size: 38px; }
body.site-home.cyber-cute .product-features .exp-art { font-size: 24px; color: #d8f58b; }
body.site-home.cyber-cute .product-features .gear-art { color: #ff8ac5; }
body.site-home.cyber-cute .product-features .feature-copy { padding: 14px 22px 23px; }
body.site-home.cyber-cute .feature-state { font-size: 10px; font-weight: 500; padding: 3px 7px; }
body.site-home.cyber-cute .feature-state.available { color: #8eebcc; background: #24342f; }
body.site-home.cyber-cute .feature-state.developing { color: #eed6a5; background: #373129; }
body.site-home.cyber-cute .product-features .feature-copy h3 { font-size: 18px; margin-top: 13px; font-weight: 600; }
body.site-home.cyber-cute .product-features .feature-copy p { font-size: 13px; line-height: 1.9; color: #c2bdcd; margin-bottom: 21px; }
body.site-home.cyber-cute .product-features .feature-copy a { font-size: 12px; font-weight: 500; }
body.site-home.cyber-cute .quality-explainer { margin-top: 40px; padding: 36px 0 0; border: 0; border-top: 1px solid #35333e; gap: 48px; background: transparent; }
body.site-home.cyber-cute .quality-copy h3 { font-size: 22px; font-weight: 600; }
body.site-home.cyber-cute .quality-copy p:not(.section-rune) { font-size: 13px; line-height: 1.9; color: #c2bdcd; }
body.site-home.cyber-cute .quality-copy p.quality-caption { color: #92909f; font-size: 12px; }
body.site-home.cyber-cute .quality-preview { padding: 22px; border: 1px solid #49443d; border-top: 2px solid #f9d889; border-radius: 6px; background: #1b1b23; }
body.site-home.cyber-cute .quality-preview-title strong { color: #f4f2fa; }
body.site-home.cyber-cute .quality-preview-title > span { color: #92909f; }
body.site-home.cyber-cute .quality-value { color: #f9d889; font-weight: 500; font-family: Consolas, monospace; }
body.site-home.cyber-cute .quality-value > span { color: #c2bdcd; font-size: 18px; }
body.site-home.cyber-cute .quality-track { background: #393541; }
body.site-home.cyber-cute .quality-track > span { background: #d8f58b; }
body.site-home.cyber-cute .quality-track > i { background: #f4f2fa; box-shadow: none; }
body.site-home.cyber-cute .quality-range { color: #92909f; }
body.site-home.cyber-cute .quality-range strong { color: #d8f58b; font-weight: 500; }
body.site-home.cyber-cute .quality-separation { color: #c2bdcd; border-color: #35333e; }
body.site-home.cyber-cute .assistant-demo { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: 60px; padding-block: 64px; border-top: 1px solid #35333e; }
body.site-home.cyber-cute .assistant-demo .hero-copy { gap: 0; }
body.site-home.cyber-cute #hero-title { margin: 0; font-size: 34px; line-height: 1.5; font-weight: 700; }
body.site-home.cyber-cute #hero-title em { color: #ff8ac5; font-style: normal; }
body.site-home.cyber-cute .hero-lede { margin-top: 18px; font-size: 14px; line-height: 1.9; }
body.site-home.cyber-cute .hero-cta-row { margin-top: 24px; }
body.site-home.cyber-cute .hero-trust { gap: 8px 15px; margin-top: 23px; }
body.site-home.cyber-cute .kicker-line { width: 18px; background: #69ece5; box-shadow: none; }
body.site-home.cyber-cute .hud-glow { display: none; }
body.site-home.cyber-cute .hud-preview { min-height: 0; margin: 0; }
body.site-home.cyber-cute .hud-window { border: 1px solid #514b5b; border-radius: 7px; background: #1b1b23; box-shadow: 0 15px 32px #0004; }
body.site-home.cyber-cute .hud-window::before { background: #ff8ac5; }
body.site-home.cyber-cute :is(.hud-titlebar, .hud-footnote) { background: #18171e; border-color: #35333e; }
body.site-home.cyber-cute :is(.hud-lamp, .pulse-dot) { box-shadow: none; }
body.site-home.cyber-cute .hud-avatar { background: #302530; border: 1px solid #685361; color: #ff8ac5; box-shadow: none; }
body.site-home.cyber-cute .hud-score b { color: #ff8ac5; }
body.site-home.cyber-cute .hud-view-tabs { border-color: #35333e; }
body.site-home.cyber-cute .hud-view-tabs button { color: #c2bdcd; font-size: 13px; font-weight: 500; }
body.site-home.cyber-cute .hud-view-tabs button[aria-selected="true"] { background: #243331; color: #69ece5; }
body.site-home.cyber-cute :is(.hud-vital, .hud-exp-track, .hud-equipment-slot.is-empty) { background: #16161d; }
body.site-home.cyber-cute .hud-vital.hp { color: #ffb4d7; border-color: #ff8ac5; }
body.site-home.cyber-cute .hud-vital.mp { color: #a9f6ef; border-color: #69ece5; }
body.site-home.cyber-cute .hud-exp-track { border-color: #49424f; }
body.site-home.cyber-cute .hud-exp-track i { background: #d8f58b; box-shadow: none; }
body.site-home.cyber-cute .hud-grid > div { background: #222129; }
body.site-home.cyber-cute .hud-exp-block { background: #222129; border-color: #35333e; }
body.site-home.cyber-cute :is(.hud-ability-exp, .hud-open-equipment, .hud-equipment-slot) { background: #24262d; border-color: #494553; }
body.site-home.cyber-cute .hud-equipment-slot:hover:not(.is-empty), body.site-home.cyber-cute .hud-equipment-slot[aria-expanded="true"] { background: #2d3535; border-color: #69ece5; }
body.site-home.cyber-cute :is(.hud-ability-identity, .hud-ability-primary dt, .hud-ability-secondary dt, .hud-preview-note, .hud-equipment-heading span) { color: #a9a3b3; }
body.site-home.cyber-cute :is(.hud-ability-primary > div, .hud-ability-secondary > div) { border-color: #35333e; }
body.site-home.cyber-cute .recruit-intro { margin-block: 0; padding-block: 38px; padding-inline: 0; border: 0; border-block: 1px solid #35333e; background: transparent; }
body.site-home.cyber-cute .recruit-intro h2 { font-size: 25px; }
body.site-home.cyber-cute .recruit-intro p:not(.section-rune) { color: #c2bdcd; font-size: 13px; max-width: 720px; }
body.site-home.cyber-cute .recruit-intro span { color: #d8f58b; font-size: 11px; }
body.site-home.cyber-cute .membership-section { padding-block: 68px; gap: 40px 70px; border: 0; }
body.site-home.cyber-cute .membership-copy > p:not(.section-rune) { font-size: 14px; color: #c2bdcd; line-height: 1.9; }
body.site-home.cyber-cute .member-perks { gap: 14px 20px; }
body.site-home.cyber-cute .member-perks span { font-size: 12px; }
body.site-home.cyber-cute .price-card { border: 1px solid #655060; border-top: 2px solid #ff8ac5; border-radius: 6px; background: #211d26; box-shadow: none; }
body.site-home.cyber-cute :is(.price, .ribbon) { color: #ff8ac5; }
body.site-home.cyber-cute .price { font-family: Consolas, monospace; font-size: 50px; font-weight: 500; }
body.site-home.cyber-cute .price-card > p, body.site-home.cyber-cute .price-card ul { font-size: 13px; }
body.site-home.cyber-cute .price-card .price-note { font-size: 11px; }
body.site-home.cyber-cute .membership-comparison { margin-top: 8px; }
body.site-home.cyber-cute .comparison-heading h3 { font-size: 21px; font-weight: 600; }
body.site-home.cyber-cute :is(.comparison-heading > span, .membership-comparison > p) { color: #92909f; font-size: 12px; }
body.site-home.cyber-cute .comparison-table-wrap { border-inline: 0; background: transparent; }
body.site-home.cyber-cute .membership-comparison :is(th, td) { padding: 15px 18px; font-size: 13px; border-color: #35333e; color: #c2bdcd; }
body.site-home.cyber-cute .membership-comparison thead th { background: #232129; color: #f4f2fa; }
body.site-home.cyber-cute .membership-comparison thead th:last-child { color: #ff8ac5; }
body.site-home.cyber-cute .membership-comparison tbody th { color: #f4f2fa; font-weight: 500; }
body.site-home.cyber-cute .membership-comparison tbody td:nth-child(2) { color: #a4dfcd; }
body.site-home.cyber-cute .download-section { padding-block: 0 62px; }
body.site-home.cyber-cute .download-panel { padding: 32px 0; border: 0; border-block: 1px solid #35333e; background: transparent; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 26px; }
body.site-home.cyber-cute .download-emblem { width: 64px; height: 64px; border: 1px solid #66515f; background: #302530; color: #ff8ac5; box-shadow: none; border-radius: 6px; }
body.site-home.cyber-cute .download-copy h2 { font-size: 24px; }
body.site-home.cyber-cute .download-copy > p:not(.section-rune) { color: #c2bdcd; font-size: 13px; line-height: 1.9; }
body.site-home.cyber-cute .download-tags span { border: 0; padding: 0 12px 0 0; color: #92909f; font-size: 11px; }
body.site-home.cyber-cute .download-ready-link { font-size: 12px; font-weight: 500; }
body.site-home.cyber-cute .catalog-section { width: 100%; padding-block: 60px 70px; background: #17161d; }
body.site-home.cyber-cute .catalog-section :is(.catalog-heading, .search-hero, .catalog-layout) { width: min(1160px, calc(100% - 80px)); }
body.site-home.cyber-cute .catalog-section .search-hero { padding: 20px 0 24px; border: 0; border-top: 1px solid #35333e; background: transparent; }
body.site-home.cyber-cute .catalog-section .search-hero h1 { font-size: 23px; }
body.site-home.cyber-cute .catalog-section .hero-subtitle { font-size: 13px; }
body.site-home.cyber-cute .outline-game-link { border-radius: 4px; font-weight: 500; }
body.site-home.cyber-cute .catalog-section .search-form { background: #121216; border-width: 1px; border-radius: 5px; }
body.site-home.cyber-cute .catalog-section .search-form input { font-size: 16px; font-weight: 400; }
body.site-home.cyber-cute .catalog-section .search-button { border-radius: 3px; font-size: 13px; }
body.site-home.cyber-cute .catalog-section :is(.item-category-tabs, .results-pane, .detail-pane, .catalog-layout) { background: #1b1b23; border-color: #35333e; }
body.site-home.cyber-cute .catalog-section .catalog-layout { grid-template-columns: 380px minmax(0, 1fr); border: 0; border-top: 1px solid #35333e; border-radius: 0; background: transparent; }
body.site-home.cyber-cute .catalog-section .results-pane { padding: 22px 16px; }
body.site-home.cyber-cute .catalog-section .result-list { grid-template-columns: 1fr; }
body.site-home.cyber-cute .catalog-section .detail-pane { padding: 26px; top: 90px; }
body.site-home.cyber-cute .catalog-section .result-card { background: #23212b; border: 1px solid #3c3745; border-radius: 4px; min-height: 76px; box-shadow: none; }
body.site-home.cyber-cute .catalog-section :is(.result-card:hover, .relation-card:hover) { background: #2a2831; border-color: #786676; box-shadow: none; }
body.site-home.cyber-cute .catalog-section .result-card.is-selected { background: #263333; border-color: #69ece5; box-shadow: inset 2px 0 #69ece5; }
body.site-home.cyber-cute .catalog-section .entry-name { font-size: 15px; color: #f4f2fa; }
body.site-home.cyber-cute .catalog-section .entry-meta { font-size: 11px; color: #a9a3b3; }
body.site-home.cyber-cute .catalog-section .entry-type { font-size: 11px; }
body.site-home.cyber-cute .catalog-section .entry-icon { background: transparent; }
body.site-home.cyber-cute .catalog-section .entry-icon .icon-fallback { text-shadow: none; }
body.site-home.cyber-cute .catalog-section :is(.kind-tab, .item-category-tab) { min-height: 36px; border-radius: 4px; font-size: 13px; }
body.site-home.cyber-cute .catalog-section :is(.kind-tab.is-active, .item-category-tab.is-active) { background: #302530; color: #ff8ac5; border-color: #624157; }
body.site-home.cyber-cute .catalog-section :is(.kind-tab:hover, .item-category-tab:hover) { background: #2a2731; }
body.site-home.cyber-cute .catalog-section :is(.completeness-control select, .level-sort-select, .pagination button) { background: #232129; border-color: #494450; color: #c2bdcd; border-radius: 4px; }
body.site-home.cyber-cute .catalog-section .item-category-badge.equipment { background: #243432; color: #8ce7df; }
body.site-home.cyber-cute .catalog-section .item-category-badge.consumable { background: #353025; color: #f9d889; }
body.site-home.cyber-cute .catalog-section .item-category-badge.other { background: #362633; color: #ffb0d7; }
body.site-home.cyber-cute .catalog-section :is(.overview-cell, .stat-cell, .data-table th, .relation-card) { background: #24222c; border-color: #3c3745; }
body.site-home.cyber-cute .catalog-section :is(.data-table td, .equipment-summary-card) { background: #1b1b23; border-color: #494450; }
body.site-home.cyber-cute .catalog-section .detail-title { font-size: 28px; }
body.site-home.cyber-cute .catalog-section .section-heading h3 { font-size: 18px; }
body.site-home.cyber-cute .catalog-section .relation-card .entry-name { font-size: 13px; color: #f4f2fa; }
body.site-home.cyber-cute .catalog-section .relation-card .relation-meta { color: #c2bdcd; font-size: 11px; }
body.site-home.cyber-cute .catalog-section .equipment-summary-card { width: 100%; border: 0; padding: 0; border-radius: 0; box-shadow: none; background: transparent; }
body.site-home.cyber-cute .catalog-section .equipment-summary-row dt { color: #c2bdcd; }
body.site-home.cyber-cute .catalog-section .equipment-summary-row dd { color: #f4f2fa; }
body.site-home.cyber-cute :is(.hud-equipment-popover, .hover-card) { border: 1px solid #655562; border-top: 2px solid #ff8ac5; border-radius: 6px; background: #1b1b23; color: #f4f2fa; }
body.site-home.cyber-cute :is(.hud-equipment-close, .equipment-hover-header, .hover-card .equipment-hover-body) { background: #292630; color: #f4f2fa; }
body.site-home.cyber-cute .hud-equipment-demo-score { background: #302a30; border-color: #ff8ac5; }
body.site-home.cyber-cute .hud-equipment-demo-score strong { color: #ff8ac5; }
body.site-home.cyber-cute .hud-equipment-detail-stats > div { border-color: #35333e; }
body.site-home.cyber-cute :is(.hud-equipment-detail-stats dt, .hud-equipment-requirements, .hud-equipment-detail-note) { color: #c2bdcd; }
body.site-home.cyber-cute .site-footer { width: min(1160px, calc(100% - 80px)); padding-block: 34px; font-size: 12px; }
body.site-home.cyber-cute .site-float-rail { border-radius: 5px; background: #1b1b23f5; border-color: #494450; box-shadow: 0 8px 24px #0005; }
body.site-home.cyber-cute :is(.site-float-rail a, .site-float-rail button, .site-float-rail [data-tooltip]::after, .toast) { background: #24212b; border-color: #494450; border-radius: 4px; }
body.site-home.cyber-cute .cyber-feature-explorer { border-top: 1px solid #35333e; }
body.site-home.cyber-cute .cyber-feature-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid #35333e; }
body.site-home.cyber-cute .cyber-feature-tabs button { display: flex; align-items: center; gap: 12px; min-height: 65px; padding: 15px 22px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #92909f; text-align: left; font-size: 15px; }
body.site-home.cyber-cute .cyber-feature-tabs button small { margin-left: auto; font: 11px Consolas, monospace; }
body.site-home.cyber-cute .cyber-feature-tabs button[aria-selected="true"] { color: #69ece5; border-bottom-color: #69ece5; background: #1b2426; }
body.site-home.cyber-cute .cyber-feature-tabs button:hover { color: #f4f2fa; }
body.site-home.cyber-cute .cyber-feature-panel { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 70px; align-items: center; min-height: 590px; padding: 40px 34px 25px 0; }
body.site-home.cyber-cute .cyber-feature-copy { display: grid; gap: 32px; }
body.site-home.cyber-cute .cyber-feature-copy .feature-card { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 20px; min-height: 0; border: 0; border-radius: 0; background: transparent; overflow: visible; }
body.site-home.cyber-cute .cyber-feature-copy .feature-card + .feature-card { border-top: 1px solid #35333e; padding-top: 32px; }
body.site-home.cyber-cute .cyber-feature-copy .feature-card:hover { transform: none; background: transparent; }
body.site-home.cyber-cute .cyber-feature-copy .feature-number { display: none; }
body.site-home.cyber-cute .cyber-feature-copy .feature-art { width: 34px; height: 34px; margin: 0; color: #69ece5; }
body.site-home.cyber-cute .cyber-feature-copy .feature-art .lucide { display: block; width: 27px; height: 27px; }
body.site-home.cyber-cute .cyber-feature-copy .feature-card:nth-child(2) .feature-art { color: #ff8ac5; }
body.site-home.cyber-cute .cyber-feature-copy .feature-copy { padding: 0; }
body.site-home.cyber-cute .cyber-feature-copy .feature-copy h3 { margin-top: 13px; font-size: 23px; }
body.site-home.cyber-cute .cyber-feature-copy .feature-copy p { font-size: 14px; line-height: 1.95; margin-bottom: 16px; }
body.site-home.cyber-cute .cyber-feature-media { position: relative; display: grid; justify-items: center; gap: 14px; align-content: center; min-width: 0; }
body.site-home.cyber-cute .cyber-feature-media > p { margin: 0; color: #92909f; font-size: 10px; }
body.site-home.cyber-cute .cyber-feature-preview { position: relative; width: 214px; aspect-ratio: 7 / 15; padding: 0; overflow: hidden; background: #17171f; border: 1px solid #5a626a; border-radius: 6px; box-shadow: 15px 15px 0 #202028; }
body.site-home.cyber-cute .cyber-feature-preview:hover { border-color: #69ece5; }
body.site-home.cyber-cute .cyber-feature-preview img { display: block; width: 100%; height: 100%; }
body.site-home.cyber-cute .cyber-feature-media-note { color: #92909f; font-size: 10px; }
body.site-home.cyber-cute .membership-section { display: block; }
body.site-home.cyber-cute .membership-copy { max-width: 800px; }
body.site-home.cyber-cute .membership-copy h2 br { display: none; }
body.site-home.cyber-cute .membership-copy h2 em { margin-left: 8px; }
body.site-home.cyber-cute .membership-copy > p:not(.section-rune) { max-width: 720px; }
body.site-home.cyber-cute .member-perks { max-width: none; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 30px; }
body.site-home.cyber-cute .membership-copy .text-link { margin-top: 22px; }
body.site-home.cyber-cute .cyber-plans { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 30px; }
body.site-home.cyber-cute .cyber-plans .price-card, body.site-home.cyber-cute .cyber-free-plan { width: 100%; padding: 28px; }
body.site-home.cyber-cute .cyber-plans > :is(.price-card, .cyber-free-plan) { display: flex; flex-direction: column; }
body.site-home.cyber-cute .cyber-plans .price-card-top { flex: 0 0 auto; }
body.site-home.cyber-cute .cyber-plans ul { margin-bottom: 24px; }
body.site-home.cyber-cute .cyber-plans .game-button.wide { margin-top: auto; flex: 0 0 auto; }
body.site-home.cyber-cute .cyber-plans .price-note { min-height: 36px; }
body.site-home.cyber-cute .cyber-free-plan { background: #1b1e20; border: 1px solid #405449; border-top: 2px solid #d8f58b; border-radius: 6px; }
body.site-home.cyber-cute .cyber-free-plan .ribbon, body.site-home.cyber-cute .cyber-free-plan .price { color: #d8f58b; }
body.site-home.cyber-cute .cyber-free-plan h3 { font-size: 19px; font-weight: 600; margin: 21px 0 8px; }
body.site-home.cyber-cute .cyber-free-plan p { font-size: 13px; color: #c2bdcd; margin: 0; }
body.site-home.cyber-cute .cyber-free-plan ul { display: grid; gap: 8px; padding: 16px 0 0; margin: 0; border-top: 1px solid #35333e; margin-top: 20px; list-style: none; font-size: 13px; }
body.site-home.cyber-cute .cyber-free-plan li::before { content: '+'; margin-right: 10px; color: #d8f58b; }
body.site-home.cyber-cute .cyber-free-plan .game-button { border-color: #53674d; color: #d8f58b; }
body.site-home.cyber-cute .cyber-free-plan .game-button:hover { background: #d8f58b; color: #23311a; }
body.site-home.cyber-cute .membership-comparison { margin-top: 35px; }
body.site-home.cyber-cute .hud-avatar { background: #25222b; border-radius: 6px; }
body.site-home.cyber-cute .hud-avatar img { width: 47px; height: auto; image-rendering: pixelated; }
body.site-home.cyber-cute .hud-view-tabs button[aria-selected="true"] { background: #69ece5; color: #18302e; border-radius: 3px; }
body.site-home.cyber-cute .hud-view-tabs { padding-bottom: 12px; }
body.site-home.cyber-cute .download-emblem .lucide { width: 30px; height: 30px; }
body.site-home.cyber-cute .download-section .start-section { padding-block: 36px 0; }
body.site-home.cyber-cute .download-section .start-steps { border-bottom: 0; }
body.site-home.cyber-cute .catalog-section .quick-stats { width: min(1160px, calc(100% - 80px)); margin: 0 auto 22px; padding-block: 16px 24px; }
body.site-home.cyber-cute .catalog-section #page-title { margin: 0; font-size: 18px; font-weight: 600; }
@media (max-width: 1050px) {
  body.site-home.cyber-cute .product-features .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.site-home.cyber-cute .assistant-demo { gap: 30px; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
  body.site-home.cyber-cute #hero-title { font-size: 28px; }
  body.site-home.cyber-cute .membership-section { gap: 36px; }
  body.site-home.cyber-cute .download-panel { grid-template-columns: 64px minmax(0, 1fr); }
  body.site-home.cyber-cute .download-action { grid-column: 2; justify-items: start; }
  body.site-home.cyber-cute .download-action small { text-align: left; max-width: none; }
  body.site-home.cyber-cute .catalog-section .catalog-layout { grid-template-columns: 320px minmax(0, 1fr); }
}
@media (max-width: 900px) {
  body.site-home.cyber-cute .cyber-feature-panel { gap: 35px; padding-right: 15px; }
  body.site-home.cyber-cute .cyber-feature-copy .feature-copy h3 { font-size: 20px; }
  body.site-home.cyber-cute .catalog-section .quick-stats { width: calc(100% - 48px); }
  body.site-home.cyber-cute .quick-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.site-home.cyber-cute .quick-stat { padding: 15px 20px; }
  body.site-home.cyber-cute .quick-stat:nth-child(odd) { padding-left: 0; }
  body.site-home.cyber-cute .quick-stat:nth-child(even) { border: 0; }
  body.site-home.cyber-cute .start-steps { grid-template-columns: 1fr; }
  body.site-home.cyber-cute .start-steps li { padding: 22px 0; }
  body.site-home.cyber-cute .start-steps li + li { border: 0; border-top: 1px solid #35333e; }
  body.site-home.cyber-cute .assistant-demo { grid-template-columns: 1fr; gap: 32px; }
  body.site-home.cyber-cute .hud-preview { width: min(570px, 100%); }
  body.site-home.cyber-cute .hero-trust { display: flex; }
  body.site-home.cyber-cute .quality-explainer { gap: 26px; }
  body.site-home.cyber-cute .membership-section { grid-template-columns: 1fr; }
  body.site-home.cyber-cute .price-card { width: min(440px, 100%); }
  body.site-home.cyber-cute .catalog-section :is(.catalog-heading, .search-hero, .catalog-layout), body.site-home.cyber-cute .site-footer { width: calc(100% - 48px); }
  body.site-home.cyber-cute .catalog-section .catalog-layout { grid-template-columns: 1fr; }
  body.site-home.cyber-cute .catalog-section .results-pane { min-height: 0; border-right: 0; }
  body.site-home.cyber-cute .catalog-section .detail-pane { position: relative; top: 0; min-height: 360px; border-top: 1px solid #35333e; }
}
@media (max-width: 600px) {
  body.site-home.cyber-cute .cyber-feature-tabs button { min-height: 58px; padding: 12px 5px; justify-content: center; gap: 5px; font-size: 12px; }
  body.site-home.cyber-cute .cyber-feature-tabs button .lucide { width: 15px; height: 15px; }
  body.site-home.cyber-cute .cyber-feature-tabs button small { display: none; }
  body.site-home.cyber-cute .cyber-feature-panel { grid-template-columns: 1fr; gap: 30px; padding: 30px 0 12px; }
  body.site-home.cyber-cute .cyber-feature-copy .feature-card { gap: 12px; grid-template-columns: 25px minmax(0, 1fr); }
  body.site-home.cyber-cute .cyber-feature-copy .feature-art, body.site-home.cyber-cute .cyber-feature-copy .feature-art .lucide { width: 23px; height: 23px; }
  body.site-home.cyber-cute .cyber-feature-copy .feature-copy h3 { font-size: 20px; }
  body.site-home.cyber-cute .cyber-feature-copy .feature-copy p { font-size: 13px; }
  body.site-home.cyber-cute .cyber-feature-preview { width: 192px; }
  body.site-home.cyber-cute .cyber-plans { grid-template-columns: 1fr; gap: 18px; }
  body.site-home.cyber-cute .cyber-plans .price-card, body.site-home.cyber-cute .cyber-free-plan { padding: 23px; }
  body.site-home.cyber-cute .catalog-section .quick-stats { width: calc(100% - 36px); }
  body.site-home.cyber-cute :is(.start-section, .product-features, .assistant-demo, .membership-section) { padding-block: 40px; }
  body.site-home.cyber-cute :is(.section-intro h2, .membership-copy h2, .catalog-heading h2, .download-copy h2, .start-heading h2, .recruit-intro h2) { font-size: 24px; }
  body.site-home.cyber-cute .quick-stats { padding-block: 20px; gap: 14px 0; }
  body.site-home.cyber-cute .quick-stat { gap: 9px; padding: 2px 12px; }
  body.site-home.cyber-cute .stat-icon { width: 24px; font-size: 20px; }
  body.site-home.cyber-cute .quick-stat strong { font-size: 15px; }
  body.site-home.cyber-cute .quick-stat small { font-size: 10px; white-space: normal; }
  body.site-home.cyber-cute .product-features .feature-grid { grid-template-columns: 1fr; gap: 14px; }
  body.site-home.cyber-cute .product-features .feature-card { min-height: 0; }
  body.site-home.cyber-cute .product-features .feature-art { height: 40px; margin-top: 17px; }
  body.site-home.cyber-cute .quality-explainer { grid-template-columns: 1fr; padding-top: 28px; margin-top: 30px; }
  body.site-home.cyber-cute .quality-preview { padding: 17px; }
  body.site-home.cyber-cute #hero-title { font-size: 29px; }
  body.site-home.cyber-cute .hud-window { width: 100%; }
  body.site-home.cyber-cute .hud-vital { flex-wrap: wrap; }
  body.site-home.cyber-cute .hud-player-row { grid-template-columns: 48px minmax(0, 1fr); }
  body.site-home.cyber-cute .recruit-intro { padding-block: 30px; gap: 20px; }
  body.site-home.cyber-cute .member-perks { grid-template-columns: 1fr; }
  body.site-home.cyber-cute .membership-comparison :is(th, td) { font-size: 11px; padding: 12px 7px; overflow-wrap: anywhere; }
  body.site-home.cyber-cute .membership-comparison th:first-child { width: 32%; }
  body.site-home.cyber-cute .download-panel { grid-template-columns: 1fr; gap: 20px; }
  body.site-home.cyber-cute .download-emblem { width: 48px; height: 48px; font-size: 18px; }
  body.site-home.cyber-cute .download-action { grid-column: auto; min-width: 0; }
  body.site-home.cyber-cute .catalog-section { padding-block: 40px 50px; }
  body.site-home.cyber-cute .catalog-section :is(.catalog-heading, .search-hero, .catalog-layout), body.site-home.cyber-cute .site-footer { width: calc(100% - 36px); }
  body.site-home.cyber-cute .catalog-section .search-form { gap: 6px; padding-left: 10px; }
  body.site-home.cyber-cute .catalog-section .search-form input { font-size: 13px; }
  body.site-home.cyber-cute .catalog-section .search-button { min-width: 56px; padding-inline: 10px; }
  body.site-home.cyber-cute .catalog-section .search-button kbd { display: none; }
  body.site-home.cyber-cute .catalog-section .kind-tabs { gap: 2px; }
  body.site-home.cyber-cute .catalog-section .kind-tab { padding-inline: 10px; }
  body.site-home.cyber-cute .catalog-section .result-list { grid-template-columns: 1fr; }
  body.site-home.cyber-cute .catalog-section .results-pane { padding: 20px 12px; }
  body.site-home.cyber-cute .catalog-section .detail-pane { padding: 20px 14px; }
  body.site-home.cyber-cute .catalog-section .detail-title { font-size: 24px; }
  body.site-home.cyber-cute .catalog-section .result-card { grid-template-columns: 48px minmax(0, 1fr) auto; gap: 9px; padding: 10px; }
  body.site-home.cyber-cute .catalog-section .entry-icon { width: 48px; height: 48px; }
  body.site-home.cyber-cute .catalog-section .entry-icon img { width: 44px; height: 44px; }
  body.site-home.cyber-cute .catalog-section .entry-status { font-size: 10px; }
  body.site-home.cyber-cute .site-footer { gap: 22px; }
}

body.site-home.cyber-cute .cyber-recognition { padding-block: 66px 48px; background: #17171d; border-block: 1px solid #35333e; scroll-margin-top: 80px; }
body.site-home.cyber-cute .recognition-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 30px; }
body.site-home.cyber-cute .recognition-heading h2 { margin: 10px 0 0; color: #f4f2fa; font-size: 30px; line-height: 1.6; }
body.site-home.cyber-cute .recognition-heading h2 em { color: #ff8ac5; font-style: normal; }
body.site-home.cyber-cute .recognition-heading > p { margin: 0 0 3px; color: #b6b0c0; font-size: 12px; line-height: 1.9; }
body.site-home.cyber-cute .recognition-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid #3d3945; }
body.site-home.cyber-cute .recognition-tabs button { display: flex; align-items: center; gap: 12px; min-height: 62px; padding: 14px 20px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: #aba4b5; font: inherit; font-size: 14px; cursor: pointer; }
body.site-home.cyber-cute .recognition-tabs button small { margin-left: auto; font: 11px Consolas, monospace; color: #817b8d; }
body.site-home.cyber-cute .recognition-tabs button[aria-selected="true"] { background: #21302f; border-bottom-color: #69ece5; color: #91fff3; }
body.site-home.cyber-cute .recognition-tabs button[data-recognition-tab="scrolls"][aria-selected="true"] { background: #30232d; color: #ff9ed0; border-bottom-color: #ff8ac5; }
body.site-home.cyber-cute .recognition-tabs button[data-recognition-tab="map"][aria-selected="true"] { background: #292e24; color: #d8f58b; border-bottom-color: #d8f58b; }
body.site-home.cyber-cute .recognition-panel { padding-top: 26px; }
body.site-home.cyber-cute .recognition-panel[hidden] { display: none !important; }
body.site-home.cyber-cute .recognition-workbench { display: grid; grid-template-columns: minmax(0, 1.82fr) minmax(0, 1fr); gap: 16px; }
body.site-home.cyber-cute .recognition-game { display: flex; flex-direction: column; min-width: 0; margin: 0; background: #131317; border: 1px solid #45404b; border-radius: 6px; overflow: hidden; }
body.site-home.cyber-cute .recognition-windowbar { display: flex; justify-content: space-between; gap: 8px; align-items: center; min-height: 40px; padding: 9px 14px; border-bottom: 1px solid #3d3845; background: #222128; color: #e3dfe9; font-size: 11px; }
body.site-home.cyber-cute .recognition-windowbar > span { display: inline-flex; align-items: center; gap: 8px; }
body.site-home.cyber-cute .recognition-windowbar .lucide { width: 15px; height: 15px; color: #69ece5; }
body.site-home.cyber-cute .recognition-windowbar small { color: #a8a0b4; font-size: 10px; }
body.site-home.cyber-cute .recognition-game-media { display: grid; place-items: center; position: relative; flex: 1; min-height: 350px; }
body.site-home.cyber-cute .recognition-game-media > img { display: block; width: 100%; height: 100%; max-height: 480px; object-fit: contain; }
body.site-home.cyber-cute .recognition-game figcaption { display: flex; align-items: center; gap: 10px; padding: 12px 15px; border-top: 1px solid #3d3845; color: #d5cfdf; font-size: 11px; }
body.site-home.cyber-cute .recognition-game figcaption > .lucide { color: #69ece5; margin-left: auto; }
body.site-home.cyber-cute .recognition-step { display: inline-grid; place-items: center; flex: 0 0 22px; width: 22px; height: 22px; border: 1px solid #4b605b; color: #69ece5; font: 10px Consolas, monospace; }
body.site-home.cyber-cute .recognition-zoom { position: absolute; right: 12px; bottom: 12px; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid #8cbcb5; border-radius: 4px; background: #161b20e8; color: #bafff2; cursor: pointer; }
body.site-home.cyber-cute .recognition-zoom:hover { background: #69ece5; color: #18312d; }
body.site-home.cyber-cute .recognition-output { display: flex; flex-direction: column; min-width: 0; border: 1px solid #537771; border-radius: 6px; overflow: hidden; background: #1b1b23; }
body.site-home.cyber-cute .recognition-output-body { padding: 18px 20px 14px; flex: 1; }
body.site-home.cyber-cute .recognition-output p { margin: 0; }
body.site-home.cyber-cute .recognition-status { display: flex; align-items: center; gap: 6px; color: #85dbc4; font-size: 10px; }
body.site-home.cyber-cute .recognition-status .lucide { width: 13px; height: 13px; }
body.site-home.cyber-cute .recognition-status > span { margin-left: auto; color: #8b8498; font-size: 9px; }
body.site-home.cyber-cute .recognition-item { display: flex; align-items: center; gap: 14px; padding-block: 21px; }
body.site-home.cyber-cute .recognition-item img { width: 44px; height: 44px; object-fit: contain; image-rendering: pixelated; }
body.site-home.cyber-cute .recognition-item h3 { margin: 0 0 4px; color: #f3ecfc; font-size: 18px; line-height: 1.5; }
body.site-home.cyber-cute .recognition-item h3 em { color: #ff8ac5; font-style: normal; }
body.site-home.cyber-cute .recognition-item p { color: #a8a0b4; font-size: 11px; }
body.site-home.cyber-cute .recognition-result-heading { display: flex; justify-content: space-between; padding-bottom: 7px; border-bottom: 1px solid #413a49; color: #928a9f; font-size: 10px; }
body.site-home.cyber-cute .recognition-values { margin: 0; }
body.site-home.cyber-cute .recognition-values > div { display: flex; justify-content: space-between; align-items: center; min-height: 37px; border-bottom: 1px solid #302d39; }
body.site-home.cyber-cute .recognition-values dt { color: #c9c1d3; font-size: 12px; }
body.site-home.cyber-cute .recognition-values dd { margin: 0; color: #88f0dc; font: 17px Consolas, monospace; }
body.site-home.cyber-cute .recognition-values dd small { color: #afa5bc; font-size: 10px; }
body.site-home.cyber-cute .recognition-inline-facts { display: flex; gap: 24px; padding-block: 13px; color: #9990a6; font-size: 10px; }
body.site-home.cyber-cute .recognition-inline-facts b { margin-left: 5px; color: #d0c8db; font-weight: 500; }
body.site-home.cyber-cute .recognition-result-note { color: #a8a0b4; font-size: 11px; line-height: 1.85; }
body.site-home.cyber-cute .recognition-output-footer { display: flex; align-items: center; gap: 9px; min-height: 47px; padding: 10px 14px; border-top: 1px solid #3d3845; color: #b5ceca; font-size: 10px; }
body.site-home.cyber-cute .recognition-scroll-output { border-color: #78566e; }
body.site-home.cyber-cute .recognition-scroll-output .recognition-item { padding-block: 0 14px; gap: 10px; }
body.site-home.cyber-cute .recognition-candidate-tag { margin-left: auto; border-bottom: 1px solid #79526b; color: #ff9ed0; font-size: 10px; white-space: nowrap; }
body.site-home.cyber-cute .recognition-scroll-state { display: flex; justify-content: space-between; color: #a8a0b4; font-size: 11px; padding-bottom: 15px; }
body.site-home.cyber-cute .recognition-scroll-state b { color: #f2cbe1; margin-left: 7px; font: 15px Consolas, monospace; }
body.site-home.cyber-cute .recognition-scroll-match { padding: 14px 0 12px; border-block: 1px solid #53414e; }
body.site-home.cyber-cute .recognition-scroll-match p { display: flex; justify-content: space-between; color: #a89eaf; font-size: 10px; }
body.site-home.cyber-cute .recognition-scroll-match p span { color: #ff8ac5; }
body.site-home.cyber-cute .recognition-scroll-match h4 { margin: 9px 0 5px; color: #ffe0ec; font-size: 17px; }
body.site-home.cyber-cute .recognition-scroll-match > div { display: flex; align-items: center; justify-content: space-between; color: #c7b9cd; font-size: 11px; }
body.site-home.cyber-cute .recognition-scroll-match > div b { color: #ff8ac5; margin-left: 5px; }
body.site-home.cyber-cute .recognition-scroll-match .lucide { color: #ff8ac5; }
body.site-home.cyber-cute .recognition-deltas { display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding-block: 14px; }
body.site-home.cyber-cute .recognition-deltas dt { color: #a89eaf; font-size: 10px; }
body.site-home.cyber-cute .recognition-deltas dd { margin: 1px 0 0; color: #ff8ac5; font: 27px Consolas, monospace; }
body.site-home.cyber-cute .recognition-natural { display: flex; align-items: center; gap: 9px; padding-block: 11px; border-top: 1px solid #403945; color: #b7acbf; font-size: 10px; }
body.site-home.cyber-cute .recognition-natural b { color: #d8f58b; font: 16px Consolas, monospace; }
body.site-home.cyber-cute .recognition-natural span { margin-left: auto; color: #8f849c; }
body.site-home.cyber-cute .recognition-caveat { display: flex; gap: 6px; color: #a99faf; font-size: 10px; line-height: 1.8; }
body.site-home.cyber-cute .recognition-caveat .lucide { width: 13px; height: 13px; margin-top: 3px; color: #f9d889; }
body.site-home.cyber-cute .recognition-map-output { border-color: #627150; }
body.site-home.cyber-cute .recognition-map-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-block: 18px; }
body.site-home.cyber-cute .recognition-map-title p { color: #aaa68d; font-size: 10px; }
body.site-home.cyber-cute .recognition-map-title h3 { margin: 4px 0 0; color: #e4f7b5; font-size: 23px; }
body.site-home.cyber-cute .recognition-map-title img { width: 95px; height: 66px; object-fit: contain; border: 1px solid #485248; image-rendering: pixelated; }
body.site-home.cyber-cute .recognition-map-counts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding-block: 10px; border-block: 1px solid #3a3d36; }
body.site-home.cyber-cute .recognition-map-counts dt { color: #a0a295; font-size: 10px; }
body.site-home.cyber-cute .recognition-map-counts dd { margin: 2px 0 0; font: 23px Consolas, monospace; color: #d8f58b; }
body.site-home.cyber-cute .recognition-monsters { margin-block: 5px 14px; }
body.site-home.cyber-cute .recognition-monsters > div { padding-block: 13px; border-bottom: 1px solid #3a3d36; font-size: 11px; }
body.site-home.cyber-cute .recognition-monsters strong { color: #e0e8ce; font-size: 13px; font-weight: 500; }
body.site-home.cyber-cute .recognition-monsters strong small { color: #d8f58b; margin-left: 5px; font: 11px Consolas, monospace; }
body.site-home.cyber-cute .recognition-monsters > div > span { float: right; color: #9a9a8f; font-size: 10px; }
body.site-home.cyber-cute .recognition-monsters p { color: #96968d; font-size: 10px; margin-top: 7px; }
body.site-home.cyber-cute .recognition-monsters p b { color: #cdd7bd; font-weight: 400; }
body.site-home.cyber-cute .recognition-monsters p i { margin-inline: 4px; color: #54584e; }
body.site-home.cyber-cute .recognition-monsters p span { float: right; color: #b3c099; }
body.site-home.cyber-cute .recognition-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; padding: 26px 0; }
body.site-home.cyber-cute .recognition-benefits > div { display: flex; align-items: flex-start; gap: 12px; }
body.site-home.cyber-cute .recognition-benefits .lucide { color: #69ece5; margin-top: 5px; }
body.site-home.cyber-cute #recognition-panel-scrolls .recognition-benefits .lucide { color: #ff8ac5; }
body.site-home.cyber-cute #recognition-panel-map .recognition-benefits .lucide { color: #d8f58b; }
body.site-home.cyber-cute .recognition-benefits strong { display: block; color: #ece5f3; font-size: 13px; font-weight: 500; }
body.site-home.cyber-cute .recognition-benefits small { display: block; margin-top: 4px; color: #a49aad; font-size: 11px; }
body.site-home.cyber-cute .recognition-bottom { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-top: 20px; border-top: 1px solid #393440; }
body.site-home.cyber-cute .recognition-bottom > p { margin: 0; font-size: 10px; color: #8b8395; line-height: 1.9; }
body.site-home.cyber-cute .recognition-bottom > p span { color: #b2a6b9; }
body.site-home.cyber-cute .recognition-bottom > div { display: flex; align-items: center; gap: 22px; }
body.site-home.cyber-cute .recognition-support-link { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; color: #d1b1c6; }
body.site-home.cyber-cute .recognition-detail-link { display: flex; align-items: center; gap: 5px; margin-top: 12px; color: #ff8ac5; }
body.site-home.cyber-cute .recognition-detail-link .lucide { width: 13px; height: 13px; }
body.site-home.cyber-cute .recognition-image-dialog { width: min(1200px, calc(100% - 24px)); max-height: calc(100svh - 30px); padding: 0; border: 1px solid #638b83; border-radius: 6px; color: #e8e5f0; background: #1b1b23; overflow: auto; }
body.site-home.cyber-cute .recognition-image-dialog::backdrop { background: #07060be6; }
body.site-home.cyber-cute .recognition-image-dialog > header { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 12px 16px; border-bottom: 1px solid #45404b; }
body.site-home.cyber-cute .recognition-image-dialog h2 { margin: 0; font-size: 14px; font-weight: 500; }
body.site-home.cyber-cute .recognition-image-dialog > img { display: block; width: 100%; max-height: calc(100svh - 110px); object-fit: contain; }
@media (max-width: 1150px) and (min-width: 901px) { body.site-home.cyber-cute .site-nav a { padding-inline: 6px; } body.site-home.cyber-cute .classic-badge { display: none; } }
@media (max-width: 1000px) {
  body.site-home.cyber-cute .recognition-heading { display: block; }
  body.site-home.cyber-cute .recognition-heading > p { margin-top: 12px; }
  body.site-home.cyber-cute .recognition-heading > p br { display: none; }
  body.site-home.cyber-cute .recognition-workbench { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
  body.site-home.cyber-cute .recognition-output-body { padding-inline: 15px; }
  body.site-home.cyber-cute .recognition-game-media { min-height: 280px; }
}
@media (max-width: 700px) {
  body.site-home.cyber-cute .cyber-recognition { padding-block: 38px 30px; }
  body.site-home.cyber-cute .recognition-heading h2 { font-size: 25px; }
  body.site-home.cyber-cute .recognition-heading h2 em { display: block; }
  body.site-home.cyber-cute .recognition-tabs button { flex-direction: column; justify-content: center; gap: 5px; min-height: 75px; padding: 10px 3px; font-size: 11px; }
  body.site-home.cyber-cute .recognition-tabs button small { display: none; }
  body.site-home.cyber-cute .recognition-workbench { grid-template-columns: 1fr; gap: 12px; }
  body.site-home.cyber-cute .recognition-game-media { min-height: 0; aspect-ratio: 3 / 2; }
  body.site-home.cyber-cute .recognition-game-media > img { position: absolute; inset: 0; }
  body.site-home.cyber-cute .recognition-output-body { padding: 20px; }
  body.site-home.cyber-cute .recognition-benefits { grid-template-columns: 1fr; gap: 17px; }
  body.site-home.cyber-cute .recognition-benefits > div { gap: 11px; }
  body.site-home.cyber-cute .recognition-bottom { display: block; }
  body.site-home.cyber-cute .recognition-bottom > div { margin-top: 20px; gap: 20px; }
  body.site-home.cyber-cute .recognition-bottom .cyber-button { padding-inline: 14px; font-size: 12px; }
}

body.site-home.cyber-cute .score-showcase { width: min(440px, 100%); border: 1px solid #725566; border-radius: 6px; background: #1b1b23; overflow: hidden; }
body.site-home.cyber-cute .score-titlebar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 19px; border-bottom: 1px solid #403441; color: #dfd3e4; font-size: 12px; }
body.site-home.cyber-cute .score-titlebar > span { display: flex; gap: 9px; align-items: center; }
body.site-home.cyber-cute .score-titlebar .lucide { color: #ff8ac5; width: 15px; height: 15px; }
body.site-home.cyber-cute .score-titlebar small { color: #9d8f9f; font-size: 10px; }
body.site-home.cyber-cute .score-tabs { display: grid; grid-template-columns: 1fr 1fr; padding: 17px 22px 0; }
body.site-home.cyber-cute .score-tabs button { min-height: 40px; border: 0; border-bottom: 2px solid #423645; border-radius: 0; color: #9d93a8; background: transparent; font: inherit; font-size: 12px; cursor: pointer; }
body.site-home.cyber-cute .score-tabs button[aria-selected="true"] { color: #ff9dce; border-bottom-color: #ff8ac5; }
body.site-home.cyber-cute .score-panel { padding: 22px; min-height: 410px; }
body.site-home.cyber-cute .score-panel[hidden] { display: none !important; }
body.site-home.cyber-cute .score-identity { display: flex; align-items: center; gap: 12px; }
body.site-home.cyber-cute .score-identity > img { width: 40px; height: 40px; object-fit: contain; image-rendering: pixelated; }
body.site-home.cyber-cute .score-avatar { display: grid; place-items: center; width: 40px; height: 40px; background: #2b2730; color: #69ece5; }
body.site-home.cyber-cute .score-avatar .lucide { width: 27px; height: 27px; }
body.site-home.cyber-cute .score-identity h3 { font-size: 16px; color: #eee5f3; margin: 0 0 3px; }
body.site-home.cyber-cute .score-identity p { font-size: 10px; color: #a498b1; margin: 0; }
body.site-home.cyber-cute .score-identity > span:last-child { margin-left: auto; color: #a498b1; font-size: 10px; }
body.site-home.cyber-cute .score-total { display: flex; align-items: center; gap: 14px; padding-block: 16px; }
body.site-home.cyber-cute .score-total > strong { color: #ff8ac5; font: 48px/1.4 Consolas, monospace; }
body.site-home.cyber-cute .score-total > span { color: #c9b2c8; font-size: 13px; }
body.site-home.cyber-cute .score-total small { display: block; margin-top: 6px; color: #9e8ea6; font-size: 9px; }
body.site-home.cyber-cute .score-breakdown { margin: 0; border-top: 1px solid #3d3544; }
body.site-home.cyber-cute .score-breakdown > div { display: flex; justify-content: space-between; align-items: center; min-height: 37px; gap: 15px; border-bottom: 1px solid #3d3544; }
body.site-home.cyber-cute .score-breakdown dt { color: #b8acbf; font-size: 12px; }
body.site-home.cyber-cute .score-breakdown dd { margin: 0; color: #d3ecc0; font: 16px Consolas, monospace; }
body.site-home.cyber-cute .score-breakdown dd small { color: #9e8ea6; font-size: 10px; }
body.site-home.cyber-cute .score-breakdown dd.score-pending { color: #ae9b8a; font-size: 12px; }
body.site-home.cyber-cute .score-footnote { margin: 14px 0; color: #9e92aa; font-size: 11px; line-height: 1.85; }
body.site-home.cyber-cute .score-panel > a { display: inline-flex; align-items: center; gap: 6px; color: #69ece5; font-size: 11px; }
body.site-home.cyber-cute .score-panel > a .lucide { width: 14px; height: 14px; }
body.site-home.cyber-cute .score-disclaimer { display: flex; align-items: flex-start; gap: 7px; border-top: 1px solid #403441; padding: 13px 22px; color: #a294ab; font-size: 10px; }
body.site-home.cyber-cute .score-disclaimer .lucide { width: 13px; height: 13px; margin-top: 2px; color: #f9d889; }
@media(max-width: 900px) {
  body.site-home.cyber-cute #feature-panel-equipment { grid-template-columns: 1fr; padding-right: 0; }
  body.site-home.cyber-cute #feature-panel-equipment .cyber-feature-media { justify-items: start; }
}
@media(max-width: 400px) {
  body.site-home.cyber-cute .score-tabs { padding-inline: 16px; }
  body.site-home.cyber-cute .score-panel { padding: 17px; }
  body.site-home.cyber-cute .score-total { gap: 10px; }
  body.site-home.cyber-cute .score-total > strong { font-size: 40px; }
  body.site-home.cyber-cute .score-disclaimer { padding-inline: 17px; }
  body.site-home.cyber-cute .score-identity > span:last-child { display: none; }
}

body.site-home.cyber-cute .cyber-support { padding-block: 72px; letter-spacing: 0; scroll-margin-top: 90px; }
body.site-home.cyber-cute .support-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
body.site-home.cyber-cute .support-kicker { margin: 0 0 12px; color: #69ece5; font-size: 11px; font-weight: 700; }
body.site-home.cyber-cute .support-kicker span { margin-left: 10px; color: #92909f; font-weight: 400; }
body.site-home.cyber-cute .support-heading h2 { margin: 0; color: #f4f2fa; font-size: 28px; line-height: 1.5; }
body.site-home.cyber-cute .support-heading > p { margin: 0; color: #aaa5b6; font-size: 13px; line-height: 1.9; }
body.site-home.cyber-cute .support-tabs { display: flex; gap: 30px; border-bottom: 1px solid #35333e; }
body.site-home.cyber-cute .support-tabs button { display: inline-flex; gap: 9px; align-items: center; min-height: 52px; padding: 0 2px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; color: #aaa5b6; font: inherit; font-size: 14px; cursor: pointer; }
body.site-home.cyber-cute .support-tabs button span { margin-left: 15px; color: #72707f; font-size: 10px; }
body.site-home.cyber-cute .support-tabs button[aria-selected="true"] { color: #69ece5; border-bottom-color: #69ece5; }
body.site-home.cyber-cute .support-tabs button[data-support-tab="service"][aria-selected="true"] { color: #ff8ac5; border-bottom-color: #ff8ac5; }
body.site-home.cyber-cute .support-panel { display: grid; grid-template-columns: 1fr 1.75fr; gap: 64px; padding-top: 32px; min-height: 490px; }
body.site-home.cyber-cute .support-panel[hidden] { display: none !important; }
body.site-home.cyber-cute .support-index { color: #72707f; font: 11px ui-monospace, Consolas, monospace; }
body.site-home.cyber-cute .support-context h3 { margin: 15px 0; color: #f4f2fa; font-size: 24px; line-height: 1.7; }
body.site-home.cyber-cute .support-context > p { max-width: 330px; color: #aaa5b6; font-size: 13px; line-height: 1.9; }
body.site-home.cyber-cute .support-local-note { display: flex; gap: 10px; align-items: flex-start; margin-top: 26px; padding-left: 12px; border-left: 2px solid #69ece5; }
body.site-home.cyber-cute .support-local-note svg { margin-top: 4px; color: #69ece5; }
body.site-home.cyber-cute .support-text-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; color: #ff8ac5; font-size: 12px; text-decoration: none; }
body.site-home.cyber-cute .cyber-support svg { width: 17px; height: 17px; flex: 0 0 17px; }
body.site-home.cyber-cute .support-form { min-width: 0; }
body.site-home.cyber-cute .support-fields-two { display: grid; grid-template-columns: 1fr 1.25fr; gap: 18px; margin-bottom: 20px; }
body.site-home.cyber-cute .support-form label { display: block; color: #e3dfeb; font-size: 12px; line-height: 1.6; }
body.site-home.cyber-cute .support-form label > span { color: #92909f; margin-left: 5px; font-size: 11px; }
body.site-home.cyber-cute .support-form :is(input, select, textarea) { display: block; box-sizing: border-box; width: 100%; min-width: 0; margin: 8px 0 0; padding: 11px 12px; border: 1px solid #45414f; border-radius: 4px; background: #1b1b23; color: #f4f2fa; font: inherit; font-size: 13px; line-height: 1.6; box-shadow: none; }
body.site-home.cyber-cute .support-form :is(input, select) { min-height: 44px; }
body.site-home.cyber-cute .support-form textarea { resize: vertical; max-height: 360px; }
body.site-home.cyber-cute .support-form :is(input, textarea)::placeholder { color: #8d8799; opacity: 1; }
body.site-home.cyber-cute .support-form :is(input, select, textarea):focus { border-color: #69ece5; }
body.site-home.cyber-cute .support-field-meta { display: flex; justify-content: space-between; gap: 12px; margin: 6px 0 18px; color: #92909f; font-size: 10px; }
body.site-home.cyber-cute .support-privacy { display: flex; align-items: flex-start; gap: 7px; margin: 15px 0; color: #aaa5b6; font-size: 11px; line-height: 1.7; }
body.site-home.cyber-cute .support-privacy svg { color: #a7bd82; }
body.site-home.cyber-cute .support-form-actions { display: flex; flex-wrap: wrap; gap: 10px; }
body.site-home.cyber-cute .support-action { display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; min-height: 42px; padding: 9px 14px; border: 1px solid #514b5d; border-radius: 4px; background: #24232d; color: #e3dfeb; font: inherit; font-size: 12px; text-decoration: none; cursor: pointer; }
body.site-home.cyber-cute .support-action-primary { background: #69ece5; border-color: #a8fff9; color: #142e2d; font-weight: 700; }
body.site-home.cyber-cute .support-form-actions .support-action-icon { width: 42px; height: 42px; flex: 0 0 42px; padding: 0; }
body.site-home.cyber-cute .support-action:hover { border-color: #ff8ac5; }
body.site-home.cyber-cute .support-action-primary:hover { background: #a2fff8; border-color: #a8fff9; }
body.site-home.cyber-cute .support-status { min-height: 20px; margin: 11px 0 0; color: #92909f; font-size: 11px; line-height: 1.8; overflow-wrap: anywhere; }
body.site-home.cyber-cute .support-status.is-error { color: #ffabc8; }
body.site-home.cyber-cute .support-channel { display: flex; align-items: center; gap: 12px; margin-top: 25px; padding-block: 16px; border-block: 1px solid #35333e; }
body.site-home.cyber-cute .support-channel > svg { width: 26px; height: 26px; flex-basis: 26px; color: #ff8ac5; }
body.site-home.cyber-cute .support-channel > div { display: flex; flex: 1; align-items: center; justify-content: space-between; gap: 16px; }
body.site-home.cyber-cute .support-channel strong { color: #e3dfeb; font-size: 13px; }
body.site-home.cyber-cute .support-channel span { color: #f9d889; font-size: 11px; }
body.site-home.cyber-cute .support-context .support-channel-note { font-size: 11px; }
body.site-home.cyber-cute .support-faq { min-width: 0; }
body.site-home.cyber-cute .support-faq details { border-bottom: 1px solid #35333e; }
body.site-home.cyber-cute .support-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 66px; padding: 16px 0; list-style: none; color: #e3dfeb; font-size: 14px; cursor: pointer; }
body.site-home.cyber-cute .support-faq summary::-webkit-details-marker { display: none; }
body.site-home.cyber-cute .support-faq summary svg { color: #ff8ac5; transition: transform .2s; }
body.site-home.cyber-cute .support-faq details[open] summary svg { transform: rotate(45deg); }
body.site-home.cyber-cute .support-faq details p { margin: 0; padding: 0 32px 20px 0; color: #aaa5b6; font-size: 13px; line-height: 1.9; }
body.site-home.cyber-cute .support-faq details p a { color: #69ece5; text-decoration: underline; text-underline-offset: 4px; }
body.site-home.cyber-cute .support-faq-footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-top: 22px; }
body.site-home.cyber-cute .support-faq-footer > span { color: #92909f; font-size: 12px; }
body.site-home.cyber-cute .cyber-support :is(button, a, input, select, textarea, summary, [role="tabpanel"]):focus-visible { outline: 2px solid #69ece5; outline-offset: 4px; }
@media (max-width: 800px) {
  body.site-home.cyber-cute .cyber-support { padding-block: 48px; }
  body.site-home.cyber-cute .support-heading { display: block; }
  body.site-home.cyber-cute .support-heading h2 { font-size: 24px; }
  body.site-home.cyber-cute .support-heading > p { margin-top: 12px; }
  body.site-home.cyber-cute .support-panel { grid-template-columns: 1fr; gap: 28px; min-height: 0; }
  body.site-home.cyber-cute .support-context h3 { font-size: 21px; }
  body.site-home.cyber-cute .support-context h3 br { display: none; }
  body.site-home.cyber-cute .support-context > p { max-width: none; }
  body.site-home.cyber-cute .support-local-note { margin-top: 16px; }
}
@media (max-width: 460px) {
  body.site-home.cyber-cute .support-heading h2 { font-size: 21px; }
  body.site-home.cyber-cute .support-tabs { gap: 24px; }
  body.site-home.cyber-cute .support-tabs button { font-size: 13px; }
  body.site-home.cyber-cute .support-tabs button span { margin-left: 4px; }
  body.site-home.cyber-cute .support-fields-two { grid-template-columns: 1fr; }
  body.site-home.cyber-cute .support-form-actions { gap: 8px; }
  body.site-home.cyber-cute .support-action { padding-inline: 10px; font-size: 11px; }
  body.site-home.cyber-cute .support-form-actions .support-action-primary { flex: 1 1 100px; }
  body.site-home.cyber-cute .support-faq summary { font-size: 13px; }
  body.site-home.cyber-cute .support-faq-footer { flex-wrap: wrap; }
}
@media (max-width: 600px) {
  body.site-home.cyber-cute .site-float-rail { grid-template-columns: repeat(2, 38px); }
  body.site-home.cyber-cute .site-float-rail a:is([href="#catalog"], [href="/ranking/"]) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.site-home.cyber-cute .support-faq summary svg { transition: none; }
}

body.site-home.cyber-cute .recognition-tabs { grid-template-columns: repeat(5,minmax(0,1fr)); }
body.site-home.cyber-cute .recognition-tabs button { padding-inline: 14px; gap: 8px; }
body.site-home.cyber-cute .recognition-tabs button small { display: none; }
body.site-home.cyber-cute .recognition-telemetry { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 30px; align-items: center; padding: 28px; border: 1px solid #47414f; border-radius: 6px; background: #1b1b23; }
body.site-home.cyber-cute .recognition-telemetry h3 { font-size: 24px; color: #f4f2fa; margin: 12px 0; }
body.site-home.cyber-cute .recognition-telemetry p { color: #bdb4ca; line-height: 1.9; font-size: 13px; }
body.site-home.cyber-cute .telemetry-capture { margin: 0; min-width: 0; align-self: center; }
body.site-home.cyber-cute .telemetry-capture > img { display: block; width: 100%; height: auto; object-fit: contain; }
body.site-home.cyber-cute .telemetry-capture figcaption { padding-top: 15px; color: #a79bb2; font-size: 11px; line-height: 1.8; }
body.site-home.cyber-cute .telemetry-readings { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; padding: 18px 0; border-block: 1px solid #39343f; }
body.site-home.cyber-cute .telemetry-readings div { min-width: 0; }
body.site-home.cyber-cute .telemetry-readings dt { font-size: 12px; color: #a99faf; }
body.site-home.cyber-cute .telemetry-readings dd { margin: 5px 0 0; font-size: 18px; color: #69ece5; }
body.site-home.cyber-cute #recognition-panel-meso .telemetry-readings dd { color: #d8f58b; }
body.site-home.cyber-cute .cyber-community { padding-block: 65px; border-bottom: 1px solid #39333f; }
body.site-home.cyber-cute .community-heading { display: flex; justify-content: space-between; gap: 24px; align-items: end; }
body.site-home.cyber-cute .community-heading h2 { margin: 12px 0 0; color: #f5eef9; font-size: 27px; }
body.site-home.cyber-cute .community-heading > p { color: #a99faf; font-size: 12px; line-height: 1.9; }
body.site-home.cyber-cute .community-paths { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px; margin-top: 30px; }
body.site-home.cyber-cute .community-paths > :is(a,button) { min-width: 0; text-align: left; padding: 22px 0; border: 0; border-top: 2px solid #69ece5; border-radius: 0; background: transparent; font: inherit; cursor: pointer; }
body.site-home.cyber-cute .community-paths > :nth-child(2) { border-color: #ff8ac5; }
body.site-home.cyber-cute .community-paths > :nth-child(3) { border-color: #d8f58b; }
body.site-home.cyber-cute .community-paths span { color: #9a90a5; font: 10px Consolas,monospace; }
body.site-home.cyber-cute .community-paths h3 { color: #f4edf8; font-size: 19px; }
body.site-home.cyber-cute .community-paths p { color: #b7adbf; font-size: 12px; line-height: 1.9; }
body.site-home.cyber-cute .community-paths b { display: flex; align-items: center; gap: 10px; color: #69ece5; font-size: 12px; margin-top: 20px; font-weight: 500; }
.brand-contact-dialog { box-sizing: border-box; width: min(430px,calc(100% - 28px)); max-height: calc(100svh - 32px); overflow: auto; padding: 24px; border: 1px solid #695369; border-top: 3px solid #ff8ac5; border-radius: 6px; color: #f4eff8; background: #19171f; text-align: center; }
.brand-contact-dialog::backdrop { background: #08070ce0; }
.brand-contact-dialog header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.brand-contact-dialog .contact-brand { font: 11px Consolas,monospace; color: #bdb0cb; }
.brand-contact-dialog header button { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 1px solid #4b424f; border-radius: 4px; color: #ded1e8; background: #24202b; cursor: pointer; }
.brand-contact-dialog .lucide { width: 17px; height: 17px; }
.brand-contact-dialog h2 { margin: 10px 0 22px; font-size: 23px; line-height: 1.5; color: #f4eff8; }
.brand-contact-dialog p { font-size: 12px; line-height: 1.9; color: #c2b7cf; }
.brand-contact-dialog .contact-kicker { margin-top: 26px; color: #ff8ac5; font: 10px Consolas,monospace; }
.brand-contact-dialog .contact-safety { font-size: 11px; color: #a498b1; }
.customer-qr-frame { margin: 0 auto; padding: 18px; width: min(280px,100%); box-sizing: border-box; aspect-ratio: 1; background: #fff; border-radius: 4px; }
.customer-qr-frame img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand-contact-dialog [data-service-hours] { margin-left: 14px; color: #69ece5; }
.cooperation-dialog { width: min(650px,calc(100% - 28px)); text-align: left; }
.cooperation-dialog h2 { margin-top: 20px; }
body.site-home.cyber-cute .site-nav { flex-wrap: wrap; }
@media(max-width:1100px){body.site-home.cyber-cute .site-nav a{padding-inline:5px;font-size:11px}body.site-home.cyber-cute .recognition-tabs button{font-size:12px;padding:12px 8px;gap:6px}}
@media(max-width:760px){body.site-home.cyber-cute .recognition-tabs{display:flex;overflow-x:auto}body.site-home.cyber-cute .recognition-tabs button{flex:0 0 auto;min-height:52px}body.site-home.cyber-cute .recognition-telemetry{grid-template-columns:1fr;padding:18px;gap:25px}body.site-home.cyber-cute .recognition-telemetry h3{font-size:20px}body.site-home.cyber-cute .community-heading{display:block}body.site-home.cyber-cute .community-heading h2{font-size:23px}body.site-home.cyber-cute .community-paths{grid-template-columns:1fr;gap:0}body.site-home.cyber-cute .cyber-community{padding-block:40px}}
@media(max-width:480px){.brand-contact-dialog{padding:18px}.brand-contact-dialog h2{font-size:20px}}


/* RELEASE BRAND IDENTITY */
body.cyber-cute .site-brand-mark,
body.cyber-cute .brand-mark,
.access-gate .brand-mark,
.ops-sidebar .brand-mark,
.brand .brand-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  clip-path: none;
  overflow: visible;
}
.site-brand-mark img,
.brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body.cyber-cute .site-footer-brand .site-brand-mark.small {
  width: 38px;
  height: 38px;
  flex-basis: 38px;
}
@media (max-width: 600px) {
  body.cyber-cute .site-brand-mark,
  body.cyber-cute .brand-mark {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }
}