:root{--heart-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");--bg: #121526;--bg2: #1d2346;--panel: rgba(255, 255, 255, .06);--panel-b: rgba(255, 255, 255, .12);--sheet: #1b2040;--text: #f3f4ff;--muted: #9aa3c7;--me: #4fa3ff;--opp: #ff5a6e;--gold: #ffcc33;--good: #3fd18a;--danger: #ff4d6d;--phrase: #b36bff;--rN: #a9bdd2;--rR: #3fd18a;--rSR: #c46bff;--rUR: #ffcc33;--radius: 14px;--font-impact: "Dela Gothic One", "M PLUS Rounded 1c", system-ui, sans-serif;--font: "M PLUS Rounded 1c", system-ui, "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic UI", Meiryo, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(ellipse at 50% -10%,#2b3470 0%,var(--bg) 60%) fixed,var(--bg);color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-font-smoothing:antialiased}#root{min-height:100%}button,input{font-family:inherit}img{display:block}.screen{min-height:100dvh;padding:16px}.screen.center{display:flex;align-items:center;justify-content:center}.panel{background:var(--panel);border:1px solid var(--panel-b);border-radius:18px;padding:20px;width:100%;max-width:460px;backdrop-filter:blur(6px)}.muted{color:var(--muted)}.small{font-size:12px}.center-text{text-align:center}.error{background:#ff4d6d26;border:1px solid var(--danger);color:#ffd0d8;padding:8px 12px;border-radius:10px;margin:8px 0;font-size:14px}.btn{appearance:none;border:1px solid var(--panel-b);background:linear-gradient(180deg,#2c3462,#232a52);color:var(--text);font-weight:800;font-size:15px;padding:10px 16px;border-radius:12px;cursor:pointer;transition:transform .08s,filter .15s,opacity .15s;touch-action:manipulation}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-big{padding:14px 18px;font-size:17px;width:100%}.btn-primary{background:linear-gradient(180deg,#ffd95a,#f0a91b);color:#3a2400;border-color:#ffe08a}.btn-attack{background:linear-gradient(180deg,#ff6b7f,#d92c49);border-color:#ff9aa9}.btn-danger{background:linear-gradient(180deg,#ff5a6e,#b8203a)}.btn-ghost{background:transparent}.icon-btn{appearance:none;background:var(--panel);border:1px solid var(--panel-b);color:var(--text);width:36px;height:36px;border-radius:10px;font-size:18px;cursor:pointer;flex:none}.link{background:none;border:none;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:14px;padding:6px}.chip{background:var(--panel);border:1px solid var(--panel-b);color:var(--text);padding:6px 12px;border-radius:999px;cursor:pointer;font-weight:800;font-size:13px}.chip.on{background:var(--gold);color:#3a2400}input{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--panel-b);background:#00000040;color:var(--text);font-size:16px;outline:none}input:focus{border-color:var(--gold)}.spinner{width:44px;height:44px;border-radius:50%;border:4px solid var(--panel-b);border-top-color:var(--gold);animation:spin .9s linear infinite;margin:18px auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseGold{0%,to{box-shadow:0 0 #fc39}50%{box-shadow:0 0 0 7px #fc30}}.title-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding-top:24px}.title-hero{position:relative;height:170px;width:300px}.hero{position:absolute;width:112px;aspect-ratio:3/4;border-radius:14px;overflow:hidden;border:3px solid #fff;box-shadow:0 10px 30px #00000080;top:10px}.hero .portrait{width:100%;height:100%;object-fit:cover}.hero-0{left:94px;z-index:3;transform:translateY(-6px) scale(1.08);border-color:var(--gold)}.hero-1{left:8px;transform:rotate(-10deg)}.hero-2{right:8px;transform:rotate(10deg)}.logo{margin:4px 0 6px;text-align:center;font-size:clamp(30px,8vw,48px);line-height:1.1;font-weight:800;background:linear-gradient(180deg,#fff6c7,#fc3 55%,#f08a1b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #7a3a00) drop-shadow(0 6px 14px rgba(0,0,0,.5));letter-spacing:.02em}.logo small{display:block;font-size:.36em;letter-spacing:.3em;color:#fff;-webkit-text-fill-color:#fff;filter:none}.title-panel{display:flex;flex-direction:column;gap:12px}.field-label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);font-weight:800}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.menu-grid .btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 6px;font-size:16px}.menu-grid .btn small{font-size:11px;color:var(--muted);font-weight:500}.btn-npc{background:linear-gradient(180deg,#3c7be0,#2553a8)}.btn-random{background:linear-gradient(180deg,#e0506a,#a82540)}.btn-room{background:linear-gradient(180deg,#3fae78,#227a50)}.menu-grid .btn small{color:#fffc}.join-row{display:flex;gap:8px}.join-row input{letter-spacing:.15em;text-transform:uppercase}.sub-links{display:flex;justify-content:center;gap:12px}@media(max-width:480px){.menu-grid{grid-template-columns:1fr}.menu-grid .btn{flex-direction:row;justify-content:space-between;padding:13px 16px}.menu-grid .btn small{font-size:12px}}.join-row .btn{white-space:nowrap;flex:none}.waiting{text-align:center;display:flex;flex-direction:column;gap:10px;align-items:stretch}.waiting h2{margin:0}.room-code{font-size:40px;font-weight:800;letter-spacing:.25em;padding:12px;background:#0000004d;border-radius:12px;color:var(--gold);user-select:all}.game{--fw: clamp(48px, min(19vw, 13dvh), 116px);--hw: clamp(58px, min(17vw, 13.5dvh), 112px);position:relative;height:100dvh;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto minmax(0,1fr) auto auto auto;grid-template-areas:"top" "ohud" "ofield" "mid" "mfield" "mhud" "guide" "hand";gap:5px;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.game[data-shake="1"]{animation:shakeA .35s}.game[data-shake="0"]{animation:shakeB .35s}@keyframes shakeA{0%,to{transform:none}20%{transform:translate(-5px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px)}}@keyframes shakeB{0%,to{transform:none}20%{transform:translate(5px,-2px)}40%{transform:translate(-5px,2px)}60%{transform:translate(3px,-1px)}80%{transform:translate(-2px)}}.game.is-dragging,.game.is-dragging *{cursor:grabbing!important}.topbar{grid-area:top}.rail-opp{grid-area:ohud}.field.opp{grid-area:ofield}.midline{grid-area:mid}.field.me{grid-area:mfield}.rail-me{grid-area:mhud}.guide{grid-area:guide}.hand{grid-area:hand}.topbar{display:flex;align-items:center;gap:8px;min-height:42px}.turn-chip{display:flex;align-items:baseline;gap:4px;background:#00000059;border:1px solid var(--panel-b);border-radius:12px;padding:4px 11px;flex:none}.turn-chip b{font-size:22px;color:var(--gold);line-height:1}.turn-chip small{font-size:11px;color:var(--muted)}.status{flex:1;text-align:center;font-weight:800;font-size:17px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status.mine{color:#9ccfff;text-shadow:0 0 14px rgba(79,163,255,.65)}.status.alert{color:#ffb3bf;text-shadow:0 0 14px rgba(255,90,110,.6)}.timer{min-width:44px;text-align:center;font-weight:800;font-size:20px;background:#00000059;border:1px solid var(--panel-b);border-radius:12px;padding:3px 8px}.timer.warn{color:#fff;background:var(--danger);border-color:#ff9aa9;animation:pulseGold 1s infinite}.netbars{position:absolute;top:52px;left:50%;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;gap:4px;width:min(92%,520px);pointer-events:none}.netbar{background:#fc3;color:#3a2400;font-weight:800;font-size:13px;text-align:center;border-radius:8px;padding:4px 8px;box-shadow:0 4px 12px #0006}.rail{min-width:0}.rail-me{display:flex;gap:6px;align-items:stretch}.rail-me .hud{flex:1}.hud{position:relative;min-width:0;display:flex;flex-direction:column;gap:4px;padding:6px 9px;border-radius:16px;border:1px solid var(--panel-b);background:linear-gradient(180deg,#1a1f42f2,#0e1126f2);box-shadow:inset 0 1px #ffffff12,0 4px 14px #00000059;transition:box-shadow .2s,border-color .2s}.hud.mine{border-color:#4fa3ff73}.hud.opp{border-color:#ff5a6e73}.hud.active.mine{box-shadow:0 0 0 2px var(--me),0 0 20px #4fa3ff73}.hud.active.opp{box-shadow:0 0 0 2px var(--opp),0 0 20px #ff5a6e73}.hud-id{display:flex;align-items:center;gap:6px;min-width:0;font-weight:800;font-size:13px}.avatar{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#fff;background:linear-gradient(180deg,#6db8ff,#2f6fd1);border:1px solid rgba(255,255,255,.6)}.hud.opp .avatar{background:linear-gradient(180deg,#ff8595,#c9304a)}.hud-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-turn{flex:none;font-size:10px;padding:1px 7px;border-radius:8px;background:var(--me);color:#fff}.hud.opp .hud-turn{background:var(--opp)}.offline{flex:none;font-size:10px;background:var(--danger);padding:1px 6px;border-radius:6px}.hud-stats{display:flex;align-items:stretch;gap:6px;min-width:0}.hud-hp{position:relative;flex:1;min-width:0;display:flex;align-items:center}.hud-hp[data-hit=true]{animation:hpHit .45s}@keyframes hpHit{0%,to{transform:none}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.hearts{--hs: 16px;display:grid;grid-template-columns:repeat(3,var(--hs));gap:3px 4px;align-items:center}.heart{position:relative;flex:none;width:var(--hs);height:calc(var(--hs) * .92)}.heart:before,.heart:after{content:"";position:absolute;inset:0;-webkit-mask:var(--heart-shape) center / contain no-repeat;mask:var(--heart-shape) center / contain no-repeat}.heart:before{background:#2a3056}.heart.on{filter:drop-shadow(0 0 3px rgba(255,75,110,.75))}.heart.on:before{background:linear-gradient(180deg,#ffb0c0,#ff4b6e 45%,#d3183f)}.hearts.low .heart.on{animation:heartbeat .9s ease-in-out infinite}@keyframes heartbeat{0%,60%,to{transform:scale(1)}20%{transform:scale(1.22)}40%{transform:scale(.96)}}.heart.breaking:after{background:#ff4b6e;animation:heartBreak .8s ease-out forwards}@keyframes heartBreak{0%{opacity:1;transform:scale(1);filter:brightness(2.2)}35%{opacity:1;transform:scale(1.55) rotate(-12deg)}to{opacity:0;transform:scale(2.1) rotate(-24deg) translateY(-6px)}}.heart.healing{animation:heartPop .6s cubic-bezier(.2,1.6,.4,1)}@keyframes heartPop{0%{transform:scale(.2)}}.float{position:absolute;left:50%;top:-6px;transform:translate(-50%);font-weight:800;font-size:30px;pointer-events:none;animation:floatUp 1.25s forwards;z-index:5;text-shadow:0 2px 0 #000,0 0 8px #000}.float.damage{color:#ff5a6e}.float.heal{color:#6dffa8}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,8px) scale(.6)}15%{opacity:1;transform:translate(-50%,-6px) scale(1.25)}to{opacity:0;transform:translate(-50%,-34px) scale(1)}}.hud-stat{flex:none;display:flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:12px;background:#00000061;border:1px solid rgba(255,255,255,.1)}.hs-val{display:flex;align-items:baseline;line-height:1}.hs-val b{font-size:26px;font-weight:800;letter-spacing:-.02em}.hs-val small{font-size:13px;color:var(--muted);font-weight:800;margin-left:1px}.hud-stat em{display:none;font-style:normal;font-size:12px;color:var(--muted);font-weight:800;margin-left:auto}.hud-res{border-color:#ffcc3359}.hud-res b{color:var(--gold);text-shadow:0 0 10px rgba(255,204,51,.5)}.hud-res.empty b{color:#8a8fa8;text-shadow:none}.gem{flex:none;width:15px;height:15px;transform:rotate(45deg);border-radius:3px;background:radial-gradient(circle at 30% 30%,#fff6c0,#fc3 50%,#c98a00);border:1px solid #fff3b0;box-shadow:0 0 8px #ffcc33bf}.hud-res.empty .gem{filter:grayscale(1) brightness(.6);box-shadow:none}.cards-ico{flex:none;position:relative;width:19px;height:22px}.cards-ico:before,.cards-ico:after{content:"";position:absolute;width:13px;height:18px;border-radius:3px;background:linear-gradient(135deg,#7383ff,#2d3680);border:1px solid #c3caff}.cards-ico:before{left:0;top:3px;transform:rotate(-10deg);opacity:.75}.cards-ico:after{right:0;top:0;transform:rotate(8deg)}.hud-hand.full b{color:#ff8a9a}.hud-hand.full{border-color:#ff5a6e99}.hud-hand.full em{color:#ffb3bf;border-color:#ff5a6e99;background:#3a1422}.res-pips{display:none;gap:3px;flex-wrap:wrap;padding:0 2px}.res-pips i{width:10px;height:10px;transform:rotate(45deg);border-radius:2px;background:#2a3050;border:1px solid #505a8a}.res-pips i.on{background:var(--gold);border-color:#fff3b0;box-shadow:0 0 6px var(--gold)}.btn-end{flex:none;min-width:88px;padding:8px 14px;font-size:16px;line-height:1.2;white-space:nowrap;border-radius:16px;background:linear-gradient(180deg,#ffe07a,#f0a91b);color:#3a2400;border:1px solid #fff0b3;box-shadow:0 4px #9c6200,0 8px 18px #0006}.btn-end:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #9c6200,0 4px 10px #0006}.btn-end:disabled{opacity:1;background:#242a4a;color:#6f7699;border-color:var(--panel-b);box-shadow:none}.btn-end.urge:not(:disabled){animation:urge 1.1s ease-in-out infinite}@keyframes urge{50%{box-shadow:0 4px #9c6200,0 0 0 6px #ffcc3359,0 0 30px #fc3c;filter:brightness(1.12)}}.field{position:relative;min-height:calc(var(--fw) * 1.4 + 16px);display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:8px;padding:16px 8px 10px;overflow-y:auto;border-radius:18px;transition:box-shadow .15s,background-color .15s,border-color .15s}.field:before{content:attr(data-label);position:absolute;top:5px;left:10px;pointer-events:none;font-size:11px;font-weight:800;letter-spacing:.2em;color:#fff6}.field.opp{background:linear-gradient(180deg,#ff5a6e24,#ff5a6e0a);border:2px solid rgba(255,90,110,.25)}.field.me{background:linear-gradient(0deg,#4fa3ff29,#4fa3ff0a);border:2px solid rgba(79,163,255,.3)}.field.opp:before{color:#ffaab68c}.field.me:before{color:#a0cdff99}.field.dense{--fw: clamp(40px, min(14vw, 8.5dvh), 84px);gap:5px}.field.xdense{--fw: clamp(36px, min(11vw, 6.8dvh), 68px);gap:4px}.field-empty{color:#ffffff4d;font-size:13px;font-weight:800;text-align:center;padding:0 8px}.midline{height:18px;text-align:center;font-size:12px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 8px}.drop-target{border-style:dashed!important}.field.me.drop-ok{border-color:var(--good);background-color:#3fd18a14;box-shadow:inset 0 0 36px #3fd18a40}.field.opp.drop-ok,.hud.opp.drop-ok{border-color:#ff5a6e;background-color:#ff5a6e1a;box-shadow:inset 0 0 36px #ff5a6e4d}.drop-ok:not(.drop-hover){animation:dropPulse 1s ease-in-out infinite}@keyframes dropPulse{50%{filter:brightness(1.25)}}.field.me.drop-ok.drop-hover{background-color:#3fd18a38;box-shadow:inset 0 0 60px #3fd18a8c,0 0 0 3px var(--good)}.field.opp.drop-ok.drop-hover,.hud.opp.drop-ok.drop-hover{background-color:#ff5a6e40;box-shadow:inset 0 0 60px #ff5a6e99,0 0 0 3px #ff5a6e}.drop-ng{border-color:#6a6f8a!important}.drop-ng.drop-hover{background-color:#787da024}.drop-label{position:absolute;left:50%;top:10px;transform:translate(-50%);z-index:6;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;max-width:92%;padding:8px 18px;border-radius:16px;font-weight:800;font-size:clamp(15px,3.6vw,21px);text-align:center;box-shadow:0 8px 24px #00000080;animation:labelIn .18s cubic-bezier(.2,1.4,.4,1)}.drop-label small{font-size:.66em;font-weight:800;opacity:.92}.drop-label small.warn{color:var(--gold)}.drop-label.ok{background:#083822eb;border:2px solid var(--good);color:#d2ffe7}.drop-label.atk{background:#540a1aeb;border-color:#ff5a6e;color:#ffe0e5}.drop-label.ng{background:#14162aeb;border:2px solid #6a6f8a;color:#c9cde8}.drop-hover .drop-label.ok{transform:translate(-50%) scale(1.06)}@keyframes labelIn{0%{transform:translate(-50%) scale(.6);opacity:0}}.drag-ghost{position:fixed;left:0;top:0;z-index:70;pointer-events:none;will-change:transform}.drag-ghost-inner{--hw: clamp(72px, 18vw, 116px);transform:translate(-50%,-62%) rotate(-5deg) scale(1.06);transition:transform .12s,filter .12s,opacity .12s;filter:drop-shadow(0 16px 20px rgba(0,0,0,.6))}.drag-ghost-inner .card{box-shadow:0 0 0 3px var(--gold),0 0 26px #ffcc33a6}.drag-ghost.ok .drag-ghost-inner{transform:translate(-50%,-62%) rotate(0) scale(1.16)}.drag-ghost.ok .drag-ghost-inner .card{box-shadow:0 0 0 3px var(--good),0 0 30px #3fd18ad9}.drag-ghost.ng .drag-ghost-inner{opacity:.75;filter:grayscale(.7) drop-shadow(0 16px 20px rgba(0,0,0,.6))}.drag-arrow{position:fixed;left:0;top:0;width:100%;height:100%;z-index:70;pointer-events:none;overflow:visible}.arrow-line{fill:none;stroke:#ffd24a;stroke-width:7;stroke-linecap:round;stroke-dasharray:14 9;animation:dash .5s linear infinite;filter:drop-shadow(0 0 6px rgba(255,210,74,.8))}.arrow-head,.arrow-origin{fill:#ffd24a}.reticle{fill:none;stroke:#ffd24a;stroke-width:3}.reticle circle:first-child{stroke-dasharray:8 6;animation:spinDash 1.4s linear infinite}.drag-arrow.ok .arrow-line{stroke:#ff4d6d;filter:drop-shadow(0 0 8px rgba(255,77,109,.95))}.drag-arrow.ok .arrow-head,.drag-arrow.ok .arrow-origin{fill:#ff4d6d}.drag-arrow.ok .reticle{stroke:#ff4d6d;stroke-width:4}.drag-arrow.ng .arrow-line{stroke:#8a90b0;filter:none}.drag-arrow.ng .arrow-head,.drag-arrow.ng .arrow-origin{fill:#8a90b0}.drag-arrow.ng .reticle{stroke:#8a90b0}@keyframes dash{to{stroke-dashoffset:-23}}@keyframes spinDash{to{stroke-dashoffset:-28}}.guide{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px;padding:0 2px}.steps{display:flex;align-items:center;gap:4px;flex:none;font-size:12px;font-weight:800;transition:opacity .2s}.step{padding:3px 9px;border-radius:99px;background:#ffffff0f;color:var(--muted);border:1px solid transparent;white-space:nowrap}.step.now{background:#4fa3ff33;color:#fff;border-color:#4fa3ffb3}.step.locked{background:#00000059;color:#6f7699;border-color:#ffffff14}.sep{color:var(--muted);opacity:.6;font-size:14px}.guide-hint{min-width:0;font-size:13px;font-weight:800;color:#cfe3ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide.idle .steps{opacity:.4}.guide.idle .guide-hint{color:var(--muted)}.hand{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:12px 8px 6px;justify-content:safe center;min-height:calc(var(--hw) * 1.4 + 20px);scrollbar-width:thin;border-radius:16px;background:linear-gradient(180deg,#0000,#00000047)}.hand.dense{gap:4px}.card{--w: var(--hw);--rc: var(--rN);position:relative;flex:none;width:var(--w);aspect-ratio:5 / 7;border-radius:calc(var(--w) * .09);background:var(--c, #555);border:2px solid var(--rc);box-shadow:0 4px 10px #00000073;cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,filter .2s,opacity .2s;outline:none}.card:focus-visible{box-shadow:0 0 0 3px #fff,0 0 18px #ffffffb3}.card-field{--w: var(--fw)}.card-mini{--w: 56px}.card.r-R{--rc: var(--rR)}.card.r-SR{--rc: var(--rSR)}.card.r-UR{--rc: var(--rUR);border-width:0;padding:2px;background:conic-gradient(from var(--ang, 0deg),#ffcc33,#ff6bd5,#6bd2ff,#7dff9a,#ffcc33);animation:urSpin 3s linear infinite}@property --ang{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes urSpin{to{--ang: 360deg}}.card-inner{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:var(--c, #555)}.card.r-UR .card-inner{inset:2px;border-radius:calc(var(--w) * .08)}.card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-shade{position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));pointer-events:none}.portrait-fallback{display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:2em}.card-cost{position:absolute;top:1.5%;left:1.5%;width:31%;aspect-ratio:1;display:grid;place-items:center}.card-cost:before{content:"";position:absolute;inset:15%;transform:rotate(45deg);border-radius:18%;background:radial-gradient(circle at 35% 30%,#fff6c0,#fc3 45%,#c98a00);border:1px solid #fff;box-shadow:0 1px 4px #000000b3}.card-cost span{position:relative;font-weight:800;font-size:calc(var(--w) * .18);color:#3a2400;line-height:1}.card.short .card-cost:before{background:radial-gradient(circle at 35% 30%,#ffd0d6,#ff5a6e 50%,#a0182e)}.card.short .card-cost span{color:#fff}.card-rarity{position:absolute;top:3%;right:4%;font-size:calc(var(--w) * .1);font-weight:800;color:#fff;background:#0009;border:1px solid var(--rc);border-radius:5px;padding:0 3px;line-height:1.35}.card.r-UR .card-rarity{border-color:var(--gold);color:var(--gold)}.card-phrase{position:absolute;top:19%;right:4%;width:20%;aspect-ratio:1;border-radius:50%;background:var(--phrase);color:#fff;font-size:calc(var(--w) * .11);font-weight:800;display:flex;align-items:center;justify-content:center;border:1px solid #fff}.card-haste{position:absolute;top:42%;right:4%;width:20%;aspect-ratio:1;border-radius:50%;background:linear-gradient(180deg,#ffe066,#ff9d1c);color:#3a2400;font-size:calc(var(--w) * .11);display:flex;align-items:center;justify-content:center;border:1px solid #fff;box-shadow:0 0 6px #ffbe28cc}.card-name{position:absolute;left:0;right:0;bottom:22%;padding:1px 3px;text-align:center;font-size:calc(var(--w) * .12);font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000,0 0 4px #000}.card-stats{position:absolute;left:3%;right:3%;bottom:2.5%;display:flex;justify-content:space-between;gap:3%}.stat{display:flex;align-items:baseline;justify-content:center;gap:1px;flex:1;padding:1px 2px;border-radius:calc(var(--w) * .06);font-weight:800;font-size:calc(var(--w) * .17);color:#fff;line-height:1.15;border:1px solid rgba(255,255,255,.65);text-shadow:0 1px 1px #000}.stat small{font-size:.55em;opacity:.85}.stat-p{flex:1.9;font-size:calc(var(--w) * .145);letter-spacing:-.03em;white-space:nowrap;overflow:hidden;background:linear-gradient(180deg,#4f8fff,#2653b8)}.stat-pp{background:linear-gradient(180deg,#ff6b7f,#c0223e)}.stat.up{color:#b4ffcb;box-shadow:0 0 6px #3fd18a}.stat.down{color:#ffb4b4}.card-stun{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#281446c7 0 8px,#46286ec7 8px 16px);color:#e5d3ff;font-weight:800;font-size:calc(var(--w) * .12);text-shadow:0 1px 2px #000}.card-stun b{font-size:calc(var(--w) * .3);color:#fff;line-height:1}.card-lock{position:absolute;inset:0;display:grid;place-items:center;background:#080a1a80}.card-lock span{font-size:calc(var(--w) * .28);filter:drop-shadow(0 2px 3px #000)}.card-badge{position:absolute;top:-9px;left:50%;transform:translate(-50%);z-index:2;white-space:nowrap;background:#3a4270;color:#fff;font-size:10px;font-weight:800;padding:1px 7px;border-radius:8px;border:1px solid rgba(255,255,255,.7);animation:badgeBob 1.2s ease-in-out infinite}.field.opp .card-badge{background:var(--opp)}@keyframes badgeBob{50%{transform:translate(-50%,-3px)}}.card.can-drag{touch-action:pan-x;cursor:grab}.card.playable{box-shadow:0 0 0 2px var(--gold),0 0 16px #ffcc33a6;transform:translateY(-5px)}.card.cant{filter:saturate(.4) brightness(.72)}@media(hover:hover){.game:not(.is-dragging) .hand .card:hover{transform:translateY(-12px) scale(1.07);z-index:4;filter:none}.game:not(.is-dragging) .field.me .card.ready:hover{transform:translateY(-4px) scale(1.05)}}.card.selected{box-shadow:0 0 0 3px #fff,0 0 18px #ffffffb3;transform:translateY(-8px) scale(1.04);z-index:3}.card.ready{box-shadow:0 0 0 2px var(--good),0 0 14px #3fd18ab3;animation:readyPulse 1.6s ease-in-out infinite}.card.ready:after{content:"\2694";position:absolute;left:50%;bottom:-9px;transform:translate(-50%);z-index:2;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:var(--good);color:#032;border:1px solid #fff;box-shadow:0 2px 6px #00000080}@keyframes readyPulse{50%{box-shadow:0 0 0 2px var(--good),0 0 24px #3fd18af2}}.card.spent{filter:saturate(.45) brightness(.8)}.card.blocked{filter:saturate(.55) brightness(.85)}.card.drag-source{opacity:.35;transform:scale(.94)}.field .card.drag-source{opacity:1;transform:translateY(-6px) scale(1.06);box-shadow:0 0 0 3px #ffd24a,0 0 24px #ffd24acc;animation:none}.card.enter{animation:cardEnter .45s cubic-bezier(.2,1.4,.4,1)}@keyframes cardEnter{0%{transform:translateY(20px) scale(.3) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}.field.me .card.attacking{transform:translateY(-18px) scale(1.12);box-shadow:0 0 0 3px var(--opp),0 0 24px var(--opp);z-index:4}.field.opp .card.attacking{transform:translateY(18px) scale(1.12);box-shadow:0 0 0 3px var(--opp),0 0 24px var(--opp);z-index:4}.card.speaking{transform:scale(1.18);box-shadow:0 0 0 3px var(--gold),0 0 30px var(--gold);z-index:5}.card.clash{animation:clash .5s}@keyframes clash{0%,to{transform:none}20%{transform:scale(1.15) rotate(-4deg);filter:brightness(2)}45%{transform:scale(.95) rotate(3deg)}70%{transform:scale(1.05)}}.card.dying{animation:dying .4s forwards}@keyframes dying{to{transform:scale(.4) rotate(18deg) translateY(10px);opacity:0;filter:grayscale(1) brightness(2)}}.sheet-back{position:fixed;inset:0;z-index:50;background:#05071299;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .15s}.sheet{position:relative;width:min(560px,100%);max-height:90dvh;overflow-y:auto;background:var(--sheet);border:1px solid var(--panel-b);border-radius:20px 20px 0 0;padding:16px 16px max(16px,env(safe-area-inset-bottom));animation:sheetUp .22s cubic-bezier(.2,.9,.3,1);box-shadow:0 -10px 40px #00000080}.sheet-close{position:absolute;top:10px;right:10px;z-index:2}@media(min-width:700px){.sheet-back{align-items:center}.sheet{border-radius:20px}}@keyframes sheetUp{0%{transform:translateY(40px);opacity:0}}@keyframes fadeIn{0%{opacity:0}}.card-detail{display:grid;grid-template-columns:minmax(96px,34%) 1fr;gap:14px}.cd-art{position:relative;border-radius:12px;overflow:hidden;border:3px solid var(--rN);aspect-ratio:3 / 4;background:var(--c);align-self:start}.card-detail.r-R .cd-art{border-color:var(--rR)}.card-detail.r-SR .cd-art{border-color:var(--rSR)}.card-detail.r-UR .cd-art{border-color:var(--rUR);box-shadow:0 0 18px #fc39}.cd-art .portrait{width:100%;height:100%;object-fit:cover}.cd-rarity{position:absolute;top:6px;left:6px;background:#0009;padding:1px 7px;border-radius:6px;font-weight:800;font-size:13px}.cd-body{min-width:0;padding-right:30px}.cd-title{font-size:12px;color:var(--muted);font-weight:800}.cd-name{font-size:22px;font-weight:800;margin-bottom:8px}.cd-stats{display:flex;gap:6px;margin-bottom:8px}.cd-stats div{flex:1;background:#0000004d;border-radius:10px;padding:4px 6px;text-align:center;border:1px solid transparent}.cd-stats .cd-cost{border-color:#fc36}.cd-stats .cd-cost b{color:var(--gold)}.cd-stats .cd-p{flex:1.9;border-color:#4f8fff73}.cd-stats .cd-p b{color:#9cc4ff;white-space:nowrap;font-size:20px}.cd-stats .cd-pp{border-color:#ff6b7f73}.cd-stats small{display:block;font-size:10px;color:var(--muted)}.cd-stats b{font-size:22px}.cd-stats b.up{color:var(--good)}.cd-stats b.down{color:var(--danger)}.cd-haste{font-size:12px;line-height:1.5;margin:0 0 8px;padding:5px 9px;border-radius:10px;background:#ffbe281a;border:1px solid rgba(255,190,40,.45);color:#ffe7a8}.cd-haste b{color:#fc3;margin-right:4px}.card-quick{background:linear-gradient(180deg,#9fe7ff,#3aa7e0);color:#03283b;box-shadow:0 0 6px #50beffcc;font-size:calc(var(--w) * .09)}.card-quick.second{top:calc(42% + var(--w) * .24)}.cd-quick{background:#50beff1a;border-color:#50beff73;color:#d3f1ff}.cd-quick b{color:#8fdcff}.sp-quick{margin-left:4px;background:linear-gradient(180deg,#9fe7ff,#3aa7e0);color:#03283b}.title-sound{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);right:12px;z-index:5}.sp-haste{display:inline-block;margin-top:6px;font-size:12px;font-weight:800;color:#3a2400;background:linear-gradient(180deg,#ffe066,#ff9d1c);padding:2px 9px;border-radius:99px}.cd-desc{font-size:13px;color:var(--muted);margin:0 0 8px;line-height:1.5}.cd-phrase{background:#b36bff1f;border:1px solid rgba(179,107,255,.4);border-radius:10px;padding:7px 9px;margin-bottom:6px}.cd-phrase.onSummon{background:#3fd18a1a;border-color:#3fd18a66}.cd-phrase.none{background:#0003;border-color:var(--panel-b);color:var(--muted);font-size:13px}.cd-phrase-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.cd-phrase .tag{font-size:11px;font-weight:800;color:#d7b8ff}.cd-phrase.onSummon .tag{color:#9ff0c4}.cd-phrase .used{flex:none;font-size:10px;font-weight:800;padding:0 6px;border-radius:6px;background:#00000059;color:var(--muted)}.cd-phrase .used.yes{background:var(--good);color:#032}.cd-phrase-text{font-weight:800;font-size:15px;margin:2px 0}.cd-phrase-effect{font-size:13px;color:#ffe38a}.detail-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.why{font-size:12px;color:var(--muted);text-align:center}.why.warn{color:var(--gold);font-weight:800}.btn-phrase{display:grid;gap:2px;text-align:left;background:linear-gradient(180deg,#7a45c8,#4e2a8f);border-color:#c9a6ff}.btn-phrase.onSummon{background:linear-gradient(180deg,#2f9e6b,#1d6b48);border-color:#9ff0c4}.btn-phrase .bp-l{font-size:12px;opacity:.9}.btn-phrase .bp-l small{font-weight:500}.btn-phrase .bp-t{font-size:16px}.btn-phrase .bp-e{font-size:12px;color:#ffe38a;font-weight:500}@media(max-width:420px){.card-detail{grid-template-columns:110px 1fr;gap:10px}.cd-name{font-size:18px}}.summon-prompt{border-top:3px solid var(--good)}.sp-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-right:8px}.sp-head .card{--w: 66px;cursor:default}.sp-head-text{min-width:0}.sp-kicker{display:inline-block;font-size:11px;font-weight:800;color:#032;background:var(--good);padding:1px 9px;border-radius:99px}.sp-title{font-size:20px;font-weight:800;margin:4px 0 2px}.sp-sub{font-size:13px;color:var(--muted)}.sp-list{display:flex;flex-direction:column;gap:8px}.sp-phrase{appearance:none;width:100%;text-align:left;font:inherit;color:var(--text);cursor:pointer;display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;padding:10px 12px;border-radius:14px;background:#3fd18a0f;border:2px solid rgba(63,209,138,.25)}.sp-phrase.single{grid-template-columns:1fr;cursor:default}.sp-phrase.on{background:#3fd18a26;border-color:var(--good)}.sp-check{grid-row:span 2;align-self:center;width:24px;height:24px;border-radius:7px;border:2px solid #9ff0c4;display:grid;place-items:center}.sp-phrase.on .sp-check{background:var(--good)}.sp-phrase.on .sp-check:after{content:"\2713";color:#032;font-weight:800}.sp-text{font-size:17px;font-weight:800}.sp-effect{font-size:13px;color:#ffe38a}.sp-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.sacrifice-prompt{border-top:3px solid #ff7a3d}.sp-kicker.sac{color:#fff;background:linear-gradient(180deg,#ff9a4d,#e0452b)}.sacrifice-prompt .sp-title{font-size:18px}.sacrifice-prompt .sp-sub b{color:#ffb38a;font-size:1.15em}.sac-hand{--hw: clamp(62px, 17vw, 92px);display:flex;flex-wrap:wrap;justify-content:center;gap:10px 8px;padding:14px 4px 6px;max-height:44dvh;overflow-y:auto}.sac-hand .card{transition:transform .15s,box-shadow .15s,filter .15s}.sac-hand .card.sac-picked{transform:translateY(-6px) scale(1.04);box-shadow:0 0 0 3px #ff7a3d,0 0 22px #ff6e32d9}.sac-mark{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:linear-gradient(0deg,#ff501499,#ffa02826)}.sac-mark span{font-size:calc(var(--w) * .34);filter:drop-shadow(0 2px 4px #000);animation:flicker .6s ease-in-out infinite alternate}.sac-mark b{font-size:calc(var(--w) * .2);color:#fff;background:#e0452b;border:2px solid #fff;border-radius:50%;width:1.5em;height:1.5em;display:grid;place-items:center;line-height:1}@keyframes flicker{to{transform:scale(1.12) translateY(-2px)}}.sac-count{text-align:center;font-size:14px;font-weight:800;color:var(--muted);margin-top:6px}.sac-count b{font-size:20px;color:#ffb38a}.sac-count.ok b{color:var(--good)}.btn-sacrifice{background:linear-gradient(180deg,#ff8a4d,#d63a24);border-color:#ffc2a3;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.card.burning{animation:burn .6s forwards}@keyframes burn{0%{filter:none}40%{filter:brightness(1.8) sepia(1) saturate(4) hue-rotate(-20deg);transform:translateY(-10px) scale(1.05);box-shadow:0 0 24px #ff6a2a}to{filter:brightness(2.2) sepia(1) saturate(5) hue-rotate(-25deg);transform:translateY(-30px) scale(.6) rotate(8deg);opacity:0}}.cutin-sac{display:block;margin-top:4px;font-size:.5em;font-style:normal;color:#ffb38a;-webkit-text-stroke:1px #4a1200;letter-spacing:.02em}.btn-phrase-go{background:linear-gradient(180deg,#45d890,#1f8f5c);border-color:#b8f5d4;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.block-prompt{position:fixed;left:0;right:0;margin:0 auto;bottom:max(10px,env(safe-area-inset-bottom));z-index:45;width:min(560px,calc(100% - 16px));background:linear-gradient(180deg,#3a1422,#1d1030);border:2px solid var(--opp);border-radius:18px;padding:12px;box-shadow:0 0 40px #ff5a6e73,0 0 0 100vmax #05071280;animation:sheetUp .25s}.bp-head{text-align:center;margin-bottom:8px}.bp-title{font-size:20px;font-weight:800;color:#ffb3bf;display:flex;align-items:center;justify-content:center;gap:10px}.bp-timer{background:var(--danger);color:#fff;border-radius:8px;padding:0 8px;font-size:16px}.bp-sub{font-size:13px}.bp-sub .dmg{color:var(--opp);font-size:16px}.bp-body{display:flex;align-items:center;gap:8px}.bp-attacker{flex:none;--fw: 76px}.bp-vs{font-weight:800;font-size:20px;color:var(--gold);font-style:italic}.bp-blockers{display:flex;gap:6px;overflow-x:auto;padding:10px 2px 4px;flex:1}.bp-blocker{appearance:none;background:none;border:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;color:var(--text);flex:none}.bp-blocker:disabled{opacity:.45;cursor:not-allowed}.bp-blocker:not(:disabled):hover .card{transform:translateY(-4px);box-shadow:0 0 0 2px #fff}.bp-outcome{font-size:11px;font-weight:800;padding:1px 6px;border-radius:6px}.bp-outcome.win{background:var(--good);color:#062}.bp-outcome.even{background:var(--gold);color:#3a2400}.bp-outcome.lose{background:#555c80}.bp-outcome.na{background:#333;color:var(--muted)}.bp-pass{width:100%;margin-top:8px}.turn-banner{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;pointer-events:none}.turn-banner span{font-size:clamp(30px,9vw,64px);font-weight:800;font-style:italic;padding:10px 60px;color:#fff;background:linear-gradient(90deg,transparent,var(--me) 20%,var(--me) 80%,transparent);text-shadow:0 3px 0 rgba(0,0,0,.35);animation:bannerSweep 1.15s cubic-bezier(.2,.9,.2,1) forwards;width:100%;text-align:center}.turn-banner.opp span{background:linear-gradient(90deg,transparent,var(--opp) 20%,var(--opp) 80%,transparent)}@keyframes bannerSweep{0%{transform:translate(-100%) skew(-12deg);opacity:0}25%{transform:translate(0) skew(-12deg);opacity:1}75%{transform:translate(0) skew(-12deg);opacity:1}to{transform:translate(100%) skew(-12deg);opacity:0}}.cutin{position:fixed;inset:0;z-index:100;overflow:hidden;cursor:pointer}.cutin-dim{position:absolute;inset:0;background:radial-gradient(ellipse at center,#00000073,#000000d9);animation:fadeIn .2s}.cutin-flash{position:absolute;inset:0;background:#fff;animation:flash .35s forwards;pointer-events:none}@keyframes flash{0%{opacity:.95}to{opacity:0}}.cutin-band{position:absolute;left:-10%;right:-10%;top:16%;height:46%;background:linear-gradient(100deg,color-mix(in srgb,var(--c) 70%,#000) 0%,var(--c) 45%,color-mix(in srgb,var(--c) 60%,#fff) 100%);transform:skewY(-7deg);overflow:hidden;border-top:5px solid #fff;border-bottom:5px solid #fff;box-shadow:0 0 60px color-mix(in srgb,var(--c) 70%,transparent);animation:bandInL .38s cubic-bezier(.2,1,.3,1)}.side-opp .cutin-band{animation-name:bandInR}@keyframes bandInL{0%{transform:skewY(-7deg) translate(-110%)}}@keyframes bandInR{0%{transform:skewY(-7deg) translate(110%)}}.cutin-lines{position:absolute;inset:-50%;background:repeating-linear-gradient(90deg,#fff0 0 22px,#ffffff47 22px 26px,#fff0 26px 60px);animation:lines .35s linear infinite}.side-opp .cutin-lines{animation-direction:reverse}@keyframes lines{to{transform:translate(60px)}}.cutin.r-UR .cutin-band{background:linear-gradient(100deg,#ff6bd5,#fc3 30%,#6bd2ff,#7dff9a 90%);background-size:200% 100%;animation:bandInL .38s cubic-bezier(.2,1,.3,1),rainbow 1.2s linear infinite}.side-opp.cutin.r-UR .cutin-band{animation:bandInR .38s cubic-bezier(.2,1,.3,1),rainbow 1.2s linear infinite}@keyframes rainbow{to{background-position:200% 0}}.cutin-over{position:absolute;left:-10%;right:-10%;top:16%;height:46%;transform:skewY(-7deg);animation:bandInL .38s cubic-bezier(.2,1,.3,1)}.side-opp .cutin-over{animation-name:bandInR}.cutin-portrait-wrap{position:absolute;left:14%;bottom:-6%;height:125%;aspect-ratio:3 / 4;transform:skewY(7deg);animation:portraitIn .6s cubic-bezier(.2,1.2,.3,1)}.side-opp .cutin-portrait-wrap{left:auto;right:14%}.cutin-portrait{width:100%;height:100%;object-fit:cover;border-radius:16px;border:4px solid #fff;box-shadow:0 10px 40px #0009;animation:portraitShake .12s .45s 4}@keyframes portraitIn{0%{transform:skewY(7deg) scale(1.6) translate(-20%);opacity:0}}@keyframes portraitShake{50%{transform:translate(3px,-2px)}}.cutin-label{position:absolute;top:7%;left:0;right:0;text-align:center;font-size:clamp(20px,5vw,38px);font-weight:800;font-style:italic;color:var(--gold);-webkit-text-stroke:2px #4a2600;paint-order:stroke;letter-spacing:.05em;animation:slam .45s .1s both cubic-bezier(.2,1.5,.4,1)}@keyframes slam{0%{transform:scale(3);opacity:0}}.cutin-band,.cutin-over{container:cutin-band / size}.cutin-serif-area,.cutin-burst-wrap{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;left:calc(16cqw + 93.75cqh);right:12cqw;padding:5cqh 0;transform:skewY(7deg)}.side-opp .cutin-serif-area,.side-opp .cutin-burst-wrap{left:12cqw;right:calc(16cqw + 93.75cqh)}.cutin-serif{width:max-content;font-family:var(--font-impact);font-weight:400;line-height:1.12;white-space:nowrap}.cs-line{white-space:nowrap}.cs-ch{display:inline-block;white-space:pre}.cutin-name{position:absolute;font-family:var(--font-impact);font-weight:400;color:#fff;line-height:1.15;white-space:nowrap;animation:fadeIn .4s .45s both}.cutin-name small{display:block;font-size:.6em;letter-spacing:.2em;opacity:.85}.cutin-name b{font-weight:400}.cutin-normal .cutin-serif-area{align-items:flex-end}.side-opp.cutin-normal .cutin-serif-area{align-items:flex-start}.cutin-normal .cutin-serif{text-align:right;filter:drop-shadow(0 .05em .1em rgba(0,0,0,.35))}.side-opp.cutin-normal .cutin-serif{text-align:left}.cutin-normal .cs-line{color:color-mix(in srgb,var(--c) 28%,#000);-webkit-text-stroke:.09em #fff;paint-order:stroke fill;letter-spacing:.02em;animation:serifWipe .4s cubic-bezier(.3,.8,.4,1) both}.side-opp.cutin-normal .cs-line{animation-name:serifWipeR}@keyframes serifWipe{0%{clip-path:inset(-20% 100% -20% -5%)}to{clip-path:inset(-20% -5% -20% -5%)}}@keyframes serifWipeR{0%{clip-path:inset(-20% -5% -20% 100%)}to{clip-path:inset(-20% -5% -20% -5%)}}.cutin-ghost{position:absolute;inset:0;display:flex;align-items:center;overflow:hidden}.cutin-ghost div{white-space:nowrap;font-family:var(--font-impact);font-size:78cqh;line-height:1;color:transparent;-webkit-text-stroke:max(1.5px,.5cqh) rgba(255,255,255,.42);animation:ghostScroll 10s linear infinite}.side-opp .cutin-ghost div{animation-direction:reverse}@keyframes ghostScroll{to{transform:translate(-50%)}}.cutin-name-in{position:relative;margin-bottom:.35em;text-align:right;font-size:clamp(14px,6.5cqh,34px);text-shadow:0 1px 4px rgba(0,0,0,.5)}.cutin-name-in b{display:inline-flex;align-items:center;gap:.5em}.cutin-name-in b:before{content:"";width:2.2em;height:2px;background:#fff}.side-opp .cutin-name-in{text-align:left}.side-opp .cutin-name-in b{flex-direction:row-reverse}.cutin-summon .cs-line{display:flex;justify-content:center;gap:.04em}.cutin-summon .cs-ch{color:#fff;-webkit-text-stroke:.07em #111;paint-order:stroke fill;text-shadow:0 .045em 0 #111;animation:serifStamp .3s cubic-bezier(.3,1.6,.5,1) both}.cutin-summon .cs-ch:nth-child(odd){transform:translateY(-.04em) rotate(-4deg)}.cutin-summon .cs-ch:nth-child(2n){transform:translateY(.04em) rotate(3deg)}.cutin-summon .cs-ch:nth-child(3n){color:#ff5a4e}@keyframes serifStamp{0%{scale:2.4;opacity:0}to{scale:1;opacity:1}}.cutin-burst-wrap{overflow:visible;pointer-events:none}.cutin-burst-glow{position:absolute;inset:-20% -10%;background:radial-gradient(closest-side,rgba(255,244,150,.6),transparent);animation:burstFlash .6s ease-out both}.cutin-burst{position:absolute;left:50%;top:50%;width:320cqh;height:320cqh;margin:-160cqh 0 0 -160cqh;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.75) 0 1.1deg,transparent 1.1deg 7deg);-webkit-mask:radial-gradient(circle,transparent 0 13%,#000 36%);mask:radial-gradient(circle,transparent 0 13%,#000 36%);animation:burstSpin 6s linear infinite,burstPop .35s ease-out both}@keyframes burstSpin{to{rotate:360deg}}@keyframes burstPop{0%{opacity:0;scale:.6}}@keyframes burstFlash{0%{opacity:0}25%{opacity:1}to{opacity:.6}}.cutin-name-out{top:calc(62% - 3vw + 2vh);right:4%;font-size:clamp(15px,2.4vw,38px);border-left:.2em solid color-mix(in srgb,var(--c) 60%,#fff);padding-left:.45em;text-shadow:0 1px 4px rgba(0,0,0,.6)}.cutin-name-out small{color:color-mix(in srgb,var(--c) 45%,#fff)}.side-opp .cutin-name-out{right:auto;left:4%;top:calc(62% + 6vw + 1.5vh)}@container cutin-band (max-aspect-ratio: 5 / 2){.cutin-serif-area,.side-opp .cutin-serif-area,.cutin-burst-wrap,.side-opp .cutin-burst-wrap{left:12.5cqw;right:12.5cqw;top:42%;bottom:0;padding:2cqh 0 6cqh}.cutin-normal .cutin-serif-area,.side-opp.cutin-normal .cutin-serif-area{align-items:center;padding-top:2cqh}.cutin-normal .cutin-serif,.side-opp.cutin-normal .cutin-serif,.cutin-name-in,.side-opp .cutin-name-in{text-align:center}.cutin-name-in b:before{display:none}}.cutin-skip{position:absolute;right:12px;bottom:8px;font-size:11px;color:#ffffff80}.result{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:#050712b8;animation:fadeIn .3s;padding:16px}.result-card{background:var(--sheet);border:2px solid var(--panel-b);border-radius:22px;padding:24px;width:min(420px,100%);text-align:center;animation:sheetUp .35s}.result-title{font-size:56px;font-weight:800;font-style:italic;line-height:1.1}.result.win .result-title{color:var(--gold);text-shadow:0 0 30px rgba(255,204,51,.7);animation:slam .5s both}.result.win .result-card{border-color:var(--gold)}.result.lose .result-title{color:#8fa2d6}.result-reason{color:var(--muted);margin:6px 0 14px}.result-hp{display:flex;align-items:center;justify-content:center;gap:14px}.result-hp>div{display:flex;flex-direction:column;align-items:center;gap:4px}.result-hp .hearts{--hs: 16px;grid-template-columns:repeat(6,var(--hs))}.result-hp small{color:var(--muted);font-size:12px}.result-turn{color:var(--muted);font-size:13px;margin:8px 0 16px}.result-actions{display:flex;flex-direction:column;gap:8px}.modal-back{position:fixed;inset:0;z-index:80;background:#05071299;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s}.modal{background:var(--sheet);border:1px solid var(--panel-b);border-radius:18px;width:min(520px,100%);max-height:85dvh;display:flex;flex-direction:column}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--panel-b)}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:14px;overflow-y:auto}.menu-list{display:flex;flex-direction:column;gap:8px}.log{list-style:none;margin:0;padding:0;font-size:14px}.log li{padding:5px 8px;border-left:3px solid #555;margin-bottom:3px;background:#0003;border-radius:0 6px 6px 0}.log li.mine{border-left-color:var(--me)}.log li.opp{border-left-color:var(--opp)}.rules{font-size:14px;line-height:1.6}.rules h3{font-size:15px;color:var(--gold);margin:12px 0 4px}.rules ul,.rules ol{margin:0;padding-left:20px}.toast{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:120;background:#3a1422;border:1px solid var(--danger);color:#ffd0d8;padding:8px 16px;border-radius:12px;font-weight:800;font-size:14px;animation:fadeIn .2s;max-width:90%;text-align:center;box-shadow:0 8px 24px #00000073}.toast.info{background:#14254a;border-color:var(--me);color:#d6e8ff}.rules-note{background:#ffcc331a;border:1px solid rgba(255,204,51,.45);border-radius:10px;padding:6px 10px;font-size:13px;margin:8px 0 0}.gallery{max-width:1000px;margin:0 auto}.gallery-head{display:flex;align-items:center;gap:12px}.gallery-head h2{margin:0}.filters{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.gallery-grid{--hw: 108px;display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:14px;justify-items:center}.hud-stat{position:relative}.hud-stat em{display:block;position:absolute;top:-8px;left:8px;margin:0;padding:0 5px;border-radius:5px;font-size:9px;line-height:14px;letter-spacing:.05em;color:#b9c0e6;background:#161b3b;border:1px solid rgba(255,255,255,.12)}.hud-res em{color:#ffe08a;border-color:#ffcc3359}.hud-stats{padding-top:4px}@media(min-width:480px){.hearts{--hs: 19px;grid-template-columns:repeat(6,var(--hs));gap:3px}.hud{flex-direction:row;align-items:center;gap:10px}.hud-id{flex:0 1 auto;width:22%;max-width:180px}.hud-stats{flex:1}.hud .res-pips{display:none}}@media(max-width:479px){.steps .sep:nth-child(4),.steps .step:nth-child(5){display:none}.steps{font-size:11px}.step{padding:2px 7px}.guide-hint{font-size:12px}.status{font-size:15px}.turn-chip{padding:3px 8px}.turn-chip b{font-size:19px}.btn-end{min-width:76px;padding:6px 10px;font-size:15px}}@media(max-width:370px){.hs-val b{font-size:22px}.hearts{--hs: 15px}.hud-stat{padding:3px 7px 3px 6px;gap:4px}.turn-chip small:last-child{display:none}}@media(min-width:640px)and (min-aspect-ratio:5/4){.game{--fw: clamp(48px, min(13vw, 13dvh), 120px);--hw: clamp(56px, min(11vw, 13.5dvh), 116px);grid-template-columns:clamp(200px,21vw,270px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr) auto auto;grid-template-areas:"top top" "ohud ofield" "ohud mid" "mhud mfield" "mhud guide" "mhud hand";column-gap:10px}.rail{display:flex;flex-direction:column;gap:8px;min-height:0}.rail-me{justify-content:flex-end}.rail-me .hud{flex:none}.hud{flex-direction:column;align-items:stretch;gap:clamp(4px,1.2dvh,10px);padding:clamp(6px,1.3dvh,12px) 12px}.hud-id{width:auto;max-width:none;font-size:15px}.avatar{width:28px;height:28px;font-size:14px}.hud-stats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 6px}.hud-hp{grid-column:1 / -1}.hearts{--hs: clamp(20px, 3.8dvh, 30px)}.hud-stat{min-width:0;padding:6px 8px;gap:5px}.hs-val b{font-size:clamp(20px,4.2dvh,32px)}.hud .res-pips{display:flex}.btn-end{width:100%;padding:clamp(8px,1.8dvh,16px) 12px;font-size:clamp(16px,2.7dvh,22px)}}@media(min-width:640px)and (min-aspect-ratio:5/4)and (max-height:600px){.hud .res-pips{display:none}.hud-id{font-size:13px}.avatar{width:22px;height:22px;font-size:12px}}@media(min-width:640px)and (min-aspect-ratio:5/4)and (max-height:460px){.hud-id{display:none}.hud{padding:6px 10px;gap:4px}.hearts{--hs: 20px}.hs-val b{font-size:20px}.hs-val small{font-size:11px}.btn-end{padding:8px;font-size:16px}}@media(max-height:520px){.midline{display:none}.topbar{min-height:32px}.icon-btn{width:30px;height:30px;font-size:15px}.timer{font-size:17px;padding:1px 6px}.turn-chip{padding:2px 8px}.guide{min-height:22px}.field{padding-top:14px}.hand{padding-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.card-awake{background:linear-gradient(180deg,#fff3a8,#ffb13b);color:#5a2a00;box-shadow:0 0 6px #ffc83ce6}.cd-awake{background:#ffc83c1f;border-color:#ffc83c80;color:#fff0c4}.cd-awake b{color:#ffd45c}.cd-coma{background:#96a0c81a;border-color:#96a0c866;color:#d5daf0}.cd-coma b{color:#b9c2ea}.sp-awake{margin-left:4px;background:linear-gradient(180deg,#fff3a8,#ffb13b);color:#5a2a00}.cd-temp{font-size:12px;margin:0 0 8px;padding:4px 9px;border-radius:10px;background:#78dca01a;border:1px dashed rgba(120,220,160,.5);color:#c9f5da}.card-spell .card-inner{box-shadow:inset 0 0 0 2px #be96ff8c}.card-spell-tag{justify-content:center;font-weight:900;letter-spacing:.3em;color:#f1e4ff;background:linear-gradient(90deg,#783cc800,#783cc8d9,#783cc800);font-size:calc(var(--w) * .12)}.cd-spell-note{flex:1;align-self:center;font-size:12px;color:var(--muted);line-height:1.5}.cd-phrase.chant{background:#965aff1f;border-color:#aa78ff80}.cd-temp.down{background:#ff6e6e1a;border-color:#ff6e6e80;color:#ffd2d2}.cutin.chant .cutin-label{color:#e6c8ff;-webkit-text-stroke-color:#2a0a55}.target-prompt{display:flex;flex-direction:column;gap:8px}.tp-text{font-weight:800;font-size:15px}.tp-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:6px 0}.tp-cand{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:2px solid transparent;border-radius:12px;padding:4px;cursor:pointer;color:inherit}.tp-cand:hover,.tp-cand:focus-visible{border-color:var(--gold);background:#ffcc3314}.field.opp .card.attackable{outline:2px dashed rgba(255,110,90,.9);outline-offset:2px}.is-dragging.drag-attack .field.opp .card.attackable{animation:pulseTarget .9s infinite alternate}.field.opp .card.target-hover{outline:3px solid #ff5a3c;outline-offset:3px;transform:scale(1.06)}@keyframes pulseTarget{to{outline-color:#ffd25a}}.btn-attack-unit{font-size:13px}.btn-attack-unit .o{margin-left:6px;font-weight:800}.btn-cast{background:linear-gradient(180deg,#a26bff,#6a2fd6);border-color:#d8c2ff;color:#fff}.target-prompt .sp-kicker,.target-prompt .sp-title,.target-prompt .sp-sub{align-self:flex-start}.overflow-back{z-index:60}.overflow-prompt{border-top:3px solid #7aa7ff}.op-head{margin-bottom:4px;padding-right:8px}.op-kicker{display:inline-block;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(180deg,#7aa7ff,#3b5fd6);padding:1px 9px;border-radius:99px}.op-title{font-size:18px;font-weight:800;margin:4px 0 2px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.op-sub{font-size:13px;color:var(--muted)}.op-sub b{color:#b9ceff;font-size:1.15em}.op-auto{display:block;font-size:11px;margin-top:2px}.overflow-hand{gap:18px 8px;padding-top:16px}.overflow-hand .card{transition:transform .15s,box-shadow .15s,filter .15s;cursor:pointer}.overflow-hand .card.op-new{box-shadow:0 0 0 2px #ffe066,0 0 14px #ffe06699}.overflow-hand .card.op-picked{transform:translateY(-6px) scale(.97);box-shadow:0 0 0 3px #ff4d6d,0 0 20px #ff3c5acc;filter:saturate(.5)}.op-new-tag{position:absolute;top:3px;left:50%;transform:translate(-50%);z-index:2;background:#ffe066;color:#3a2400;font-size:10px;font-weight:800;padding:0 7px;border-radius:8px;border:1px solid #fff}.op-mark{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#28000a8c;border-radius:inherit}.op-mark span{font-size:calc(var(--w) * .5);line-height:1;color:#ff4d6d;font-weight:800;text-shadow:0 0 8px #000}.op-mark b{font-size:calc(var(--w) * .15);color:#fff;background:#d62845;padding:1px 8px;border-radius:6px;margin-top:2px}.op-names{font-size:12px;font-weight:500;color:#ffb3bf}.btn-overflow{background:linear-gradient(180deg,#ff6b7f,#c0223e);border-color:#ff9aa9;color:#fff}.overflow-reopen{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:61;box-shadow:0 6px 24px #00000080;animation:pulseRed 1.4s infinite}@keyframes pulseRed{50%{box-shadow:0 0 0 8px #ff4d6d00,0 6px 24px #00000080}0%{box-shadow:0 0 #ff4d6d99,0 6px 24px #00000080}}.discard-show{position:fixed;inset:0;z-index:95;display:flex;justify-content:center;align-items:center;background:#05071273;animation:fadeIn .15s;cursor:pointer}.discard-show.mine{align-items:flex-end;padding-bottom:22dvh}.discard-show.opp{align-items:flex-start;padding-top:16dvh}.ds-panel{background:#141832eb;border:2px solid rgba(255,255,255,.18);border-radius:18px;padding:12px 16px 10px;max-width:calc(100% - 24px);box-shadow:0 10px 40px #0009}.discard-show.mine .ds-panel{border-color:#4fa3ff99}.discard-show.opp .ds-panel{border-color:#ff5a6e99}.ds-title{font-size:15px;font-weight:800;text-align:center;margin-bottom:8px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.ds-title b{color:#ffb3bf;font-size:1.15em}.ds-chip{font-size:12px;padding:2px 10px;border-radius:99px;background:#444c78}.reason-sacrifice .ds-chip{background:linear-gradient(180deg,#ff9a4d,#e0452b)}.reason-effect .ds-chip{background:linear-gradient(180deg,#c46bff,#7a2fd0)}.reason-overflow .ds-chip{background:linear-gradient(180deg,#7aa7ff,#3b5fd6)}.ds-cards{--hw: clamp(70px, 19vw, 108px);display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.ds-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;animation:dsIn .35s cubic-bezier(.2,1.3,.4,1) both,dsOut .4s 1.15s ease-in forwards}.discard-show.opp .ds-card{animation-name:dsInOpp,dsOut}.ds-card .card{cursor:inherit}.ds-stamp{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%) rotate(-14deg);font-weight:800;font-size:15px;color:#fff;background:#d62845eb;border:2px solid #fff;padding:2px 10px;border-radius:6px;box-shadow:0 2px 10px #00000080;animation:dsStamp .25s ease-out both;white-space:nowrap}.ds-name{font-size:12px;font-weight:800;max-width:calc(var(--hw) + 20px);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-skip{text-align:center;font-size:10px;color:#ffffff73;margin-top:12px}@keyframes dsIn{0%{transform:translateY(60px) scale(.6);opacity:0}}@keyframes dsInOpp{0%{transform:translateY(-60px) scale(.6);opacity:0}}@keyframes dsStamp{0%{transform:translate(-50%,-50%) rotate(-14deg) scale(2.4);opacity:0}}@keyframes dsOut{to{transform:translateY(8px) rotate(4deg) scale(.9);opacity:.35;filter:grayscale(1)}}.status.discarding{color:#b9ceff}.sp-phrase.radio .sp-check{border-radius:50%}.sp-phrase.radio.on .sp-check:after{content:"\25cf";font-size:12px}.heart.bonus.on:before{background:linear-gradient(180deg,#fff0a8,#fc3 45%,#d38a00)}.heart.bonus.on{filter:drop-shadow(0 0 3px rgba(255,204,51,.8))}.heart.bonus.off:before{background:#3d3a2a}.card-passive{position:absolute;left:4%;top:19%;min-width:20%;height:calc(var(--w) * .2);padding:0 3px;border-radius:99px;background:linear-gradient(180deg,#4fd1ff,#1a7fb8);color:#fff;font-size:calc(var(--w) * .11);font-weight:800;display:flex;align-items:center;justify-content:center;border:1px solid #fff;z-index:1}.cd-passive{background:#4fd1ff1a;border:1px solid rgba(79,209,255,.45);border-radius:10px;padding:7px 9px;margin-bottom:6px}.cd-passive .tag{font-size:11px;font-weight:800;color:#9fe6ff}.cd-passive-text{font-size:13px;color:#e8f8ff;margin-top:2px}.bgm-settings{display:flex;flex-direction:column;gap:10px}.bgm-row{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}.bgm-row>span{flex:0 0 3em;color:var(--muted)}.bgm-row select{flex:1;min-width:0;font:inherit;padding:7px 8px;border-radius:8px;background:#00000059;color:inherit;border:1px solid var(--panel-b)}.bgm-row input[type=range]{flex:1;min-width:0;accent-color:var(--gold)}.bgm-vol{width:2.5em;text-align:right;font-variant-numeric:tabular-nums}.bgm-now{margin:0;font-size:13px;color:var(--gold)}.bgm-settings p{margin:0}.card-spell-tag.mode-defense{background:linear-gradient(90deg,#2878dc00,#2878dce6,#2878dc00)}.card-spell-tag.mode-hybrid{background:linear-gradient(90deg,#28aa8c00,#28aa8ce6,#28aa8c00);letter-spacing:.1em}.bp-spells{margin:6px 0;padding:8px 10px;border-radius:12px;background:#965aff1f;border:1px solid rgba(170,120,255,.5)}.bp-spells-title{font-size:12px;font-weight:800;color:#e2ccff;margin-bottom:6px}.bp-spells-list{display:flex;gap:8px;overflow-x:auto}.bp-spell{display:flex;align-items:center;gap:8px;background:#00000040;border:1px solid rgba(170,120,255,.4);border-radius:10px;padding:4px 8px 4px 4px;color:inherit;cursor:pointer;text-align:left;min-width:180px}.bp-spell:hover,.bp-spell:focus-visible{border-color:var(--gold)}.bp-spell-e{font-size:11px;line-height:1.4;color:#ffe38a}.bp-chanted{font-size:12px;font-weight:800;color:#d9c2ff;margin:6px 0}.netbar.turnfx.extra{background:#3caa6ee6}.netbar.turnfx.skip{background:#c8463ce6}.card-weapon .card-inner{box-shadow:inset 0 0 0 2px #c8c8dc99}.card-weapon-tag{justify-content:center;align-items:baseline;gap:.3em;font-weight:900;color:#fff;background:linear-gradient(90deg,#5a648200,#5a6482e6,#5a648200);font-size:calc(var(--w) * .12)}.card-weapon-tag small{font-size:.75em;color:#ffb3b3}.card-fusion{position:absolute;right:4%;bottom:20%;width:20%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;font-size:calc(var(--w) * .12);background:radial-gradient(circle,#ff6bd5,#7b2cff);border:1px solid #fff}.card-cost.discount{filter:hue-rotate(80deg) saturate(1.3)}.cd-weapon{background:#bec8e61a;border-color:#c8d2f080;color:#e6ebff}.cd-weapon b{color:#fff}.cd-fusion{background:#ff5ac81f;border-color:#ff6ed280;color:#ffe0f5}.cd-fusion b{color:#ff9ee4}.card-peek{position:fixed;z-index:120;width:min(280px,calc(100vw - 16px));max-height:min(60vh,420px);overflow-y:auto;padding:9px 11px;border-radius:12px;font-size:12px;line-height:1.5;color:var(--text);background:#0e1020f5;border:1px solid color-mix(in srgb,var(--c) 70%,#fff);box-shadow:0 8px 28px #0009;pointer-events:none;animation:fadeIn .12s}.card-peek.touch{pointer-events:auto}.pk-head{display:flex;flex-direction:column;margin-bottom:4px}.pk-head b{font-size:14px}.pk-kind{font-size:11px;color:var(--muted)}.pk-stats{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;color:#cfe3ff;margin-bottom:4px}.pk-cut{color:#7dffb0}.pk-line{padding:3px 0;border-top:1px dashed rgba(255,255,255,.12)}.pk-tag{display:inline-block;margin-right:6px;padding:0 6px;border-radius:99px;font-size:10px;font-weight:800;background:#ffffff1f}.pk-eff{color:#ffe38a}.pk-fusion{color:#ff9ee4}.pk-weapon{color:#dfe6ff}.pk-stun{color:#ff9a9a}.pk-note{font-size:11px;color:var(--muted)}.pk-open{margin-top:6px;width:100%}.bp-unblock{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:99px;font-size:12px;background:#78c8ff33;color:#bfe8ff;font-style:normal}.fusion-prompt{display:flex;flex-direction:column;gap:10px}.fp-title{font-size:22px;font-weight:900;color:#ff9ee4;text-shadow:0 0 12px rgba(255,90,200,.7)}.fp-sub{font-size:12px;color:var(--muted)}.fp-row{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;background:#ff5ac814;border:1px solid rgba(255,110,210,.4)}.fp-parts{display:flex;flex-wrap:wrap;align-items:center;gap:4px;--mw: 58px}.fp-part{display:inline-flex;align-items:center;gap:4px}.fp-plus,.fp-arrow{font-size:20px;color:#ffd0f0}.fp-arrow{margin:0 6px}.btn-fusion{background:linear-gradient(180deg,#ff6bd5,#9b2cff);border-color:#ffd0f5;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.fusion-ready{position:relative;animation:fusionGlow 1s ease-in-out infinite alternate}@keyframes fusionGlow{0%{box-shadow:0 0 6px #ff5ac866}to{box-shadow:0 0 18px #ff5ac8f2}}.fusion-show{position:fixed;inset:0;z-index:110;overflow:hidden;cursor:pointer;display:grid;place-items:center;--hw: clamp(96px, 16vmin, 170px)}.fs-bg{position:absolute;inset:0;background:radial-gradient(circle at center,#78146ed9,#050014f5 70%);animation:fadeIn .25s}.fs-rays{position:absolute;left:50%;top:50%;width:260vmax;height:260vmax;margin:-130vmax 0 0 -130vmax;background:repeating-conic-gradient(from 0deg,rgba(255,160,230,.35) 0 2deg,transparent 2deg 9deg);animation:burstSpin 3s linear infinite,fsRays 3.6s ease-out both}@keyframes fsRays{0%{opacity:0;scale:.3}45%{opacity:.4}60%{opacity:1;scale:1}to{opacity:.8}}.fs-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:4px solid rgba(255,200,240,.9);box-shadow:0 0 30px #ff6bd5,inset 0 0 30px #ff6bd5;opacity:0}.fs-ring.r1{width:60vmin;height:60vmin;margin:-30vmin 0 0 -30vmin;animation:fsRing 3.6s .2s ease-in both}.fs-ring.r2{width:90vmin;height:90vmin;margin:-45vmin 0 0 -45vmin;animation:fsRing 3.6s .35s ease-in both}@keyframes fsRing{0%{opacity:0;scale:1.4}20%{opacity:1}50%{opacity:1;scale:.05;rotate:540deg}51%,to{opacity:0}}.fs-part{position:absolute;left:50%;top:50%;width:var(--hw);margin-left:calc(var(--hw) / -2);margin-top:calc(var(--hw) * -.7);animation:fsPart 1.8s var(--d) cubic-bezier(.5,0,.7,.4) both}@keyframes fsPart{0%{transform:rotate(var(--a)) translateY(-120vmax) rotate(calc(var(--a) * -1)) scale(1.3);opacity:0}25%{transform:rotate(var(--a)) translateY(-32vmin) rotate(calc(var(--a) * -1)) scale(1);opacity:1}45%{transform:rotate(calc(var(--a) + 200deg)) translateY(-26vmin) rotate(calc(var(--a) * -1 - 200deg)) scale(.95)}80%{transform:rotate(calc(var(--a) + 720deg)) translateY(-4vmin) rotate(calc(var(--a) * -1 - 720deg)) scale(.35);opacity:1;filter:brightness(2.5)}to{transform:rotate(calc(var(--a) + 900deg)) translateY(0) rotate(calc(var(--a) * -1 - 900deg)) scale(0);opacity:0;filter:brightness(4)}}.fs-flash{position:absolute;inset:0;background:#fff;opacity:0;animation:fsFlash 3.6s both;pointer-events:none}@keyframes fsFlash{0%,48%{opacity:0}52%{opacity:1}70%{opacity:0}to{opacity:0}}.fs-result{--rw: calc(var(--hw) * 1.6);position:absolute;left:50%;top:50%;width:var(--rw);margin-left:calc(var(--rw) / -2);margin-top:calc(var(--rw) * -.72);animation:fsResult 3.6s both;filter:drop-shadow(0 0 30px var(--c))}.fs-result>.card{--hw: var(--rw)}@keyframes fsResult{0%,50%{opacity:0;transform:scale(3) rotate(-25deg)}60%{opacity:1;transform:scale(.85) rotate(4deg)}66%{transform:scale(1.12) rotate(-2deg)}72%,to{opacity:1;transform:scale(1) rotate(0)}}.fs-title{position:absolute;top:9%;left:0;right:0;display:flex;justify-content:center;gap:.08em;font-family:var(--font-impact);font-size:clamp(48px,14vmin,140px);color:#fff;-webkit-text-stroke:.06em #6a0a5e;paint-order:stroke fill;text-shadow:0 0 30px #ff5ad0}.fs-title span{display:inline-block;animation:fsTitle .5s both cubic-bezier(.3,1.8,.5,1)}.fs-title span:nth-child(1){animation-delay:1.95s}.fs-title span:nth-child(2){animation-delay:2.1s}.fs-title .male{color:#6bd2ff;animation-delay:2.3s}@keyframes fsTitle{0%{opacity:0;transform:scale(4) rotate(-20deg)}}.fs-name{position:absolute;bottom:10%;left:0;right:0;text-align:center;font-family:var(--font-impact);font-size:clamp(22px,5vmin,48px);color:#fff;-webkit-text-stroke:.05em #3a0a3a;paint-order:stroke fill;animation:fadeIn .4s 2.4s both}.fusion-show.opp .fs-bg{background:radial-gradient(circle at center,#281e8cd9,#000014f5 70%)}@media(prefers-reduced-motion:reduce){.fs-part,.fs-ring,.fs-rays{animation-duration:.01s}}.reveal-grid{--hw: 96px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.timer.paused{background:#7882a059;color:#cfd6ea}.field.me .card.equip-target{outline:2px dashed rgba(220,230,255,.8);outline-offset:2px}.field.me .card.equip-hover{outline:3px solid #e8ecff;outline-offset:3px;transform:scale(1.06)}@media(max-width:639px){.field{flex-wrap:nowrap;justify-content:safe center;align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding-top:22px}.field>.card{flex:none}.field.dense{--fw: clamp(52px, 17vw, 84px)}.field.xdense{--fw: clamp(48px, 15vw, 72px)}}.resume-box{display:flex;flex-direction:column;gap:6px}.leave-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:#ffd0d0}.replay-bar{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);transform:translate(-50%);z-index:95;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;border-radius:14px;background:#0a0c1aeb;border:1px solid rgba(255,255,255,.2);box-shadow:0 6px 24px #0009;max-width:calc(100vw - 16px)}.replay-bar.rec{border-color:#ff4d6d;box-shadow:0 0 0 2px #ff4d6d80,0 6px 24px #0009}.replay-bar .btn.on{background:var(--gold);color:#3a2400}.rb-label{font-weight:900;font-size:13px}.rb-pos{font-size:12px;color:var(--muted);min-width:4em}.rb-err{width:100%;font-size:11px;color:#ffb3b3}.result-replay{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}.result-replay-msg{width:100%;text-align:center;font-size:12px;color:#bfe8ff}.replay-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.replay-list li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;background:#ffffff0d}.replay-list .rl-title{flex:1;min-width:180px;font-size:13px;font-weight:800}.replay-list .rl-date{font-size:11px;color:var(--muted)}.replay-input{width:100%;min-height:90px;font-size:11px;font-family:monospace}.replay-bar{width:max-content;justify-content:center}@media(max-width:639px){.replay-bar{top:calc(env(safe-area-inset-top,0px) + 50px);bottom:auto;width:calc(100vw - 16px);gap:4px;padding:4px 6px}.replay-bar .btn-small{padding:3px 7px;font-size:12px}.replay-bar .icon-btn{width:30px;height:30px}}.card-armed{position:absolute;inset:-4px;border-radius:calc(var(--w) * .12);padding:3px;pointer-events:none;z-index:1;background:conic-gradient(from var(--ang, 0deg),#ffffff,#7fb2ff,#dfe9ff,#5a7ab8,#ffffff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);filter:drop-shadow(0 0 5px rgba(140,190,255,.95));animation:urSpin 2.2s linear infinite}.card-equip{position:absolute;left:-9%;top:34%;width:40%;aspect-ratio:1;z-index:2;pointer-events:none;animation:equipBob 2.4s ease-in-out infinite}.card-equip .ce-art{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #eaf3ff;background:#223;box-shadow:0 0 0 1px #3a5a9a,0 0 10px 2px #8cbefff2,0 3px 6px #0009}.card-equip .ce-art.portrait-fallback{display:flex;font-size:calc(var(--w) * .16)}.card-equip .ce-icon{position:absolute;right:-14%;bottom:-12%;width:52%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:calc(var(--w) * .12);background:linear-gradient(180deg,#f4f8ff,#8ea4cf);border:1px solid #fff;box-shadow:0 1px 3px #0009}@keyframes equipBob{50%{transform:translateY(-3px) rotate(-4deg)}}.card-mini .card-equip{left:-4%}.card-mini .card-armed{inset:-3px;padding:2px}.card.weapon-broke{animation:weaponBroke .7s}@keyframes weaponBroke{0%,to{filter:none}15%{filter:brightness(2.4) saturate(.2);transform:scale(1.08) rotate(-3deg)}40%{transform:translate(-4px) rotate(2deg)}60%{transform:translate(3px)}}.weapon-shatter{position:absolute;left:12%;top:50%;width:0;height:0;pointer-events:none;z-index:3}.weapon-shatter i{position:absolute;width:calc(var(--w) * .12);height:calc(var(--w) * .05);background:linear-gradient(90deg,#fff,#9cb8e8);border-radius:2px;box-shadow:0 0 6px #bfe0ff;opacity:0;animation:shard .8s ease-out both;transform:rotate(calc(var(--i) * 45deg))}@keyframes shard{0%{opacity:1;transform:rotate(calc(var(--i) * 45deg)) translate(0)}to{opacity:0;transform:rotate(calc(var(--i) * 45deg + 90deg)) translate(calc(var(--w) * .7))}}.card.summon-slot{background:transparent;border:0;box-shadow:none;cursor:default;display:grid;place-items:center}.ss-circle{position:absolute;left:50%;top:50%;width:118%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:3px dashed color-mix(in srgb,var(--c, #ffcc33) 60%,#fff);box-shadow:0 0 18px var(--c, #ffcc33),inset 0 0 18px var(--c, #ffcc33);background:radial-gradient(circle,color-mix(in srgb,var(--c, #ffcc33) 45%,transparent),transparent 70%);animation:ssSpin 2.4s linear infinite,fadeIn .3s}.ss-circle.inner{width:78%;border-style:solid;border-width:2px;animation:ssSpin 1.6s linear infinite reverse,fadeIn .3s;background:none}@keyframes ssSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.ss-name{position:relative;font-weight:800;font-size:calc(var(--w) * .13);color:#fff;text-align:center;text-shadow:0 1px 3px #000,0 0 8px var(--c, #000);animation:ssPulse .9s ease-in-out infinite}@keyframes ssPulse{50%{opacity:.55}}.equip-show{position:fixed;inset:0;z-index:108;overflow:hidden;cursor:pointer;display:grid;place-items:center;--hw: clamp(110px, 20vmin, 190px)}.es-bg{position:absolute;inset:0;background:radial-gradient(circle at center,#285aaad6,#030818f2 70%);animation:fadeIn .2s}.equip-show.opp .es-bg{background:radial-gradient(circle at center,#96283cd1,#14030af2 70%)}.es-rays{position:absolute;left:50%;top:50%;width:220vmax;height:220vmax;margin:-110vmax 0 0 -110vmax;opacity:0;background:repeating-conic-gradient(from 0deg,rgba(200,225,255,.16) 0 4deg,transparent 4deg 12deg);animation:esRays 1.9s linear both}@keyframes esRays{0%{opacity:0;transform:rotate(0)}40%{opacity:1}to{opacity:.8;transform:rotate(40deg)}}.es-unit{position:absolute;left:50%;top:50%;width:var(--hw);margin-left:calc(var(--hw) / -2);margin-top:calc(var(--hw) * -.7);animation:esUnit 1.9s both}.es-unit .card,.es-weapon .card{cursor:inherit}@keyframes esUnit{0%{transform:scale(.4);opacity:0}14%{transform:scale(1);opacity:1}38%{transform:scale(1);filter:none}43%{transform:scale(1.16);filter:brightness(2.2) drop-shadow(0 0 30px #bfe0ff)}62%{transform:scale(1.05);filter:brightness(1.1) drop-shadow(0 0 24px #9cc8ff)}to{transform:scale(1.05);filter:drop-shadow(0 0 22px #9cc8ff)}}.es-weapon{position:absolute;left:50%;top:50%;width:calc(var(--hw) * .8);margin-left:calc(var(--hw) * -.4);margin-top:calc(var(--hw) * -.56);animation:esWeapon 1.9s both cubic-bezier(.45,0,.8,.45);z-index:2}.equip-show.opp .es-weapon{animation-name:esWeaponOpp}@keyframes esWeapon{0%{transform:translate(60vw,-34vh) rotate(-620deg) scale(1.4);opacity:0}8%{opacity:1}38%{transform:translate(0) rotate(0) scale(.95);opacity:1}45%{transform:translate(0) scale(.25);opacity:0}to{opacity:0}}@keyframes esWeaponOpp{0%{transform:translate(-60vw,34vh) rotate(620deg) scale(1.4);opacity:0}8%{opacity:1}38%{transform:translate(0) rotate(0) scale(.95);opacity:1}45%{transform:translate(0) scale(.25);opacity:0}to{opacity:0}}.es-slash{position:absolute;left:50%;top:50%;width:160vmax;height:12px;margin:-6px 0 0 -80vmax;z-index:3;opacity:0;background:linear-gradient(90deg,transparent,#fff 45%,#bfe0ff 55%,transparent);box-shadow:0 0 26px #9cc8ff;animation:esSlash 1.9s both}@keyframes esSlash{0%,37%{opacity:0;transform:rotate(-24deg) scaleX(0)}38%{opacity:1;transform:rotate(-24deg) scaleX(0)}46%{opacity:1;transform:rotate(-24deg) scaleX(1)}62%{opacity:0;transform:rotate(-24deg) scaleX(1) scaleY(.2)}to{opacity:0}}.es-sparks{position:absolute;left:50%;top:50%;width:0;height:0;z-index:3}.es-sparks i{position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;background:#eaf4ff;box-shadow:0 0 12px #9cc8ff,0 0 4px #fff;opacity:0;animation:esSpark 1.9s both}@keyframes esSpark{0%,39%{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translate(0)}43%{opacity:1}78%{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translate(30vmin)}to{opacity:0}}.es-title{position:absolute;top:11%;left:0;right:0;text-align:center;z-index:4;font-family:var(--font-impact);font-size:clamp(44px,13vmin,120px);color:#fff;-webkit-text-stroke:.06em #173a70;paint-order:stroke fill;text-shadow:0 0 26px #7fb8ff;animation:esTitle .45s .78s both cubic-bezier(.3,1.8,.5,1)}.equip-show.opp .es-title{-webkit-text-stroke-color:#701730;text-shadow:0 0 26px #ff7f9a}@keyframes esTitle{0%{transform:scale(2.6);opacity:0}to{transform:none;opacity:1}}.es-info{position:absolute;bottom:9%;left:12px;right:12px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;text-align:center;text-shadow:0 2px 4px #000;animation:fadeIn .35s 1s both}.es-info b{font-family:var(--font-impact);font-size:clamp(20px,5vmin,40px)}.es-info span{font-weight:800;color:#bfffd6;font-size:clamp(14px,3.4vmin,24px)}.es-info em{font-style:normal;font-weight:800;font-size:13px;color:#cfe6ff;background:#28509699;border:1px solid rgba(180,210,255,.7);border-radius:999px;padding:1px 10px}.es-info small{color:#ffc2c2;font-size:13px}.result-card{max-height:calc(100dvh - 32px);overflow-y:auto}.result-finisher{display:flex;flex-direction:column;align-items:center;gap:6px;margin:2px auto 14px}.rf-label{font-family:var(--font-impact);font-size:20px;letter-spacing:.12em;color:#ffd24a;text-shadow:0 0 12px rgba(255,120,40,.85);animation:slam .5s .35s both}.result-finisher.opp .rf-label{color:#ff8fa3;text-shadow:0 0 12px rgba(255,40,80,.8)}.rf-card{--hw: clamp(120px, 32vmin, 176px);position:relative;animation:rfCard .7s .1s both cubic-bezier(.2,1.5,.4,1)}.rf-card:before{content:"";position:absolute;inset:-32%;z-index:-1;background:radial-gradient(circle,color-mix(in srgb,var(--c, #ffcc33) 70%,#fff 10%),transparent 66%);animation:rfGlow 1.8s ease-in-out infinite}.rf-card .card{cursor:default}@keyframes rfCard{0%{transform:scale(2.6) rotate(-12deg);opacity:0;filter:brightness(3)}55%{opacity:1}to{transform:none;opacity:1;filter:none}}@keyframes rfGlow{50%{opacity:.55;transform:scale(.92)}}.rf-name{font-weight:800;font-size:17px}.rf-name small{color:var(--muted);font-size:12px;margin-right:2px}.results-panel{display:flex;flex-direction:column;gap:8px;padding:14px 14px 10px;max-width:560px}.rr-title{margin:0;font-size:16px;display:flex;align-items:baseline;gap:8px}.rr-title small{font-size:11px;color:var(--muted);font-weight:500}.rr-scroll{overflow-x:auto;margin:0 -4px}.rr-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.rr-table th{text-align:left;font-size:11px;color:var(--muted);font-weight:700;padding:2px 5px 4px;border-bottom:1px solid var(--panel-b)}.rr-table td{padding:5px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}.rr-table tr:last-child td{border-bottom:0}.rr-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;font-weight:700}.rr-name b{margin-right:3px}.rr-name.win b{color:var(--gold)}.rr-name.lose{color:#aab4d4}.rr-name.lose b{color:#ff8fa3}.rr-name.draw b{color:#9fd8ff}.rr-turn{text-align:center;font-weight:800}.rr-fin{display:inline-flex;align-items:center;gap:5px;max-width:130px}.rr-fin>span{overflow:hidden;text-overflow:ellipsis;font-weight:700}.rr-fin-art{flex:none;width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid var(--c, #fff);font-size:11px}.rr-end{color:var(--muted);font-weight:700}.rr-when{color:var(--muted);font-size:11px}.rr-more{align-self:center}.rr-note{margin:0;text-align:center;font-size:10px}.card-equip .ce-bonus{position:absolute;left:50%;top:100%;transform:translate(-50%,-25%);white-space:nowrap;font-size:calc(var(--w) * .085);line-height:1.3;padding:0 4px;border-radius:999px;color:#e6f2ff;background:#1d3566;border:1px solid #bcd6ff;box-shadow:0 1px 3px #0009}@media(max-width:480px){.rr-table{font-size:11px}.rr-table th,.rr-table td{padding:4px 3px}.rr-name{max-width:74px}.rr-fin{max-width:100px;gap:3px}.rr-fin-art{width:18px;height:18px}.rr-table th:nth-child(5),.rr-table td:nth-child(5){display:none}}.sub-links{flex-wrap:wrap;row-gap:6px}.sub-links .link{white-space:nowrap}.summon-slot .ss-name{font-size:calc(var(--w) * .3);font-family:var(--font-impact)}.ds-chip.gain{background:linear-gradient(180deg,#5fe0a0,#1f9a63)}.gain-show.mine .ds-panel{border-color:#5fe0a0bf}.gain-show .ds-title b{color:#a8ffd0}.gain-show .ds-card{animation:dsIn .35s cubic-bezier(.2,1.3,.4,1) both,gsToHand .45s 1.1s ease-in forwards}.gain-show.opp .ds-card{animation:dsInOpp .35s cubic-bezier(.2,1.3,.4,1) both,gsToOpp .45s 1.1s ease-in forwards}.gs-stamp{background:#1f9a63f2}@keyframes gsToHand{to{transform:translateY(140px) scale(.5);opacity:0}}@keyframes gsToOpp{to{transform:translateY(-140px) scale(.5);opacity:0}}.gs-back{width:var(--hw);aspect-ratio:5 / 7;border-radius:calc(var(--hw) * .09);border:2px solid rgba(255,255,255,.7);display:grid;place-items:center;background:repeating-linear-gradient(45deg,#3a2a6a 0 8px,#2a1e52 8px 16px);box-shadow:0 4px 12px #00000080}.gs-back span{font-family:var(--font-impact);font-size:calc(var(--hw) * .42);color:#ffd24a;text-shadow:0 2px 6px #000}@media(min-width:481px){.menu-grid{grid-template-columns:repeat(2,1fr)}}.btn-ranked{background:linear-gradient(180deg,#b48cff,#6b3fd0)}.btn-ranked small{display:inline-flex;align-items:center;gap:2px;flex-wrap:wrap;justify-content:center}.rank-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px 1px 5px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;border:1px solid rgba(255,255,255,.35);vertical-align:middle}.rank-badge.small{font-size:10px;padding:0 6px 0 4px}.rank-badge.tier-sangun{background:linear-gradient(180deg,#b07a4d,#6e4323)}.rank-badge.tier-nigun{background:linear-gradient(180deg,#c9d2e0,#7d889c);color:#1c2230}.rank-badge.tier-ichigun{background:linear-gradient(180deg,#ffe08a,#d19a12);color:#3a2400}.rank-badge.tier-king{background:linear-gradient(90deg,#ff6bd5,#fc3,#6bd2ff);color:#2a0a2a;box-shadow:0 0 10px #fc39}.rb-bar{display:inline-block;width:42px;height:5px;border-radius:3px;background:#00000059;overflow:hidden;margin-left:2px}.rb-bar i{display:block;height:100%;background:#fff;border-radius:3px}.account-box{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:#ffffff0d;border:1px solid var(--panel-b)}.account-box.guest{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.ab-main{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.ab-name{font-size:15px}.ab-sub{display:flex;align-items:center;gap:10px;font-size:12px;flex-wrap:wrap}.ab-sub .link{margin-left:auto}.account-form{display:flex;flex-direction:column;gap:12px}.account-form .field-label small{font-weight:500;margin-left:4px}.af-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#00000040;padding:4px;border-radius:12px}.af-tabs button{border:0;border-radius:9px;padding:8px;font-weight:800;background:transparent;color:var(--muted);cursor:pointer}.af-tabs button.on{background:#3a4270;color:#fff}.ranking-panel{display:flex;flex-direction:column;gap:8px;padding:14px 14px 10px;max-width:560px}.rk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.rk-list li{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;background:#ffffff0a;font-size:13px}.rk-list li.top1{background:linear-gradient(90deg,#ffcc3347,#ffcc330a)}.rk-list li.top2{background:linear-gradient(90deg,#c8d2e038,#c8d2e008)}.rk-list li.top3{background:linear-gradient(90deg,#b07a4d47,#b07a4d0a)}.rk-list li.me{outline:2px solid #b48cff}.rk-place{width:38px;font-weight:800;text-align:center}.rk-name{flex:1;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk-pt{font-weight:800;color:var(--gold)}.rk-mine{margin:0;color:#d8c6ff}.rank-result{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;margin:-6px 0 14px;padding:10px;border-radius:12px;background:#ffffff0d}.rr-delta{font-family:var(--font-impact);font-size:28px;animation:slam .5s .6s both}.rank-result.plus .rr-delta{color:#7dffb0;text-shadow:0 0 14px rgba(60,255,150,.6)}.rank-result.minus .rr-delta{color:#ff8fa3}.rank-result .rr-note{font-size:12px;color:var(--muted);text-align:center;line-height:1.5}.rr-now{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.rr-points b{color:var(--text);font-variant-numeric:tabular-nums}.rr-badge{display:inline-flex}.rr-badge .rank-badge{font-size:13px}.rr-badge .rb-bar{width:64px}.rr-badge .rb-bar i{transition:none}.rr-badge.swap{animation:rrSwap .55s cubic-bezier(.2,1.6,.4,1)}@keyframes rrSwap{0%{transform:scale(2.2);filter:brightness(3)}to{transform:scale(1);filter:none}}.rr-up{font-weight:800;color:var(--gold);animation:slam .45s both}.rr-down{font-weight:800;color:#9fb0d8;animation:rrDrop .5s ease-out both}@keyframes rrDrop{0%{transform:translateY(-12px);opacity:0}}.rr-tier{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:2px}.rr-tier b{font-family:var(--font-impact);font-weight:400;font-size:26px;letter-spacing:.04em;line-height:1.15}.rr-tier small{font-size:12px;color:var(--muted)}.rr-tier.up b{background:linear-gradient(100deg,#fff6c8,#fc3 35%,#fff,#fc3 65%,#ff9d2e);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #5a3500) drop-shadow(0 0 12px rgba(255,204,51,.7));animation:tierSlam .6s cubic-bezier(.2,1.5,.4,1) both,shine 1.6s .6s linear infinite}@keyframes tierSlam{0%{transform:scale(3) rotate(-6deg);opacity:0}}@keyframes shine{0%{background-position:100% 0}to{background-position:-150% 0}}.rr-tier.down b{color:#aeb8d4;text-shadow:0 2px 0 #1a1f33;animation:tierFall .9s cubic-bezier(.3,0,.4,1) both}@keyframes tierFall{0%{transform:translateY(-40px) rotate(0);opacity:0}55%{transform:translateY(4px) rotate(-3deg);opacity:1}70%{transform:translateY(-3px) rotate(2deg)}to{transform:none}}.rr-tier.king b{background:linear-gradient(90deg,#ff6bd5,#fc3,#7dffb0,#6bd2ff,#ff6bd5);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #2a0a2a);animation:tierSlam .6s cubic-bezier(.2,1.5,.4,1) both,rainbowText 2s linear infinite}@keyframes rainbowText{to{background-position:300% 0}}.rank-result.fx-tierUp,.rank-result.fx-king{animation:tierGlow 1.4s ease-out both}@keyframes tierGlow{0%{box-shadow:0 0 #fc30;background:#ffe6968c}30%{box-shadow:0 0 0 4px #ffcc33e6,0 0 40px #fc3c}to{box-shadow:0 0 0 2px #fc39,0 0 18px #ffcc3359;background:#ffcc331a}}.rank-result.fx-tierUp:before,.rank-result.fx-king:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;overflow:hidden;background:repeating-conic-gradient(from 0deg at 50% 45%,rgba(255,220,120,.22) 0 8deg,transparent 8deg 22deg);animation:fadeIn .4s both}.rr-burst{position:absolute;left:50%;top:55%;width:0;height:0;pointer-events:none;z-index:2}.rr-burst i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:2px;background:hsl(var(--h) 95% 65%);animation:burstOut .9s cubic-bezier(.1,.7,.3,1) both}@keyframes burstOut{0%{transform:rotate(var(--a)) translateY(0) scale(1.4);opacity:1}to{transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) rotate(200deg) scale(.6);opacity:0}}.rank-result.fx-tierDown,.rank-result.fx-kingFall{animation:tierShake .6s both}@keyframes tierShake{0%{background:#7882aa80}15%{transform:translate(-8px)}30%{transform:translate(7px)}45%{transform:translate(-5px)}60%{transform:translate(3px)}to{transform:none;background:#505a8224;box-shadow:inset 0 0 0 1px #a0afd759}}.hud-id .hud-name{flex:0 1 auto}.hud-id .rank-badge{flex:0 1 auto;min-width:0;overflow:hidden}.hud-id .rank-badge .rb-label{overflow:hidden;text-overflow:ellipsis}.king-fx{position:fixed;inset:0;z-index:300;display:grid;place-items:center;overflow:hidden;cursor:pointer;animation:kfShake .5s .15s both}.kf-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#461048,#080314 70%);animation:fadeIn .3s both}.kf-rays{position:absolute;left:50%;top:45%;width:260vmax;height:260vmax;margin:-130vmax 0 0 -130vmax;background:repeating-conic-gradient(from 0deg,rgba(255,210,90,.34) 0 4deg,transparent 4deg 12deg);-webkit-mask:radial-gradient(circle,transparent 0 4%,#000 22%);mask:radial-gradient(circle,transparent 0 4%,#000 22%);animation:burstSpin 14s linear infinite,kfPop .7s cubic-bezier(.2,1.3,.4,1) both}.kf-rays2{background:repeating-conic-gradient(from 6deg,rgba(255,107,213,.22) 0 3deg,transparent 3deg 15deg);animation:burstSpin 22s linear infinite reverse,kfPop .9s .1s both}@keyframes kfPop{0%{opacity:0;scale:.2}}.kf-ring{position:absolute;left:50%;top:45%;width:20vmin;height:20vmin;margin:-10vmin 0 0 -10vmin;border-radius:50%;border:6px solid rgba(255,230,150,.9);box-shadow:0 0 40px #fc3,inset 0 0 30px #fc3;animation:kfRing 1.2s .1s ease-out both}.kf-ring2{border-color:#ff8ce6cc;box-shadow:0 0 40px #ff6bd5;animation-delay:.35s}@keyframes kfRing{0%{transform:scale(.2);opacity:1}to{transform:scale(9);opacity:0}}.kf-flash{position:absolute;inset:0;background:#fff;pointer-events:none;animation:kfFlash .7s both}@keyframes kfFlash{0%{opacity:1}to{opacity:0}}@keyframes kfShake{0%,to{transform:none}20%{transform:translate(-10px,6px)}40%{transform:translate(9px,-7px)}60%{transform:translate(-6px,4px)}80%{transform:translate(4px,-2px)}}.kf-confetti{position:absolute;inset:0;pointer-events:none}.kf-confetti i{position:absolute;top:-6vh;left:var(--x);width:calc(12px * var(--s));height:calc(20px * var(--s));border-radius:2px;background:hsl(var(--h) 95% 62%);box-shadow:0 0 6px hsl(var(--h) 95% 70%);animation:kfFall var(--t) var(--dl) linear infinite}@keyframes kfFall{0%{transform:translate(0) rotate(0) rotateY(0)}to{transform:translate(var(--sw),115vh) rotate(720deg) rotateY(720deg)}}.kf-body{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:16px}.kf-crown{font-size:clamp(64px,16vmin,150px);line-height:1;filter:drop-shadow(0 0 30px rgba(255,204,51,.95));animation:kfCrown 1s .2s cubic-bezier(.3,1.6,.5,1) both,kfFloat 2.4s 1.2s ease-in-out infinite}@keyframes kfCrown{0%{transform:translateY(-60vh) rotate(-30deg) scale(.6)}}@keyframes kfFloat{50%{transform:translateY(-10px) rotate(3deg)}}.kf-kicker{font-weight:900;letter-spacing:.4em;color:#ffe9a8;font-size:clamp(12px,2.2vmin,18px);text-shadow:0 0 10px rgba(255,204,51,.8);animation:fadeIn .5s .9s both}.kf-title{display:flex;font-family:var(--font-impact);font-weight:400;font-size:clamp(48px,13vmin,150px);line-height:1;white-space:nowrap}.kf-title span{display:inline-block;background:linear-gradient(90deg,#ff6bd5,#fc3,#fff4b0,#7dffb0,#6bd2ff,#ff6bd5);background-size:600% 100%;background-position:calc(var(--i) * -40px) 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.02em rgba(255,255,255,.6);filter:drop-shadow(0 .05em 0 #3a0a3a) drop-shadow(0 0 .15em rgba(255,204,51,.8));animation:kfLetter .55s cubic-bezier(.3,1.7,.5,1) both,rainbowText 2.5s linear infinite;animation-delay:calc(.7s + var(--i) * .07s),0s}@keyframes kfLetter{0%{transform:translateY(-1.2em) scale(2.4) rotate(-20deg);opacity:0}}.kf-name{font-weight:900;font-size:clamp(18px,3.6vmin,32px);color:#fff;animation:fadeIn .5s 1.5s both}.kf-place{display:flex;gap:14px;align-items:baseline;font-weight:800;color:#ffe9a8;animation:fadeIn .5s 1.7s both}.kf-place b{font-family:var(--font-impact);font-weight:400;font-size:clamp(22px,4.2vmin,38px);color:var(--gold);text-shadow:0 0 14px rgba(255,204,51,.8)}.kf-tap{margin-top:10px;font-size:12px;color:#fff9;opacity:0;transition:opacity .4s}.kf-tap.on{opacity:1;animation:kfBlink 1.4s ease-in-out infinite}@keyframes kfBlink{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.king-fx,.kf-rays,.kf-confetti i,.kf-crown,.kf-title span{animation-duration:.01s!important;animation-iteration-count:1!important}}.site-screen{display:flex;flex-direction:column;align-items:center;gap:12px}.site-head{width:100%;max-width:760px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.site-nav{display:flex;gap:14px;flex-wrap:wrap}.site-nav .link.on{color:#fff;text-decoration:none;font-weight:800;border-bottom:2px solid var(--gold)}.site-panel{max-width:760px;line-height:1.75}.site-panel h1{margin:0 0 12px;font-size:22px}.patch-note{padding:14px 0 10px;border-top:1px solid var(--panel-b)}.patch-note:first-of-type{border-top:0;padding-top:0}.patch-note header{display:flex;gap:10px;align-items:center}.pn-ver{font-weight:800;font-size:12px;padding:1px 10px;border-radius:999px;background:#3a4270}.pn-date{color:var(--muted);font-size:12px}.patch-note h2{margin:6px 0 4px;font-size:18px}.site-text h3{margin:12px 0 4px;font-size:15px;color:var(--gold)}.site-text p{margin:6px 0}.site-text ul{margin:4px 0 8px;padding-left:22px}.site-text li{margin:2px 0}.contact-ways{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:10px}.contact-ways a:not(.btn){color:#9fd0ff}.site-footer{margin:18px 0 6px;text-align:center;font-size:11px;color:#ffffff61}.site-footer a{color:#ffffff73;text-decoration:none}.site-footer a:hover{text-decoration:underline;color:#ffffffb3}.sf-sep{margin:0 6px}.sf-copy{margin-top:4px;font-size:10px}.ab-delete{color:#ff9fae!important;margin-left:0!important}.video-stage{position:fixed;left:0;top:0;width:1280px;height:720px;overflow:hidden;transform:translateZ(0);background:#05060f}.video-stage .video-fade,.video-stage .vs-slide,.video-stage .video-start{position:absolute}.video-stage .game{height:100%!important;min-height:0!important;max-height:none!important}.video-stage .vs-slide{height:100%}.video-fade{position:fixed;inset:0;background:#05060f;opacity:0;pointer-events:none;transition:opacity .4s;z-index:300}.video-fade.on{opacity:1}.video-cursor{position:fixed;left:0;top:0;z-index:400;pointer-events:none;margin:-4px 0 0 -6px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7));transition:scale .12s}.video-cursor.pressed{scale:.82}.video-click{position:fixed;z-index:399;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:3px solid #ffd24a;pointer-events:none;animation:videoClick .55s ease-out forwards}@keyframes videoClick{to{transform:scale(4);opacity:0}}.card.video-held{transform:translateY(-14px) scale(1.1)!important;box-shadow:0 0 0 3px #ffd24a,0 0 26px #ffd24ae6!important;z-index:20}.video-caption{position:fixed;left:50%;top:52px;transform:translate(-50%);z-index:250;max-width:min(92vw,980px);text-align:center;padding:10px 22px;border-radius:14px;background:#080a1cdb;border:2px solid rgba(255,210,74,.8);font-size:clamp(16px,2.3vw,26px);font-weight:800;color:#fff;text-shadow:0 2px 4px #000;box-shadow:0 8px 30px #0009;animation:videoCaption .35s cubic-bezier(.2,1.4,.4,1)}@keyframes videoCaption{0%{transform:translate(-50%,-12px) scale(.92);opacity:0}}.video-start{position:fixed;inset:0;display:grid;place-items:center;background:#050712b3;z-index:350}.vs-slide{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px;background:radial-gradient(circle at 50% 40%,#2b2f6e,#0b0c22 72%);overflow:hidden}.vs-slide:before{content:"";position:absolute;inset:-50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.04) 0 6deg,transparent 6deg 18deg);animation:vsSpin 30s linear infinite}@keyframes vsSpin{to{transform:rotate(360deg)}}.vs-slide>*{position:relative}.vs-heroes{position:relative;width:460px;height:250px}.vs-hero{position:absolute;top:20px;width:170px;aspect-ratio:3 / 4;border-radius:18px;overflow:hidden;border:4px solid #fff;box-shadow:0 16px 40px #0009;animation:vsHero .7s cubic-bezier(.2,1.4,.4,1) both}.vs-hero .portrait{width:100%;height:100%;object-fit:cover}.vs-hero.h0{left:0;transform:rotate(-10deg);animation-delay:.15s}.vs-hero.h1{left:145px;z-index:2;border-color:var(--gold);transform:translateY(-10px) scale(1.1);animation-delay:0s}.vs-hero.h2{right:0;transform:rotate(10deg);animation-delay:.3s}@keyframes vsHero{0%{opacity:0;translate:0 60px;scale:.6}}.vs-logo{font-size:clamp(44px,8vw,96px);font-weight:800;line-height:1.1;background:linear-gradient(180deg,#fff6c7,#fc3 55%,#f08a1b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #7a3a00) drop-shadow(0 8px 20px rgba(0,0,0,.6));animation:slam .6s .5s both}.vs-logo small{display:block;font-size:.3em;letter-spacing:.3em;color:#fff;-webkit-text-fill-color:#fff}.vs-sub{font-size:clamp(18px,2.6vw,30px);font-weight:800;color:#fff;text-shadow:0 2px 6px #000;animation:fadeIn .5s 1.1s both}.vs-cta{font-family:var(--font-impact);font-size:clamp(30px,5vw,60px);color:#fff;-webkit-text-stroke:.05em #7a1a4a;paint-order:stroke fill;text-shadow:0 0 24px #ff5ad0;animation:slam .5s 1s both}.vs-icon{font-size:64px;animation:slam .5s both}.vs-head{font-family:var(--font-impact);font-size:clamp(32px,5vw,64px);color:#fff;-webkit-text-stroke:.05em #1a2a6a;paint-order:stroke fill;text-shadow:0 0 24px rgba(120,170,255,.8);animation:slam .5s .1s both}.vs-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.vs-lines li{font-size:clamp(18px,2.4vw,30px);font-weight:800;color:#fff;background:#00000059;padding:8px 20px;border-radius:12px;animation:vsLine .45s both}@keyframes vsLine{0%{opacity:0;transform:translate(-40px)}}.vs-parade{justify-content:center;gap:16px;--hw: 130px}.vs-row{display:flex;gap:14px;width:max-content;animation:vsRow 14s linear infinite}.vs-row.r1{animation-direction:reverse;animation-duration:16s}.vs-row.r2{animation-duration:18s}.vs-row .card{cursor:default}@keyframes vsRow{0%{transform:translate(-10%)}to{transform:translate(-45%)}}.vs-parade-label{position:absolute;bottom:7%;font-family:var(--font-impact);font-size:clamp(28px,4.6vw,56px);color:#fff;-webkit-text-stroke:.05em #3a0a3a;paint-order:stroke fill;text-shadow:0 0 20px #ff5ad0;background:#00000073;padding:4px 28px;border-radius:18px;animation:slam .5s .4s both}.vs-parade-label b{color:var(--gold)}.vs-ranks{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.vs-rank{font-size:clamp(18px,2.4vw,30px);font-weight:800;padding:8px 18px;border-radius:999px;border:2px solid rgba(255,255,255,.5);animation:slam .45s both}.vs-rank.tier-sangun{background:linear-gradient(180deg,#b07a4d,#6e4323)}.vs-rank.tier-nigun{background:linear-gradient(180deg,#c9d2e0,#7d889c);color:#1c2230}.vs-rank.tier-ichigun{background:linear-gradient(180deg,#ffe08a,#d19a12);color:#3a2400}.vs-rank.tier-king{background:linear-gradient(90deg,#ff6bd5,#fc3,#6bd2ff);color:#2a0a2a;box-shadow:0 0 20px #fc3c}.vs-rank+.vs-rank:before{content:"\2192";margin:0 10px 0 -4px;color:#fff;opacity:.6}.video-cursor.hidden{opacity:0}