.sf-duel{--card-w:208px;--card-r:9px;--mat:#cdbfa6;--mat-2:#b9a888;--ink-line:rgba(36,28,34,0.55)}.sf-tcg{position:relative;width:var(--card-w);user-select:none;-webkit-user-select:none;-webkit-user-drag:none;aspect-ratio:5/7;border-radius:var(--card-r);background:linear-gradient(168deg,var(--mat) 0,var(--mat-2) 100%);padding:calc(var(--card-w) * .038);display:grid;grid-template-rows:minmax(0,1fr) calc(var(--card-w) * .306) auto;gap:calc(var(--card-w) * .024);flex:none;box-shadow:0 0 0 1px var(--ink-line),0 1px 2px rgba(60,44,24,.28),0 10px 20px -12px rgba(60,44,24,.7);transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s,filter .18s;overflow:hidden;isolation:isolate}.sf-tcg:after{content:"";position:absolute;inset:calc(var(--card-w) * .028);z-index:0;border-radius:calc(var(--card-r) - 3px);background:linear-gradient(172deg,#fdfaf3,#f5eddd);box-shadow:0 0 0 1px rgba(60,44,24,.28),inset 0 1px 0 rgba(255,255,255,.8)}.sf-tcg>*{position:relative;z-index:1}.sf-tcg.is-interactive{cursor:pointer}.sf-tcg.is-interactive:focus-visible,.sf-tcg.is-interactive:hover{transform:translateY(-6px) rotate(-.5deg);box-shadow:0 0 0 1px var(--ink-line),0 2px 4px rgba(60,44,24,.3),0 22px 34px -16px rgba(60,44,24,.8);outline:none}.sf-tcg.is-selected{box-shadow:0 0 0 1px var(--ink-line),0 0 0 2.5px var(--sf-gold),0 12px 22px -14px rgba(60,44,24,.8)}.sf-tcg.is-selected .sf-tcg-art:before{content:"";position:absolute;z-index:3;right:0;top:0;width:0;height:0;border-top:calc(var(--card-w) * .13) solid var(--sf-gold);border-left:calc(var(--card-w) * .13) solid transparent}.sf-tcg.is-dimmed{opacity:.42;filter:saturate(.5)}.sf-tcg.is-unaffordable{filter:saturate(.45) brightness(.88)}.sf-tcg.is-unaffordable.is-unaffordable .sf-tcg-cost{color:#f3d7d2;background:radial-gradient(circle at 34% 26%,rgba(255,210,200,.3) 0,transparent 46%),linear-gradient(160deg,#8e352c,#5d1f1a 60%,#3a1210);box-shadow:0 0 0 1px rgba(52,16,13,.8),inset 0 1px 0 rgba(255,200,190,.35),inset 0 -1px 2px rgba(0,0,0,.45),0 0 0 3px rgba(152,38,31,.28);text-shadow:none}.sf-tcg.is-locked .sf-tcg-art img{filter:grayscale(1) contrast(.95);opacity:.74}.sf-tcg.is-locked{--mat:#cfc4b1;--mat-2:#bdb098}.sf-tcg.is-locked:before{content:"未";position:absolute;inset:0;z-index:4;display:grid;place-items:center;font-family:var(--sf-font-brush);font-size:calc(var(--card-w) * .3);color:rgba(152,38,31,.16);background:linear-gradient(180deg,rgba(250,245,236,.1),rgba(250,245,236,.26));pointer-events:none}.sf-tcg.is-locked .sf-tcg-text{color:var(--sf-ink-500)}.sf-tcg-art{position:relative;border-radius:calc(var(--card-r) - 6px);overflow:hidden;min-height:0;background:var(--sf-surface-2);box-shadow:0 0 0 1px rgba(60,44,24,.34),inset 0 0 0 1px rgba(255,255,255,.35)}.sf-tcg-art img{width:100%;height:100%;object-fit:cover;object-position:50% 16%;display:block;position:relative;z-index:1}.sf-tcg-live,.sf-tcg[data-kind=kata] .sf-tcg-art img{object-position:50% 50%}.sf-tcg-live{position:absolute;z-index:2;left:0;width:100%;top:4.4%;height:72.3%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .45s var(--sf-ease)}.sf-tcg.is-selected .sf-tcg-live{opacity:var(--live-max,1)}@media (hover:hover){.sf-tcg:hover .sf-tcg-live{opacity:var(--live-max,1)}}.sf-tcg.is-locked{--live-max:0.7}.sf-tcg.is-locked .sf-tcg-live{filter:grayscale(1) contrast(.95)}@media (prefers-reduced-motion:reduce){.sf-tcg-live{display:none}}.sf-tcg-art:after{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(120% 90% at 50% 30%,transparent 52%,rgba(40,28,18,.28) 100%),linear-gradient(180deg,transparent 62%,rgba(60,44,24,.22))}[data-clan=kusanagi]{--clan:#5f7448;--mon:url(/mon/kusanagi.png)}[data-clan=tengu]{--clan:#4a4275;--mon:url(/mon/tengu.png)}[data-clan=yuki]{--clan:#64889c;--mon:url(/mon/yuki.png)}[data-clan=ryu]{--clan:#3f7a6e;--mon:url(/mon/ryu.png)}[data-clan=oni]{--clan:#a3392f;--mon:url(/mon/oni.png)}[data-clan=ronin]{--clan:#82705a;--mon:url(/mon/ronin.png)}[data-clan=none]{--clan:#6d6459;--mon:url(/mon/none.png)}.sf-mon{display:block;background:currentColor;-webkit-mask:var(--mon) center /contain no-repeat;mask:var(--mon) center /contain no-repeat}.sf-tcg-mon{position:absolute;top:-1px;right:calc(var(--card-w) * .06);z-index:3;width:calc(var(--card-w) * .15);padding:calc(var(--card-w) * .05) 0 calc(var(--card-w) * .055);display:grid;place-items:center;color:rgba(253,250,243,.96);background:linear-gradient(180deg,rgba(0,0,0,.22),transparent 34%),linear-gradient(96deg,color-mix(in srgb,var(--clan,#6d6459) 88%,#fff) 0,var(--clan,#6d6459) 55%,color-mix(in srgb,var(--clan,#6d6459) 78%,#000) 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--card-w) * .045),50% 100%,0 calc(100% - var(--card-w) * .045));box-shadow:inset 0 0 0 1px rgba(253,250,243,.28);filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.sf-tcg-mon .sf-mon{width:calc(var(--card-w) * .098);height:calc(var(--card-w) * .098)}.sf-tcg[data-rarity=gate] .sf-tcg-mon{box-shadow:inset 0 0 0 1px rgba(229,201,119,.55)}.sf-tcg.is-foreign{--mat:#c4bfb6;--mat-2:#aaa397}.sf-tcg.is-foreign .sf-tcg-text{color:var(--sf-ink-500)}.sf-tcg-cost{position:absolute;top:calc(var(--card-w) * .026);left:calc(var(--card-w) * .026);z-index:6;width:calc(var(--card-w) * .238);height:calc(var(--card-w) * .238);border:calc(var(--card-w) * .023) solid var(--mat);background-clip:padding-box;border-radius:50%;display:grid;place-items:center;font-family:var(--sf-font-mincho);font-size:calc(var(--card-w) * .112);font-weight:800;line-height:1;color:#fdf6e6;font-variant-numeric:tabular-nums;background:radial-gradient(circle at 34% 26%,rgba(255,240,205,.45) 0,transparent 46%),radial-gradient(circle at 62% 78%,rgba(0,0,0,.42) 0,transparent 52%),linear-gradient(155deg,#9b7c46,#6a5028 52%,#3c2e17);box-shadow:0 0 0 1px var(--ink-line),inset 0 0 0 1px rgba(28,20,10,.75),inset 0 1px 0 rgba(255,238,196,.55),inset 0 -1px 2px rgba(0,0,0,.45),0 3px 7px -2px rgba(40,28,18,.7);text-shadow:0 1px 1px rgba(0,0,0,.55)}.sf-tcg-plate{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;z-index:4;padding:calc(var(--card-w) * .14) calc(var(--card-w) * .045) calc(var(--card-w) * .032);background:linear-gradient(180deg,transparent 0,rgba(24,16,12,.14) 34%,rgba(24,16,12,.62) 62%,rgba(20,13,10,.88) 100%) bottom /100% calc(var(--card-w) * .338 + 1px) no-repeat;border-bottom:2px solid color-mix(in srgb,var(--clan,#60442a) 78%,transparent);pointer-events:none}.sf-tcg-name{font-weight:800;font-size:calc(var(--card-w) * .092);line-height:1.12;letter-spacing:.005em;color:#fdf8ee;text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 12px rgba(0,0,0,.5)}.sf-tcg-name,.sf-tcg-title{font-family:var(--sf-font-mincho);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-tcg-title{font-size:calc(var(--card-w) * .052);color:rgba(247,235,214,.82);text-shadow:0 1px 3px rgba(0,0,0,.9);margin-top:1px;line-height:1.22}.sf-tcg-text{min-height:0;background:linear-gradient(180deg,rgba(60,44,24,.055),rgba(60,44,24,.02));border-radius:2px;padding:calc(var(--card-w) * .028) calc(var(--card-w) * .034);font-family:var(--sf-font-mincho);font-size:calc(var(--card-w) * .061);line-height:1.34;color:var(--sf-ink-700);box-shadow:inset 0 1px 2px rgba(60,44,24,.14);overflow:auto;scrollbar-width:none}.sf-tcg-text::-webkit-scrollbar{display:none}.sf-tcg-text[data-len=long]{font-size:calc(var(--card-w) * .05);line-height:1.22}.sf-tcg-text:not(.is-flavor):before{content:"";float:right;width:calc(var(--card-w) * .226);height:calc(var(--card-w) * .25);shape-outside:polygon(0 52%,100% 52%,100% 100%,0 100%)}.sf-tcg-text.is-flavor{display:grid;place-items:center;overflow:hidden}.sf-tcg-text.is-flavor span{font-family:var(--sf-font-brush);font-size:calc(var(--card-w) * .13);line-height:1;color:rgba(152,38,31,.22)}.sf-tcg-text.is-flavor em{font-style:italic;font-size:calc(var(--card-w) * .052);line-height:1.36;color:var(--sf-ink-400);text-align:center;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.sf-tcg[data-rarity=gate] .sf-tcg-text.is-flavor span{color:rgba(229,201,119,.28)}.sf-tcg-trigger{color:var(--sf-shu-deep);font-weight:800;letter-spacing:.02em}.sf-tcg-trigger[data-trigger=nightly]{color:var(--sf-indigo)}.sf-tcg-trigger[data-trigger=nightly]:after{content:" 宵";font-family:var(--sf-font-brush,var(--sf-font-mincho));font-size:.9em;opacity:.75}.sf-tcg-trigger[data-trigger=answer]{color:#3f7a6e}.sf-tcg-trigger[data-trigger=answer]:after{content:" 応";font-family:var(--sf-font-brush,var(--sf-font-mincho));font-size:.9em;opacity:.75}.sf-tcg[data-rarity=gate] .sf-tcg-trigger[data-trigger=answer]{color:#7ecab8}.sf-tcg-foot{display:flex;align-items:center;gap:5px;min-height:calc(var(--card-w) * .115);padding-right:calc(var(--card-w) * .29);padding-top:calc(var(--card-w) * .014);border-top:1px solid rgba(60,44,24,.22)}.sf-tcg-stars{margin-left:auto}.sf-tcg-seal{width:calc(var(--card-w) * .105);height:calc(var(--card-w) * .105);border-radius:2px;display:grid;place-items:center;font-family:var(--sf-font-brush);font-size:calc(var(--card-w) * .062);color:var(--sf-shu-deep);background:var(--sf-shu-soft);box-shadow:inset 0 0 0 1px rgba(152,38,31,.4)}.sf-tcg-power{position:absolute;right:calc(var(--card-w) * .026);bottom:calc(var(--card-w) * .026);z-index:6;display:grid;place-items:center;width:calc(var(--card-w) * .228);height:calc(var(--card-w) * .228);border:calc(var(--card-w) * .023) solid var(--mat-2);background-clip:padding-box;border-radius:50%;font-family:var(--sf-font-mincho);font-size:calc(var(--card-w) * .118);font-weight:800;line-height:1;color:#fbf6ea;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.22) 0,transparent 48%),radial-gradient(120% 120% at 30% 25%,#4a3b45 0,#241c22 60%,#150f14 100%);box-shadow:0 0 0 1px var(--ink-line),inset 0 0 0 1px rgba(12,8,12,.8),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 2px rgba(0,0,0,.5),0 3px 7px -2px rgba(24,16,22,.7);font-variant-numeric:tabular-nums;text-shadow:0 1px 1px rgba(0,0,0,.5)}.sf-tcg-power:before{content:"";position:absolute;inset:calc(var(--card-w) * .022);border-radius:50%;box-shadow:inset 0 0 0 1px rgba(250,245,236,.18),0 0 0 1px rgba(0,0,0,.35)}.sf-tcg-stars{display:flex;gap:2px;align-items:center}.sf-tcg-stars i{width:calc(var(--card-w) * .04);height:calc(var(--card-w) * .04);border-radius:50%;background:rgba(60,44,24,.22);box-shadow:inset 0 0 0 1px rgba(60,44,24,.25)}.sf-tcg-stars i[data-on=true]{background:var(--sf-grad-gold);box-shadow:inset 0 0 0 1px rgba(96,68,20,.6)}.sf-tcg-stars i[data-ready]{background:rgba(229,201,119,.35);animation:sf-star-ready 1.8s ease-in-out infinite}@keyframes sf-star-ready{50%{box-shadow:inset 0 0 0 1px rgba(96,68,20,.6),0 0 7px rgba(229,201,119,.95)}}.sf-tcg[data-rarity=rare]{--mat:#9fb2c0;--mat-2:#7d94a6}.sf-tcg[data-rarity=rare] .sf-tcg-cost{background:radial-gradient(circle at 34% 26%,rgba(255,240,205,.42) 0,transparent 46%),radial-gradient(circle at 62% 78%,rgba(0,0,0,.4) 0,transparent 52%),linear-gradient(155deg,#7d97aa,#4a5f6f 52%,#263139)}.sf-tcg[data-rarity=epic]{--mat:#a98cc0;--mat-2:#86689e}.sf-tcg[data-rarity=epic] .sf-tcg-cost{background:radial-gradient(circle at 34% 26%,rgba(255,240,205,.42) 0,transparent 46%),radial-gradient(circle at 62% 78%,rgba(0,0,0,.4) 0,transparent 52%),linear-gradient(155deg,#9d78b8,#654a7a 52%,#362543)}.sf-tcg[data-rarity=epic],.sf-tcg[data-rarity=gate],.sf-tcg[data-rarity=legendary]{background-image:linear-gradient(168deg,var(--mat) 0,var(--mat-2) 100%),repeating-linear-gradient(45deg,rgba(255,255,255,.13) 0 2px,transparent 2px 5px)}.sf-tcg[data-rarity=legendary]{--mat:#e2c47c;--mat-2:#a67f30}.sf-tcg[data-rarity=legendary] .sf-tcg-cost{background:radial-gradient(circle at 34% 26%,rgba(255,250,225,.5) 0,transparent 46%),radial-gradient(circle at 62% 78%,rgba(0,0,0,.4) 0,transparent 52%),linear-gradient(155deg,#f2da95,#b08d3a 52%,#6f5620);color:#2a1f08;text-shadow:0 1px 0 rgba(255,255,255,.35)}.sf-tcg[data-rarity=legendary] .sf-tcg-power{background:radial-gradient(circle at 34% 24%,rgba(255,245,210,.2) 0,transparent 48%),radial-gradient(120% 120% at 30% 25%,#6d5526 0,#3c2e13 60%,#241a09 100%);color:var(--sf-gold-hi)}.sf-tcg[data-rarity=gate]{--mat:#2c2130;--mat-2:#16101a;color:#f6efe4}.sf-tcg[data-rarity=gate]:after{background:linear-gradient(172deg,#2a2130,#17111b);box-shadow:0 0 0 1px var(--sf-gold-deep),inset 0 1px 0 rgba(255,236,190,.14)}.sf-tcg[data-rarity=gate] .sf-tcg-plate{border-bottom-color:rgba(229,201,119,.55)}.sf-tcg[data-rarity=gate] .sf-tcg-title{color:rgba(233,209,160,.9)}.sf-tcg[data-rarity=gate] .sf-tcg-text{background:linear-gradient(180deg,rgba(255,236,190,.09),rgba(255,236,190,.03));color:#e8decc;box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}.sf-tcg[data-rarity=gate] .sf-tcg-trigger{color:var(--sf-gold-hi)}.sf-tcg[data-rarity=gate] .sf-tcg-foot{border-top-color:rgba(229,201,119,.3)}.sf-tcg[data-rarity=gate] .sf-tcg-cost{background:radial-gradient(circle at 34% 26%,rgba(255,250,225,.5) 0,transparent 46%),radial-gradient(circle at 62% 78%,rgba(0,0,0,.4) 0,transparent 52%),linear-gradient(155deg,#f0d68f,#b58f36 52%,#6f5620);color:#201607;box-shadow:0 0 0 1px rgba(20,14,24,.85),inset 0 1px 0 rgba(255,250,225,.65),inset 0 -1px 2px rgba(0,0,0,.35),0 2px 5px -1px rgba(10,6,14,.7);text-shadow:none}.sf-tcg[data-rarity=gate] .sf-tcg-power{background:radial-gradient(circle at 34% 24%,rgba(255,245,210,.16) 0,transparent 48%),radial-gradient(120% 120% at 30% 25%,#3d3145 0,#1a1420 60%,#0f0b13 100%);color:var(--sf-gold-hi);box-shadow:0 0 0 1px rgba(229,201,119,.7),inset 0 1px 0 rgba(255,245,210,.24),inset 0 -1px 2px rgba(0,0,0,.5),0 2px 5px -1px rgba(10,6,14,.7)}.sf-tcg[data-rarity=gate] .sf-tcg-power:before{box-shadow:inset 0 0 0 1px rgba(229,201,119,.34),0 0 0 1px rgba(0,0,0,.4)}.sf-tcg[data-rarity=gate] .sf-tcg-seal{background:rgba(229,201,119,.14);color:var(--sf-gold-hi);box-shadow:inset 0 0 0 1px rgba(229,201,119,.4)}.sf-tcg[data-rarity=gate] .sf-tcg-art{box-shadow:0 0 0 1px rgba(229,201,119,.55),inset 0 0 0 1px rgba(0,0,0,.4)}.sf-tcg[data-rarity=gate] .sf-tcg-art:after{background:radial-gradient(120% 90% at 50% 30%,transparent 50%,rgba(10,6,14,.5) 100%),linear-gradient(180deg,transparent 60%,rgba(22,16,26,.85))}.sf-tcg-foil{position:absolute;inset:0;z-index:5;pointer-events:none;mix-blend-mode:color-dodge;opacity:.42;background:conic-gradient(from 210deg at 30% 20%,#3a2a1e,#7a5c2e,#2c2440,#6d3b4e,#7a5c2e,#3a2a1e);animation:sf-foil 7s linear infinite}@keyframes sf-foil{to{filter:hue-rotate(1turn)}}.sf-tcg-mint{position:absolute;right:calc(var(--card-w) * .03);bottom:calc(var(--card-w) * .375);z-index:3;font-family:var(--sf-font-mincho);font-size:calc(var(--card-w) * .044);letter-spacing:.04em;background:linear-gradient(180deg,#2a2130,#16101a);color:var(--sf-gold-hi);border-radius:1px;padding:2px 6px;box-shadow:0 0 0 1px rgba(229,201,119,.6),inset 0 1px 0 rgba(255,245,210,.18);font-variant-numeric:tabular-nums}.sf-tcg.is-alive .sf-tcg-art:before{content:"";position:absolute;inset:-8%;z-index:0;background-image:var(--art);background-size:cover;background-position:50% 16%;filter:blur(6px) saturate(1.15);animation:sf-drift 11s ease-in-out infinite alternate}.sf-tcg.is-alive .sf-tcg-art img{animation:sf-breathe 7s ease-in-out infinite alternate}.sf-tcg-spark{position:absolute;z-index:3;bottom:12%;width:3px;height:3px;border-radius:50%;background:var(--sf-gold-hi);box-shadow:0 0 6px var(--sf-gold);animation:sf-rise 6s linear infinite}.sf-tcg-sweep{position:absolute;inset:0;z-index:4;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.45) 50%,transparent 62%);transform:translateX(-130%);animation:sf-sweep 5.5s ease-in-out infinite}@keyframes sf-drift{0%{transform:scale(1.06) translate(-1.5%,-1%)}to{transform:scale(1.12) translate(1.5%,1%)}}@keyframes sf-breathe{0%{transform:scale(1) translateY(0)}to{transform:scale(1.035) translateY(-1.5%)}}@keyframes sf-rise{0%{transform:translateY(10px) scale(.4);opacity:0}25%{opacity:.95}to{transform:translateY(-96px) scale(1);opacity:0}}@keyframes sf-sweep{0%,62%{transform:translateX(-130%)}to{transform:translateX(130%)}}.sf-lobby-rail{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.4rem);flex-wrap:wrap;padding:.7rem 1rem;border-radius:var(--sf-r-md);border:1px solid var(--sf-border-strong);border-left:3px solid var(--sf-indigo);background:var(--sf-grad-washi);box-shadow:var(--sf-inset-hi),var(--sf-shadow-xs)}.sf-lobby-seal{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--sf-r-xs);background:var(--sf-grad-shu);color:var(--sf-on-primary);font-family:var(--sf-font-brush,var(--sf-font-mincho));font-size:1.3rem;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}.sf-lobby-rank{display:flex;flex-direction:column;gap:1px}.sf-lobby-rank em{font-style:normal;font-size:.58rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--sf-ink-400)}.sf-lobby-rank b{font-family:var(--sf-font-display);font-size:1.1rem;line-height:1.1;color:var(--sf-ink)}.sf-lobby-climb{flex:1;min-width:180px;display:flex;flex-direction:column;gap:.3rem}.sf-lobby-track{height:6px;border-radius:1px;background:var(--sf-surface-sunk);box-shadow:inset 0 0 0 1px var(--sf-border);overflow:hidden}.sf-lobby-track i{display:block;height:100%;background:var(--sf-grad-gold);transition:width .7s var(--sf-ease)}.sf-lobby-climb span{font-size:12.5px;color:var(--sf-ink-500)}.sf-lobby-climb span b{color:var(--sf-ink);font-variant-numeric:tabular-nums}.sf-lobby-record{font-size:13px;color:var(--sf-ink-500)}.sf-lobby-record b{font-family:var(--sf-font-display);font-size:15px;color:var(--sf-ink);font-variant-numeric:tabular-nums}.sf-lobby-resolve{display:flex;align-items:center;gap:3px}.sf-lobby-resolve i{width:6px;height:14px;border-radius:1px;background:var(--sf-surface-sunk);box-shadow:inset 0 0 0 1px var(--sf-border-strong)}.sf-lobby-resolve i[data-on=true]{background:linear-gradient(180deg,#446a80,#2f4a5c);box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}.sf-lobby-resolve b{margin-left:5px;font-size:13px;color:var(--sf-ink);font-variant-numeric:tabular-nums}.sf-fan{--cw:clamp(46px,11cqw,96px);container-type:inline-size;display:block;text-decoration:none;text-align:center;padding:10px 0 0}.sf-fan-cards{display:flex;justify-content:center;align-items:flex-start;padding:14px 8px 66px;--sagk:1.7px;--rotk:3.4deg}.sf-fan-cards img{--t:calc(var(--i) - var(--c));--sag:calc(var(--t) * var(--t) * var(--sagk));width:var(--cw);aspect-ratio:3/4;object-fit:cover;border-radius:4px;border:2px solid var(--mat,var(--sf-border-strong));box-shadow:0 6px 14px -6px rgba(72,52,30,.55);background:var(--sf-surface-sunk);transform:rotate(calc(var(--t) * var(--rotk))) translateY(var(--sag));transform-origin:50% 120%;transition:transform .25s var(--sf-ease),box-shadow .25s var(--sf-ease)}.sf-fan-cards picture+picture img{margin-left:calc(var(--cw) * -.38)}@media (hover:hover){.sf-fan:hover .sf-fan-cards img{box-shadow:0 10px 20px -8px rgba(72,52,30,.6)}.sf-fan .sf-fan-cards img:hover{transform:rotate(calc(var(--t) * var(--rotk))) translateY(calc(var(--sag) - 16px)) scale(1.05);z-index:2;position:relative}}.sf-fan-cap{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-top:-44px}.sf-fan-cap em{font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--sf-ink-400)}.sf-fan-cap b{font-family:var(--sf-font-display);font-size:1.15rem;color:var(--sf-ink)}.sf-fan-cap span{font-size:.82rem;color:var(--sf-ink-500)}.sf-fan-cap i{font-style:normal;font-size:.82rem;font-weight:700;color:var(--sf-gold-deep)}.sf-fan:hover .sf-fan-cap i{text-decoration:underline}.sf-doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:12px;align-items:stretch}.sf-door{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.45rem;min-height:168px;padding:1.1rem 1.2rem 1.15rem;text-align:left;text-decoration:none}.sf-door-brush{position:absolute;right:-8px;bottom:-22px;font-family:var(--sf-font-brush);font-style:normal;font-size:120px;line-height:1;color:rgba(36,28,34,.05);pointer-events:none}.sf-door>:not(.sf-door-brush){position:relative}.sf-door-name{margin:0;font-family:var(--sf-font-display);font-size:1.12rem;font-weight:800;color:var(--sf-ink)}.sf-door-note{margin:0;font-size:.8rem;line-height:1.45;color:var(--sf-ink-500);max-width:34ch}.sf-door-act{margin-top:auto;display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding-top:.7rem}.sf-door-price{font-size:.74rem;font-weight:700;color:var(--sf-ink-400)}.sf-door[data-kind=fight]{border-color:rgba(50,38,46,.55);background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 6px),radial-gradient(130% 100% at 50% -20%,#3a2c38 0,#241c26 52%,#17111a 100%);box-shadow:inset 0 0 0 1px rgba(229,201,119,.16),inset 0 -12px 22px -16px rgba(0,0,0,.9),var(--sf-shadow-sm)}.sf-door[data-kind=fight] .sf-door-name{color:#fdf6e8}.sf-door[data-kind=fight] .sf-door-note{color:rgba(253,249,241,.55)}.sf-door[data-kind=fight] .sf-door-price{color:rgba(253,249,241,.5)}.sf-door[data-kind=fight] .sf-door-brush{color:rgba(253,249,241,.07)}.sf-door-seal{margin:0;font-size:.8rem;font-weight:700;color:var(--sf-gold-hi)}.sf-door-seal a{color:inherit}.sf-door-remind{display:flex;flex-wrap:wrap;gap:.3rem .8rem;font-size:.78rem;font-weight:700;color:rgba(253,249,241,.5)}.sf-door-remind a{color:#fdf6e8;text-decoration:underline;text-underline-offset:3px}.sf-door[data-kind=road]:hover,.sf-door[data-kind=shadow]:hover{border-color:var(--sf-border-strong);transform:translateY(-2px);box-shadow:var(--sf-inset-hi),var(--sf-shadow-md)}.sf-door[data-kind=road],.sf-door[data-kind=shadow]{transition:transform .25s var(--sf-ease),box-shadow .25s var(--sf-ease),border-color .25s var(--sf-ease)}.sf-door-boss{display:flex;align-items:center;gap:.7rem}.sf-door-boss img{width:52px;height:62px;object-fit:cover;object-position:50% 6%;border-radius:var(--sf-r-sm);border:1px solid var(--sf-border-strong);box-shadow:var(--sf-shadow-xs)}.sf-door-boss div{min-width:0}.sf-door-boss b{display:block;font-family:var(--sf-font-display);font-size:.95rem;color:var(--sf-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-door-boss small{font-size:.72rem;color:var(--sf-ink-400)}.sf-door-go{font-size:.82rem;font-weight:700;color:var(--sf-gold-deep)}.sf-door[data-kind=road]:hover .sf-door-go{text-decoration:underline}.sf-door-stones{display:flex;gap:4px}.sf-door-stones i{width:14px;height:6px;border-radius:1px;background:var(--sf-surface-sunk);box-shadow:inset 0 0 0 1px var(--sf-border-strong)}.sf-door-stones i[data-done=true]{background:var(--sf-grad-gold);box-shadow:none}.sf-lobby-foot{margin:0;font-size:12.5px;color:var(--sf-ink-400)}@media (max-width:700px){.sf-fan-cards{--sagk:0.9px;--rotk:2.6deg;padding-bottom:40px}.sf-fan-cards picture+picture img{margin-left:calc(var(--cw) * -.52)}.sf-fan-cap{margin-top:-6px}.sf-lobby-record{order:5}}.sf-scroll-paper{height:78px;border-radius:2px;position:relative;background:linear-gradient(180deg,#4b3a2a 0 9px,transparent 9px calc(100% - 9px),#4b3a2a calc(100% - 9px) 100%),linear-gradient(178deg,#fdf8ee,#f1e4cf);box-shadow:inset 0 0 0 1px rgba(60,44,24,.35),inset 0 12px 12px -12px rgba(60,44,24,.7),inset 0 -12px 12px -12px rgba(60,44,24,.7)}.sf-scroll-paper:after,.sf-scroll-paper:before{content:"";position:absolute;width:7px;height:13px;border-radius:2px;background:linear-gradient(180deg,#6a5238,#3a2c1e);top:-2px}.sf-scroll-paper:before{left:-4px}.sf-scroll-paper:after{right:-4px}.sf-scroll-cord{position:absolute;inset-inline:-3px;top:50%;height:8px;transform:translateY(-50%);background:linear-gradient(180deg,#d8503f,#98261f);box-shadow:0 1px 2px rgba(60,20,16,.5)}.sf-scroll-knot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:19px;height:19px;border-radius:3px;background:linear-gradient(150deg,#c4362c,#7f1f19);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 4px rgba(60,20,16,.55)}.sf-open{position:fixed;inset:0;width:100vw;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:22px;padding:24px;overflow:auto;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 6px),radial-gradient(120% 90% at 50% 0,#3a2c38 0,#17111a 60%);animation:sf-open-in .3s var(--sf-ease)}@keyframes sf-open-in{0%{opacity:0}}.sf-open-seal{display:flex;flex-direction:column;align-items:center;gap:18px;width:min(340px,76vw);border:0;background:none;padding:0;font:inherit;color:var(--sf-gold-hi);cursor:pointer}.sf-open-seal span{font-size:12px;letter-spacing:.22em;text-transform:uppercase;opacity:.75}.sf-open-seal .sf-scroll-paper{width:100%;aspect-ratio:4/5;height:auto;background:linear-gradient(180deg,#4b3a2a 0 20px,transparent 20px calc(100% - 20px),#4b3a2a calc(100% - 20px) 100%),linear-gradient(178deg,#fdf8ee,#f1e4cf);box-shadow:inset 0 0 0 1px rgba(60,44,24,.35),inset 0 26px 26px -26px rgba(60,44,24,.7),inset 0 -26px 26px -26px rgba(60,44,24,.7),0 24px 50px -18px rgba(0,0,0,.8);animation:sf-seal-breathe 2.6s ease-in-out infinite alternate}.sf-open-seal .sf-scroll-paper:after,.sf-open-seal .sf-scroll-paper:before{width:15px;height:28px;border-radius:3px;top:-4px}.sf-open-seal .sf-scroll-paper:before{left:-8px}.sf-open-seal .sf-scroll-paper:after{right:-8px}.sf-open-seal .sf-scroll-knot{width:62px;height:62px;border-radius:8px;display:grid;place-items:center;font-family:var(--sf-font-brush);font-size:26px;color:rgba(255,240,224,.85)}.sf-open-seal .sf-scroll-knot:before{content:"封";transform:rotate(-45deg)}.sf-open-seal .sf-scroll-cord{height:22px}@keyframes sf-seal-breathe{to{transform:scale(1.035)}}.sf-open-kanji{position:absolute;left:50%;top:24%;transform:translate(-50%,-50%);font-family:var(--sf-font-brush,var(--sf-font-mincho));font-weight:400;font-size:64px;line-height:1;color:var(--sf-shu-deep);opacity:.9;pointer-events:none}.sf-open-seal[data-phase=breaking] .sf-scroll-knot{animation:sf-knot-off .75s cubic-bezier(.3,.8,.3,1) forwards}.sf-open-seal[data-phase=breaking] .sf-scroll-cord{animation:sf-cord-part .6s cubic-bezier(.4,0,.2,1) forwards}.sf-open-seal[data-phase=breaking] .sf-scroll-paper{animation:sf-paper-flare .8s cubic-bezier(.3,.8,.3,1) forwards}.sf-open-seal[data-phase=breaking] span{opacity:0;transition:opacity .2s}@keyframes sf-knot-off{to{transform:translate(-50%,-260%) rotate(420deg) scale(.5);opacity:0}}@keyframes sf-cord-part{to{transform:translateY(-50%) scaleX(1.5);opacity:0}}@keyframes sf-paper-flare{40%{transform:scale(1.12);box-shadow:0 0 70px 12px rgba(229,201,119,.55)}to{transform:scale(1.5);opacity:0}}.sf-reveal{gap:16px;align-items:flex-start;flex-wrap:wrap;padding:8px 0 10px}.sf-open-acts,.sf-reveal{display:flex;justify-content:center}.sf-open-acts{align-items:center;gap:14px;min-height:38px}.sf-open-count{font-size:12.5px;letter-spacing:.06em;color:rgba(253,249,241,.55)}.sf-open-count b{color:var(--sf-gold-hi)}.sf-open .sf-chip{background:rgba(253,249,241,.08);color:#ede2d2;border-color:rgba(253,249,241,.25);box-shadow:none}.sf-open .sf-chip:hover{background:rgba(253,249,241,.16);border-color:var(--sf-gold)}.sf-tcg-back{width:100%;height:100%;border-radius:var(--card-r,9px);display:grid;place-items:center;background:repeating-linear-gradient(45deg,rgba(229,201,119,.05) 0 3px,transparent 3px 7px),linear-gradient(168deg,#3a2b31,#241c22 55%,#17111a);box-shadow:inset 0 0 0 1px rgba(229,201,119,.45),inset 0 0 0 6px rgba(23,17,26,.9),inset 0 0 0 7px rgba(229,201,119,.22),0 12px 26px -12px rgba(0,0,0,.9)}.sf-tcg-back b{display:grid;place-items:center;width:54%;aspect-ratio:1;border-radius:50%;font-family:var(--sf-font-brush);font-weight:400;font-size:46px;color:var(--sf-gold-hi);background:radial-gradient(120% 120% at 34% 26%,rgba(229,201,119,.16),transparent 62%);box-shadow:inset 0 0 0 1px rgba(229,201,119,.35)}.sf-flip{position:relative;perspective:1200px;width:204px;aspect-ratio:5/7;flex:none;cursor:pointer;animation:sf-deal .5s cubic-bezier(.2,.8,.3,1) backwards}@keyframes sf-deal{0%{transform:translateY(38px) scale(.86) rotate(0deg);opacity:0}}.sf-reveal.is-burst .sf-flip{animation-name:sf-burst;animation-duration:.7s}@keyframes sf-burst{0%{transform:translate(var(--burst-x,0),var(--burst-y,0)) rotate(var(--burst-rot,0deg)) scale(.22);opacity:0}30%{opacity:1}}.sf-flip[data-open=false]:hover{filter:brightness(1.15)}.sf-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,.8,.3,1)}.sf-flip[data-open=true] .sf-flip-inner{transform:rotateY(180deg)}.sf-flip-face{position:absolute;inset:0;backface-visibility:hidden}.sf-flip-face.is-back{transform:rotateY(180deg)}.sf-flip .sf-tcg{--card-w:204px}.sf-flip[data-flash]:before{content:"";position:absolute;left:50%;top:50%;width:100%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;z-index:3;background:radial-gradient(circle,rgba(255,255,255,.95) 0,var(--flash) 42%,transparent 70%);animation:sf-flash .9s cubic-bezier(.2,.8,.3,1) .25s backwards;opacity:0}.sf-flip[data-flash=epic]{--flash:rgba(169,140,192,0.85)}.sf-flip[data-flash=gate],.sf-flip[data-flash=legendary]{--flash:rgba(230,201,119,0.9)}.sf-flip[data-flash=gate] .sf-flip-inner,.sf-flip[data-flash=legendary] .sf-flip-inner{animation:sf-present 1.5s cubic-bezier(.3,.8,.3,1) .3s}@keyframes sf-flash{0%{opacity:0;scale:.2}35%{opacity:1;scale:1.5}to{opacity:0;scale:2.6}}@keyframes sf-present{30%,60%{transform:rotateY(180deg) scale(1.12)}}.sf-dupe{left:50%;bottom:8px;transform:translateX(-50%);background:var(--sf-ink);border-radius:var(--sf-r-sm);font-size:11.5px;font-weight:700;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.5)}.sf-dupe,.sf-newstamp{position:absolute;z-index:7;color:#fff;padding:4px 11px}.sf-newstamp{left:-7px;top:46px;background:var(--sf-grad-shu);font-size:11px;font-weight:800;letter-spacing:.16em;transform:rotate(-8deg);box-shadow:var(--sf-shadow-sm)}.sf-grid{--grid-card:186px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-card),1fr));gap:16px}.sf-cardcell{container-type:inline-size}.sf-grid .sf-tcg{--card-w:100cqw}.sf-grid>.sf-tcg{--card-w:var(--grid-card)}@media (max-width:760px){.sf-grid{--grid-card:148px;gap:10px}}.sf-chip{display:inline-flex;align-items:center;gap:.35rem;letter-spacing:.03em;border:1px solid var(--sf-border-strong);background:var(--sf-surface);color:var(--sf-ink-500);border-radius:2px;padding:6px 12px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:var(--sf-inset-hi);transition:background .15s,color .15s,border-color .15s}.sf-chip:hover{border-color:var(--sf-shu);color:var(--sf-shu-deep)}.sf-chip[aria-pressed=true]{background:var(--sf-grad-shu);border-color:var(--sf-shu-deep);color:var(--sf-on-primary);box-shadow:inset 0 1px 0 rgba(255,255,255,.24)}.sf-chip:disabled{opacity:.5;cursor:not-allowed}.sf-curve{display:flex;align-items:flex-end;gap:4px;height:46px}.sf-curve div{flex:1;background:linear-gradient(180deg,var(--sf-ink-400),var(--sf-ink-700));border-radius:1px 1px 0 0;position:relative;min-height:2px;transition:height .2s}.sf-curve div span{position:absolute;bottom:-16px;inset-inline:0;text-align:center;font-size:10px;color:var(--sf-ink-400)}.sf-problem{font-size:12.5px;color:var(--sf-danger);font-weight:600}.sf-ok{font-size:12.5px;color:var(--sf-success);font-weight:700}@media (prefers-reduced-motion:reduce){.sf-tcg-foil,.sf-tcg-spark,.sf-tcg-sweep,.sf-tcg.is-alive .sf-tcg-art img,.sf-tcg.is-alive .sf-tcg-art:before{animation:none!important}.sf-flip-inner{transition:none}.sf-flip,.sf-flip[data-flash=gate] .sf-flip-inner,.sf-flip[data-flash=legendary] .sf-flip-inner,.sf-open,.sf-open-seal .sf-scroll-paper,.sf-open-seal[data-phase=breaking] .sf-scroll-cord,.sf-open-seal[data-phase=breaking] .sf-scroll-knot,.sf-open-seal[data-phase=breaking] .sf-scroll-paper{animation:none!important}.sf-scroll,.sf-tcg,.sf-tcg-back{transition:none}}@media (max-width:720px){.sf-duel{--card-w:168px}.sf-flip,.sf-flip .sf-tcg{width:138px;--card-w:138px}.sf-reveal{gap:10px}.sf-open{padding:16px 10px}}.sf-jinmaku{position:relative;display:flex;align-items:center;gap:.75rem;padding:.55rem .85rem;border:1px solid var(--sf-border);border-left:3px solid var(--clan,var(--sf-border-strong));border-radius:var(--sf-r-xs);background:var(--sf-grad-washi);box-shadow:var(--sf-shadow-xs);color:var(--sf-ink);text-decoration:none;overflow:hidden}.sf-jinmaku:before{content:"";position:absolute;inset:0 auto 0 0;width:42%;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--clan,#6d6459) 12%,transparent) 0 10px,transparent 10px 22px);-webkit-mask:linear-gradient(90deg,#000,transparent);mask:linear-gradient(90deg,#000,transparent);pointer-events:none}.sf-jinmaku[data-open]{border-left-color:var(--sf-border-strong)}.sf-jinmaku[data-open]:before{opacity:.35}.sf-jinmaku-mon{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--clan,var(--sf-ink-400));background:var(--sf-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--clan,#6d6459) 40%,transparent),var(--sf-shadow-xs)}.sf-jinmaku-mon .sf-mon{width:19px;height:19px}.sf-jinmaku[data-open] .sf-jinmaku-mon .sf-mon{opacity:.35}.sf-jinmaku-line{position:relative;margin:0;min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.sf-jinmaku-line b{display:flex;align-items:center;gap:.4rem;font-family:var(--sf-font-display);font-size:.98rem;font-weight:700;line-height:1.2}.sf-jinmaku-title{min-width:0}.sf-jinmaku-line>span,.sf-jinmaku-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-jinmaku-line>span{font-size:.78rem;color:var(--sf-ink-500)}.sf-jinmaku-yours{flex:none;padding:1px 6px;border-radius:999px;font-family:var(--sf-font-body);font-size:.64rem;font-style:normal;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--sf-on-primary);background:var(--clan,var(--sf-ink-400))}.sf-jinmaku-you{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:1px;padding-left:.75rem;border-left:1px solid var(--sf-hair);text-align:right}.sf-jinmaku-you em{font-size:.66rem;font-style:normal;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sf-ink-400)}.sf-jinmaku-you b{font-family:var(--sf-font-display);font-size:.92rem;white-space:nowrap}.sf-jinmaku-you small{font-family:var(--sf-font-body);font-size:.72rem;font-weight:600;color:var(--sf-ink-500)}.sf-jinmaku.is-strip{transition:border-color .18s ease,box-shadow .18s ease}@media (hover:hover){.sf-jinmaku.is-strip:hover{border-color:var(--clan,var(--sf-border-strong));box-shadow:var(--sf-shadow-sm)}}@media (max-width:560px){.sf-jinmaku-chase,.sf-jinmaku-you{display:none}.sf-jinmaku-yours{padding:1px 5px;letter-spacing:.04em}.sf-jinmaku-line b{gap:.3rem}}.sf-hwar{display:flex;flex-direction:column;gap:.5rem}.sf-hwar-row{display:grid;grid-template-columns:1.6rem 34px minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.6rem .85rem;border:1px solid var(--sf-border);border-left:3px solid var(--clan,var(--sf-border-strong));border-radius:var(--sf-r-xs);background:var(--sf-surface);box-shadow:var(--sf-shadow-xs)}.sf-hwar-row[data-me]{background:var(--sf-grad-washi);border-color:color-mix(in srgb,var(--clan,#6d6459) 45%,var(--sf-border));box-shadow:var(--sf-shadow-sm)}.sf-hwar-rank{font-family:var(--sf-font-brush);font-size:1.15rem;line-height:1;text-align:center;color:var(--sf-ink-400)}.sf-hwar-row[data-lead] .sf-hwar-rank{color:var(--clan,var(--sf-ink))}.sf-hwar-body{min-width:0}.sf-hwar-name{margin:0;display:flex;align-items:baseline;gap:.45rem;font-family:var(--sf-font-display);font-size:.98rem;font-weight:700}.sf-hwar-name small{font-family:var(--sf-font-body);font-size:.72rem;font-weight:600;color:var(--sf-ink-400)}.sf-hwar-name .sf-jinmaku-yours{align-self:center}.sf-hwar-bar{display:block;margin-top:5px;height:6px;border-radius:999px;background:var(--sf-surface-sunk);box-shadow:inset 0 0 0 1px var(--sf-hair);overflow:hidden}.sf-hwar-bar i{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--clan,#6d6459) 72%,#fff),var(--clan,#6d6459))}.sf-hwar-score{text-align:right;line-height:1.15}.sf-hwar-score b{display:block;font-family:var(--sf-font-display);font-size:1.15rem}.sf-hwar-score small{font-size:.7rem;font-weight:600;color:var(--sf-ink-400)}.sf-hwar-foot{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.sf-hwar-fact{flex:1 1 9rem;padding:.6rem .8rem;border:1px solid var(--sf-border);border-radius:var(--sf-r-xs);background:var(--sf-grad-washi)}.sf-hwar-fact em{display:block;font-size:.66rem;font-style:normal;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sf-ink-400)}.sf-hwar-fact b{font-family:var(--sf-font-display);font-size:1.05rem}.sf-hwar-fact span{display:block;margin-top:1px;font-size:.76rem;color:var(--sf-ink-500)}@media (max-width:420px){.sf-hwar-row{grid-template-columns:1.2rem 28px minmax(0,1fr) auto;gap:.5rem;padding:.55rem .6rem}.sf-hwar-row .sf-jinmaku-mon{width:28px;height:28px}.sf-hwar-row .sf-jinmaku-mon .sf-mon{width:16px;height:16px}}