:root{--bg:#070716;--panel:#101025;--line:rgba(181,164,231,.2);--gold:#d8bcff;--ice:#f5f0ff;--muted:#a59abf;--spectro:#b896ff}
body{background:radial-gradient(circle at 78% 5%,rgba(109,42,166,.2),transparent 32%),radial-gradient(circle at 8% 40%,rgba(140,31,65,.12),transparent 32%),linear-gradient(145deg,#070714,#101023 55%,#05050c)}
body:before{opacity:.28;background-image:linear-gradient(rgba(197,176,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(197,176,255,.025) 1px,transparent 1px);background-size:48px 48px}
.topbar{background:rgba(7,6,18,.93)}.brand span{color:#e0c6ff}.brand small{color:#9d88bd}
.acheron-hero{background:radial-gradient(circle at 73% 42%,rgba(156,62,188,.25),transparent 31%),linear-gradient(90deg,rgba(6,5,17,.99),rgba(20,10,35,.92) 52%,rgba(51,10,31,.42)),url("hsr_back.png") center/cover}
.acheron-hero:before{content:"NIHILITY  ///  LIGHTNING";position:absolute;z-index:3;right:4%;bottom:25px;color:rgba(223,191,255,.55);font:800 10px monospace;letter-spacing:3px}
.nihility-mark{position:absolute;z-index:1;right:12%;top:9%;color:rgba(211,185,255,.07);font:900 310px/1 Georgia,serif;transform:rotate(-8deg);text-shadow:0 0 45px rgba(148,88,227,.1)}
.acheron-hero .hero-character{right:-4%;bottom:-7%;height:105%;max-width:59%;object-position:center bottom;filter:drop-shadow(0 20px 42px rgba(0,0,0,.82)) drop-shadow(0 0 25px rgba(132,54,182,.18))}
.acheron-hero .hero-copy{padding-top:95px}.acheron-hero h1{font-size:clamp(72px,9vw,135px);color:#f5efff;text-shadow:0 0 28px rgba(162,91,232,.2)}
.eyebrow,.subtitle,.section-title span,.subheading span,.priority-line b,.team-card>b,.rotation-label b,.core-material>strong,.skill-material-group>strong{color:#d9bcff}
.feature-card,.weapon-card,.set-card,.skill-card,.chain-card,.team-card,.rotation-quick,.skill-material-single,.skill-material-group{background-color:rgba(11,9,29,.84)}
.feature-card.gold,.set-card.best-set,.skill-card.top,.chain-card.best{border-color:rgba(206,165,255,.55);background:linear-gradient(140deg,rgba(119,53,166,.18),rgba(10,8,27,.94))}
.asset-frame,.weapon-card img{background:radial-gradient(circle,#674a82,#19132d 72%)}
.asset-frame.light-cone img{width:88%;height:88%}.asset-frame.relic img{width:78%;height:78%}
.four-stats{grid-template-columns:repeat(4,1fr)}
.target-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px;border:1px solid var(--line);background:rgba(10,8,27,.72)}
.target-stats span{padding:15px;text-align:center;border-right:1px solid var(--line)}.target-stats span:last-child{border:0}.target-stats small,.target-stats b{display:block}.target-stats small{color:#887ca5;font:800 10px monospace}.target-stats b{margin-top:7px;color:#eee6ff;font-size:16px}
.hsr-teams .team-card{grid-template-columns:105px 1fr auto 1fr auto 1fr auto 1fr;gap:10px;padding:16px}
.hsr-teams .member img{width:62px;height:62px}.hsr-teams .member span{font-size:15px}.hsr-teams .member small{font-size:11px}
.skill-card img{background:radial-gradient(circle,#81405e,#342348);border-color:rgba(220,189,255,.35)}
.chain-card>img{width:70px;height:70px}.chain-card em{background:#d8bcff}
.core-list,.skill-material-list{grid-template-columns:repeat(3,1fr)}
.rotation-action{background:#16102c}.finisher{border-color:rgba(220,166,255,.65);box-shadow:0 0 15px rgba(142,62,196,.14)}
@media(max-width:1100px){.hsr-teams .team-card{grid-template-columns:90px 1fr auto 1fr auto 1fr auto 1fr}.acheron-hero .hero-character{right:-12%;max-width:66%}}
@media(max-width:720px){.acheron-hero .hero-copy{padding-bottom:300px}.acheron-hero .hero-character{right:50%;height:52%;max-width:110%;bottom:-2%}.acheron-hero:before{font-size:8px}.nihility-mark{top:46%;right:8%;font-size:190px}.four-stats,.target-stats{grid-template-columns:1fr 1fr}.target-stats span:nth-child(2){border-right:0}.target-stats span:nth-child(-n+2){border-bottom:1px solid var(--line)}.hsr-teams .team-card{grid-template-columns:1fr auto 1fr}.hsr-teams .team-card>b{grid-column:1/-1}.hsr-teams .member:nth-of-type(3){grid-column:1}.hsr-teams .member img{width:58px;height:58px}.core-list,.skill-material-list{grid-template-columns:1fr 1fr}}

/* HSR dossier layout: horizontal terminal navigation and modular data board. */
main{width:min(1580px,calc(100% - 34px));padding-top:18px}
.hero{min-height:520px;border-radius:22px;clip-path:polygon(0 0,97% 0,100% 9%,100% 100%,3% 100%,0 91%)}
.acheron-hero .hero-copy{width:58%;padding:76px 0 58px 6%}
.acheron-hero h1{margin-top:16px;font-size:clamp(68px,8vw,118px);letter-spacing:-6px}
.acheron-hero .intro{max-width:670px}.acheron-hero .quick-stats{margin-top:26px}
.acheron-hero .hero-character{right:-2%;height:112%;max-width:55%;bottom:-15%}
.nihility-mark{right:9%;top:2%;font-size:280px}

.section-nav{position:sticky;top:66px;float:none;display:flex;width:100%;margin:12px 0 0;padding:0 14px;align-items:center;gap:3px;overflow-x:auto;border-radius:10px;background:rgba(10,8,25,.94);box-shadow:0 12px 30px rgba(0,0,0,.24)}
.section-nav span{flex:0 0 auto;padding:16px 18px 16px 4px;border:0;border-right:1px solid var(--line)}
.section-nav a{flex:1 0 auto;padding:16px 14px;text-align:center;border-right:1px solid rgba(181,164,231,.1)}
.section-nav a:hover{transform:none;background:rgba(183,137,239,.09)}

.content{display:grid;width:100%;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:18px}
.content>section{padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(14,11,35,.9),rgba(7,6,19,.93));box-shadow:inset 0 0 35px rgba(166,118,228,.025)}
.content>#build,.content>#teams,.content>#rotation,.content>#materials{grid-column:1/-1}
.content>#traces{grid-column:span 7}.content>#eidolons{grid-column:span 5}
.section-title{margin-bottom:20px}.section-title h2{font-size:30px}.section-title p{font-size:14px}

#build{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
#build>.section-title{grid-column:1/-1}
#build>.build-grid{grid-column:span 7;grid-row:2/5;grid-template-columns:1fr}
#build>.build-grid .feature-card{min-height:178px;grid-template-columns:130px 1fr;padding:18px}
#build>.build-grid .asset-frame{width:118px;height:118px}
#build>.stats-panel{grid-column:8/-1;grid-row:2;margin:0;grid-template-columns:1fr 1fr}
#build>.stats-panel>div:nth-child(2){border-right:0}
#build>.stats-panel>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
#build>.priority-line{grid-column:8/-1;grid-row:3;margin:0;align-content:center}
#build>.target-stats{grid-column:8/-1;grid-row:4;margin:0}
#build>.subheading,#build>.weapon-grid,#build>.set-grid{grid-column:1/-1}
#build>.weapon-grid{grid-template-columns:repeat(3,1fr)}

#traces .section-title,#eidolons .section-title{display:block;min-height:112px}
#traces .section-title p,#eidolons .section-title p{margin-top:8px;text-align:left}
#traces .skill-grid{grid-template-columns:1fr 1fr}
#traces .skill-card{min-height:180px;padding:17px}.skill-card img{flex-basis:58px;width:58px;height:58px;padding:10px}
#traces .skill-card:last-child{grid-column:1/-1}
#eidolons .chain-grid{grid-template-columns:1fr 1fr}
#eidolons .chain-card{min-height:210px;padding:18px}
#eidolons .chain-card>img{width:58px;height:58px}

.hsr-teams{grid-template-columns:repeat(3,1fr);gap:12px}
.hsr-teams .team-card{display:flex;min-width:0;padding:18px 12px;flex-wrap:wrap;justify-content:center;text-align:center}
.hsr-teams .team-card>b{flex:0 0 100%;padding-bottom:11px;border-bottom:1px solid var(--line)}
.hsr-teams .member{display:block;flex:1;min-width:62px}.hsr-teams .member img{width:62px;height:62px}.hsr-teams .member span{margin-top:7px;font-size:13px}.hsr-teams .member small{font-size:10px}.hsr-teams .team-card>i{align-self:center}

@media(max-width:1180px){.content>#traces,.content>#eidolons{grid-column:1/-1}.hsr-teams{grid-template-columns:1fr}.hsr-teams .team-card{display:grid;grid-template-columns:90px 1fr auto 1fr auto 1fr auto 1fr;text-align:left}.hsr-teams .team-card>b{grid-column:auto;border:0}.hsr-teams .member{display:flex}.hsr-teams .member span{margin-top:0}.acheron-hero .hero-character{right:-10%;max-width:63%}}
@media(max-width:820px){.content{display:block}.content>section{margin-top:14px;padding:20px}#build{display:block}#build>*{margin-top:12px!important}#build>.build-grid{display:grid}.section-nav span{display:none}.section-nav a{font-size:12px}.hsr-teams .team-card{display:grid;grid-template-columns:1fr auto 1fr}.hsr-teams .team-card>b{grid-column:1/-1}.hsr-teams .member{display:block;text-align:center}.hsr-teams .member:nth-of-type(3){grid-column:1}.acheron-hero .hero-copy{width:100%;padding:56px 22px 280px}.acheron-hero .hero-character{right:50%;height:55%;max-width:108%;bottom:-3%}.hero{clip-path:none;border-radius:15px}}
@media(max-width:560px){#traces .skill-grid,#eidolons .chain-grid{grid-template-columns:1fr}#traces .skill-card:last-child{grid-column:auto}.four-stats,.target-stats{grid-template-columns:1fr}.target-stats span{border-right:0;border-bottom:1px solid var(--line)}.hsr-teams .member img{width:54px;height:54px}.section-nav a{padding:14px 11px}}

@media(max-width:560px){
  body{overflow-x:hidden}
  main,.content,.content>section,.hero-signal{min-width:0;max-width:100%}
  .section-nav{max-width:100%}
  #materials{overflow:hidden}
}