/*
 * Farever's shared expedition interface. Loaded last on every Farever page.
 * Keep the game art visible; controls and reading surfaces carry the glass.
 */
html:root {
  --bg:#091311;
  --surface:rgba(20,36,33,.78);
  --panel-inset:rgba(8,22,21,.72);
  --text:#f7f5eb;
  --muted:#bdccc5;
  --accent:#ebcc91;
  --border:rgba(223,235,221,.19);
  --line:var(--border);
  --control-bg:rgba(238,246,235,.10);
  --control-hover:rgba(238,246,235,.18);
  --control-pressed:rgba(238,246,235,.24);
  --control-text:var(--text);
  --control-ring:#edcb8b;
  --panel-shadow:0 18px 55px rgba(1,9,9,.24),inset 0 1px rgba(255,255,255,.09);
  --glass-edge:rgba(225,242,224,.16);
  --glass-glow:rgba(81,151,129,.16);
}
html.theme-light {
  --bg:#e9eee8;
  --surface:rgba(255,255,252,.82);
  --panel-inset:rgba(232,241,233,.82);
  --text:#182923;
  --muted:#53685e;
  --accent:#71552d;
  --border:rgba(37,76,59,.19);
  --line:var(--border);
  --control-bg:rgba(45,91,69,.08);
  --control-hover:rgba(45,91,69,.15);
  --control-pressed:rgba(45,91,69,.20);
  --control-text:var(--text);
  --control-ring:#775d32;
  --panel-shadow:0 18px 52px rgba(28,55,40,.10),inset 0 1px rgba(255,255,255,.9);
  --glass-edge:rgba(64,106,76,.16);
  --glass-glow:rgba(95,156,117,.12);
}
html body.farever-minimal {
  color-scheme:dark;
  color:var(--text);
  background:
    radial-gradient(ellipse 60% 38% at 88% 0%,rgba(64,130,112,.25),transparent 75%),
    radial-gradient(ellipse 60% 48% at 5% 65%,rgba(151,120,68,.12),transparent 72%),
    linear-gradient(155deg,#101e1c 0%,#091311 55%,#0d1b1c 100%);
  font-size:16px;
}
html.theme-light body.farever-minimal {
  color-scheme:light;
  background:
    radial-gradient(ellipse 65% 45% at 90% 0%,rgba(142,194,156,.26),transparent 70%),
    radial-gradient(ellipse 65% 50% at 0% 70%,rgba(211,183,116,.12),transparent 70%),
    linear-gradient(150deg,#f3f6ee,#e8eee9 65%,#eaf1ec);
}
html body.farever-minimal :is(h1,h2,h3){color:var(--text)}
html body.farever-minimal :is(.eyebrow,.small-tag,.nav-category-label){color:var(--accent);letter-spacing:.13em}
html body.farever-minimal a:focus-visible,
html body.farever-minimal :is(button,input,select,textarea,summary):focus-visible{
  outline:2px solid var(--control-ring);outline-offset:3px
}

/* Keep the platform, game switcher, Farever mark and tools on one desktop rail. */
html body.farever-minimal .header {
  position:sticky;top:0;z-index:40;
  display:grid;align-items:center;
  grid-template-columns:auto auto auto minmax(0,1fr) auto auto auto;
  gap:clamp(5px,.7vw,12px);
  height:auto;min-height:72px;padding:10px clamp(12px,2vw,30px);
  background:rgba(12,27,26,.83);
  border:0;border-bottom:1px solid var(--glass-edge);
  box-shadow:0 12px 38px rgba(1,9,9,.25),inset 0 1px rgba(255,255,255,.07);
  backdrop-filter:blur(24px) saturate(145%);
}
html.theme-light body.farever-minimal .header{background:rgba(245,249,241,.84)}
html body.farever-minimal .header .platform-chip{grid-column:1;grid-row:1}
html body.farever-minimal .header .orbynia-switcher{grid-column:2;grid-row:1;margin:0}
html body.farever-minimal .header .brand{grid-column:3;grid-row:1;min-width:0}
html body.farever-minimal .header #navigation{grid-column:4;grid-row:1;justify-self:center;min-width:0}
html body.farever-minimal .header .header-live{grid-column:5;grid-row:1;justify-self:end}
html body.farever-minimal .header .header-quick{grid-column:6;grid-row:1}
html body.farever-minimal .header #site-settings{grid-column:7;grid-row:1;justify-self:end}
html body.farever-minimal .header :is(.platform-chip,.orbynia-game-button,.header-rift,.header-players,.header-quick a,.menu-button){
  border:1px solid var(--border);border-radius:13px;
  background:var(--control-bg);color:var(--text)
}
html body.farever-minimal .header :is(.platform-chip,.orbynia-game-button,.header-rift,.header-players,.header-quick a,.menu-button):hover{
  background:var(--control-hover);border-color:rgba(235,204,145,.50)
}
html body.farever-minimal .header #navigation :is(a,summary){
  color:var(--muted);font-size:14px;min-height:42px;padding:10px clamp(7px,.7vw,12px);border-radius:12px
}
html body.farever-minimal .header #navigation :is(a,summary):hover,
html body.farever-minimal .header #navigation :is(a[aria-current=page],details[open]>summary){
  color:var(--text);background:var(--control-hover)
}
html body.farever-minimal .header #navigation .tools-dropdown{
  background:rgba(15,34,31,.96);border:1px solid var(--border);
  border-radius:17px;box-shadow:var(--panel-shadow);backdrop-filter:blur(24px)
}
html.theme-light body.farever-minimal .header #navigation .tools-dropdown{background:rgba(250,252,247,.96)}
html body.farever-minimal .header #site-settings :is(select,button){border-radius:12px;background:var(--control-bg);border-color:var(--border)}
html body.farever-minimal .header .language-switch{background:var(--control-bg);border-radius:12px}
html body.farever-minimal .header #site-settings .language-switch button.is-active{background:var(--control-hover)}

/* Landing: a readable glass field set against the existing game artwork. */
html body.farever-minimal .hero{min-height:min(760px,calc(100dvh - 72px));padding-block:clamp(60px,9vh,115px)}
html body.farever-minimal .hero-shade{
  background:linear-gradient(90deg,rgba(3,17,17,.74),rgba(4,25,23,.38) 52%,rgba(4,20,19,.07)),
             linear-gradient(0deg,#091311 0%,transparent 37%)
}
html body.farever-minimal .hero-content{
  width:min(730px,100%);max-width:none;
  padding:clamp(25px,3.4vw,49px);
  border:1px solid rgba(234,242,226,.22);border-radius:28px;
  background:linear-gradient(125deg,rgba(12,32,29,.70),rgba(9,23,23,.43));
  box-shadow:0 25px 75px rgba(0,10,9,.30),inset 0 1px rgba(255,255,255,.12);
  backdrop-filter:blur(12px)
}
html body.farever-minimal .hero :is(h1,.hero-slogan){font-size:clamp(54px,6.4vw,96px);line-height:1;letter-spacing:-.055em}
html body.farever-minimal .hero-description{color:#e5eee7;font-size:clamp(16px,1.3vw,18px);line-height:1.65}
html.theme-light body.farever-minimal .hero-content :is(h1,.hero-slogan,.hero-description,.trailer-link){color:#f7f5eb}
html.theme-light body.farever-minimal .hero-content :is(.eyebrow,.hero-slogan em){color:#f1d39a}
html body.farever-minimal .hero-actions{gap:14px;flex-wrap:wrap}
html body.farever-minimal .fact-strip{
  width:min(1380px,calc(100% - 32px));margin:16px auto 0;
  padding:18px 24px;border:1px solid var(--border);border-radius:20px;
  background:var(--surface);box-shadow:var(--panel-shadow);backdrop-filter:blur(16px)
}
html body.farever-minimal .fact-strip>div{border-color:var(--border)}
html body.farever-minimal :is(.home-intro,.home-links){gap:clamp(24px,5vw,80px)}
html body.farever-minimal .home-nav{gap:18px}

/* Shared cards and work surfaces, including catalogs, builds, guild and tools. */
html body.farever-minimal :is(
  .home-card,.tools-hub-card,.guild-panel,.guild-entry,.guild-directory-card,
  .party-card,.saved-build-card,.community-card,.profile-summary,.build-panel,
  .video-card,.rift-live-card,.database-detail-card,.weapon-card,
  .dungeon-card,.build-library-disclosure,.filter-bar,.build-toolbar,
  .craft-panel,.tool-panel,.roadmap-card,.map-panel,.community-toolbar,
  .game-section-card
){
  background:var(--surface);border:1px solid var(--glass-edge);
  border-radius:20px;box-shadow:var(--panel-shadow);backdrop-filter:blur(13px)
}
html body.farever-minimal :is(.home-card,.tools-hub-card,.community-card,.guild-directory-card,.saved-build-card):hover{
  border-color:rgba(235,204,145,.56);
  box-shadow:0 24px 65px rgba(1,9,9,.30),inset 0 1px rgba(255,255,255,.14)
}
html body.farever-minimal :is(.home-card,.tools-hub-card,.guild-directory-card){
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease
}
html body.farever-minimal :is(.home-card,.tools-hub-card,.guild-directory-card):hover{transform:translateY(-3px)}
html body.farever-minimal :is(.home-card,.world-card,.dungeon-card){overflow:hidden}
html body.farever-minimal .quick-links a{
  padding:15px 18px;border:1px solid var(--border);border-radius:13px;
  background:var(--control-bg);color:var(--text)
}
html body.farever-minimal .quick-links a:hover{background:var(--control-hover);border-color:var(--accent)}
html body.farever-minimal .guild-benefits span{
  padding:9px 15px;background:var(--control-bg);border:1px solid var(--border);
  border-radius:999px;color:var(--text);font-size:14px
}
html body.farever-minimal .guild-welcome{
  max-width:920px;min-height:0;margin:clamp(30px,6vh,80px) auto;
  padding:clamp(25px,5vw,70px);
  border:1px solid var(--glass-edge);border-radius:30px;
  background:linear-gradient(135deg,rgba(39,73,62,.58),var(--surface) 66%);
  box-shadow:var(--panel-shadow);backdrop-filter:blur(20px)
}
html body.farever-minimal main > :is(.page-hero,.account-heading):not(.guild-welcome){
  padding:clamp(24px,3.2vw,43px);margin-block:clamp(16px,2.5vw,34px);
  border:1px solid var(--glass-edge);border-radius:24px;
  background:linear-gradient(120deg,var(--glass-glow),var(--surface) 48%,var(--surface));
  box-shadow:var(--panel-shadow);backdrop-filter:blur(15px)
}
html body.farever-minimal main > :is(.page-hero,.account-heading) h1{
  font-size:clamp(30px,3.7vw,55px);line-height:1.08;margin-bottom:12px
}
html body.farever-minimal main > :is(.page-hero,.account-heading)>p:not(.eyebrow){
  color:var(--muted);font-size:clamp(15px,1.2vw,17px);line-height:1.6
}
html body.farever-minimal .filter-bar{padding:16px;gap:13px}
html body.farever-minimal .filter-bar label,
html body.farever-minimal .build-toolbar label{font-size:14px}
html body.farever-minimal .community-card{border-radius:20px}
html body.farever-minimal .community-card-footer{border-color:var(--border)}
html body.farever-minimal .workbench-navigation{border:1px solid var(--border);background:var(--surface);backdrop-filter:blur(20px)}
html body.farever-minimal .workbench-tab[aria-selected=true]{background:var(--control-hover);box-shadow:inset 0 0 0 1px var(--border)}
html body.farever-minimal :is(.gear-slot,.build-skill-card,.talent-tier,.guild-table,.craft-step){
  border-color:var(--border);background:var(--panel-inset)
}
html body.farever-minimal :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  min-height:44px;padding:10px 12px;border:1px solid var(--border);
  border-radius:12px;background:var(--panel-inset);color:var(--text);font-size:16px
}
html body.farever-minimal :is(input,textarea)::placeholder{color:var(--muted);opacity:.75}
html body.farever-minimal :is(button,.button,.subtle-button):not(.map-marker){
  min-height:42px;padding:10px 16px;border-radius:12px
}
html body.farever-minimal :is(.button.primary,button[type=submit]){
  border:1px solid rgba(255,237,186,.55);background:linear-gradient(135deg,#f0d9a1,#d2ac69)!important;
  color:#19251e!important;box-shadow:0 8px 22px rgba(3,12,10,.18)
}
html body.farever-minimal :is(.button.primary,button[type=submit]):hover{filter:brightness(1.06)}
html body.farever-minimal :is(.subtle-button,.button:not(.primary)){border:1px solid var(--border);background:var(--control-bg);color:var(--text)}
html body.farever-minimal :is(.subtle-button,.button:not(.primary)):hover{background:var(--control-hover)}
/* Repeated catalog entries stay light to scroll, while their frame matches the larger panels. */
html body.farever-minimal :is(.database-card,.catalogue-item,.craft-result,.craft-heading){
  border:1px solid var(--glass-edge);border-radius:17px;background:var(--surface);
  box-shadow:inset 0 1px rgba(255,255,255,.06)
}
html body.farever-minimal .database-card:hover{border-color:rgba(235,204,145,.55);background:var(--control-hover)}
html body.farever-minimal .craft-heading{padding:clamp(20px,3vw,40px);margin-block:18px 22px}
html body.farever-minimal .craft-heading h1{font-size:clamp(31px,4vw,54px);line-height:1.1}
html body.farever-minimal .database-categories{gap:8px;padding:10px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
html body.farever-minimal .database-categories a{border-radius:11px;min-height:42px}
html body.farever-minimal .map-workspace :is(.map-sidebar,.map-controls,.map-progress,.map-filters){border-color:var(--border);border-radius:18px;background:var(--surface)}
html body.farever-minimal footer{background:rgba(8,22,20,.6);border-top:1px solid var(--border)}
html.theme-light body.farever-minimal footer{background:rgba(255,255,255,.44)}

@media(max-width:1450px) and (min-width:1151px){
  html body.farever-minimal .header{grid-template-columns:auto auto minmax(0,1fr) auto auto auto}
  html body.farever-minimal .header .platform-chip{display:none}
  html body.farever-minimal .header .orbynia-switcher{grid-column:1}
  html body.farever-minimal .header .brand{grid-column:2}
  html body.farever-minimal .header #navigation{grid-column:3}
  html body.farever-minimal .header .header-live{grid-column:4}
  html body.farever-minimal .header .header-quick{grid-column:5}
  html body.farever-minimal .header #site-settings{grid-column:6}
}
@media(max-width:1150px){
  html body.farever-minimal .header{
    grid-template-columns:auto minmax(0,1fr) auto auto auto;
    gap:6px;min-height:68px;padding:9px 12px;backdrop-filter:none
  }
  html body.farever-minimal .header :is(.platform-chip,.brand){display:none}
  html body.farever-minimal .header .orbynia-switcher{grid-column:1;grid-row:1}
  html body.farever-minimal .header .header-live{grid-column:2;grid-row:1;justify-self:end}
  html body.farever-minimal .header .header-quick{grid-column:3;grid-row:1}
  html body.farever-minimal .header #site-settings{grid-column:4;grid-row:1}
  html body.farever-minimal .header .menu-button{grid-column:5;grid-row:1}
  html body.farever-minimal .header #navigation.open{
    inset:auto auto 12px 12px;width:calc(100vw - 28px);max-width:calc(100vw - 28px);
    justify-self:initial;box-sizing:border-box;
    border:1px solid var(--border);border-radius:22px;
    background:rgba(14,34,31,.97);backdrop-filter:blur(26px)
  }
  html.theme-light body.farever-minimal .header #navigation.open{background:rgba(249,252,246,.97)}
  html body.farever-minimal.menu-open::after{
    display:block;position:fixed;inset:0;z-index:38;
    background:rgba(3,14,13,.62);backdrop-filter:blur(4px)
  }
}
@media(max-width:760px){
  html body.farever-minimal .header{grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:4px;padding-inline:8px}
  html body.farever-minimal .header .header-live{min-width:0}
  html body.farever-minimal .header .header-rift{min-width:0}
  html body.farever-minimal .hero{min-height:680px;padding:65px 14px 80px}
  html body.farever-minimal .hero-content{padding:24px;border-radius:21px}
  html body.farever-minimal .hero :is(h1,.hero-slogan){font-size:clamp(49px,12vw,75px)}
  html body.farever-minimal .hero-shade{
    background:linear-gradient(90deg,rgba(3,17,17,.72),rgba(3,17,17,.28)),
               linear-gradient(0deg,#091311 0%,transparent 65%)
  }
  html body.farever-minimal .fact-strip{width:calc(100% - 24px);padding:14px 8px;gap:8px 0;border-radius:16px}
  html body.farever-minimal main > :is(.page-hero,.account-heading):not(.guild-welcome){
    padding:20px;margin-block:14px;border-radius:18px
  }
  html body.farever-minimal .guild-welcome{margin:16px 12px;padding:28px 20px;border-radius:20px}
  html body.farever-minimal .filter-bar{padding:12px}
  html body.farever-minimal :is(.home-card,.tools-hub-card,.guild-panel,.build-panel,.community-card){border-radius:17px}
}
@media(max-width:520px){
  html body.farever-minimal .header .header-players{display:none}
  html body.farever-minimal .header .orbynia-game-button{padding-inline:8px;min-height:40px;font-size:12px}
  html body.farever-minimal .header .header-rift{padding-inline:6px}
  html body.farever-minimal .header #header-rift-countdown{font-size:13px}
  html body.farever-minimal .hero-footer{display:none}
  html body.farever-minimal .guild-benefits{gap:7px}
}
@media(prefers-reduced-motion:reduce){
  html body.farever-minimal :is(.home-card,.tools-hub-card,.guild-directory-card):hover{transform:none}
}