/* Luna Terra Species UI v2.60 — clean archive and interactive biology workspace */
:root{
  --species-bg:#070b0f;
  --species-surface:#0c1217;
  --species-surface-2:#111920;
  --species-surface-3:#162129;
  --species-line:#22313a;
  --species-line-strong:#344852;
  --species-text:#e7edf0;
  --species-muted:#94a4ab;
  --species-faint:#687981;
  --species-accent:#49ddc4;
  --species-accent-soft:rgba(73,221,196,.11);
  --species-radius:10px;
}

#speciesView.species-wrap{
  width:min(100% - 34px,1380px);
  margin:18px auto 56px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--species-text);
  font-family:Inter,Segoe UI,Arial,sans-serif;
  overflow:visible;
}
#speciesView.species-wrap::before{display:none}
#speciesView .species-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:40px;
  align-items:end;
  padding:42px 0 28px;
  border:0;
  border-bottom:1px solid var(--species-line);
  background:transparent;
  box-shadow:none;
}
#speciesView .species-hero::after{display:none}
#speciesView .species-hero-image{
  grid-column:2;
  grid-row:1;
  width:100%;
  height:380px;
  border:1px solid var(--species-line);
  border-radius:14px;
  background:#000;
  overflow:hidden;
}
#speciesView .species-hero-copy{grid-column:1;grid-row:1;padding:0 0 4px;align-self:end}
#speciesView .species-hero-copy .classification{
  margin:0 0 12px;
  color:var(--species-accent);
  font:800 11px/1.3 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.15em;
}
#speciesView .species-hero-copy h1{
  margin:0;
  color:var(--species-text);
  font:800 clamp(46px,6vw,78px)/.96 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:-.045em;
  text-transform:none;
}
#speciesView .species-tagline{
  max-width:720px;
  margin-top:22px;
  color:#bcc9ce;
  font:400 18px/1.7 Inter,Segoe UI,Arial,sans-serif;
}
#speciesView .species-badges{margin:18px 0 0}
#speciesView .species-badge{
  padding:6px 9px;
  border:1px solid rgba(73,221,196,.38);
  border-radius:7px;
  background:var(--species-accent-soft);
  color:var(--species-accent);
  font:750 11px/1.2 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.06em;
}
#speciesView .species-hero-facts{margin-top:10px;color:var(--species-muted);font:400 13px/1.5 Inter,Segoe UI,Arial,sans-serif}
#speciesView .species-hero-facts span{border-left:0;padding-left:0}
#speciesView .species-record-meta{display:none}

#speciesView .species-identity-strip{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border-bottom:1px solid var(--species-line);
}
#speciesView .species-identity-item{min-width:0;padding:18px 19px}
#speciesView .species-identity-item:first-child{padding-left:0}
#speciesView .species-identity-item+.species-identity-item{border-left:1px solid var(--species-line)}
#speciesView .species-identity-item span,
#speciesView .species-modern-label{
  display:block;
  margin-bottom:5px;
  color:var(--species-faint);
  font:750 11px/1.3 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#speciesView .species-identity-item strong{display:block;color:var(--species-text);font-size:14px;line-height:1.45;font-weight:600;overflow-wrap:anywhere}

#speciesView .species-tabbar{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  padding:13px 0;
  border:0;
  background:rgba(7,11,15,.9);
  backdrop-filter:blur(18px);
}
#speciesView .species-tab-list{display:flex;gap:4px;overflow-x:auto;padding:0;border:0;background:transparent}
#speciesView .species-tab{
  min-height:38px;
  padding:8px 13px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:var(--species-muted);
  clip-path:none;
  font:700 13px/1.3 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:0;
  text-transform:none;
}
#speciesView .species-tab::before{display:none}
#speciesView .species-tab:hover{border-color:transparent;background:var(--species-surface);color:var(--species-text)}
#speciesView .species-tab.active{border-color:var(--species-line-strong);background:var(--species-surface-2);color:var(--species-accent);box-shadow:none}
#speciesView .species-transfer-actions{margin-left:auto;padding:0;flex-wrap:nowrap}
#speciesView .species-transfer-actions .btn{min-height:34px;border-radius:7px;font-size:11px;text-transform:none;letter-spacing:0}
#speciesView .species-transfer-status{display:none}

#speciesView .species-tab-panel{padding:24px 0 0}
#speciesView .species-tab-panel.active{animation:speciesModernRise .2s ease both}
@keyframes speciesModernRise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

#speciesView .species-overview-layout-clean{display:block}
#speciesView .species-overview-narrative-card{max-width:960px;margin:0 auto}
#speciesView .species-dossier-card-clean{display:none!important}
#speciesView .species-card,
#speciesView .species-field-panel{
  position:relative;
  padding:24px;
  border:1px solid var(--species-line);
  border-radius:var(--species-radius);
  background:linear-gradient(155deg,rgba(17,25,32,.92),rgba(10,16,21,.97));
  box-shadow:none;
}
#speciesView .species-card::after,#speciesView .species-field-panel::after{display:none}
#speciesView .species-card-head{
  margin-bottom:18px;
  padding:0 0 13px;
  border-bottom:1px solid var(--species-line);
  color:var(--species-text);
  font:750 13px/1.3 Inter,Segoe UI,Arial,sans-serif;
  letter-spacing:.08em;
}
#speciesView .species-card-head::before{display:none}
#speciesView .species-card-head small{color:var(--species-faint);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
#speciesView .species-prose,#speciesView .species-overview-narrative-card .species-prose{
  color:#c3d0d5;
  font:400 16px/1.72 Inter,Segoe UI,Arial,sans-serif;
}
#speciesView .species-prose h1{font-size:27px;line-height:1.2;letter-spacing:-.02em}
#speciesView .species-prose h2{margin-top:28px;color:var(--species-accent);font-size:14px;letter-spacing:.08em;text-transform:uppercase}

#speciesView .species-modern-controls{
  display:grid;
  gap:12px;
  margin-bottom:18px;
  padding:15px 17px;
  border:1px solid var(--species-line);
  border-radius:var(--species-radius);
  background:rgba(17,25,32,.9);
}
#speciesView .species-modern-control-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#speciesView .species-modern-control-row>.species-modern-label{width:66px;margin:0}
#speciesView .species-modern-options{display:flex;gap:6px;flex-wrap:wrap}
#speciesView .species-modern-option{
  min-height:37px;
  padding:7px 11px;
  border:1px solid var(--species-line);
  border-radius:7px;
  background:#0b1116;
  color:var(--species-muted);
  font:700 13px/1.2 Inter,Segoe UI,Arial,sans-serif;
  cursor:pointer;
}
#speciesView .species-modern-option:hover{border-color:var(--species-line-strong);color:var(--species-text)}
#speciesView .species-modern-option[aria-pressed="true"]{border-color:rgba(73,221,196,.56);background:var(--species-accent-soft);color:var(--species-accent)}
#speciesView .species-modern-option:disabled{opacity:.42;cursor:not-allowed}

#speciesView .species-modern-biology-grid{display:grid;grid-template-columns:minmax(350px,.86fr) minmax(470px,1.14fr);gap:20px;align-items:start}
#speciesView .species-modern-copy{display:grid;gap:13px}
#speciesView .species-modern-intro{padding:22px;border:1px solid var(--species-line);border-radius:var(--species-radius);background:var(--species-surface)}
#speciesView .species-modern-code{margin:0 0 6px;color:var(--species-accent);font-size:11px;font-weight:800;letter-spacing:.12em}
#speciesView .species-modern-intro h2{margin:0;color:var(--species-text);font-size:28px;line-height:1.16;letter-spacing:-.02em}
#speciesView .species-modern-intro p{margin:8px 0 0;color:var(--species-muted);font-size:15px}
#speciesView .species-modern-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--species-line);border-radius:var(--species-radius);background:var(--species-line)}
#speciesView .species-modern-fact{min-height:84px;padding:15px;background:var(--species-surface)}
#speciesView .species-modern-fact,#speciesView .species-modern-section{position:relative}
#speciesView .species-modern-fact strong{display:block;color:var(--species-text);font-size:14px;line-height:1.45;font-weight:650}
#speciesView .species-modern-section{padding:21px;border:1px solid var(--species-line);border-radius:var(--species-radius);background:linear-gradient(155deg,rgba(17,25,32,.9),rgba(10,16,21,.96))}
#speciesView .species-modern-section h3{margin:0 0 9px;color:var(--species-text);font-size:17px}
#speciesView .species-modern-section .species-prose{font-size:15px;line-height:1.68}

#speciesView .species-modern-scan{overflow:hidden;padding:0;border:1px solid var(--species-line);border-radius:var(--species-radius);background:#000}
#speciesView .species-modern-stage{position:relative;display:grid;place-items:center;min-height:650px;background:#000;overflow:hidden;cursor:default}
#speciesView .species-modern-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 50%,rgba(73,221,196,.024) 50%);background-size:100% 4px}
#speciesView .species-modern-stage img{display:block;width:100%;height:650px;object-fit:contain}
#speciesView .species-modern-empty{max-width:420px;margin:24px;padding:22px;border:1px dashed var(--species-line-strong);border-radius:10px;color:var(--species-muted);text-align:center;background:rgba(7,12,16,.84)}
#speciesView .species-modern-empty strong{display:block;margin-bottom:5px;color:var(--species-text)}
#speciesView .species-modern-scan-footer{display:flex;gap:18px;align-items:flex-start;padding:15px 17px 17px;border-top:1px solid var(--species-line);background:var(--species-surface)}
#speciesView .species-modern-scan-footer>b{color:var(--species-accent);font-size:11px;letter-spacing:.1em}
#speciesView .species-modern-scan-footer strong{display:block;color:var(--species-text);font-size:14px}
#speciesView .species-modern-scan-footer span{display:block;margin-top:3px;color:var(--species-muted);font-size:12px}
#speciesView .species-modern-image-actions{display:flex;gap:7px;margin-left:auto}
#speciesView .species-modern-image-actions button,#speciesView .species-modern-add-fact{
  border:1px solid var(--species-line-strong);
  border-radius:6px;
  background:var(--species-surface-2);
  color:var(--species-muted);
  padding:6px 8px;
  font-size:11px;
  cursor:pointer;
}
#speciesView .species-modern-fact-remove{
  position:absolute;
  top:7px;
  right:7px;
  width:25px;
  height:25px;
  padding:0;
  border:1px solid rgba(239,143,131,.38);
  border-radius:6px;
  background:rgba(239,143,131,.08);
  color:#ef8f83;
  cursor:pointer;
}
#speciesView .species-modern-medical{margin-top:18px;border:1px solid var(--species-line);border-radius:var(--species-radius);background:var(--species-surface);overflow:hidden}
#speciesView .species-modern-medical summary{padding:15px 18px;color:var(--species-text);font-size:14px;font-weight:750;cursor:pointer;list-style:none}
#speciesView .species-modern-medical summary::-webkit-details-marker{display:none}
#speciesView .species-modern-medical summary::after{content:"+";float:right;color:var(--species-accent)}
#speciesView .species-modern-medical[open] summary::after{content:"−"}
#speciesView .species-modern-medical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 18px 18px}

#speciesView .species-culture-compact{display:none}
#speciesView .species-modern-culture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#speciesView .species-modern-culture-card{position:relative;min-width:0;padding:24px;border:1px solid var(--species-line);border-radius:var(--species-radius);background:linear-gradient(155deg,rgba(17,25,32,.92),rgba(10,16,21,.97));box-shadow:none}
#speciesView .species-modern-culture-card--wide{grid-column:1/-1}
#speciesView .species-modern-culture-card h3{margin:0 0 10px;color:var(--species-text);font-size:17px;line-height:1.3;letter-spacing:-.01em}
#speciesView .species-modern-culture-card .species-prose{font-size:16px;line-height:1.7}
#speciesView .species-modern-culture-card .species-prose p{max-width:none;margin-top:0}
#speciesView .species-modern-culture-notes{margin-top:34px;padding:clamp(24px,4vw,42px);border:1px solid var(--species-line);border-radius:var(--species-radius);background:linear-gradient(140deg,rgba(73,221,196,.07),rgba(12,18,23,.94) 42%)}
#speciesView .species-modern-culture-notes h3{margin:0 0 15px;color:var(--species-text);font-size:23px;letter-spacing:-.015em}

#speciesView .homeworld-card{padding:0;overflow:hidden}
#speciesView .homeworld-card>.species-card-head{margin:0;padding:17px 20px}
#speciesView .homeworld-visual{height:min(54vh,520px);border:0;border-bottom:1px solid var(--species-line)}
#speciesView .homeworld-content{margin:0;padding:20px}
#speciesView .homeworld-content .species-fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--species-line);border-radius:8px;overflow:hidden;background:var(--species-line)}
#speciesView .species-fact{min-height:82px;padding:14px;border:0;background:var(--species-surface)}
#speciesView .species-fact span{color:var(--species-faint);font-size:11px}
#speciesView .species-fact strong{color:var(--species-text);font-size:14px}

#speciesView .species-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin:0}
#speciesView .species-media-grid .gallery-item{height:auto;min-height:0;border:1px solid var(--species-line);border-radius:var(--species-radius);background:var(--species-surface);overflow:hidden}
#speciesView .species-media-grid .gallery-item img{height:300px;object-fit:contain;background:#000}
#speciesView .gallery-item-caption{min-height:76px;padding:14px 15px;color:var(--species-muted);font-size:13px;line-height:1.48}
#speciesView .species-empty{border-color:var(--species-line-strong);border-radius:var(--species-radius);color:var(--species-muted);font:400 14px/1.5 Inter,Segoe UI,Arial,sans-serif;letter-spacing:0;text-transform:none}

#speciesView .species-modern-gurps-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:15px}
#speciesView .species-modern-gurps-grid .species-card{margin:0}
#speciesView .species-modern-traits{display:grid;gap:8px}
#speciesView .species-modern-trait{padding:13px;border:1px solid var(--species-line);border-radius:7px;background:var(--species-surface)}
#speciesView .species-modern-trait span{display:block;margin-bottom:5px;color:var(--species-faint);font-size:11px;text-transform:uppercase;letter-spacing:.07em}
#speciesView .species-modern-trait div{color:#c8d4d8;font-size:14px;white-space:pre-wrap}

#speciesView .species-gm-warning{border-radius:8px;font-size:11px}
#speciesView .forge-cost-summary,#speciesView .forge-modifier-grid{gap:8px}
#speciesView .forge-cost-summary>div,#speciesView .forge-modifier-grid>div,#speciesView .species-trait-row{border-radius:7px;border-color:var(--species-line);background:var(--species-surface)}

.species-editor .section{border-color:var(--species-line)!important;border-radius:10px;background:var(--species-surface)!important;padding:16px!important}
.species-editor .section h2{color:var(--species-accent)!important;font-family:Inter,Segoe UI,Arial,sans-serif!important;letter-spacing:.08em!important}
.species-editor input,.species-editor textarea,.species-editor select{border-radius:7px!important;border-color:var(--species-line-strong)!important;background:#080e13!important;font-family:Inter,Segoe UI,Arial,sans-serif!important}
.species-editor .lt-modern-retired-field{display:none!important}

@media(max-width:1120px){
  #speciesView .species-hero{grid-template-columns:minmax(0,1fr) 340px}
  #speciesView .species-modern-biology-grid{grid-template-columns:1fr}
  #speciesView .species-modern-stage,#speciesView .species-modern-stage img{height:min(90vh,760px)}
  #speciesView .homeworld-content .species-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  #speciesView.species-wrap{width:calc(100% - 22px)}
  #speciesView .species-hero{grid-template-columns:1fr;gap:22px;padding-top:28px}
  #speciesView .species-hero-image{grid-column:1;grid-row:2;height:min(112vw,520px)}
  #speciesView .species-hero-copy{grid-column:1;grid-row:1}
  #speciesView .species-identity-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  #speciesView .species-identity-item:first-child{padding-left:19px}
  #speciesView .species-identity-item:nth-child(odd){border-left:0}
  #speciesView .species-identity-item:nth-child(n+3){border-top:1px solid var(--species-line)}
  #speciesView .species-tabbar{display:block}
  #speciesView .species-transfer-actions{margin-top:8px;overflow-x:auto}
  #speciesView #speciesCultureDetails,#speciesView .species-modern-gurps-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  #speciesView.species-wrap{width:calc(100% - 14px);margin-top:7px}
  #speciesView .species-hero-copy h1{font-size:44px}
  #speciesView .species-tagline{font-size:16px}
  #speciesView .species-identity-strip,#speciesView .species-modern-facts,#speciesView .species-modern-medical-grid,#speciesView .homeworld-content .species-fact-grid{grid-template-columns:1fr}
  #speciesView .species-identity-item{border-left:0!important;border-top:1px solid var(--species-line)}
  #speciesView .species-modern-control-row>.species-modern-label{width:100%}
  #speciesView .species-modern-stage,#speciesView .species-modern-stage img{min-height:480px;height:min(140vw,640px)}
  #speciesView .species-card,#speciesView .species-modern-section{padding:17px}
}
@media(prefers-reduced-motion:reduce){#speciesView .species-tab-panel.active{animation:none}}

/* v2.61 — full modern Lore shell and prototype-faithful species dossier */
:root{
  color-scheme:dark;
  --species-page:1380px;
}

html,body{
  min-height:100%!important;
  height:auto!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:
    radial-gradient(circle at 78% 0%,rgba(73,221,196,.07),transparent 32rem),
    var(--species-bg)!important;
}
html{scrollbar-color:var(--species-line-strong) var(--species-bg);scrollbar-width:thin}
body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-track{background:var(--species-bg)}
body::-webkit-scrollbar-thumb{border:2px solid var(--species-bg);border-radius:999px;background:var(--species-line-strong)}
body{
  overflow-y:visible!important;
  color:var(--species-text)!important;
  font:400 16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
button,input,select,textarea{font-family:inherit!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--species-accent)!important;
  outline-offset:3px;
}

.lore-modern-topbar{
  position:sticky;
  top:0;
  z-index:80;
  min-height:62px;
  border-bottom:1px solid rgba(52,72,82,.78);
  background:rgba(7,11,15,.9);
  backdrop-filter:blur(18px);
}
.lore-modern-topbar-inner{
  width:min(100% - 40px,var(--species-page));
  min-height:62px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:20px;
}
.lore-modern-brand{display:flex;align-items:center;gap:11px;white-space:nowrap;color:var(--species-text);font-size:14px;font-weight:750;letter-spacing:.04em}
.lore-modern-mark{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--species-line-strong);border-radius:8px;color:var(--species-accent);font-size:12px;font-weight:800}
.lore-modern-crumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--species-faint);font-size:14px}
.lore-modern-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.lore-modern-mode{color:var(--species-faint);font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.lore-modern-action{
  min-height:36px;
  padding:7px 12px;
  border:1px solid var(--species-line);
  border-radius:8px;
  background:var(--species-surface);
  color:var(--species-muted);
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  pointer-events:auto!important;
  opacity:1!important;
}
.lore-modern-action:hover{border-color:var(--species-line-strong);color:var(--species-text)}
.lore-modern-mode-toggle{border-color:rgba(73,221,196,.4);color:var(--species-accent)}
.lore-modern-mode-toggle[aria-pressed="true"]{background:var(--species-accent-soft)}

body>.app{height:auto!important;min-height:calc(100vh - 62px);grid-template-columns:minmax(0,1fr) 390px!important;background:transparent!important}
body.lt-player-mode>.app{grid-template-columns:minmax(0,1fr)!important}
body>.app>.main{padding:0!important;overflow:visible!important;background:transparent!important}
body>.app>.main>.topbar{display:none!important}
.lore-sticky-region>.topbar{display:none!important}
body.lt-player-mode>.app>.sidebar,body.lt-player-mode>.app>.panel{display:none!important}

body.lt-species-modern-active .lore-sticky-region{
  position:static!important;
  z-index:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.lt-species-modern-active .lore-command-row,
body.lt-species-modern-active .lore-search-secondary{display:none!important}
body.lt-species-modern-active .lore-drawer{
  position:fixed!important;
  z-index:95!important;
  top:72px!important;
  left:50%!important;
  width:min(calc(100% - 40px),1180px)!important;
  max-height:calc(100vh - 92px)!important;
  margin:0!important;
  transform:translateX(-50%);
  overflow:auto!important;
  border:1px solid var(--species-line-strong)!important;
  border-radius:12px!important;
  background:rgba(12,18,23,.98)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.48)!important;
}
body.lt-species-modern-active.lt-modern-drawer-open .lore-sticky-region{
  position:fixed!important;
  z-index:94!important;
  top:72px!important;
  left:50%!important;
  width:min(calc(100% - 40px),1180px)!important;
  max-height:calc(100vh - 92px)!important;
  padding:16px!important;
  transform:translateX(-50%);
  overflow:auto!important;
  border:1px solid var(--species-line-strong)!important;
  border-radius:12px!important;
  background:rgba(12,18,23,.985)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.48)!important;
}
body.lt-species-modern-active.lt-modern-drawer-open .lore-command-row,
body.lt-species-modern-active.lt-modern-drawer-open .lore-search-secondary{display:grid!important}
body.lt-species-modern-active.lt-modern-drawer-open .lore-drawer{
  position:static!important;
  width:100%!important;
  max-height:none!important;
  margin-top:14px!important;
  transform:none!important;
  border:0!important;
  border-top:1px solid var(--species-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body:not(.lt-species-modern-active) .lore-sticky-region,
body:not(.lt-species-modern-active) .lore-landing,
body:not(.lt-species-modern-active) .article-wrap{
  width:min(100% - 40px,var(--species-page))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body:not(.lt-species-modern-active) .lore-sticky-region{
  top:62px!important;
  margin-top:18px!important;
  padding:14px!important;
  border:1px solid var(--species-line)!important;
  border-radius:10px!important;
  background:rgba(12,18,23,.94)!important;
  box-shadow:none!important;
}
body:not(.lt-species-modern-active) .lore-landing{padding-top:38px!important}

#speciesView.species-wrap{
  width:min(100% - 40px,var(--species-page))!important;
  max-width:var(--species-page)!important;
  margin:0 auto 80px!important;
  padding:0!important;
  background:transparent!important;
  font-size:16px!important;
}
#speciesView .species-hero{
  grid-template-columns:minmax(0,1fr) 430px!important;
  gap:42px!important;
  align-items:end!important;
  min-height:0!important;
  padding:52px 0 30px!important;
  border:0!important;
  border-bottom:1px solid var(--species-line)!important;
  background:transparent!important;
}
#speciesView .species-hero-image{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  height:390px!important;
  min-height:390px!important;
  padding:0!important;
  border:1px solid var(--species-line)!important;
  border-radius:14px!important;
  background:#020303!important;
}
#speciesView .species-hero-image img{width:100%!important;height:100%!important;object-fit:contain!important}
#speciesView .species-hero-copy{grid-column:1!important;grid-row:1!important;align-self:end!important;padding:0!important}
#speciesView .species-hero-copy .classification{margin:0 0 10px!important;color:var(--species-accent)!important;font:800 12px/1.3 Inter,ui-sans-serif,system-ui,sans-serif!important;letter-spacing:.15em!important;text-transform:uppercase!important}
#speciesView .species-hero-copy h1{font:800 clamp(44px,6vw,78px)/.96 Inter,ui-sans-serif,system-ui,sans-serif!important;letter-spacing:-.045em!important;text-transform:none!important}
#speciesView .species-tagline{max-width:730px!important;margin:22px 0 0!important;color:#bcc9ce!important;font:400 18px/1.7 Inter,ui-sans-serif,system-ui,sans-serif!important}
#speciesView .species-badges,#speciesView .species-hero-facts{display:none!important}

#speciesView .species-identity-strip{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#speciesView .species-identity-item{padding:19px 20px!important}
#speciesView .species-identity-item:first-child{padding-left:0!important}
#speciesView .species-identity-item span,#speciesView .species-modern-label{font-size:12px!important}
#speciesView .species-identity-item strong{font-size:14px!important;font-weight:600!important}

#speciesView .species-tabbar{top:62px!important;padding:14px 0!important;background:linear-gradient(rgba(7,11,15,.96) 78%,transparent)!important}
#speciesView .species-tab{padding:9px 14px!important;font-size:14px!important}
#speciesView .species-tab-panel{padding:0!important}
#speciesView .species-modern-panel-heading{margin:38px 0 24px}
#speciesView .species-modern-panel-heading .species-modern-eyebrow{margin:0 0 8px;color:var(--species-accent);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
#speciesView .species-modern-panel-heading h2{margin:0;color:var(--species-text);font-size:clamp(28px,4vw,42px);line-height:1.12;letter-spacing:-.025em;text-transform:none}
#speciesView .species-modern-panel-heading p{max-width:700px;margin:9px 0 0;color:var(--species-muted);font-size:16px}

#speciesView .species-overview-narrative-card{max-width:1040px!important;margin:0 auto!important;padding:clamp(26px,4vw,46px)!important}
#speciesView .species-card,#speciesView .species-field-panel,#speciesView .species-modern-section,#speciesView .species-modern-intro{
  border-color:var(--species-line)!important;
  border-radius:var(--species-radius)!important;
  background:linear-gradient(155deg,rgba(17,25,32,.9),rgba(10,16,21,.96))!important;
  box-shadow:none!important;
}
#speciesView .species-card-head{font-size:14px!important;letter-spacing:0!important;text-transform:none!important}
#speciesView .species-prose,#speciesView .species-overview-narrative-card .species-prose{font-size:17px!important;line-height:1.72!important;color:#c3d0d5!important}
#speciesView .species-prose p{max-width:78ch}

#speciesView #speciesCultureDetails .species-prose{font-size:16px!important;line-height:1.78!important}

#speciesView .species-modern-controls{margin-bottom:22px!important;padding:16px!important;background:rgba(17,25,32,.94)!important}
#speciesView .species-modern-biology-grid{grid-template-columns:minmax(320px,.82fr) minmax(480px,1.18fr)!important;gap:22px!important}
#speciesView .species-modern-stage{min-height:610px!important}
#speciesView .species-modern-stage img{height:610px!important}
#speciesView .species-modern-section h3{font-size:18px!important}
#speciesView .species-modern-section .species-prose{font-size:16px!important}

@media(max-width:1040px){
  #speciesView .species-hero{grid-template-columns:minmax(0,1fr) 350px!important}
  #speciesView .species-identity-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #speciesView .species-modern-biology-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .lore-modern-topbar-inner,#speciesView.species-wrap{width:min(100% - 24px,var(--species-page))!important}
  .lore-modern-topbar,.lore-modern-topbar-inner{min-height:56px}
  .lore-modern-crumb,.lore-modern-mode{display:none}
  #speciesView .species-hero{grid-template-columns:1fr!important;gap:24px!important;padding-top:34px!important}
  #speciesView .species-hero-copy{grid-column:1!important;grid-row:1!important}
  #speciesView .species-hero-image{grid-column:1!important;grid-row:2!important;height:min(112vw,510px)!important;min-height:0!important}
  #speciesView .species-identity-strip{grid-template-columns:1fr 1fr!important}
  #speciesView .species-identity-item,#speciesView .species-identity-item:first-child{padding:15px 12px!important;border-top:1px solid var(--species-line)!important;border-left:0!important}
  #speciesView .species-identity-item:nth-child(even){border-left:1px solid var(--species-line)!important}
  #speciesView .species-tabbar{top:56px!important}
  #speciesView .species-modern-culture-grid,#speciesView .species-modern-gurps-grid{grid-template-columns:1fr!important}
  #speciesView .species-modern-culture-card--wide{grid-column:auto}
  body.lt-species-modern-active .lore-drawer{top:64px!important;width:calc(100% - 24px)!important;max-height:calc(100vh - 76px)!important}
  body.lt-species-modern-active.lt-modern-drawer-open .lore-sticky-region{top:64px!important;width:calc(100% - 24px)!important;max-height:calc(100vh - 76px)!important}
}
@media(max-width:430px){
  .lore-modern-brand>span:last-child{display:none}
  .lore-modern-actions{gap:5px}
  .lore-modern-action{padding:7px 9px;font-size:11px}
  #speciesView .species-tagline{font-size:16px!important}
  #speciesView .species-identity-strip,#speciesView .species-modern-facts,#speciesView .species-modern-medical-grid{grid-template-columns:1fr!important}
  #speciesView .species-identity-item:nth-child(even){border-left:0!important}
}
