/* Isolated UI review only. This file is not part of the published site. */
.ui-preview { --ui-lime:#ebff00; --ui-ink:#080a09; --ui-panel:#121610; --ui-line:#39412b; }
.ui-preview body.site-nav-open { overflow:hidden; }
.ui-preview .site-header { position:sticky; top:0; z-index:110; border-top:3px solid var(--ui-lime); border-bottom:1px solid #3b422c; background:rgba(7,9,8,.96); backdrop-filter:blur(18px); }
.ui-preview .site-header .site-header-inner { width:min(1440px,calc(100% - 72px)); min-height:76px; margin:auto; display:flex; align-items:center; gap:clamp(20px,3vw,48px); }
.ui-preview .site-header .site-brand { flex:none; display:inline-flex; flex-direction:column; gap:4px; color:#fff; font:800 clamp(20px,2vw,27px)/.9 var(--font-display,'Gallaxia Orbitron',Arial,sans-serif); letter-spacing:.01em; text-decoration:none; }
.ui-preview .site-header .site-brand span { color:var(--ui-lime); font:800 9px/1.2 var(--font-body,Arial,sans-serif); letter-spacing:.38em; }
.ui-preview .site-header .site-brand:focus-visible,.ui-preview .site-header :is(a,button,summary):focus-visible { outline:2px solid var(--ui-lime); outline-offset:4px; }
.ui-preview .site-desktop-nav { display:flex; align-items:center; gap:clamp(6px,1vw,16px); margin-left:auto; }
.ui-preview .site-desktop-nav>a,.ui-preview .site-explore>summary { display:inline-flex; align-items:center; gap:7px; min-height:46px; padding:10px clamp(9px,1vw,16px); border:1px solid transparent; border-radius:2px; color:#deded7; font:700 12px/1.2 var(--font-body,Arial,sans-serif); white-space:nowrap; cursor:pointer; text-decoration:none; }
.ui-preview .site-desktop-nav>a:hover,.ui-preview .site-explore>summary:hover,.ui-preview .site-explore[open]>summary { color:#fff; border-color:#5d6b33; background:#171d11; }
.ui-preview .site-desktop-nav [aria-current="page"] { color:var(--ui-lime); border-bottom-color:var(--ui-lime); }
.ui-preview .site-desktop-nav .site-hunt-link { color:var(--ui-lime); }
.ui-preview .site-explore { position:relative; }
.ui-preview .site-explore>summary { list-style:none; }
.ui-preview .site-explore>summary::-webkit-details-marker { display:none; }
.ui-preview .site-explore[open] .site-chevron { transform:rotate(180deg); }
.ui-preview .site-explore-panel { position:absolute; top:calc(100% + 10px); right:0; width:min(550px,90vw); padding:22px; display:grid; grid-template-columns:1fr 1fr; gap:24px; border:1px solid #69783b; background:#0e120d; box-shadow:0 24px 60px #000c; }
.ui-preview .site-explore-panel h2,.ui-preview .site-mobile-group h2 { margin:0 0 10px; color:var(--ui-lime); font:800 11px/1.3 var(--font-display,Arial,sans-serif); letter-spacing:.12em; text-transform:uppercase; }
.ui-preview .site-explore-panel a { display:block; padding:9px 0; color:#eceee6; font:600 13px/1.35 var(--font-body,Arial,sans-serif); text-decoration:none; }
.ui-preview .site-explore-panel a:hover,.ui-preview .site-mobile-group a:hover { color:var(--ui-lime); }
.ui-preview .site-icon { display:inline-block; width:18px; height:18px; flex:none; fill:none; stroke:currentColor; }
.ui-preview .site-chevron { width:14px; height:14px; transition:transform .2s; }
.ui-preview .site-desktop-social { display:inline-flex; align-items:center; gap:7px; flex:none; min-height:42px; padding:9px 12px; border:1px solid #59662f; color:#fff; font:700 11px/1.2 var(--font-body,Arial,sans-serif); text-decoration:none; white-space:nowrap; }
.ui-preview .site-desktop-social:hover { color:var(--ui-lime); border-color:var(--ui-lime); }
.ui-preview .site-mobile-toggle,.ui-preview .site-mobile-panel { display:none; }

/* Preserve the approved visual language while making dense information easier to scan. */
.ui-preview .market-live .section { padding-top:clamp(68px,6vw,92px); padding-bottom:clamp(70px,6vw,94px); }
.ui-preview .market-live .section-heading { margin-bottom:clamp(24px,3vw,36px); }
.ui-preview .market-live .sale-row { border-color:#354332; }
.ui-preview .market-live .item-card,.ui-preview .market-live .world-card { border-color:#53623a; }
.ui-preview .market-live .item-card:hover,.ui-preview .market-live .world-card:hover { border-color:var(--ui-lime); }
.ui-preview .forecast-steps { padding-top:clamp(56px,5vw,78px); }
.ui-preview .forecast-grid article { background:linear-gradient(145deg,#151c11,#0e120d); border-color:#52632c; }
.ui-preview .forecast-actions .button-primary { min-width:215px; }
.ui-preview .gg-footer { border-top-color:#535e31; }
.ui-preview .gg-footer .gg-footer-group a { min-height:28px; }
.ui-preview .preview-method-link { color:#cdd1bd; font-size:12px; }
.ui-preview footer .site-footer-source { display:inline-flex; align-items:center; min-height:32px; margin-top:12px; color:#cdd1bd; font:600 12px/1.4 var(--font-body,Arial,sans-serif); text-decoration:underline; text-decoration-color:#59663b; text-underline-offset:3px; }
.ui-preview .forecast-actions .site-icon { width:17px; height:17px; margin-left:8px; vertical-align:middle; }

@media(max-width:1100px) {
  .ui-preview .site-desktop-nav,.ui-preview .site-desktop-social { display:none; }
  .ui-preview .site-header .site-header-inner { width:calc(100% - 34px); min-height:68px; justify-content:space-between; }
  .ui-preview .site-mobile-toggle { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-width:92px; min-height:48px; margin-left:auto; padding:8px 12px; border:1px solid #7c893e; background:#151a11; color:#fff; font:800 12px/1 var(--font-body,Arial,sans-serif); letter-spacing:.04em; cursor:pointer; }
  .ui-preview .site-mobile-toggle[aria-expanded="true"] { background:var(--ui-lime); color:#080b06; border-color:var(--ui-lime); }
  .ui-preview .site-mobile-toggle .site-close-icon { display:none; }
  .ui-preview .site-mobile-toggle[aria-expanded="true"] .site-menu-icon { display:none; }
  .ui-preview .site-mobile-toggle[aria-expanded="true"] .site-close-icon { display:inline-block; }
  .ui-preview .site-mobile-panel { display:block; position:fixed; z-index:109; inset:var(--site-panel-top,71px) 0 0; overflow-y:auto; overscroll-behavior:contain; padding:20px max(17px,calc((100vw - 640px)/2)) 36px; border-top:1px solid #51602d; background:linear-gradient(145deg,#111810,#080b09 70%); opacity:0; pointer-events:none; transform:translateX(18px); transition:opacity .22s,transform .22s; }
  .ui-preview .site-mobile-panel.is-open { opacity:1; pointer-events:auto; transform:translateX(0); }
  .ui-preview .site-mobile-panel-inner { max-width:640px; margin:auto; }
  .ui-preview .site-mobile-feature { display:grid; grid-template-columns:1fr; gap:8px; padding:2px 0 16px; border-bottom:1px solid #39462e; }
  .ui-preview .site-mobile-feature a { display:flex; align-items:center; min-height:50px; padding:10px 14px; border:1px solid #5a7030; color:#fff; font:800 12px/1.3 var(--font-display,Arial,sans-serif); text-decoration:none; }
  .ui-preview .site-mobile-feature a:first-child { background:var(--ui-lime); border-color:var(--ui-lime); color:#080a06; }
  .ui-preview .site-mobile-feature a:last-child { color:var(--ui-lime); }
  .ui-preview .site-mobile-group { padding:0; border-bottom:1px solid #39462e; }
  .ui-preview .site-mobile-group>summary { display:flex; align-items:center; justify-content:space-between; min-height:58px; padding:12px 2px; list-style:none; color:#edf3dc; font:800 13px/1.3 var(--font-display,Arial,sans-serif); letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
  .ui-preview .site-mobile-group>summary::-webkit-details-marker { display:none; }
  .ui-preview .site-mobile-group>summary .site-icon { width:16px; height:16px; transition:transform .2s; }
  .ui-preview .site-mobile-group[open]>summary { color:var(--ui-lime); }
  .ui-preview .site-mobile-group[open]>summary .site-icon { transform:rotate(180deg); }
  .ui-preview .site-mobile-group-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 12px; padding:0 2px 14px; }
  .ui-preview .site-mobile-group a { display:flex; align-items:center; min-height:48px; padding:9px 2px; color:#eceee7; font:650 14px/1.25 var(--font-body,Arial,sans-serif); text-decoration:none; }
  .ui-preview .site-mobile-panel :is(a,summary):focus-visible { outline:2px solid var(--ui-lime); outline-offset:3px; }
  .ui-preview .site-mobile-panel-footer { display:flex; gap:16px; flex-wrap:wrap; padding:18px 0; }
  .ui-preview .site-mobile-panel-footer a { min-height:44px; display:inline-flex; align-items:center; gap:7px; color:var(--ui-lime); font:700 12px var(--font-body,Arial,sans-serif); }
}

@media(max-width:550px) {
  .ui-preview .site-header .site-brand { font-size:20px; }
  .ui-preview .site-mobile-group-grid { gap:3px 10px; }
  .ui-preview .site-mobile-group a { font-size:13px; }
  .ui-preview .market-live .sale-row { grid-template-columns:62px minmax(0,1fr) auto; gap:11px; padding:18px 4px; }
  .ui-preview .market-live .sale-thumb { width:60px; height:64px; }
  .ui-preview .market-live .sale-item strong { font-size:14px; line-height:1.35; }
  .ui-preview .market-live .sale-item small { font-size:10px; line-height:1.45; letter-spacing:0; }
  .ui-preview .market-live .sale-price { font-size:19px; }
  .ui-preview .market-live .item-info p { font-size:11px; line-height:1.5; }
  .ui-preview .market-live .item-kicker { font-size:10px; }
  .ui-preview .forecast-hero { padding-block:54px 62px; }
  .ui-preview .forecast-grid article { padding:22px; }
}

@media(prefers-reduced-motion:reduce) {
  .ui-preview .site-mobile-panel,.ui-preview .site-chevron,.ui-preview .site-mobile-group>summary .site-icon { transition:none; }
}