.hm{max-width:1320px;margin:0 auto;padding:18px 20px 56px;font:16px/1.5 var(--f-ui);color:var(--tx)}
.hm [hidden]{display:none!important}
.hm :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.hm-pre :is(.hx-word,.hx-slash,.hx-glow,.hx-logo,.hx-tag,.hx-c,.hm-count,.hm-head,.hm-icons>.chara-list,.eqx-card,.hm-sec .nw-grid>.nw,.hm-st-main,.hm-st-row){opacity:0}
.hx{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);align-items:center;gap:0 10px;
  min-height:620px;margin:0 0 26px;padding:34px 0 50px 26px}
.hx-bg{position:absolute;inset:-40px -20px;z-index:-1;pointer-events:none;overflow:hidden;
  -webkit-mask:linear-gradient(180deg,transparent,#000 16%,#000 78%,transparent),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
  -webkit-mask-composite:source-in;mask:linear-gradient(180deg,transparent,#000 16%,#000 78%,transparent),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
  mask-composite:intersect}
.hx-word{position:absolute;left:18px;top:34%;margin-top:-120px;color:transparent;font:240px/1 var(--f-num);letter-spacing:4px;
  -webkit-text-stroke:2px rgba(255,255,255,.065);white-space:nowrap;user-select:none}
[data-theme="light"] .hx-word{-webkit-text-stroke-color:rgba(17,20,27,.08)}
.hx-slash{position:absolute;right:30%;top:-14%;width:150px;height:130%}
.hx-slash::before{content:'';position:absolute;inset:0;transform:skewX(-24deg);
  background:linear-gradient(180deg,rgba(255,198,26,0) 0%,rgba(255,198,26,.5) 32%,rgba(255,157,28,.32) 70%,rgba(255,157,28,0) 100%)}
.hx-slash.s2{right:20%;width:36px}
.hx-slash.s2::before{opacity:.55}
.hx-copy{position:relative;z-index:2;min-width:0}
.hx-logo{margin:0;line-height:0}
.hx-logo img{width:min(100%,560px);height:auto;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55))}
.hx-tag{max-width:560px;margin:18px 0 22px;color:var(--tx);font:19px/1.45 var(--f-ui);letter-spacing:.2px}
.hx-counts{grid-template-columns:repeat(5,minmax(0,1fr));max-width:640px;gap:8px;margin:0}
.hx-counts .hm-count{padding:11px 12px 10px 14px;gap:5px}
.hx-counts .hm-count b{font-size:32px}
.hx-counts .hm-count span{font-size:12px;letter-spacing:1.2px}
.hx-art{position:relative;align-self:stretch;min-height:560px;margin:-34px 0 -50px;pointer-events:none;overflow:hidden;
  -webkit-mask:linear-gradient(180deg,#000 82%,transparent);mask:linear-gradient(180deg,#000 82%,transparent)}
.hx-glow{position:absolute;inset:0;margin:auto;width:70%;height:auto;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,206,64,.32),rgba(255,157,28,.12) 55%,transparent)}
.hx-c{position:absolute;height:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.5))}
.hx-c0{z-index:3;left:0;right:0;bottom:-2%;width:min(88%,540px);margin:0 auto}
.hx-c1,.hx-c2{z-index:1;width:min(62%,400px);top:3%;filter:brightness(.58) saturate(.85) drop-shadow(0 10px 14px rgba(0,0,0,.5))}
[data-theme="light"] :is(.hx-c1,.hx-c2){filter:saturate(.75) opacity(.62) drop-shadow(0 10px 14px rgba(0,0,0,.25))}
.hx-c1{left:-3%}
.hx-c2{right:-5%}
@media(max-width:1100px){
  .hx{grid-template-columns:minmax(0,1fr);padding:28px 12px 44px}
  .hx-word{font-size:170px;top:18%;margin-top:-85px}
  .hx-art{min-height:460px;margin:6px 0 -54px}
  .hx-slash{right:42%}
  .hx-slash.s2{right:34%}
}
@media(max-width:640px){
  .hx{padding:20px 6px 40px}
  .hx-word{font-size:96px;top:12%;margin-top:-48px}
  .hx-tag{font-size:16px;margin:12px 0 16px}
  .hx .hx-counts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .hx .hx-counts .hm-count{padding:9px 10px 8px 11px}
  .hx .hx-counts .hm-count b{font-size:26px}
  .hx .hx-counts .hm-count span{font-size:11px;letter-spacing:.8px}
  .hx-art{min-height:330px}
  .hx-c1,.hx-c2{width:62%}
}
.hm-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 6px}
.hm-count{--c:var(--acc);position:relative;z-index:0;display:flex;flex-direction:column;gap:6px;padding:14px 18px 13px;color:var(--tx);text-decoration:none;
  transition:transform .15s}
.hm-count::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--pn);border:1px solid var(--ln);border-left:4px solid var(--c);
  clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);box-shadow:var(--sh);transition:border-color .15s,background .15s}
.hm-count b{color:var(--hi);font:40px/1 var(--f-num);letter-spacing:1px;font-weight:normal}
.hm-count span{color:var(--dim);font:14px/1 var(--f-lbl);letter-spacing:1.6px;text-transform:uppercase}
.hm-count:hover{color:var(--tx);transform:translateY(-2px)}
.hm-count:hover::before{background:var(--pn2);border-color:var(--c)}
.hm-count:hover span{color:var(--c)}
.hm-sec{margin:34px 0 0}
.hm-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:0 0 10px;border-bottom:1px solid var(--ln)}
.hm-head h2{display:flex;align-items:center;gap:12px;margin:0;color:var(--hi);font:26px/1 var(--f-num);letter-spacing:1.4px;text-transform:uppercase}
.hm-head h2::before{content:'';width:7px;height:24px;background:var(--acc);transform:skewX(-14deg)}
.hm-more{display:inline-flex;align-items:center;gap:2px;flex:none;color:var(--acc-tx);font:15px var(--f-lbl);letter-spacing:1px;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.hm-more:hover{color:var(--hi)}
.hm-more svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.hm-empty{margin:0;padding:10px 0 4px;color:var(--dim)}
.hm-icons{gap:14px 0}
.hm-icons .character-thumb{position:relative}
.hm-icons .character-thumb>.isNew{top:6px;left:4px;z-index:6}
#hm-chars .character-thumb{padding-bottom:6px}
#hm-chars .character-thumb>.name{display:none}
#hm-chars.lp-grid>.chara-list{contain-intrinsic-size:auto 206px auto 164px}
.eqx-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.eqx-card{display:block;width:96px;line-height:0;text-decoration:none;transition:transform .18s}
.eqx-card:hover{transform:scale(1.1);position:relative;z-index:3}
.hm-duo{display:grid;grid-template-columns:auto auto;justify-content:space-between;gap:0 40px;align-items:start}
.hm-duo .si.lp-grid{grid-template-columns:repeat(3,206px)}
.hm-duo .eqx-grid{display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-auto-columns:104px;justify-content:center;gap:14px 14px;padding-top:6px}
.hm-duo .eqx-card{width:104px}
@media(max-width:1300px){
  .hm-duo{grid-template-columns:minmax(0,1fr)}
  .hm-duo .si.lp-grid{grid-template-columns:repeat(auto-fill,206px)}
  .hm-duo .eqx-grid{grid-auto-columns:minmax(0,1fr);max-width:720px;margin:0 auto}
  .hm-duo .eqx-card{width:auto}
}
@media(max-width:640px){ .hm-duo .eqx-grid{gap:10px} }
.hm-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.hm-cards.sum{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))}
.nw-art.r-sum{aspect-ratio:1024/656}
@media(max-width:1000px){ .hm-counts{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media(max-width:640px){
  .hm{padding:12px 10px 40px}
  .hm-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hm-count{padding:11px 14px 10px}
  .hm-count b{font-size:32px}
  .hm-head h2{font-size:21px}
  .eqx-card{width:72px}
  .eqx-grid{gap:8px}
}
@media(prefers-reduced-motion:reduce){ .hm-count{transition:none} }
.hm-story{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px}
.hm-st-main{display:flex;flex-direction:column;background:var(--pn);border:1px solid var(--ln);box-shadow:var(--sh);color:var(--tx);text-decoration:none;transition:border-color .15s}
.hm-st-main:hover{border-color:var(--acc);color:var(--tx)}
.hm-st-art{display:block;aspect-ratio:1024/512;background:#000;overflow:hidden}
.hm-st-art.pn{aspect-ratio:650/140}
.hm-st-art img{display:block;width:100%;height:100%;object-fit:cover}
.hm-st-body{display:flex;flex-direction:column;gap:4px;padding:12px 16px 14px;border-top:3px solid var(--acc)}
.hm-st-k{display:flex;align-items:center;gap:8px;color:var(--acc-tx);font:12px var(--f-lbl);letter-spacing:1.6px;text-transform:uppercase}
.hm-st-body b{color:var(--hi);font:22px/1.15 var(--f-num);letter-spacing:.3px;font-weight:normal}
.hm-st-body small,.hm-st-row small{color:var(--dim);font:14px var(--f-ui)}
.hm-st-list{display:flex;flex-direction:column;gap:10px}
.hm-st-row{display:flex;flex-direction:column;background:var(--pn);border:1px solid var(--ln);box-shadow:var(--sh);color:var(--tx);text-decoration:none;transition:border-color .15s}
.hm-st-row:hover{border-color:var(--acc);color:var(--tx)}
.hm-st-row img{display:block;width:100%;height:auto;aspect-ratio:650/140;object-fit:cover}
.hm-st-row>span{display:flex;flex-direction:column;gap:2px;padding:8px 14px 10px}
.hm-st-row b{color:var(--hi);font:17px/1.2 var(--f-lbl);font-weight:normal}
.hm-st-all{align-self:flex-end;margin-top:auto;color:var(--link);font:14px var(--f-lbl);letter-spacing:1px;text-transform:uppercase;text-decoration:none}
.hm-st-all:hover{text-decoration:underline}
@media(max-width:900px){ .hm-story{grid-template-columns:minmax(0,1fr)} }
