/* RF OBERON CURRENT ARCHON DETAIL V2
   Compact card; neon name per race; no changes to other website panels. */
#archon .archons { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
#archon .archon {
  --archon-accent:#f6be34;
  position:relative;
  display:grid; grid-template-columns:76px minmax(0,1fr); grid-template-rows:1fr;
  gap:10px; align-items:start; min-width:0; min-height:160px;
  padding:10px; overflow:hidden;
  border:1px solid color-mix(in srgb,var(--archon-accent),transparent 50%);
  box-shadow:inset 0 0 18px rgba(0,0,0,.20),0 0 10px color-mix(in srgb,var(--archon-accent),transparent 92%);
}
#archon .archon[data-archon-race="bellato"]{--archon-accent:#ffd45b;}
#archon .archon[data-archon-race="cora"]{--archon-accent:#5bcfff;}
#archon .archon[data-archon-race="accretia"]{--archon-accent:#ff5975;}
#archon .archon-thumb{grid-column:1;grid-row:1;width:76px;height:137px;min-height:0;object-fit:cover;}
#archon .archon-info{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
#archon .race-name{margin:0 0 2px;font-size:11px;letter-spacing:.1em;line-height:1.25;}
#archon .archon-name{
  display:block;min-height:24px;margin:0 0 5px;padding:0;
  font-size:clamp(17px,1.6vw,22px);line-height:1.1;font-weight:900;
  letter-spacing:.02em;color:var(--archon-accent);overflow-wrap:anywhere;
  text-shadow:0 0 6px color-mix(in srgb,var(--archon-accent),transparent 28%),0 0 17px color-mix(in srgb,var(--archon-accent),transparent 60%);
}
#archon .archon-name:empty::before{content:none;}
#archon .archon-empty .archon-name{font-size:12px;line-height:1.35;color:#8da5b4;text-shadow:none;}
#archon .archon-data{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;margin:0;}
#archon .archon-data>div{display:grid;grid-template-columns:41px minmax(0,1fr);gap:5px;align-items:start;}
#archon .archon-data dt{margin:0;font-size:10px;color:#759eb5;font-weight:600;line-height:1.35;}
#archon .archon-data dd{margin:0;font-size:11px;font-weight:700;color:#e4eff7;line-height:1.35;overflow-wrap:anywhere;}
@media(max-width:1380px){
  #archon .archon{grid-template-columns:66px minmax(0,1fr);padding:8px;gap:8px;min-height:153px;}
  #archon .archon-thumb{width:66px;height:136px;}
  #archon .archon-name{font-size:18px;}
}
@media(max-width:1050px){
  #archon .archons{grid-template-columns:1fr;}
  #archon .archon{grid-template-columns:86px minmax(0,1fr);min-height:143px;}
  #archon .archon-thumb{width:86px;height:124px;}
  #archon .archon-name{font-size:21px;}
}
@media(max-width:480px){
  #archon .archon{grid-template-columns:77px minmax(0,1fr);}
  #archon .archon-thumb{width:77px;height:124px;}
  #archon .archon-name{font-size:19px;}
}