:root{--bg: #f4f5fa;--surface: #ffffff;--surface-2: #eef0f7;--text: #1b1f2a;--muted: #6b7280;--line: #dde1ec;--primary: #4f6df5;--primary-text: #ffffff;--c-red: #e5484d;--c-blue: #3b82f6;--c-teal: #0ea5a4;--c-green: #22a35a;--c-amber: #e08a00;--c-purple: #8b5cf6;--radius: 14px;--shadow: 0 1px 2px rgba(20, 25, 45, .06), 0 4px 14px rgba(20, 25, 45, .05);--speed: 1}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0e111d;--surface: #171b2e;--surface-2: #20253c;--text: #e8eaf4;--muted: #9aa3bd;--line: #2b3150;--primary: #7088ff;--primary-text: #0e111d;--c-red: #ff6b70;--c-blue: #6aa5ff;--c-teal: #3dd3d1;--c-green: #4cd98a;--c-amber: #ffb02e;--c-purple: #a98bff;--shadow: 0 1px 2px rgba(0, 0, 0, .4)}}:root[data-reduce-motion=true] *{animation:none!important;transition:none!important}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,Noto Sans KR,Malgun Gothic,sans-serif;font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}button,input,select{font:inherit;color:inherit}a{color:var(--primary)}h1,h2,h3{margin:0 0 8px;line-height:1.25}h1{font-size:22px}h2{font-size:17px}h3{font-size:15px}.muted{color:var(--muted)}.small{font-size:13px}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.topbar .brand{font-weight:700;text-decoration:none;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar a.nav{color:var(--muted);text-decoration:none;font-size:14px;padding:6px 8px;border-radius:10px}.topbar a.nav.active{color:var(--text);background:var(--surface-2)}.page{width:100%;max-width:560px;margin:0 auto;padding:16px 16px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.page.wide{max-width:760px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.col{display:flex;flex-direction:column;gap:8px}.grow{flex:1;min-width:0}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:11px 16px;min-height:44px;cursor:pointer;font-weight:600;transition:transform .08s ease,background .15s ease}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.btn.danger{color:var(--c-red)}.btn.big{min-height:56px;font-size:18px;width:100%}.btn.sm{min-height:36px;padding:6px 12px;font-size:14px}.input{width:100%;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface)}.input:focus-visible,.btn:focus-visible,.tile:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:2px}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--surface-2);font-size:13px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:12px;overflow:hidden}.seg button{border:0;background:transparent;padding:8px 14px;min-height:40px;cursor:pointer;font-weight:600}.seg button.on{background:var(--primary);color:var(--primary-text)}.toast{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(520px,92vw);padding:10px 16px;border-radius:12px;background:var(--text);color:var(--bg);box-shadow:var(--shadow);z-index:50;font-size:14px}.toast.error{background:var(--c-red);color:#fff}.avatar{width:44px;height:44px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-weight:700;overflow:hidden;flex:none;border:2px solid var(--line)}.avatar img{width:100%;height:100%;object-fit:cover}.hpbar{height:12px;border-radius:999px;background:var(--surface-2);overflow:hidden;position:relative}.hpbar>i{position:absolute;inset:0 auto 0 0;background:var(--c-green);border-radius:999px;transition:width calc(.6s / var(--speed)) ease,background .3s ease}.hpbar.low>i{background:var(--c-red);animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.die{width:64px;height:64px;flex:none}.die rect{fill:var(--surface);stroke:var(--text);stroke-width:3}.die circle{fill:var(--text)}.die.rolling{animation:tumble calc(.5s / var(--speed)) linear infinite}@keyframes tumble{to{transform:rotate(360deg)}}.die.empty rect{stroke-dasharray:5 5;stroke:var(--muted)}.glyph{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;font-size:18px;font-weight:700;color:#fff;flex:none}.tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;gap:10px;align-items:flex-start;text-align:left;border:2px solid var(--line);background:var(--surface);border-radius:12px;padding:10px;cursor:pointer;width:100%}.tile.on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.tile.used{opacity:.45}.tile .name{font-weight:700}.tile .desc{font-size:12.5px;color:var(--muted)}.cardgrid{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 520px){.cardgrid{grid-template-columns:1fr 1fr}}.skillrow{display:grid;grid-template-columns:minmax(96px,36%) 1fr 36px;gap:8px;align-items:center}.stepper{display:flex;align-items:center;gap:6px}.stepper .btn{width:44px;padding:0;font-size:20px}.stepper .val{min-width:32px;text-align:center;font-weight:800;font-size:20px}.meter{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.meter>i{display:block;height:100%;background:var(--primary);border-radius:999px}.fighter{position:relative;display:grid;grid-template-columns:44px 1fr;gap:4px 10px;align-items:center}.fighter .hpline{display:flex;justify-content:space-between;font-size:13px}.fighter.hit{animation:shake calc(.4s / var(--speed)) ease}@keyframes shake{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.floaty{position:absolute;right:4px;top:-6px;font-weight:900;font-size:30px;color:#ff2d3a;paint-order:stroke fill;-webkit-text-stroke:5px rgba(10,12,28,.9);--sh: 5px;animation:floatHit calc(1.3s / var(--speed)) ease-out forwards;pointer-events:none}.floaty.heal{color:#3ddc84;animation:floatUp calc(1.1s / var(--speed)) ease-out forwards}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-26px)}}@keyframes floatHit{0%{opacity:1;transform:translate(0) scale(2.1) rotate(0)}8%{transform:translate(calc(var(--sh) * -1),calc(var(--sh) * .5)) scale(1.15) rotate(-5deg)}16%{transform:translate(var(--sh),calc(var(--sh) * -.6)) scale(1.1) rotate(4deg)}24%{transform:translate(calc(var(--sh) * -.8),calc(var(--sh) * .4)) scale(1.05) rotate(-3deg)}32%{transform:translate(calc(var(--sh) * .6)) scale(1.03) rotate(2deg)}40%{transform:translate(calc(var(--sh) * -.3)) scale(1) rotate(-1deg)}48%{transform:translate(0) scale(1) rotate(0);opacity:1}66%{opacity:1;transform:translateY(-4px) scale(1) rotate(0)}to{opacity:0;transform:translateY(-26px) scale(1) rotate(0)}}.stage{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;justify-items:center;padding:12px 8px}.stage .vs{text-align:center;font-size:13px;color:var(--muted)}.stage .formula{font-weight:700;font-size:15px}.phase{text-align:center;font-weight:700}.matrix{display:grid;grid-template-columns:minmax(0,132px) 1fr 1fr;gap:4px 8px;font-size:14px}.matrix .h{color:var(--muted);font-size:12px}.matrix .cell{text-align:center;padding:7px 0;border-radius:10px;background:var(--surface-2);font-weight:700}.matrix .cell.used{opacity:.4;text-decoration:line-through}.matrix .lbl{padding:7px 0;color:var(--muted)}.matrix button.cell{border:2px solid transparent;cursor:pointer}.matrix button.cell.sel{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,var(--surface))}.matrix .cell.cur{outline:2px solid var(--c-amber)}.log{max-height:160px;overflow:auto;font-size:13px;display:flex;flex-direction:column;gap:2px}.log div{padding:2px 0;border-bottom:1px dashed var(--line)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0a0c1899;display:grid;place-items:center;padding:16px}.overlay .panel{width:min(420px,100%);text-align:center}.overlay h1{font-size:34px}.banner{text-align:center;padding:8px;border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:14px}.banner.warn{background:color-mix(in srgb,var(--c-amber) 20%,var(--surface));color:var(--text)}.cardrow{display:flex;gap:8px;flex-wrap:wrap}.minicard{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:13px}.minicard.used{opacity:.45}.minicard .glyph{width:24px;height:24px;font-size:14px;border-radius:8px}.sectionlabel{font-size:12px;color:var(--muted);margin:0 0 4px}.stagewrap{position:relative;overflow:hidden}.stagefx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:grid;place-items:center;z-index:5}.flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:flash calc(.5s / var(--speed)) ease-out}.flash.red{background:color-mix(in srgb,var(--c-red) 38%,transparent)}.flash.gold{background:color-mix(in srgb,var(--c-amber) 45%,transparent)}.flash.green{background:color-mix(in srgb,var(--c-green) 32%,transparent)}.flash.blue{background:color-mix(in srgb,var(--c-blue) 30%,transparent)}@keyframes flash{0%{opacity:1}to{opacity:0}}.bannerfx{text-align:center;animation:bannerIn calc(.65s / var(--speed)) ease both}.bannerfx .big{font-size:30px;font-weight:900;letter-spacing:.02em}.bannerfx .sub{font-size:14px;color:var(--muted)}.bannerfx.deal .big{color:var(--c-amber)}.bannerfx.endure .big{color:var(--c-teal)}.bannerfx.ko{animation:koIn calc(1.6s / var(--speed)) ease both}.bannerfx.ko .big{font-size:64px;color:var(--c-red);text-shadow:0 0 18px color-mix(in srgb,var(--c-red) 70%,transparent)}.bannerfx.timeout .big{color:var(--muted)}@keyframes bannerIn{0%{opacity:0;transform:translate(-44px) scale(.96)}22%{opacity:1;transform:none}78%{opacity:1;transform:none}to{opacity:0;transform:translate(44px)}}@keyframes koIn{0%{opacity:0;transform:scale(2.2)}18%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:0}}.cardpop{--tone: var(--primary);text-align:center;padding:10px 22px 12px;border-radius:18px;background:color-mix(in srgb,var(--tone) 16%,var(--surface));border:2px solid var(--tone);box-shadow:0 0 22px color-mix(in srgb,var(--tone) 45%,transparent);animation:popIn calc(.95s / var(--speed)) cubic-bezier(.2,1.3,.4,1) both}.cardpop .who{font-size:12px;color:var(--muted)}.cardpop .gl{font-size:46px;line-height:1.1;color:var(--tone)}.cardpop .cn{font-weight:800}.cardpop .cf{font-size:13px;color:var(--muted)}@keyframes popIn{0%{opacity:0;transform:scale(.4) rotate(-8deg)}24%{opacity:1;transform:scale(1.08)}34%{transform:scale(1)}82%{opacity:1}to{opacity:0;transform:scale(1.05)}}.cardpop.reroll .gl,.cardpop.reuse .gl{animation:spin calc(.7s / var(--speed)) ease-in-out}.cardpop.reuse .gl{animation-direction:reverse}.cardpop.ultimate .gl{animation:flame calc(.5s / var(--speed)) ease-in-out 2;text-shadow:0 0 14px var(--c-red),0 0 30px var(--c-amber)}.cardpop.shield .gl{animation:shieldUp calc(.6s / var(--speed)) ease-out}.cardpop.heal .gl{animation:floatUpGlyph calc(.8s / var(--speed)) ease-out}.cardpop.trap .gl{animation:dropIn calc(.5s / var(--speed)) cubic-bezier(.3,1.6,.5,1)}.cardpop.diceFloor .gl{animation:lockIn calc(.5s / var(--speed)) ease-out}.cardpop.weaken .gl{animation:sinkDown calc(.7s / var(--speed)) ease-in}.cardpop.reflect .gl{animation:flipY calc(.7s / var(--speed)) ease-in-out}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flame{50%{transform:scale(1.25);filter:brightness(1.4)}}@keyframes shieldUp{0%{transform:scale(.5)}70%{transform:scale(1.2)}}@keyframes floatUpGlyph{0%{transform:translateY(14px);opacity:.3}60%{transform:translateY(-6px);opacity:1}}@keyframes dropIn{0%{transform:translateY(-40px);opacity:0}}@keyframes lockIn{0%{transform:scale(1.8);opacity:.2}}@keyframes sinkDown{to{transform:translateY(10px);opacity:.6}}@keyframes flipY{to{transform:rotateY(360deg)}}.combo{position:absolute;top:4px;left:0;right:0;text-align:center;font-size:28px;font-weight:900;animation:comboIn calc(1s / var(--speed)) ease both}.combo.strike{color:var(--c-amber);text-shadow:0 0 16px var(--c-amber)}.combo.wall{color:var(--c-blue);text-shadow:0 0 10px var(--c-blue)}.combo.clash{color:var(--c-red);text-shadow:0 0 14px var(--c-red)}.combo.whiff{color:var(--muted);font-size:22px}@keyframes comboIn{0%{opacity:0;transform:scale(2) rotate(-6deg)}20%{opacity:1;transform:scale(1) rotate(0)}80%{opacity:1}to{opacity:0}}.resultfx{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:24px;font-weight:900;animation:resultIn calc(.9s / var(--speed)) ease both}.resultfx.none{color:var(--c-blue)}.resultfx.counter{color:var(--c-amber);animation-name:counterIn}.resultfx.reflect{color:var(--c-teal)}.resultfx.hit{color:var(--c-red)}.resultfx.hit.t3{font-size:34px;text-shadow:0 0 18px var(--c-red)}@keyframes resultIn{0%{opacity:0;transform:translateY(12px) scale(.9)}20%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}@keyframes counterIn{0%{opacity:0;transform:translate(60px)}25%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.floaty.t1{font-size:36px;--sh: 7px}.floaty.t2{font-size:44px;--sh: 9px;text-shadow:0 0 10px color-mix(in srgb,var(--c-red) 60%,transparent)}.floaty.t3{font-size:56px;--sh: 13px;-webkit-text-stroke-width:6px;text-shadow:0 0 16px var(--c-red)}.battle{transition:transform calc(.35s / var(--speed)) ease,filter calc(.5s / var(--speed)) ease}.battle.zoom{transform:scale(1.025)}.battle.dim{filter:brightness(.6) saturate(.8)}.battle.danger:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15;box-shadow:inset 0 0 90px #e5484d59;animation:pulse .93s ease-in-out infinite}.fighter.aura .avatar{border-color:var(--c-teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-teal) 40%,transparent),0 0 16px var(--c-teal);animation:aura 1.6s ease-in-out infinite}@keyframes aura{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--c-teal) 25%,transparent),0 0 24px var(--c-teal)}}.fighter.lowhp .avatar{border-color:var(--c-red)}.fighter.winner .avatar{border-color:var(--c-amber);animation:winGlow 1.1s ease-in-out infinite alternate}@keyframes winGlow{0%{box-shadow:0 0 6px var(--c-amber)}to{box-shadow:0 0 26px var(--c-amber)}}.cell.statflash{animation:statflash calc(.9s / var(--speed)) ease}@keyframes statflash{0%,60%{background:color-mix(in srgb,var(--c-red) 55%,var(--surface-2));transform:scale(1.12)}}.cell.weakpick{border:2px solid var(--c-purple);cursor:pointer}.minicard.fresh{animation:freshPulse .9s ease 2;border-color:var(--c-amber)}@keyframes freshPulse{50%{box-shadow:0 0 14px var(--c-amber);transform:scale(1.06)}}.endcard h1{animation:popIn calc(.8s / var(--speed)) ease both;animation-fill-mode:backwards}.endcard.win h1{color:var(--c-green)}.endcard.lose h1{color:var(--c-red)}.endcard.draw h1{color:var(--muted)}.endcard .summary{display:flex;flex-direction:column;gap:2px}.cardpopup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;background:#060812a3;overflow:hidden;cursor:pointer;animation:popBackdrop calc(1.5s / var(--speed)) ease both}@keyframes popBackdrop{0%{opacity:0}12%{opacity:1}86%{opacity:1}to{opacity:0}}.cardpopup .burst{position:absolute;left:50%;top:50%;width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;background:repeating-conic-gradient(from 0deg,transparent 0 9deg,color-mix(in srgb,var(--c-amber) 16%,transparent) 9deg 18deg);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 38%);mask-image:radial-gradient(circle,#000 0,transparent 38%);animation:rays calc(4s / var(--speed)) linear infinite}@keyframes rays{to{transform:rotate(360deg)}}.bigcard{position:relative;width:min(76vw,250px);padding:20px 14px 18px;border-radius:22px;border:3px solid var(--tone);background:linear-gradient(160deg,color-mix(in srgb,var(--tone) 30%,var(--surface)),var(--surface) 62%);box-shadow:0 0 44px color-mix(in srgb,var(--tone) 60%,transparent),0 12px 32px #00000073;animation:bigIn calc(1.5s / var(--speed)) cubic-bezier(.2,1.2,.3,1) both}@keyframes bigIn{0%{opacity:0;transform:perspective(700px) rotateY(90deg) scale(.5)}18%{opacity:1;transform:perspective(700px) rotateY(-8deg) scale(1.12)}28%{transform:perspective(700px) rotateY(0) scale(1)}86%{opacity:1;transform:scale(1.03)}to{opacity:0;transform:scale(1.28)}}.bigcard .gl{font-size:88px;line-height:1.1;margin:6px 0}.bigcard .cn{font-size:24px;font-weight:900}.bigcard .cf{font-size:16px;font-weight:800;color:var(--tone);margin-top:2px}.bigcard .cd{font-size:12.5px;color:var(--muted);margin-top:8px}.bigcard .ribbon{position:absolute;top:-15px;left:50%;transform:translate(-50%);padding:2px 18px;border-radius:999px;background:var(--tone);color:#fff;font-weight:900;font-size:14px;letter-spacing:.08em;white-space:nowrap;box-shadow:0 2px 10px #00000059}.bigcard.theirs .ribbon{background:var(--c-red)}.battle.cardimpact{animation:cardImpact calc(.4s / var(--speed)) ease}@keyframes cardImpact{30%{transform:scale(1.025)}}.vsheader{position:relative;padding:10px 10px 12px;border-radius:18px;border:1px solid var(--line);background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--c-blue) 22%,transparent),transparent 55%),radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--c-red) 22%,transparent),transparent 55%),var(--surface);box-shadow:var(--shadow);overflow:hidden}.vsturn{display:flex;justify-content:center;gap:6px;margin-bottom:4px}.vsrow{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6px;padding:0 14px}.vsmark{position:absolute;left:50%;top:41%;z-index:6;font-size:38px;font-weight:900;font-style:italic;letter-spacing:-.02em;color:var(--c-amber);text-shadow:0 0 14px color-mix(in srgb,var(--c-amber) 80%,transparent),0 0 3px #000,2px 2px 0 rgba(0,0,0,.6);transform:translate(-50%,-50%) skew(-8deg);pointer-events:none;animation:vsPulse 2.4s ease-in-out infinite}@keyframes vsPulse{50%{transform:translate(-50%,-50%) skew(-8deg) scale(1.12)}}.side{--edge: var(--c-blue);position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.side.foe{--edge: var(--c-red)}.side .hpnum{line-height:1}.side .hpnum small{font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.1em}.side .hpnum b{font-size:30px;font-weight:900;font-variant-numeric:tabular-nums}.side.lowhp .hpnum b{color:var(--c-red);animation:pulse 1.1s ease-in-out infinite}.portrait{position:relative;width:min(100%,190px);aspect-ratio:1;border-radius:18px;overflow:visible;border:3px solid var(--edge);background:var(--surface-2);box-shadow:0 6px 16px #0000004d}.portrait>img,.portrait>svg{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px}.side.attacker .portrait{box-shadow:0 0 0 3px color-mix(in srgb,var(--edge) 35%,transparent),0 0 22px color-mix(in srgb,var(--edge) 70%,transparent)}.atkbadge{position:absolute;left:-8px;top:-10px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--edge);color:#fff;font-size:15px;box-shadow:0 2px 8px #0006}.endbadge{position:absolute;right:-8px;top:-10px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--c-teal);color:#fff;font-size:13px}.side.hit .portrait{animation:shake calc(.4s / var(--speed)) ease}.side.hit .portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:color-mix(in srgb,var(--c-red) 55%,transparent);animation:flash calc(.45s / var(--speed)) ease-out forwards}.side.aura .portrait{border-color:var(--c-teal);animation:aura 1.6s ease-in-out infinite}.side.lowhp .portrait{border-color:var(--c-red)}.side.winner .portrait{border-color:var(--c-amber);animation:winGlow 1.1s ease-in-out infinite alternate}.side .vsname{max-width:100%;font-weight:800;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side .hpbar{width:min(34vw,150px)}.side .floaty{left:0;right:0;text-align:center;top:34%;z-index:6;text-shadow:0 2px 6px rgba(0,0,0,.55)}.vsheader{color:#fff;--muted: rgba(255, 255, 255, .72);border-color:#2a3050;background:#070a16;isolation:isolate}.vsheader>*:not(.ringbg){position:relative;z-index:2}.vsheader .chip{background:#ffffff29;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.vsheader .hpbar{background:#fff3}.vsheader .side .hpnum b,.vsheader .side .vsname{text-shadow:0 2px 6px rgba(0,0,0,.7)}.ringbg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#0a0e20,#151b3a 48%,#0c1124)}.ringbg i{position:absolute;display:block}.ringbg .crowd{left:0;right:0;top:0;height:30%;background:radial-gradient(circle at 10px 16px,#04060e 7px,transparent 7.5px) 0 0 / 20px 22px repeat-x,radial-gradient(circle at 20px 22px,#05070f 8px,transparent 8.5px) 0 0 / 28px 26px repeat-x,linear-gradient(180deg,#04060e 0%,transparent 100%);opacity:.95}.ringbg .spot{top:-8%;width:46%;height:120%;background:linear-gradient(180deg,#ffffff57,#ffffff05 78%);filter:blur(6px);mix-blend-mode:screen;transform-origin:50% 0}.ringbg .spot.l{left:-4%;clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);animation:spotSwayL 5.5s ease-in-out infinite}.ringbg .spot.r{right:-4%;clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);animation:spotSwayR 6.5s ease-in-out infinite}@keyframes spotSwayL{50%{transform:rotate(7deg)}}@keyframes spotSwayR{50%{transform:rotate(-7deg)}}.ringbg .rope{left:4%;right:4%;height:5px;border-radius:4px;box-shadow:0 3px 6px #0009,inset 0 1px #ffffff80}.ringbg .rope.r1{top:34%;background:linear-gradient(180deg,#ff6b70,#c0262d)}.ringbg .rope.r2{top:47%;background:linear-gradient(180deg,#fff,#b9bfd6)}.ringbg .rope.r3{top:60%;background:linear-gradient(180deg,#6aa5ff,#2457c5)}.ringbg .floor{left:-6%;right:-6%;bottom:0;height:40%;background:radial-gradient(60% 90% at 50% 20%,rgba(255,255,255,.28),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 34px),linear-gradient(180deg,#343d6e,#1c2247);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);border-top:2px solid rgba(255,255,255,.18)}.ringbg .post{top:22%;bottom:34%;width:10px;border-radius:6px;background:linear-gradient(90deg,#5b6384,#2d3352)}.ringbg .post:after{content:"";position:absolute;left:-5px;right:-5px;top:14%;height:58%;border-radius:8px}.ringbg .post.l{left:2.2%}.ringbg .post.l:after{background:linear-gradient(180deg,#5a8dff,#1f4fc2)}.ringbg .post.r{right:2.2%}.ringbg .post.r:after{background:linear-gradient(180deg,#ff6b70,#b3202a)}.vsheader{padding-bottom:16px}.vsheader .portrait{width:min(100%,210px)}.vsheader .side .hpbar{width:min(90%,190px)}.ringbg .crowd{height:34%;background:radial-gradient(circle at 10px 18px,#1a2248 7px,transparent 7.5px) 0 0 / 20px 24px repeat-x,radial-gradient(circle at 20px 24px,#121a3c 8px,transparent 8.5px) 0 0 / 28px 28px repeat-x,linear-gradient(180deg,#0b1030 0%,transparent 100%)}.ringbg .crowd:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 14% 46%,#fff 1.6px,transparent 2.4px),radial-gradient(circle at 37% 30%,#ffe9a8 1.4px,transparent 2.2px),radial-gradient(circle at 61% 50%,#fff 1.6px,transparent 2.4px),radial-gradient(circle at 84% 34%,#ffe9a8 1.4px,transparent 2.2px);animation:camFlash 3.2s steps(1,end) infinite}@keyframes camFlash{0%,40%,to{opacity:0}42%{opacity:1}46%{opacity:0}70%{opacity:0}72%{opacity:1}75%{opacity:0}}.side.bighit .portrait{animation:bigHit calc(.8s / var(--speed)) ease both}@keyframes bigHit{0%{transform:scale(1.16);filter:brightness(2.4) saturate(.3)}20%{transform:scale(1.16);filter:brightness(1.9) saturate(.5)}28%{transform:translate(-11px) rotate(-4deg);filter:none}40%{transform:translate(11px) rotate(4deg)}52%{transform:translate(-7px) rotate(-2deg)}66%{transform:translate(5px)}82%{transform:translate(-2px)}to{transform:none}}.battle.hitstop .vsheader:after,.battle.hitstop .stagewrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;background:#fff;opacity:0;animation:stopFlash calc(.22s / var(--speed)) ease-out}@keyframes stopFlash{0%{opacity:.85}to{opacity:0}}.battle.impact2{animation:impactShake2 calc(.5s / var(--speed)) ease .15s}.battle.impact3{animation:impactShake3 calc(.75s / var(--speed)) ease .15s}@keyframes impactShake2{20%{transform:translate(-5px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px)}}@keyframes impactShake3{15%{transform:translate(-9px,4px) scale(1.03)}30%{transform:translate(9px,-4px) scale(1.03)}45%{transform:translate(-6px,3px) scale(1.03)}60%{transform:translate(5px,-2px) scale(1.02)}80%{transform:translate(-2px,1px) scale(1.02)}}.vsheader.tense{border-color:var(--c-red);animation:tensePulse 1.1s ease-in-out infinite}@keyframes tensePulse{50%{box-shadow:0 0 0 2px color-mix(in srgb,var(--c-red) 55%,transparent),0 0 26px color-mix(in srgb,var(--c-red) 55%,transparent)}}.stagewrap.fatewrap{border-color:var(--c-red);animation:tensePulse .9s ease-in-out infinite}.fatelabel{margin-top:4px;font-size:18px;font-weight:900;letter-spacing:.06em;color:var(--c-red);text-shadow:0 0 12px color-mix(in srgb,var(--c-red) 60%,transparent);animation:fateBlink .9s ease-in-out infinite}@keyframes fateBlink{50%{transform:scale(1.1);opacity:.75}}.chip.hot{background:color-mix(in srgb,var(--c-red) 38%,var(--surface-2));color:#fff;font-weight:800}.threatchip{animation:fateBlink 1s ease-in-out infinite}.chip.urgent{background:var(--c-red);color:#fff;font-weight:900;animation:urgentPulse .5s ease-in-out infinite}@keyframes urgentPulse{50%{transform:scale(1.18)}}.cell.finisher{box-shadow:0 0 0 2px var(--c-amber),0 0 12px color-mix(in srgb,var(--c-amber) 70%,transparent)}.btn.cardready{--tone: var(--primary);border-color:var(--tone);animation:readyGlow 1.4s ease-in-out infinite}@keyframes readyGlow{50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--tone) 35%,transparent),0 0 18px color-mix(in srgb,var(--tone) 60%,transparent)}}.minicard.ready{--tone: var(--primary);border-color:var(--tone);animation:readyGlow 1.4s ease-in-out infinite}.side.waiting .portrait{animation:breathe 1.8s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.04);box-shadow:0 0 20px color-mix(in srgb,var(--edge) 60%,transparent)}}.thinking{display:inline-flex;gap:3px;margin-left:5px;vertical-align:middle}.thinking i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:dotBlink 1.2s infinite}.thinking i:nth-child(2){animation-delay:.2s}.thinking i:nth-child(3){animation-delay:.4s}@keyframes dotBlink{0%,80%,to{opacity:.2}40%{opacity:1}}.bannerfx.reversal .big{font-size:34px;color:var(--c-amber);font-style:italic;text-shadow:0 0 18px var(--c-amber),2px 2px 0 rgba(0,0,0,.4)}.resultfx.finish{font-size:40px;color:var(--c-red);text-shadow:0 0 20px var(--c-red),2px 2px 0 rgba(0,0,0,.5);animation:finishIn calc(3.6s / var(--speed)) ease both}@keyframes finishIn{0%{opacity:0;transform:scale(3)}18%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:0}}.battle.lost{filter:grayscale(.9) brightness(.75)}.overlay{overflow:hidden}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti i{position:absolute;top:-16px;width:8px;height:14px;border-radius:2px;animation:confettiFall 3.2s linear infinite}@keyframes confettiFall{to{transform:translate(var(--dx, 0),110vh) rotate(720deg)}}:root[data-reduce-motion=true] .confetti{display:none}.battle.slowmo{transform:scale(1.06);filter:brightness(.7) saturate(.75);transition:transform calc(3s / var(--speed)) ease-out,filter calc(2s / var(--speed)) ease-out;animation:slowShake calc(3.4s / var(--speed)) ease .5s both}.battle.slowmo .vsheader:after,.battle.slowmo .stagewrap:after{animation-duration:calc(.9s / var(--speed))}@keyframes slowShake{0%{transform:scale(1)}12%{transform:translate(-10px,4px) scale(1.03)}26%{transform:translate(8px,-3px) scale(1.04)}42%{transform:translate(-5px,2px) scale(1.05)}60%{transform:translate(2px) scale(1.055)}to{transform:scale(1.06)}}.battle.slowmo:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:14;box-shadow:inset 0 0 140px #000000d9;animation:slowVignette calc(2.4s / var(--speed)) ease-out both}@keyframes slowVignette{0%{opacity:0}}.endhero{position:relative;margin:-14px -14px 0;width:calc(100% + 28px);aspect-ratio:1 / 1;max-height:56vh;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;border-bottom:3px solid var(--c-amber);box-shadow:0 6px 24px -10px color-mix(in srgb,var(--c-amber) 80%,transparent);display:flex;background:var(--surface-2);animation:heroIn calc(.7s / var(--speed)) ease backwards}.endcard.lose .endhero{border-bottom-color:var(--c-red);box-shadow:0 6px 24px -10px color-mix(in srgb,var(--c-red) 80%,transparent)}.endcard.draw .endhero{border-bottom-color:var(--muted);box-shadow:none}.endcard{overflow:hidden}@keyframes heroIn{0%{opacity:0;transform:scale(.85)}}.winphoto{flex:1;min-width:0;height:100%}.winphoto img,.winphoto svg{width:100%;height:100%;object-fit:cover;display:block}.endcap{position:absolute;left:0;right:0;bottom:0;padding:44px 12px 12px;text-align:center;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.5) 55%,transparent)}.endname{font-size:32px;line-height:1.15;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.85);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endcap h1{margin:0;font-size:44px;line-height:1.1;text-shadow:0 0 18px currentColor,0 3px 8px rgba(0,0,0,.7)}.endreason{text-align:center}.endcard .summary{font-size:12px;opacity:.85}.minicard.clickable{cursor:pointer}.cardtip{position:fixed;z-index:70;transform:translateY(-100%);padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 24px #00000073;display:flex;flex-direction:column;gap:6px;font-size:14px;pointer-events:none}.cardinfo-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:16px;background:#0000008c}.cardinfo{width:min(360px,100%);gap:10px;animation:heroIn calc(.25s / var(--speed)) ease backwards}.matrix .lbl{max-width:132px;font-size:12.5px;line-height:1.2;align-self:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side .power{font-size:12px;font-weight:700;color:var(--muted);display:flex;align-items:baseline;justify-content:center;gap:4px;padding:1px 8px;border-radius:999px;background:#00000047;align-self:center}.side .power b{font-size:15px;color:var(--c-amber)}.endcap .winis{font-size:15px;font-weight:800;letter-spacing:.12em;color:#fff;opacity:.9;text-shadow:0 2px 6px rgba(0,0,0,.85)}.endcard.win h1,.endcard.draw h1{font-size:clamp(24px,9vw,44px);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endcard.win .endcap h1{color:#fff}.cardpops{display:flex;justify-content:center;align-items:stretch;gap:10px;position:relative}.bigcard.multi{width:min(42vw,170px);padding:18px 8px 14px}.bigcard.multi .gl{font-size:58px}.bigcard.multi .cn{font-size:18px}.bigcard.multi .cf{font-size:13px}.bigcard.multi .who{min-height:24px}.skillcut{position:absolute;left:0;right:0;top:50%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px 10px;transform:translateY(-50%) skewY(-3deg);background:linear-gradient(90deg,transparent,rgba(5,8,20,.82) 14%,rgba(5,8,20,.82) 86%,transparent);animation:cutIn calc(.85s / var(--speed)) cubic-bezier(.2,.9,.3,1) both;z-index:6}.skillcut small{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--c-blue)}.skillcut.theirs small{color:var(--c-red)}.skillcut b{max-width:100%;font-size:clamp(20px,7.4vw,38px);line-height:1.15;font-weight:900;font-style:italic;color:var(--c-amber);text-shadow:0 0 16px color-mix(in srgb,var(--c-amber) 70%,transparent),2px 2px 0 rgba(0,0,0,.6);text-align:center;overflow-wrap:anywhere}@keyframes cutIn{0%{opacity:0;transform:translateY(-50%) translate(38%) skewY(-3deg) scale(1.1)}22%{opacity:1;transform:translateY(-50%) translate(0) skewY(-3deg) scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-50%) translate(-8%) skewY(-3deg)}}.portrait .cry{position:absolute;top:6px;z-index:7;width:calc(100% - 8px);text-align:center;line-height:1.05;overflow-wrap:anywhere;font-weight:900;font-style:italic;font-size:22px;color:#fff;paint-order:stroke fill;-webkit-text-stroke:4px rgba(10,12,28,.85);text-shadow:0 0 10px rgba(229,72,77,.85);transform:rotate(-6deg);pointer-events:none;animation:cryPop calc(1.1s / var(--speed)) cubic-bezier(.2,1.3,.3,1) both}.side.me .portrait .cry{left:4px}.side.foe .portrait .cry{right:4px;transform:rotate(6deg)}.portrait .cry.hurt2,.portrait .cry.counterHit{font-size:26px}.portrait .cry.hurt3{font-size:28px;color:#ffe9e9}.portrait .cry.finish{font-size:25px;color:#ffd6d6;animation-duration:calc(1.5s / var(--speed))}.portrait .cry.attack,.portrait .cry.block,.portrait .cry.heal,.portrait .cry.lowHp{font-size:18px;text-shadow:0 0 8px rgba(120,160,255,.8)}@keyframes cryPop{0%{opacity:0;transform:scale(.4) rotate(-14deg)}18%{opacity:1;transform:scale(1.25) rotate(-6deg)}32%{transform:scale(1) rotate(-6deg)}80%{opacity:1}to{opacity:0;transform:scale(1.1) translateY(-8px) rotate(-6deg)}}.vsheader{padding:8px 8px 10px}.vsturn{display:flex;justify-content:center;margin:0 0 6px}.vsheader .chip.turnnum{font-size:13px;font-weight:800;letter-spacing:.04em;padding:3px 14px}.vsrow{padding:0;gap:4px}.vsheader .side{gap:5px}.vsheader .portrait{width:100%;aspect-ratio:5 / 6}.vsmark{top:52%}.hpgauge{position:relative;width:100%;height:24px;border-radius:999px;overflow:hidden;background:#fff3;border:1px solid rgba(255,255,255,.28);box-shadow:0 2px 8px #00000059}.hpgauge>i{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#5fe39a,#2fb872);transition:width calc(.6s / var(--speed)) ease,background .3s ease}.hpgauge.low>i{background:linear-gradient(180deg,#ff7b80,#d93c42);animation:pulse 1.1s ease-in-out infinite}.hpgauge .hpval{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:4px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.9)}.hpgauge .hpval small{font-size:10px;font-weight:800;opacity:.85}.hpgauge .hpval b{font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}.vsheader .side .portrait{border-width:2px;filter:saturate(.85) brightness(.88);transition:filter .3s ease,box-shadow .3s ease,border-color .3s ease}.vsheader .side.attacker .portrait{border-width:4px;filter:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--edge) 55%,transparent),0 0 26px color-mix(in srgb,var(--edge) 85%,transparent);animation:turnGlow 1.6s ease-in-out infinite alternate}.vsheader .atkbadge{left:-6px;top:-8px;width:36px;height:36px;font-size:20px;border:2px solid #fff;z-index:8}@keyframes turnGlow{0%{box-shadow:0 0 0 2px color-mix(in srgb,var(--edge) 45%,transparent),0 0 14px color-mix(in srgb,var(--edge) 60%,transparent)}to{box-shadow:0 0 0 3px color-mix(in srgb,var(--edge) 70%,transparent),0 0 30px color-mix(in srgb,var(--edge) 95%,transparent)}}.hpgauge>i.fill{inset:0 auto 0 0;clip-path:none;transition:width calc(.6s / var(--speed)) ease,background .3s ease}.hpgauge[data-tier="3"]>i.fill{background:linear-gradient(180deg,#5fe39a,#2fb872)}.hpgauge[data-tier="2"]>i.fill{background:linear-gradient(180deg,#cfe85a,#9cc02a)}.hpgauge[data-tier="1"]>i.fill{background:linear-gradient(180deg,#ffc45a,#e8920f)}.hpgauge[data-tier="0"]>i.fill{background:linear-gradient(180deg,#ff7b80,#d93c42)}.hpgauge.low>i.fill{animation:pulse 1.1s ease-in-out infinite}.hpgauge .hpval{z-index:1}.chip.turnnum.late{background:linear-gradient(180deg,#e5484de6,#a01e28e6);border-color:#ffffff80}.chip.turnnum .latetag{display:block;font-size:10px;font-weight:800;letter-spacing:.02em;opacity:.95;line-height:1.1}.warn{color:#ef4b50;font-weight:700}.pts{font-variant-numeric:tabular-nums;font-size:18px}.pts.ok{color:#3fd07c}.pts.short{color:#ef4b50}.ptmeter{position:relative;height:22px;border-radius:999px;background:var(--surface-2);overflow:visible}.ptmeter>i{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(180deg,#ffc45a,#e8920f);transition:width .2s ease,background .2s ease}.ptmeter.short>i{background:linear-gradient(180deg,#ff7b80,#d93c42)}.ptmeter .minmark{position:absolute;top:-3px;bottom:-3px;width:0;border-left:2px dashed rgba(255,255,255,.85);filter:drop-shadow(0 0 2px rgba(0,0,0,.6))}.ptmeter .minmark small{position:absolute;top:100%;left:-2px;transform:translate(-50%);margin-top:2px;font-size:10px;font-weight:800;color:var(--muted, #8a90a8);white-space:nowrap}.hpgauge.editorhp{height:26px}.skillrow .statbar>i{transition:width .15s ease,background .15s ease}.statbar[data-lv="0"]>i{background:#98a0b8}.statbar[data-lv="1"]>i{background:#4f9cf5}.statbar[data-lv="2"]>i{background:#9a6cf5}.statbar[data-lv="3"]>i{background:#f5a524}.statnum{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.statnum[data-lv="0"]{color:#98a0b8}.statnum[data-lv="1"]{color:#4f9cf5}.statnum[data-lv="2"]{color:#9a6cf5}.statnum[data-lv="3"]{color:#f5a524}.ptmeter{margin-bottom:16px}.chatfab{position:fixed;right:14px;bottom:14px;z-index:30;display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 16px;border-radius:999px;border:1px solid var(--border, rgba(255, 255, 255, .18));background:var(--surface);color:var(--text);font-weight:800;box-shadow:0 6px 20px #00000059}.chatfab .badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4b50;color:#fff;font-size:12px;line-height:20px;text-align:center}.chatpeek{position:fixed;right:14px;bottom:70px;z-index:30;max-width:min(78vw,320px);padding:8px 12px;border-radius:14px 14px 4px;background:var(--surface);color:var(--text);border:1px solid var(--border, rgba(255, 255, 255, .18));box-shadow:0 6px 20px #00000059;font-size:14px;overflow-wrap:anywhere;animation:cryPop .25s ease-out}.chatsheet{position:fixed;left:0;right:0;bottom:0;z-index:35;margin:0 auto;width:min(100%,520px);max-height:68vh;display:flex;flex-direction:column;gap:8px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:var(--surface);color:var(--text);border:1px solid var(--border, rgba(255, 255, 255, .18));box-shadow:0 -8px 28px #00000073}.chatsheet header{display:flex;align-items:center;justify-content:space-between;gap:8px}.chatlist{display:flex;flex-direction:column;gap:6px;min-height:120px;overflow-y:auto;padding:4px 2px}.chatmsg{max-width:82%;padding:7px 11px;border-radius:14px;background:var(--surface-2);overflow-wrap:anywhere;white-space:pre-wrap;align-self:flex-start}.chatmsg.mine{align-self:flex-end;background:var(--primary);color:#fff}.chatmsg small{display:block;font-size:11px;opacity:.75;margin-bottom:1px}.chatform{display:flex;gap:8px}.chatform .input{flex:1;min-width:0}.watchchip{position:fixed;left:14px;bottom:14px;z-index:29;padding:6px 12px;border-radius:999px;background:var(--surface);color:var(--muted);border:1px solid var(--border, rgba(255, 255, 255, .18));font-size:12px;font-weight:700;box-shadow:0 4px 14px #0000004d}.roleselect .btn.big{min-height:56px}.roleselect .watchbtn{background:var(--surface-2)}.verTag{position:fixed;right:10px;bottom:8px;z-index:5;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--muted);opacity:.7;pointer-events:none;font-variant-numeric:tabular-nums}.loginbar{gap:8px}.loginbox{gap:6px}.slotbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.slot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:inherit;cursor:pointer;font:inherit;min-width:0}.slot.on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--surface-2))}.slot .sname{font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot .newmark{width:44px;height:44px;display:grid;place-items:center;font-size:26px;border-radius:50%;border:2px dashed var(--line)}.codebox{gap:4px;padding:8px 10px;border-radius:var(--radius);background:color-mix(in srgb,var(--c-amber) 12%,var(--surface-2))}.bigcode{font-size:22px;letter-spacing:.08em}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.phslot{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.phbox{position:relative;width:100%;max-width:120px;aspect-ratio:1;padding:0;border:2px dashed var(--line);border-radius:16px;background:var(--surface-2);overflow:hidden;cursor:pointer;display:block}.phbox .avatar{width:100%;height:100%;border:0;border-radius:0;font-size:34px}.phbox .plus{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:30px;color:var(--muted);background:color-mix(in srgb,var(--surface-2) 55%,transparent)}.phbox.sm{width:56px;max-width:56px;border-radius:12px}.phbox.sm .avatar{font-size:22px}.phlabel{text-align:center;line-height:1.2}.skn{width:18px;text-align:right}.homechars{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.hchar{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--radius);background:var(--surface-2);min-width:0}.hchar .sname{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpuopts summary,details summary{cursor:pointer;font-weight:700;padding:4px 0}.versus{color:var(--c-amber);font-weight:700}.vsrecord{position:relative;text-align:center;font-size:13px;font-weight:800;letter-spacing:.04em;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.85);padding:2px 0 8px}.endhero.duo{gap:2px;aspect-ratio:5 / 3}.endside{position:relative;flex:1;min-width:0;overflow:hidden}.endside .winphoto{height:100%}.endside.won{box-shadow:inset 0 0 0 4px var(--c-amber);z-index:1}.endside.lost .winphoto{filter:grayscale(.55) brightness(.72)}.endside .sidecap{padding-top:36px}.endside .endname{font-size:clamp(16px,5.2vw,26px)}.endline{margin-top:4px;font-size:clamp(12px,3.6vw,16px);font-weight:700;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.9);overflow-wrap:anywhere}.endside.lost .endline{color:#e5e7eb;font-style:italic}.enddraw{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.enddraw h1{margin:0;padding:4px 14px;border-radius:12px;background:#0000008c;color:#fff}.dyingveil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at center,transparent 42%,rgba(8,0,12,.62) 100%);-webkit-backdrop-filter:saturate(.75);backdrop-filter:saturate(.75);animation:dyingPulse 1.1s ease-in-out infinite}@keyframes dyingPulse{0%,to{opacity:.72}18%{opacity:1}36%{opacity:.8}54%{opacity:1}}.page.battle.dying .vsheader .side.me .portrait{animation:dyingShake 1.1s ease-in-out infinite}@keyframes dyingShake{0%,to{transform:translate(0)}18%{transform:translate(-1.5px,1px)}36%{transform:translate(1px,-1px)}54%{transform:translate(1.5px,1px)}}.sweat{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:14px;pointer-events:none}.sweat i{position:absolute;top:4%;width:7px;height:11px;border-radius:50% 50% 55% 55%/65% 65% 40% 40%;background:linear-gradient(160deg,#ebf8fff2,#96d2f5d9);box-shadow:0 0 0 1px #4682b459;opacity:0;animation:dyingSweat 1.7s ease-in infinite}.sweat i:nth-child(1){left:22%;animation-delay:0s}.sweat i:nth-child(2){left:74%;animation-delay:-.5s;animation-duration:2s}.sweat i:nth-child(3){left:48%;animation-delay:-1s;animation-duration:1.5s}.sweat i:nth-child(4){left:35%;animation-delay:-1.4s;animation-duration:2.2s}.sweat i:nth-child(5){left:62%;animation-delay:-.2s;animation-duration:1.9s}@keyframes dyingSweat{0%{transform:translateY(0) scale(.7);opacity:0}15%{opacity:1;transform:translateY(0) scale(1)}to{transform:translateY(520%) scale(1);opacity:0}}:root[data-reduce-motion=true] .dyingveil,:root[data-reduce-motion=true] .page.battle.dying .vsheader .side.me .portrait,:root[data-reduce-motion=true] .sweat i{animation:none;opacity:.9}.endside.tie .winphoto{filter:grayscale(.6) brightness(.78);animation:tieShake .5s ease-in-out 3}@keyframes tieShake{0%,to{transform:translate(0)}25%{transform:translate(-3px) rotate(-.6deg)}75%{transform:translate(3px) rotate(.6deg)}}.enddraw h1{letter-spacing:.12em;border:3px solid rgba(255,255,255,.85);animation:drawStamp calc(.55s / var(--speed)) cubic-bezier(.2,1.4,.4,1) backwards}@keyframes drawStamp{0%{opacity:0;transform:scale(2.4) rotate(-10deg)}to{transform:scale(1) rotate(-4deg)}}.langseg{align-self:flex-end}.hometitle{text-align:center;padding:6px 0 2px}.hometitle h1{margin:0 0 6px}.part{border:2px solid var(--line);border-radius:26px;background:var(--surface);padding:0 14px 14px;display:flex;flex-direction:column;gap:12px}.parttitle{margin:-2px -16px 0;padding:10px 18px;border-radius:24px;background:color-mix(in srgb,var(--c-green) 72%,#000);color:#fff;font-size:18px;letter-spacing:.04em}.partbody{display:flex;flex-direction:column;gap:10px}.bullets{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.bigbox{display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-height:130px;padding:16px 14px 14px;border-radius:var(--radius);background:var(--surface-2)}.bigbox .bigtext{font-size:22px;font-weight:800}.homefoot{display:flex;justify-content:flex-end;margin-bottom:18px}.hometop{display:flex;justify-content:space-between;align-items:center;gap:8px}.hometitle h1{font-size:clamp(32px,10vw,48px);line-height:1.1}.hometitle p{font-size:clamp(14px,3.8vw,17px)}.parttitle{background:linear-gradient(120deg,var(--primary),var(--c-purple));color:var(--primary-text)}.homefoot{display:none}.levelrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.levelrow .btn{white-space:nowrap;padding-inline:4px}.bullets{padding-left:16px}.bullets li{font-size:13px}.hometitle+.part,.part .muted.small{line-height:1.35}.parttitle{width:25%;min-width:max-content;margin:-2px 0 0 -16px;padding:8px 16px;text-align:center;white-space:nowrap;font-size:16px}p.noticefoot,main>p.muted.small:last-of-type{font-size:11px}.hometop .btn,.langseg button{white-space:nowrap}.langseg button{padding:8px 10px}.skillrow>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.langseg button{display:grid;place-items:center;padding:8px 12px}.langseg button svg{display:block;border-radius:3px;box-shadow:0 0 0 1px #00000059;opacity:.6}.langseg button.on svg{opacity:1}.clashfx{--clash: calc(4.1s / var(--speed, 1));position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;background:#020208d1;animation:clashFade var(--clash) linear both;cursor:pointer}@keyframes clashFade{0%{opacity:0}4.15%{opacity:1}95.12%{opacity:1}to{opacity:0}}.clashstage{position:relative;display:flex;align-items:center;justify-content:center;width:min(100vw,560px)}.clashside{position:relative;width:min(42vw,230px);flex:none}.clashside.w{z-index:2;animation:clashWin var(--clash) cubic-bezier(.2,.7,.2,1) both}.clashside.l{z-index:1;animation:clashLose var(--clash) cubic-bezier(.2,.7,.2,1) both}@keyframes clashWin{0%{transform:translate(calc(var(--s) * 70vw));animation-timing-function:cubic-bezier(.1,.8,.3,1)}5.61%{transform:translate(calc(var(--s) * 28%));animation-timing-function:ease-in-out}10.49%{transform:translate(calc(var(--s) * 40%)) rotate(calc(var(--s) * 7deg)) scale(.96);animation-timing-function:cubic-bezier(.8,0,1,.7)}12.93%{transform:translate(calc(var(--s) * -9%)) rotate(0) scale(1.1);animation-timing-function:cubic-bezier(.1,.8,.3,1)}15.37%{transform:translate(calc(var(--s) * -6%)) scale(1);animation-timing-function:linear}71.46%{transform:translate(calc(var(--s) * -6%)) rotate(0) scale(1);animation-timing-function:cubic-bezier(0,1,.4,1)}72.44%{transform:translate(calc(var(--s) * -24%)) rotate(calc(var(--s) * -17deg)) scale(1.24);animation-timing-function:cubic-bezier(.2,.7,.3,1)}80.49%{transform:translate(calc(var(--s) * -12%)) rotate(calc(var(--s) * -6deg)) scale(1.12);animation-timing-function:ease-in-out}to{transform:translate(calc(var(--s) * -10%)) rotate(calc(var(--s) * -3deg)) scale(1.1)}}.clashside.d{z-index:1;animation:clashDraw var(--clash) cubic-bezier(.2,.7,.2,1) both}@keyframes clashDraw{0%{transform:translate(calc(var(--s) * 70vw));animation-timing-function:cubic-bezier(.1,.8,.3,1)}5.61%{transform:translate(calc(var(--s) * 28%));animation-timing-function:ease-in-out}10.49%{transform:translate(calc(var(--s) * 40%)) rotate(calc(var(--s) * 7deg)) scale(.96);animation-timing-function:cubic-bezier(.8,0,1,.7)}12.93%{transform:translate(calc(var(--s) * -9%)) rotate(0) scale(1.1);animation-timing-function:cubic-bezier(.1,.8,.3,1)}15.37%{transform:translate(calc(var(--s) * -6%)) scale(1);animation-timing-function:linear}71.46%{transform:translate(calc(var(--s) * -6%)) rotate(0) scale(1);animation-timing-function:cubic-bezier(0,1,.4,1)}72.44%{transform:translate(calc(var(--s) * -20%)) rotate(calc(var(--s) * -10deg)) scale(1.2);animation-timing-function:cubic-bezier(.2,.7,.3,1)}82%{transform:translate(calc(var(--s) * 20%)) translateY(2vh) rotate(calc(var(--s) * 9deg)) scale(.98);animation-timing-function:ease-in-out}to{transform:translate(calc(var(--s) * 34%)) translateY(4vh) rotate(calc(var(--s) * 15deg)) scale(.88);opacity:.45}}.clashside.d .clashphoto{animation:clashDim var(--clash) linear both}@keyframes clashLose{0%{transform:translate(calc(var(--s) * 70vw));animation-timing-function:cubic-bezier(.1,.8,.3,1)}5.61%{transform:translate(calc(var(--s) * 28%));animation-timing-function:ease-in-out}10.49%{transform:translate(calc(var(--s) * 40%)) rotate(calc(var(--s) * 7deg)) scale(.96);animation-timing-function:cubic-bezier(.8,0,1,.7)}12.93%{transform:translate(calc(var(--s) * -9%)) rotate(0) scale(1.1);animation-timing-function:cubic-bezier(.1,.8,.3,1)}15.37%{transform:translate(calc(var(--s) * -6%)) scale(1);animation-timing-function:linear}71.46%{transform:translate(calc(var(--s) * -6%)) rotate(0);animation-timing-function:cubic-bezier(0,.85,.2,1)}to{transform:translate(calc(var(--s) * 27vw)) translateY(5vh) rotate(calc(var(--s) * 16deg)) scale(.84);opacity:.38}}.clashshake{animation:clashShake var(--clash) linear both}@keyframes clashShake{0%,15.37%{transform:translate(0)}21.29%{transform:translate(-1px,.6px) rotate(0)}26.61%{transform:translate(1.4px,.8px) rotate(-.06deg)}31.41%{transform:translate(-1.8px,-1px) rotate(.12deg)}35.72%{transform:translate(2.2px,-1.2px) rotate(-.18deg)}39.61%{transform:translate(-2.6px,1.4px) rotate(.24deg)}43.10%{transform:translate(3px,1.7px) rotate(-.3deg)}46.25%{transform:translate(-3.4px,-1.9px) rotate(.36deg)}49.08%{transform:translate(3.8px,-2.1px) rotate(-.42deg)}51.63%{transform:translate(-4.2px,2.3px) rotate(.48deg)}53.92%{transform:translate(4.6px,2.5px) rotate(-.54deg)}55.99%{transform:translate(-5px,-2.8px) rotate(.6deg)}57.84%{transform:translate(5.4px,-3px) rotate(-.66deg)}59.51%{transform:translate(-5.8px,3.2px) rotate(.72deg)}61.02%{transform:translate(6.2px,3.4px) rotate(-.78deg)}62.37%{transform:translate(-6.6px,-3.6px) rotate(.84deg)}63.59%{transform:translate(7px,-3.9px) rotate(-.9deg)}64.69%{transform:translate(-7.4px,4.1px) rotate(.96deg)}65.68%{transform:translate(7.8px,4.3px) rotate(-1.02deg)}66.56%{transform:translate(-8.2px,-4.5px) rotate(1.08deg)}67.36%{transform:translate(8.6px,-4.7px) rotate(-1.14deg)}68.08%{transform:translate(-9px,5px) rotate(1.2deg)}68.73%{transform:translate(9.4px,5.2px) rotate(-1.26deg)}69.31%{transform:translate(-9.8px,-5.4px) rotate(1.32deg)}69.84%{transform:translate(10.2px,-5.6px) rotate(-1.38deg)}70.31%{transform:translate(-10.6px,5.8px) rotate(1.44deg)}70.74%{transform:translate(11px,6.1px) rotate(-1.5deg)}71.12%{transform:translate(-11.4px,-6.3px) rotate(1.56deg)}71.46%{transform:translate(11.8px,-6.5px) rotate(-1.62deg)}71.46%,to{transform:translate(0)}}.clashphoto{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden;border:3px solid rgba(255,255,255,.55);background:var(--surface-2);box-shadow:0 0 30px #ffffff2e}.clashphoto>img,.clashphoto>svg,.clashres>img,.clashres>svg{display:block;width:100%;height:100%;object-fit:cover}.clashres{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:clashReveal var(--clash) linear both}@keyframes clashReveal{0%,69.02%{opacity:0}72.44%,to{opacity:1}}.clashside.l .clashphoto{animation:clashDim var(--clash) linear both}@keyframes clashDim{0%,72.44%{filter:none}to{filter:grayscale(.6) brightness(.75)}}.clashname{margin-top:8px;text-align:center;font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clashsparks{position:absolute;left:50%;top:38%;width:0;height:0;z-index:3;animation:clashSparksOn var(--clash) linear both}@keyframes clashSparksOn{0%,12.20%{opacity:0}14.15%,69.02%{opacity:1}71.46%,to{opacity:0}}.clashsparks i{position:absolute;left:0;top:0;width:14px;height:3px;border-radius:2px;background:linear-gradient(90deg,#fff,#ffd166);box-shadow:0 0 8px #ffd166;opacity:0;animation:clashSpark calc(.5s / var(--speed, 1)) ease-out infinite}@keyframes clashSpark{0%{opacity:0;transform:rotate(var(--r)) translate(6px) scaleX(.4)}35%{opacity:1}to{opacity:0;transform:rotate(var(--r)) translate(calc(46px + var(--d))) scaleX(1.4)}}.clashflash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#fff;opacity:0;animation:clashFlash var(--clash) linear both}@keyframes clashFlash{0%,12.20%{opacity:0}13.41%{opacity:.6}17.07%,69.02%{opacity:0}72.44%{opacity:.92}79.76%,to{opacity:0}}.clashstage{animation:clashImpact var(--clash) linear both}@keyframes clashImpact{0%,12.44%{transform:translate(0) scale(1)}13.17%{transform:translate(0) scale(1.05)}13.90%{transform:translate(10px,-4px) scale(1.04)}14.63%{transform:translate(-8px,3px) scale(1.02)}15.61%{transform:translate(5px,-2px) scale(1.01)}16.83%,to{transform:translate(0) scale(1)}}.cropback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:16px;background:#000000b8}.crop{align-items:center;max-width:100%;max-height:100%;overflow:auto;text-align:center}.cropframe{position:relative;overflow:hidden;border-radius:14px;border:2px solid var(--c-amber);background:#000;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.cropframe img{position:absolute;max-width:none;pointer-events:none;-webkit-user-drag:none}.croprange{display:flex;align-items:center;gap:8px;width:100%}.croprange input{flex:1}.endcap .winis.won{color:var(--c-amber);font-size:clamp(16px,5vw,22px);letter-spacing:.16em}.endcap .winis.lost{color:#cbd5e1;font-size:clamp(14px,4.4vw,19px);letter-spacing:.16em;opacity:.85}.gmgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.gmcard{display:flex;flex-direction:column;gap:8px}.gmphotos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.gmphotos img,.gmnone{width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:6px;background:#222}.gmnone{display:flex;align-items:center;justify-content:center;opacity:.4;font-size:12px}.gmstats{display:flex;flex-wrap:wrap;gap:4px}.gmstats span{color:#111;border-radius:4px;padding:2px 6px;font-size:12px}.rerollchip{font-weight:800;animation:rerollPop .5s ease-out}@keyframes rerollPop{0%{transform:scale(1.6);opacity:0}40%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}