.ssc-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:start}
.ssc-col{position:sticky;top:calc(var(--sh-h, 0px) + 12px)}
.ssc-st{--u:calc(100cqw / 720);position:relative;width:min(92vw, calc((100svh - var(--sh-h, 64px) - 36px) * .5625), 560px);aspect-ratio:720/1280;
  container-type:inline-size;overflow:hidden;border-radius:14px;background:#dfe4ec;color:#0f1220;box-shadow:0 12px 40px rgba(0,0,0,.45);
  font-family:var(--f-num);isolation:isolate;-webkit-tap-highlight-color:transparent}
.ssc-st *{box-sizing:border-box}
.ssc-st img{max-width:none}
.ssc-st .cine{position:absolute;inset:0;z-index:5}
.ssc-st .cine .smg-stage{width:100%;height:100%}
.ssc-st .cine .cn-res{padding:calc(70 * var(--u)) calc(20 * var(--u)) calc(30 * var(--u))}
.ssc-st .cine .cn-top{padding:calc(14 * var(--u))}
.ssc-scr{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden auto;scrollbar-width:none;
  background:radial-gradient(circle at 1px 1px, rgba(30,40,70,.13) 1.2px, transparent 1.6px) 0 0/calc(14 * var(--u)) calc(14 * var(--u)),
             linear-gradient(#f4f6fa, #dfe4ec 40%, #cfd6e2)}
.ssc-scr::-webkit-scrollbar{display:none}
.g-head{display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(18 * var(--u)) calc(22 * var(--u)) calc(12 * var(--u))}
.g-cry{display:inline-flex;align-items:center;gap:calc(8 * var(--u));height:calc(48 * var(--u));padding:0 calc(20 * var(--u)) 0 calc(8 * var(--u));
  border-radius:calc(24 * var(--u));background:#101219;color:#fff;font-size:calc(26 * var(--u));font-weight:700}
.g-cry img{width:calc(38 * var(--u));height:calc(38 * var(--u))}
.g-cry small{color:#9aa3b5;font-size:calc(17 * var(--u));font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.g-head .g-n{margin-left:auto;color:#3c4458;font-size:calc(22 * var(--u));font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.g-ban{position:relative;flex:none;width:100%;aspect-ratio:1024/656;background:#1b2440}
.g-ban img{display:block;width:100%;height:100%;object-fit:cover}
.g-ban.noimg::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#243a7a,#0d1530)}
.g-strip{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--u));margin-top:calc(-42 * var(--u));position:relative;
  padding:calc(8 * var(--u)) calc(22 * var(--u));background:linear-gradient(90deg,rgba(10,12,20,.88),rgba(10,12,20,.6));color:#fff;font-size:calc(19 * var(--u))}
.g-strip b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-strip span{flex:none;color:#ffc61a}
.g-steps{padding:calc(14 * var(--u)) calc(20 * var(--u)) 0}
.g-sh{display:flex;align-items:center;gap:calc(10 * var(--u));height:calc(46 * var(--u))}
.g-sh .tg{position:relative;display:inline-flex;align-items:center;gap:calc(8 * var(--u));height:calc(40 * var(--u));padding:0 calc(14 * var(--u)) 0 calc(36 * var(--u));
  border-style:solid;border-width:0 calc(4 * var(--u)) 0 calc(30 * var(--u));border-image:url(/assets/ui/gacha/Gas_2_pltStepTatle.webp) 0 3 0 30 fill;
  color:#14161f;font-size:calc(30 * var(--u));font-weight:800;font-style:italic}
.g-sh .tg img{height:calc(30 * var(--u));margin-left:calc(-26 * var(--u))}
.g-sh .tg small{font-size:calc(20 * var(--u));color:#5a6276}
.g-sh .sl{margin-left:auto;height:calc(40 * var(--u));padding:0 calc(26 * var(--u));border:0;cursor:pointer;color:#111;font-family:inherit;font-size:calc(19 * var(--u));font-weight:700;
  border-style:solid;border-width:0 calc(22 * var(--u));border-image:url(/assets/ui/gacha/Gas_2_btnStepList.webp) 0 22 fill;background:none}
.g-plates{display:flex;flex-direction:column;gap:calc(6 * var(--u));margin-top:calc(6 * var(--u))}
.g-pl{position:relative;display:flex;align-items:center;gap:calc(12 * var(--u));width:calc(372 * var(--u));height:calc(58 * var(--u));padding:0 calc(30 * var(--u)) 0 calc(30 * var(--u));
  border-style:solid;border-width:0 calc(95 * var(--u));border-image:url(/assets/ui/gacha/Gas_2_pltStepPlate_Onwards.webp) 0 95 fill;color:#2b1700;font-size:calc(19 * var(--u))}
.g-pl.spc{border-image-source:url(/assets/ui/gacha/Gas_2_pltStepPlate_SpecialOnwards.webp)}
.g-pl.now{width:calc(404 * var(--u));height:calc(70 * var(--u));border-width:0 calc(142 * var(--u)) 0 calc(96 * var(--u));
  border-image:url(/assets/ui/gacha/Gas_2_pltStepPlate_Practicable.webp) 0 142 0 96 fill;font-size:calc(21 * var(--u))}
.g-pl.now.spc{border-image-source:url(/assets/ui/gacha/Gas_2_pltStepPlate_SpecialPracticable.webp)}
.g-pl.past{filter:grayscale(.85) brightness(.82);opacity:.75}
.g-pl .no{flex:none;display:inline-flex;align-items:center;gap:calc(4 * var(--u));margin-left:calc(-70 * var(--u));color:#fff;font-weight:800;font-style:italic;font-size:calc(26 * var(--u));
  text-shadow:0 0 calc(3 * var(--u)) #000,0 calc(2 * var(--u)) 0 #000}
.g-pl .no img{height:calc(26 * var(--u))}
.g-pl .d{display:flex;flex-direction:column;line-height:1.15;min-width:0;margin-right:calc(-120 * var(--u))}
.g-pl .d b{font-weight:800;white-space:nowrap}
.g-pl .d i{font-style:normal;display:inline-flex;align-items:center;gap:calc(4 * var(--u));white-space:nowrap}
.g-pl .d i img{width:calc(24 * var(--u));height:calc(24 * var(--u))}
.g-pl .fin{position:absolute;right:calc(-110 * var(--u));top:50%;width:calc(98 * var(--u));transform:translateY(-50%) rotate(-8deg)}
.g-btns{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:calc(18 * var(--u));padding:calc(20 * var(--u)) calc(20 * var(--u)) 0}
.g-sx{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:calc(10 * var(--u));padding-right:calc(16 * var(--u))}
.g-sx .g-btns{padding:calc(56 * var(--u)) 0 0}
.g-sx .g-bw{width:calc(246 * var(--u))}
.g-sx .g-gt,.g-sx .g-add{align-self:flex-end;width:calc(272 * var(--u));margin-left:calc(-26 * var(--u))}
.g-bw{position:relative;display:flex;flex-direction:column;align-items:center}
.g-btn{position:relative;z-index:0;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;width:calc(246 * var(--u));height:calc(114 * var(--u));
  padding:calc(14 * var(--u)) calc(14 * var(--u)) calc(12 * var(--u));border:0;background:none;cursor:pointer;color:#fff;font-family:inherit}
.g-btn::before{content:'';position:absolute;inset:0;z-index:-2;border-style:solid;border-width:0 calc(99 * var(--u)) 0 calc(86 * var(--u));
  border-image:url(/assets/ui/gacha/Gas_2_btnGasha.webp) 0 99 0 86 fill}
.g-btn.alt::before{border-image-source:url(/assets/ui/gacha/Gas_2_btnGasha2.webp)}
.g-btn.spc::after{content:'';position:absolute;left:50%;top:50%;z-index:-1;width:calc(301 * var(--u));height:calc(178 * var(--u));transform:translate(-50%,-50%);
  background:url(/assets/ui/gacha/Gas_effSpecialButton_00.webp) center/100% 100%;animation:g-sp .6s steps(1) infinite;pointer-events:none}
@keyframes g-sp{0%{background-image:url(/assets/ui/gacha/Gas_effSpecialButton_00.webp)}17%{background-image:url(/assets/ui/gacha/Gas_effSpecialButton_01.webp)}
  33%{background-image:url(/assets/ui/gacha/Gas_effSpecialButton_02.webp)}50%{background-image:url(/assets/ui/gacha/Gas_effSpecialButton_03.webp)}
  67%{background-image:url(/assets/ui/gacha/Gas_effSpecialButton_04.webp)}83%{background-image:url(/assets/ui/gacha/Gas_effSpecialButton_05.webp)}}
.ssc-st .g-btn .t{color:#0f0f0f;text-align:center;font-size:calc(26 * var(--u));font-weight:800;line-height:1.05}
.g-btn .c{display:flex;align-items:center;gap:calc(6 * var(--u));height:calc(36 * var(--u));padding:0 calc(10 * var(--u)) 0 calc(6 * var(--u));border-radius:calc(6 * var(--u));
  background:rgba(10,10,10,.8);color:#fff;font-size:calc(24 * var(--u));font-weight:700}
.g-btn .c img{width:calc(32 * var(--u));height:calc(32 * var(--u))}
.ssc-st .g-btn .c,.ssc-st .g-btn .c b{color:#fff}
.g-btn .c b{margin-left:auto}
.ssc-st .g-btn .c .free{margin:0 auto;color:#fff864}
.g-btn:hover{filter:brightness(1.07)}
.g-btn:active{transform:translateY(calc(3 * var(--u)))}
.g-btn:focus-visible{outline:calc(4 * var(--u)) solid #fff;outline-offset:calc(3 * var(--u))}
.g-btn:disabled{filter:grayscale(1) brightness(.7);cursor:default}
.g-btn .st{position:absolute;left:calc(-8 * var(--u));top:calc(-18 * var(--u));padding:calc(2 * var(--u)) calc(12 * var(--u));background:#101219;color:#ffc61a;
  font-size:calc(17 * var(--u));font-style:italic;font-weight:800;transform:skewX(-12deg)}
.g-lim{margin-top:calc(4 * var(--u));color:#3c4458;font-size:calc(17 * var(--u))}
.g-gt{position:relative;display:flex;align-items:center;gap:calc(8 * var(--u));width:calc(316 * var(--u));height:calc(66 * var(--u));margin-bottom:calc(6 * var(--u));padding:0 calc(20 * var(--u)) 0 calc(34 * var(--u));
  background:url(/assets/ui/gacha/Gas_2_pltGuaranteeLR.webp) center/100% 100%;color:#fff;font-size:calc(19 * var(--u));font-weight:700;line-height:1.1;text-shadow:0 calc(1 * var(--u)) calc(2 * var(--u)) #000}
.g-gt img{height:calc(28 * var(--u))}
.g-add{display:flex;align-items:center;gap:calc(8 * var(--u));width:calc(250 * var(--u));height:calc(60 * var(--u));margin-bottom:calc(6 * var(--u));padding:0 calc(16 * var(--u)) 0 calc(28 * var(--u));
  background:url(/assets/ui/gacha/Gas_pltAddition.webp) center/100% 100%;color:#fff;font-size:calc(18 * var(--u));font-weight:700;text-shadow:0 calc(1 * var(--u)) calc(2 * var(--u)) #000}
.g-add img{width:calc(40 * var(--u));height:calc(40 * var(--u));object-fit:contain}
.g-done{padding:calc(16 * var(--u));color:#3c4458;font-size:calc(22 * var(--u));font-weight:700;text-align:center}
.g-again{height:calc(56 * var(--u));padding:0 calc(26 * var(--u));border:0;border-radius:calc(10 * var(--u));background:linear-gradient(#fff,#d6dbe2);color:#111;
  font-family:inherit;font-size:calc(21 * var(--u));font-weight:700;cursor:pointer;box-shadow:0 calc(4 * var(--u)) 0 #8d96a3}
.g-info{margin:calc(18 * var(--u)) calc(20 * var(--u)) 0;padding:calc(10 * var(--u)) calc(16 * var(--u));border-top:calc(4 * var(--u)) solid rgba(242,242,242,.8);
  color:#2c3346;font-size:calc(17 * var(--u));line-height:1.45}
.g-info p{margin:0}
.g-feat{display:flex;flex-wrap:wrap;gap:calc(8 * var(--u));margin:calc(12 * var(--u)) calc(20 * var(--u)) 0}
.g-feat a,.g-feat span{position:relative;display:block;width:calc(84 * var(--u));height:calc(84 * var(--u))}
.g-feat img{width:100%;height:100%;object-fit:contain}
.g-feat em{position:absolute;left:0;right:0;bottom:0;background:#e1121f;color:#fff;font-size:calc(14 * var(--u));font-style:normal;font-weight:700;text-align:center}
.g-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(12 * var(--u));margin:auto 0 0;padding:calc(20 * var(--u)) calc(20 * var(--u)) calc(26 * var(--u))}
.g-foot .g-fb{display:inline-flex;align-items:center;height:calc(52 * var(--u));padding:0 calc(26 * var(--u));border:0;border-radius:calc(10 * var(--u));
  background:linear-gradient(#fff,#d6dbe2);color:#111;font-family:inherit;font-size:calc(21 * var(--u));font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 calc(4 * var(--u)) 0 #8d96a3}
.g-foot .g-fb:hover{color:#111;filter:brightness(1.05)}
.ssc-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.ssc-side .sim-tracker{margin:0}
.ssc-side .sim-results{margin:0}
.ssc-note{margin:0;color:var(--dim);font-size:14px}
@media (max-width:900px){
  .ssc-wrap{grid-template-columns:minmax(0,1fr)}
  .ssc-col{position:static;display:flex;justify-content:center}
  .ssc-st{width:min(100%, calc((100svh - var(--sh-h, 64px) - 24px) * .5625))}
}
@media (max-width:600px){ .ssc-st{width:100%;border-radius:10px} }
@media (prefers-reduced-motion:reduce){ .g-btn.spc::after{animation:none} }
.ssc-st .cine .cn-top{flex-direction:column;align-items:flex-end;gap:calc(12 * var(--u))}
.ssc-st .cine .cn-skip{order:-1;margin-left:0}
.ssc-st .cine .cn-count{flex-direction:column;align-items:flex-end;gap:calc(10 * var(--u));min-height:0}
.ssc-st .cine .cn-cnt{font-size:max(13px, calc(26 * var(--u)))}
.ssc-st .cine .cn-dots{justify-content:flex-end;gap:calc(9 * var(--u));max-width:calc(300 * var(--u))}
.ssc-st .cine .cn-dots i{width:max(7px, calc(17 * var(--u)));height:max(7px, calc(17 * var(--u)))}
.ssc-st .cine .cn-dots i.r-sparking{background:linear-gradient(135deg,#2b5bff,#12dcc4);box-shadow:0 0 8px #2fc8ff}
.ssc-st .cine .cn-res{overflow-x:hidden;scrollbar-width:none}
.ssc-st .cine .cn-res::-webkit-scrollbar{display:none}
.ssc-side .sum-block{margin:0 0 10px;padding:10px 12px}
.ssc-side .sum-block-head{margin:0 0 8px}
.ssc-side .sum-block-head .sum-label{padding:4px 11px 3px;font-size:11.5px}
.ssc-side .sim-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px 4px}
.ssc-side .res-meta{padding:0}
.ssc-side .res-amt{font-size:13px}
.ssc-side .res-name{display:none}
.ssc-side .res-badge{top:0;left:0;padding:2px 5px 1px;font-size:8px;letter-spacing:.4px}
.ssc-side .res-card.is-item .res-art img{padding:8px}
.ssc-side a.res-card:hover{transform:translateY(-2px)}