:root{--font-ui: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Yu Gothic UI", sans-serif;--font-display: "Baloo 2", "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 2px 6px rgba(10, 12, 30, .45);--shadow-md: 0 6px 18px rgba(10, 12, 30, .5);--shadow-pop: 0 10px 28px rgba(10, 12, 30, .55);--panel-bg: linear-gradient(180deg, rgba(33, 39, 66, .82), rgba(18, 22, 38, .84));--panel-bg-strong: linear-gradient(180deg, rgba(38, 44, 74, .96), rgba(21, 25, 43, .97));--chip-bg: linear-gradient(180deg, rgba(48, 54, 90, .7), rgba(32, 36, 62, .7));--border-soft: rgba(255, 255, 255, .14);--hl-top: inset 0 1px 0 rgba(255, 255, 255, .12)}*{box-sizing:border-box}.icon{display:inline-block;vertical-align:-.14em;flex-shrink:0}.heart-ico{color:#ff5d6e}body{margin:0;font-family:var(--font-ui);color:#eee;background:radial-gradient(1200px 700px at 15% -10%,#2a2f5e 0%,transparent 55%),radial-gradient(1000px 600px at 95% 10%,#5a2148 0%,transparent 50%),radial-gradient(900px 800px at 50% 120%,#163b4a 0%,transparent 55%),#12131f;background-attachment:fixed}.lobby-logo,.lobby h1,.card-cost,.hero-stats,.monster-atk-badge,.life-num,.card-count,.dmg-floater,.curve-num,.turn-banner,.climax-text,.result-box h2{font-family:var(--font-display);letter-spacing:.01em}button{padding:6px 14px;border:1px solid #ffffff24;border-radius:var(--radius-sm);background:#2e3250;color:#eee;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px;transition:transform .08s ease,filter .15s ease,box-shadow .15s ease,background .15s ease}button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px) scale(.985);filter:brightness(.95)}button:focus-visible{outline:none;box-shadow:0 0 0 3px #7daaff8c}button:hover:not(:disabled){background:#3d4270}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#5b93ff,#2f6fe0);border-color:#2a62c8;color:#fff;box-shadow:0 3px #1f4ba3,var(--shadow-sm),inset 0 1px #ffffff59}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#6ea0ff,#3d7cf0);filter:none}button.primary:active:not(:disabled){box-shadow:0 1px #1f4ba3,var(--shadow-sm),inset 0 1px #ffffff38}button.primary.act-evolve{border:2px solid transparent;background:linear-gradient(180deg,#2b2542,#1a172e) padding-box,linear-gradient(120deg,#ff5a5a,#ffb02e,#ffe95a,#4cd964,#4aa8ff,#b06ff0) border-box;color:#fff;box-shadow:0 3px #101020,var(--shadow-sm),inset 0 1px #ffffff40}button.primary.act-evolve:hover:not(:disabled){background:linear-gradient(180deg,#37305a,#221e3e) padding-box,linear-gradient(120deg,#ff7a7a,#ffc95e,#fff08a,#6ee584,#6ebcff,#c48ff5) border-box}button.primary.act-evolve:active:not(:disabled){box-shadow:0 1px #101020,var(--shadow-sm),inset 0 1px #ffffff2e}button.primary.act-fuse{background:linear-gradient(180deg,#9a52bd,#6e2f96);border:1px solid #d4a017;color:#ffeecd;box-shadow:0 3px #481f66,var(--shadow-sm),inset 0 1px #ffffff4d,0 0 8px #d4a01744}button.primary.act-fuse:hover:not(:disabled){background:linear-gradient(180deg,#a963cc,#7d3aa8)}button.primary.act-fuse:active:not(:disabled){box-shadow:0 1px #481f66,var(--shadow-sm),inset 0 1px #fff3}button.primary.act-equip{background:linear-gradient(180deg,#5d6675,#3a4150);border-color:#aab4c5;color:#eef2f8;box-shadow:0 3px #22262e,var(--shadow-sm),inset 0 1px #ffffff59}button.primary.act-equip:hover:not(:disabled){background:linear-gradient(180deg,#6b7586,#47505f)}button.primary.act-equip:active:not(:disabled){box-shadow:0 1px #22262e,var(--shadow-sm),inset 0 1px #ffffff38}button.danger{background:linear-gradient(180deg,#d24557,#9c2535);border-color:#7a1f2c;color:#fff;box-shadow:0 3px #5e1822,var(--shadow-sm),inset 0 1px #ffffff40}button.danger:active:not(:disabled){box-shadow:0 1px #5e1822,var(--shadow-sm),inset 0 1px #ffffff2e}input,select{padding:8px 10px;border:1px solid #555;border-radius:6px;background:#14162a;color:#eee;font-size:15px}.loading{display:grid;place-items:center;height:100vh;height:100dvh;font-size:18px}.error{color:#ff8585}.notice{color:#7ee787}.hint{color:#9aa;font-size:13px}.lobby{max-width:460px;margin:5vh auto;padding:0 16px 48px;display:flex;flex-direction:column;gap:16px}@media (min-width: 760px){.lobby{max-width:940px;display:grid;grid-template-columns:1fr 1fr;column-gap:22px;row-gap:16px;align-items:start}.lobby-hero,.lobby>.error{grid-column:1 / -1}.lobby-hero{padding:6px 0 4px}.lobby-roster{max-width:620px}}.lobby-footer{grid-column:1 / -1;display:flex;justify-content:center;gap:10px;padding:18px 0 10px;font-size:11px;color:#6d7398}.lobby-footer a{color:#8d93b8;text-decoration:none}.lobby-footer a:hover{color:#cdd2f5;text-decoration:underline}.lobby-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0c0e1c80,#0c0e1cb8 55%,#0c0e1ce6),url(/ui/lobby-bg.webp) center / cover no-repeat}.lobby-hero{text-align:center;padding:10px 0 2px}.lobby-emblem{width:clamp(100px,24vw,132px);height:auto;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(255,180,90,.35));animation:heroFloat 3.5s ease-in-out infinite}.lobby-roster{display:block;width:100%;max-width:480px;height:auto;margin:0 auto -4px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.45));animation:rosterIn .8s cubic-bezier(.2,.8,.3,1) both,heroFloat 4s ease-in-out .8s infinite}@keyframes rosterIn{0%{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.reduce-motion .lobby-roster{animation:none}.lobby-hero{position:relative}.lobby-hero:before{content:"";position:absolute;top:150px;left:50%;transform:translate(-50%);width:min(430px,80vw);height:56px;border-radius:50%;background:radial-gradient(ellipse,#ff6db028,#9a8bff12 55%,transparent 72%);pointer-events:none}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.lobby h1{margin:4px 0;line-height:0}.lobby-logo-wrap{position:relative;display:block;width:min(400px,82vw);margin:0 auto;filter:drop-shadow(0 8px 22px rgba(0,0,0,.55)) drop-shadow(0 0 24px rgba(255,109,176,.28));animation:heroFloat 4.5s ease-in-out 1.8s infinite}.lobby-logo{display:block;width:100%;height:auto}.lobby-hero.intro .lobby-logo{animation:logoSlam .95s cubic-bezier(.2,.85,.3,1.1) both}@keyframes logoSlam{0%{transform:scale(1.85);opacity:0;filter:blur(12px)}45%{opacity:1}62%{transform:scale(.94);filter:blur(0)}80%{transform:scale(1.04)}to{transform:scale(1);filter:blur(0)}}.logo-shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 32%,#ffffffd8 47%,#ffffff55 54%,transparent 70%);background-size:260% 100%;-webkit-mask:url(/ui/logo-title.webp) center / contain no-repeat;mask:url(/ui/logo-title.webp) center / contain no-repeat;opacity:0}.lobby-hero.intro .logo-shine{animation:logoShine 1s ease-out .9s both}@keyframes logoShine{0%{opacity:1;background-position:130% 0}to{opacity:0;background-position:-40% 0}}.logo-ring{position:absolute;left:50%;top:50%;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;border:3px solid #ff6db0aa;box-shadow:0 0 24px #ff6db066,inset 0 0 14px #9a8bff55;opacity:0;pointer-events:none}.lobby-hero.intro .logo-ring{animation:logoRing .75s ease-out .58s both}@keyframes logoRing{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(4.6)}}.reduce-motion .lobby-logo-wrap,.reduce-motion .lobby-logo,.reduce-motion .logo-shine,.reduce-motion .logo-ring{animation:none!important}.reduce-motion .logo-ring{display:none}.lobby-sub{margin:0;color:#9aa3c7;font-size:13px;letter-spacing:.5px}.lobby-hero.intro .lobby-sub,.lobby-hero.intro .lobby-stats{animation:rosterIn .55s ease 1.05s both}.reduce-motion .lobby-sub,.reduce-motion .lobby-stats{animation:none!important}.lobby-stats{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;margin-top:10px;font-size:13px;color:#cfd6f5}.lobby-stats .stats-label{font-weight:800;color:#ffd166;letter-spacing:1px}.lobby-stats .stats-item{background:var(--chip-bg);border:1px solid var(--border-soft);border-radius:999px;padding:3px 12px;box-shadow:var(--shadow-sm),var(--hl-top)}.lobby-stats .stats-item b{font-family:var(--font-display);color:#fff;margin:0 1px}.lobby-stats .stats-item em{font-style:normal;color:#8dffa6;margin-left:7px;font-weight:700}.lobby-stats .stats-item.cpu{color:#aeb6dc}.lobby-panel{position:relative;display:flex;flex-direction:column;gap:14px;background:linear-gradient(#1c1f33ee,#14151fee);border:1px solid #ffb02e33;border-radius:16px;padding:18px;box-shadow:0 16px 44px #0009,inset 0 0 0 1px #ffffff08}.lobby-panel:before,.lobby-panel:after{content:"";position:absolute;width:22px;height:22px;pointer-events:none;border:2px solid #ffb02e99}.lobby-panel:before{top:6px;left:6px;border-right:none;border-bottom:none;border-top-left-radius:10px}.lobby-panel:after{bottom:6px;right:6px;border-left:none;border-top:none;border-bottom-right-radius:10px}.lobby-sparkles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.lobby-sparkles i{position:absolute;bottom:-12px;left:calc((var(--i) * 7.3%) + 2%);width:7px;height:7px;background:radial-gradient(circle,#fff 10%,#ffd166 45%,transparent 72%);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;will-change:transform,opacity;animation:sparkRise 9s linear infinite;animation-delay:calc(var(--i) * -1.35s)}.lobby-sparkles i:nth-child(odd){width:5px;height:5px;animation-duration:12s}@keyframes sparkRise{0%{transform:translateY(0) rotate(0) scale(.7);opacity:0}12%{opacity:.9}85%{opacity:.5}to{transform:translateY(-105vh) rotate(220deg) scale(1.1);opacity:0}}.reduce-motion .lobby-sparkles{display:none}.lobby-field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label{font-size:12px;font-weight:700;letter-spacing:.5px;color:#9aa3c7}.lobby input,.lobby select{width:100%;min-width:0;box-sizing:border-box}.deck-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lobby .big{position:relative;overflow:hidden;width:100%;padding:14px;font-size:16px;font-weight:800}.lobby .big:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-30%;width:26%;background:linear-gradient(105deg,transparent,#ffffff55 45%,#ffffff88 50%,#ffffff55 55%,transparent);transform:translate(-120%) skew(-18deg);pointer-events:none}.lobby .big:hover:not(:disabled):after,.lobby .big:active:not(:disabled):after{animation:btnShine .7s ease-out}@keyframes btnShine{0%{transform:translate(-120%) skew(-18deg)}to{transform:translate(560%) skew(-18deg)}}.reduce-motion .lobby .big:after{display:none}.cpu-button{background:linear-gradient(180deg,#43a05f,#2d7a45);border-color:#246a3a;color:#fff;box-shadow:0 3px #1d5230,var(--shadow-sm),inset 0 1px #ffffff4d}.practice-button{display:flex;flex-direction:column;gap:2px;background:linear-gradient(180deg,#e86fae,#c84d8e);border-color:#a83d76;color:#fff;box-shadow:0 3px #8a2e60,var(--shadow-sm),inset 0 1px #ffffff4d}.practice-sub{font-size:12px;font-weight:500;opacity:.92}.cpu-button:hover:not(:disabled){background:linear-gradient(180deg,#4fb56c,#34924f);filter:none}.cpu-button:active:not(:disabled){box-shadow:0 1px #1d5230,var(--shadow-sm),inset 0 1px #fff3}.cpu-difficulty{display:flex;gap:8px}.diff-choice{flex:1;padding:8px 10px;border-radius:8px;background:#20223a;border:2px solid #3a3f63;color:#cdd2f5;font-weight:700}.diff-choice.selected{border-color:#ff9b4a;background:#3a2a18;box-shadow:0 0 10px #ff9b4a55}.join-row{display:flex;gap:8px}.join-row input{flex:1;text-align:center;text-transform:uppercase;letter-spacing:4px}.join-row button{flex-shrink:0;padding:0 18px}.lobby-or{display:flex;align-items:center;gap:10px;color:#6b7299;font-size:12px}.lobby-or:before,.lobby-or:after{content:"";flex:1;height:1px;background:#ffffff1f}.room-waiting{text-align:center;gap:8px}.room-waiting-label{margin:0;color:#9aa3c7;font-size:13px}.room-waiting-help{margin:0;color:#aab;font-size:13px;line-height:1.5}.room-code{font-size:34px;font-weight:900;letter-spacing:8px;color:#ffd166;text-shadow:0 2px 10px #ffd16655}.card{--card-color: #2d6cdf;font-weight:400;text-align:left;width:140px;min-height:196px;border-radius:10px;padding:4px;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:3px;-webkit-user-select:none;user-select:none;color:#f3f4ff;background:linear-gradient(#1b1d2e,#14151f) padding-box,linear-gradient(150deg,color-mix(in srgb,var(--card-color) 85%,#fff 0%),#0c0d15 70%) border-box;border:2.5px solid transparent;box-shadow:var(--shadow-sm),inset 0 0 0 1px #ffffff1c,var(--hl-top);transition:transform .14s ease,box-shadow .14s ease,opacity .2s}.card:hover{transform:translateY(-6px) scale(1.06);z-index:5;box-shadow:0 10px 22px #000a,0 0 14px color-mix(in srgb,var(--card-color) 60%,transparent)}.card.selected{transform:translateY(-10px) scale(1.06);z-index:6;box-shadow:0 0 0 2px #ffd166,0 10px 22px #000a,0 0 18px #ffd16699}.card.dimmed{opacity:.4;cursor:default}.card.dimmed:hover{transform:none;box-shadow:0 3px 8px #0007}.card.two-color{background:linear-gradient(#1b1d2e,#14151f) padding-box,linear-gradient(135deg,var(--card-color) 0 50%,var(--card-color2) 50% 100%) border-box}.card.two-color .card-hero{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--card-color) 50%,var(--card-color2)) 0%,transparent 70%),linear-gradient(135deg,color-mix(in srgb,var(--card-color) 70%,#000),color-mix(in srgb,var(--card-color2) 70%,#000) 90%)}.card-hero{position:relative;height:116px;border-radius:7px;overflow:hidden;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--card-color) 65%,#fff 12%),transparent 70%),linear-gradient(135deg,color-mix(in srgb,var(--card-color) 70%,#000 0%),#0c0d15 90%);border:1px solid #ffffff22}.hero-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 4%}.hero-sigil{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:46px;filter:drop-shadow(0 2px 4px #000a)}.card-hero:before{content:"";position:absolute;inset:0 0 auto 0;height:46px;background:linear-gradient(#000000aa,transparent);pointer-events:none}.card-cost{position:absolute;top:4px;left:4px;z-index:2;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;background:radial-gradient(circle at 32% 28%,#ffffffcc 0%,#ffffff22 18%,transparent 42%),radial-gradient(circle at 50% 60%,var(--card-color),#0008 130%);border:1.5px solid #ffffffaa;box-shadow:0 1px 3px #000a,inset 0 0 4px #fff4;text-shadow:0 1px 2px #000a}.card.two-color .card-cost{background:radial-gradient(circle at 32% 28%,#ffffffcc 0%,#ffffff22 18%,transparent 42%),linear-gradient(135deg,var(--card-color) 0 50%,var(--card-color2) 50% 100%)}.card-cost.stat-down{color:#ff8585}.card-cost.stat-up,.stat-up{color:#7ee787}.stat-down{color:#ff8585}.card-name{position:absolute;top:5px;left:30px;right:5px;z-index:2;font-family:Hiragino Sans,Yu Gothic UI,Yu Gothic,Meiryo,sans-serif;font-size:11px;font-weight:800;line-height:1.12;white-space:nowrap;overflow:hidden;letter-spacing:-.2px;color:#fff;text-shadow:0 0 2px #000,1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}.hero-stats{position:absolute;bottom:24px;left:0;right:0;z-index:2;display:flex;justify-content:space-between;padding:0 4px}.art-stat{font-size:12px;font-weight:800;padding:0 5px;border-radius:6px;background:#0d0e17d0;text-shadow:0 1px 1px #000}.art-stat.atk,.art-stat.hp{color:#fff}.art-stat.stat-up{color:#7ee787}.art-stat.stat-down{color:#ff8585}.monster-art-img{width:20px;height:20px;border-radius:4px;object-fit:cover;object-position:center 22%;filter:drop-shadow(0 1px 2px #000a)}.card-meta{position:absolute;bottom:3px;left:4px;right:4px;z-index:2;display:flex;gap:4px;align-items:center}.type-chip{display:inline-grid;place-items:center;width:14px;height:14px;font-size:10px;border-radius:4px;color:#fff;background:color-mix(in srgb,var(--card-color) 75%,#000 10%);border:1px solid #ffffff33;flex-shrink:0}.race-chip{font-size:10px;background:#2b2f4d;color:#cdd2f5;border-radius:4px;padding:0 5px;border:1px solid #ffffff22;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.card.rarity-SR{box-shadow:var(--shadow-sm),var(--hl-top),inset 0 0 0 1.5px #ffd78299,0 0 14px #ffc85a66}.card-effect{flex:0 0 auto;height:92px;font-size:10.5px;line-height:1.35;color:#dfe2f5;background:#0c0d16aa;border-radius:6px;padding:4px 5px;border:1px solid #ffffff12;overflow:hidden}.effect-tags{margin-right:4px}.effect-line{margin-bottom:2px}.effect-line:last-child{margin-bottom:0}.effect-line.cond{color:#aeb3d4}.eff-tag{display:inline-block;font-size:.92em;font-weight:700;line-height:1.4;border-radius:4px;padding:0 5px;margin:0 2px 2px 0;color:#fff;white-space:nowrap;vertical-align:middle}.eff-tag.zone{background:#137a7a}.eff-tag.tg-auto{background:#b3344a}.eff-tag.tg-manual{background:#2d6cdf}.eff-tag.tg-attack{background:#c8732b}.eff-tag.tg-destroy{background:#7a3fa0}.eff-tag.tg-other{background:#5a5f7a}.eff-tag.tg-summon{background:#2f8f6b}.eff-tag.tg-cast{background:#1aa179}.eff-tag.tg-turnend{background:#5a4fcf}.eff-tag.tg-evolve{background:#2bb6d6;color:#06222b}.eff-tag.tg-fusion{background:linear-gradient(90deg,#2f8f6b,#5a5f7a);color:#fff}.eff-tag.tg-equip,.eff-tag.tg-multi,.eff-tag.tg-breaker{background:#2d6cdf}.eff-tag.tg-once{background:#8a5a1f}.eff-tag.tg-lifelost{background:#e8629a}.eff-tag.tg-climax{background:linear-gradient(90deg,#ffd02e,#ff7a18);color:#3a1c00;font-size:.78em;font-weight:900;letter-spacing:.02em;box-shadow:0 0 6px #ffae3399}.evolve-from{font-weight:700;color:#bfe6f2}.card-count{position:absolute;top:-8px;right:-8px;background:#ffd166;color:#1a1c2c;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-weight:700;font-size:12px;box-shadow:0 2px 5px #0008;z-index:2}.card-meta{flex-wrap:nowrap;overflow:hidden}.card-meta.many{gap:2px}.card-meta.many .type-chip{width:13px;height:13px;font-size:9px}.card-meta.many .race-chip{font-size:9px;padding:0 3px}.card-meta.tight .type-chip{width:12px;height:12px;font-size:8.5px}.card-meta.tight .race-chip{font-size:8.5px;padding:0 3px}.card-meta.tighter{gap:2px}.card-meta.tighter .type-chip{width:11px;height:11px;font-size:8px}.card-meta.tighter .race-chip{font-size:7.5px;padding:0 2px}.holo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.4) 48%,rgba(255,255,255,.12) 53%,transparent 61%);background-size:250% 250%;mix-blend-mode:soft-light;opacity:.85;animation:holoShift 4.5s linear infinite}@keyframes holoShift{0%{background-position:0% 0%}to{background-position:250% 250%}}.card.sec{border-color:transparent;box-shadow:0 0 0 1px #fff5,0 6px 18px #000a,0 0 16px var(--card-color)}.card.sec .sec-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px;z-index:0}.card.sec .sec-fg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;z-index:2;pointer-events:none;filter:drop-shadow(0 4px 7px #000c) drop-shadow(0 0 7px var(--card-color))}.card.sec .card-name,.card.sec .card-meta,.card.sec .hero-stats,.card.sec .card-effect{z-index:5}.card.sec .sec-holo{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background-size:250% 250%}.card.sec .sec-holo-back{z-index:1;opacity:.75;background-image:linear-gradient(115deg,transparent 38%,rgba(255,60,120,.5) 44%,rgba(255,200,60,.5) 47%,rgba(120,255,150,.5) 50%,rgba(80,200,255,.5) 53%,rgba(190,110,255,.5) 56%,transparent 62%);background-repeat:no-repeat;background-size:300% 300%;mix-blend-mode:screen;animation:secBgSweep 6.5s linear infinite}@keyframes secBgSweep{0%{background-position:0% 0%}to{background-position:100% 100%}}.card.sec .sec-holo-front{z-index:3;opacity:.95;background:linear-gradient(72deg,transparent 40%,rgba(255,255,255,.6) 49%,rgba(255,240,200,.22) 53%,transparent 62%);background-size:250% 250%;mix-blend-mode:screen;-webkit-mask:var(--sec-mask) top center / cover no-repeat;mask:var(--sec-mask) top center / cover no-repeat;animation:holoShiftAlt 4.2s linear infinite;animation-delay:-1.4s}@keyframes holoShiftAlt{0%{background-position:100% 0%}to{background-position:-150% 250%}}.card.sec .hero-art,.card.sec .hero-sigil{display:none}.card.sec .card-hero{background:transparent;border-color:transparent}.card.sec .card-hero:before{display:none}.card.sec .card-effect{position:relative;z-index:2;background:linear-gradient(#0a0b14a6,#0a0b14ee 60%);border-color:#fff2}.deck-builder{padding:16px;max-width:1200px;margin:0 auto;height:100vh;height:100dvh;display:flex;flex-direction:column;box-sizing:border-box}.builder-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.builder-header h2{margin:0}.deck-name-input{width:180px}.deck-meta-row{display:contents}.deck-count{font-size:18px;font-weight:700;color:#ff8585}.deck-count.ok{color:#7ee787}.deck-count.inline{font-size:14px;margin-left:10px}.filter-toggle{display:flex;align-items:center;gap:8px;margin-top:12px;background:#191b2e;border:1px solid #3a3f63;border-radius:10px;padding:8px 12px;font-size:13px;color:#cdd2f5;transition:border-color .15s ease,box-shadow .15s ease}.filter-toggle:hover,.filter-toggle:focus-visible{border-color:#ffb02e88;box-shadow:0 0 0 2px #ffb02e33}.builder-header{border-bottom:1px solid #ffb02e33;padding-bottom:8px}.deck-dial{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;margin-left:8px;vertical-align:middle}.deck-dial svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.deck-dial .dial-bg{fill:#0c0d16;stroke:#3a3f66;stroke-width:4}.deck-dial .dial-fill{fill:none;stroke:#6ad08a;stroke-width:4;stroke-linecap:round;transition:stroke-dasharray .3s ease,stroke .3s ease}.deck-dial .dial-num{position:relative;z-index:1;font-size:13px;font-weight:900;color:#e6e9f5;line-height:1}.deck-dial .dial-num em{font-style:normal;font-size:8px;color:#8d93b8}.deck-dial.complete .dial-fill{stroke:#ffb02e;filter:drop-shadow(0 0 4px #ffb02e)}.deck-dial.complete .dial-num{color:#ffdf8a;text-shadow:0 0 6px #ffb02e88}button.save-ready{border-color:#ffb02e;box-shadow:0 0 0 2px #ffb02e55,0 0 16px #ffb02e88;text-shadow:0 0 6px #fff8}.pool-mini{position:relative;transition:transform .15s ease,filter .15s ease}.pool-mini:hover{transform:translateY(-5px);filter:drop-shadow(0 10px 14px #000a)}.pm-btn{border-radius:50%;border:1px solid #ffb02e66;background:#1c1f33;color:#ffdf8a;font-weight:900;transition:transform .12s ease,border-color .12s ease}.pm-btn:hover:not(:disabled){border-color:#ffb02e;transform:scale(1.15)}.pm-btn:disabled{opacity:.35}.fly-ghost{position:fixed;z-index:60;width:58px;height:58px;margin:-29px 0 0 -29px;object-fit:cover;border-radius:8px;border:2px solid #ffb02e;box-shadow:0 6px 16px #000a,0 0 12px #ffb02e88;pointer-events:none;will-change:transform,opacity;animation:flyToDeck .6s cubic-bezier(.3,.1,.3,1) forwards}@keyframes flyToDeck{0%{transform:translate(0) scale(1) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.25) rotate(10deg);opacity:.15}}.reduce-motion .fly-ghost{display:none}.builder-subbar{display:flex;gap:8px;align-items:stretch}.builder-subbar .filter-toggle{flex:1}.guide-toggle{margin-top:12px;background:#3a2440;border:1px solid #e86fae55;border-radius:8px;padding:8px 12px;font-size:13px;color:#ffe3f3;white-space:nowrap}.deckguide-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.5;color:#dfe2f5}.deckguide-list .eff-tag{margin-right:4px}.filter-toggle.active{border-color:#5b7cff}.filter-toggle .filter-caret{margin-left:auto;font-size:11px;color:#9aa}.filter-toggle .filter-dot{width:8px;height:8px;border-radius:50%;background:#5b7cff}.builder-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;background:#20223a;border-radius:8px;padding:8px 10px}.search-input{flex:1;min-width:200px}.builder-columns{display:grid;grid-template-columns:1fr 300px;gap:16px;margin-top:12px;flex:1;min-height:0}.card-pool,.deck-zone{background:#20223a;border-radius:10px;padding:12px;min-height:0;overflow-y:auto}.deck-zone{border:2px dashed #4a4f7a}.card-grid{display:flex;flex-wrap:wrap;gap:10px}.pool-grid{display:flex;flex-wrap:wrap;gap:10px;align-content:start}.pool-mini{display:flex;flex-direction:column;gap:4px}.pool-mini.in-deck>.card{box-shadow:0 0 0 2px #ffd166aa,0 6px 14px #000a}.pool-mini.maxed>.card{filter:grayscale(.8)}.pool-mini-actions{display:flex;align-items:center;gap:4px}.pool-mini-actions .pm-btn{flex:1;padding:3px 0;font-size:15px;font-weight:800;line-height:1;border-radius:6px}.pool-mini-actions .pm-count{min-width:16px;text-align:center;font-size:12px;font-weight:800;color:#ffd166}.mana-curve{display:flex;align-items:flex-end;justify-content:space-between;gap:3px;height:78px;background:#14162a;border-radius:8px;padding:4px 6px 2px;margin-bottom:6px}.curve-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;height:100%}.curve-num{font-size:10px;color:#cdd2f5;height:12px}.curve-bar{width:100%;min-height:2px;border-radius:3px 3px 0 0;background:linear-gradient(#7fb0ff,#2d6cdf)}.curve-label{font-size:10px;color:#9aa}.deck-breakdown{display:flex;gap:12px;justify-content:center;font-size:13px;font-weight:700;margin-bottom:8px;color:#cdd2f5}.deck-mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.deck-mini{--card-color: #888;position:relative;border-radius:8px;padding:4px;cursor:pointer;background:linear-gradient(#202338,#161826) padding-box,linear-gradient(150deg,color-mix(in srgb,var(--card-color) 80%,#fff 0%),#0b0c14 75%) border-box;border:2px solid transparent;box-shadow:0 2px 5px #0005;transition:transform .12s,box-shadow .12s}.deck-mini:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0008}.deck-mini-art{position:relative;width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#0c0d16}.deck-mini-img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.deck-mini-sigil{width:100%;height:100%;display:grid;place-items:center;font-size:30px}.deck-mini-cost{position:absolute;top:2px;left:2px;z-index:2;background:#2d6cdf;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:12px;font-weight:700;box-shadow:0 1px 2px #000a}.deck-mini-count{position:absolute;bottom:22px;right:4px;z-index:2;font-weight:800;font-size:13px;color:#ffd166;text-shadow:0 1px 2px #000,0 0 3px #000}.deck-mini-name{display:block;margin-top:3px;font-size:11px;line-height:1.15;text-align:center;color:#e8ebff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-mini .info-btn{top:2px;right:2px;width:17px;height:17px;font-size:10px;z-index:3}.deck-empty{color:#778;text-align:center;padding:24px 0;grid-column:1 / -1}.deck-select-page{padding:16px;max-width:760px;margin:0 auto}.deck-select-empty{color:#9aa;text-align:center;padding:48px 0}.deck-select-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.deck-row{display:flex;align-items:center;gap:14px;background:#20223a;border:2px solid #33365a;border-radius:10px;padding:12px 16px}.deck-row.active{border-color:#ffd166}.deck-row-info{flex:1;display:flex;flex-direction:column;gap:4px}.deck-row-name{font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px}.active-badge{background:#ffd166;color:#1a1c2c;border-radius:10px;padding:1px 8px;font-size:11px}.deck-row-count{font-size:13px;color:#9aa}.deck-row-desc{font-size:12px;color:#aab;line-height:1.4}.deck-section-title{margin:20px 0 8px;color:#ffd166;font-size:15px}.preset-row{border-color:#4a4f7a}.deck-row-actions{display:flex;gap:8px}.deck-row-actions.stacked{flex-direction:column;align-items:stretch;gap:8px;min-width:176px}.action-line{display:flex;gap:8px}.action-line button{flex:1;white-space:nowrap}@media (max-width: 560px){.deck-row{flex-direction:column;align-items:stretch;gap:10px}.deck-row-actions.stacked{min-width:0}}.battle{display:grid;grid-template-columns:1fr;height:100vh;height:100dvh;gap:0;position:relative;overflow:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.rotate-hint{display:none}@media (orientation: portrait) and (max-width: 900px){.rotate-hint{display:flex;align-items:center;justify-content:center;gap:8px;position:fixed;top:0;left:0;right:0;z-index:45;padding:6px 12px;font-size:12px;background:#1c2336ee;color:#ffe08a;border-bottom:1px solid #ffd76a55;box-shadow:0 3px 12px #0008}.rotate-hint-icon{font-size:16px;animation:rotateHintSpin 2.4s ease-in-out infinite}}@keyframes rotateHintSpin{0%,60%,to{transform:rotate(0)}80%{transform:rotate(90deg)}}.battle-bg{position:absolute;left:0;right:0;z-index:-1;pointer-events:none}.battle-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0003,#0006)}.bg-own:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ffffff44,transparent)}.bg-nebula{background:radial-gradient(circle at 25% 18%,#5b3a9e55,transparent 45%),radial-gradient(circle at 78% 72%,#1f6fae55,transparent 45%),linear-gradient(160deg,#13132a,#0a0b16 70%)}.bg-arena{background:radial-gradient(circle at 50% 18%,#7a3fd055,transparent 55%),repeating-linear-gradient(115deg,#15172e 0,#15172e 22px,#181b34 22px,#181b34 44px),linear-gradient(#101226,#0a0b16)}.bg-sunset{background:radial-gradient(circle at 50% 90%,#e8743055,transparent 50%),linear-gradient(180deg,#2a1530,#3a1d2a 45%,#120c1c 90%)}.bg-forest{background:radial-gradient(circle at 30% 20%,#2e7d4a55,transparent 50%),linear-gradient(170deg,#0f2418,#0a140f 75%)}.bg-void{background:radial-gradient(circle at 20% 25%,#ffffff14 0 1px,transparent 2px),radial-gradient(circle at 70% 60%,#ffffff10 0 1px,transparent 2px),radial-gradient(circle at 45% 80%,#ffffff10 0 1px,transparent 2px),linear-gradient(#07070d,#02020a);background-size:180px 180px,240px 240px,300px 300px,cover}.bg-picker{position:absolute;top:10px;left:10px;z-index:30}.bg-picker-btn{width:38px;height:38px;padding:0;border-radius:50%;font-size:17px;background:#1c1f33cc;border:1px solid #ffffff33;box-shadow:0 2px 8px #0008}.bg-picker-menu{margin-top:6px;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:10px;background:#1c1f33f2;border:1px solid #ffffff33;box-shadow:0 6px 18px #000a}.bg-swatch{width:132px;height:34px;border-radius:8px;border:2px solid transparent;color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 2px #000,0 0 3px #000;display:grid;place-items:center}.bg-swatch.selected{border-color:#ffd166;box-shadow:0 0 0 2px #ffd16655}.battle-main{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;padding:8px 12px;min-width:0;overflow:hidden;perspective:1600px}.pz{display:flex;flex-direction:column;gap:4px;flex-shrink:0;min-width:0;position:relative;z-index:5}.pz-main{display:flex;gap:8px;align-items:center;min-width:0}.pz-main .player-panel{flex:0 0 auto;display:flex;align-items:center;gap:12px}.pz-main .energy-zone-wrap{flex:1 1 auto;min-width:0}.energy-zone-wrap .energy-zone{flex:1 1 auto;min-width:0;padding-left:72px}.pz-you .pz-main .action-bar{flex:1 1 300px;min-width:0}.pz-sub{display:flex;gap:10px;align-items:flex-end;min-width:0}.pz-opponent .pz-sub{align-items:flex-start}.pz-sub .hand{flex:1 1 auto;min-width:0;margin-left:clamp(8px,5vw,96px)}.pz-piles{display:flex;flex-direction:row;gap:6px;align-items:center;align-self:flex-start;flex:none}.log-panel{position:fixed;top:0;right:0;bottom:0;width:min(320px,75vw);z-index:40;background:#14162af7;border-left:1px solid #33365a;box-shadow:-10px 0 26px #000b;display:flex;flex-direction:column;min-height:0}.player-panel{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:6px 12px;border-radius:var(--radius-md);background:var(--panel-bg);border:1px solid var(--border-soft);box-shadow:var(--shadow-md),var(--hl-top)}.player-panel.active{border-color:#ffd16688;box-shadow:0 0 0 1px #ffd16655,0 2px 12px #0007}.own-panel{flex-direction:row-reverse}.player-avatar{width:46px;height:46px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:26px;background:radial-gradient(circle at 50% 35%,#2a2f55,#12131f);border:2px solid #ffffff33;box-shadow:inset 0 0 6px #0008;overflow:hidden}.opp-panel .player-avatar{border-color:#b3415a88}.own-panel .player-avatar{border-color:#3f7ee088}.player-avatar img{width:100%;height:100%;object-fit:cover}.panel-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.own-panel .panel-info{align-items:flex-end}.panel-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.own-panel .panel-top{flex-direction:row-reverse}.panel-sub{display:flex;align-items:center;gap:10px;font-size:13px;color:#c7cbe6}.own-panel .panel-sub{flex-direction:row;justify-content:flex-end}.stat-chip{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:700;color:#eef1ff;background:var(--chip-bg);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:3px 11px;box-shadow:var(--shadow-sm),var(--hl-top)}.stat-chip strong{font-size:18px;color:#fff}.grave-chip{cursor:pointer}.grave-chip:hover{background:#3a4068cc;border-color:#fff4}.opp-hand-cards{gap:2px}.field-select{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#aab}.log-panel h3{margin:12px 14px 6px;font-size:14px;color:#9aa;display:flex;align-items:center;justify-content:space-between;gap:8px}.log-toggle{font-size:11px;padding:3px 8px;background:#20223a;border:1px solid #3a3f60;border-radius:6px;color:#cdd2f5;flex-shrink:0}.log-panel.collapsed{top:10px;right:106px;bottom:auto;width:auto;min-height:0;background:none;border:none;box-shadow:none}.log-panel.collapsed h3{margin:0}.log-panel.collapsed .log-title{display:none}.log-panel.collapsed .log-toggle{height:40px;padding:0 14px;border-radius:20px;font-size:12px;background:#1c1f33cc;border:1px solid #ffffff2b;-webkit-backdrop-filter:none;backdrop-filter:none}.log{flex:1;overflow-y:auto;padding:0 8px 12px;font-size:12px;color:#bcc;line-height:1.5;min-height:0;display:flex;flex-direction:column;gap:3px}.log-line{padding:3px 7px;border-radius:5px}.log-line.log-you{background:#1e3a5f;color:#cde4ff}.log-line.log-opp{background:#4a2230;color:#ffd2d8}.player-bar{display:flex;gap:16px;align-items:center;background:#20223a;border-radius:8px;padding:6px 14px;font-size:14px;flex-wrap:wrap;flex-shrink:0}.player-name{font-weight:700;color:#ffd166}.opp-hand{display:flex;align-items:center;gap:3px}.card-back{display:inline-block;width:16px;height:22px;border-radius:3px;background:url(/ui/card-back.webp) center / cover no-repeat,linear-gradient(135deg,#4a3d7a,#2a2d4a);border:1px solid #6a5da0}.chip-ico{width:17px;height:17px;object-fit:contain;vertical-align:-3px;filter:drop-shadow(0 1px 1px #0008)}.btn-ico{width:20px;height:20px;object-fit:contain;vertical-align:-4px;filter:drop-shadow(0 1px 1px #0006)}.atk-ico{width:1em;height:1em;object-fit:contain;vertical-align:-.12em;margin-right:.08em}.badge-ico{width:1.05em;height:1.05em;object-fit:contain;vertical-align:-.18em;margin-right:.06em}.rail-ico{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 1px 2px #0008)}.rail-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.rail-btn span{font-size:9px;line-height:1.1}.rail-btn.rail-end .rail-ico{width:32px;height:32px}.energy-zone{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;background:var(--panel-bg);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:4px 12px;flex-shrink:0;height:44px;box-shadow:var(--shadow-sm),var(--hl-top)}.energy-zone>.energy-label{flex:0 0 auto}.energy-zone>.energy-chip{flex:0 0 auto}.energy-label{font-size:13px;color:#ffd166;font-weight:700;margin-right:4px}.energy-zone-wrap{position:relative;display:flex;min-width:0}.energy-dial{position:absolute;left:-4px;top:50%;transform:translateY(-50%);z-index:2;width:66px;height:66px;display:grid;place-items:center;filter:drop-shadow(0 3px 8px #0009)}.energy-dial svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.energy-dial .dial-bg{fill:#0c0d16;stroke:#3a3f66;stroke-width:6}.energy-dial .dial-fill{fill:none;stroke:#ffb02e;stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 4px #ffb02e);transition:stroke-dasharray .4s ease}.energy-dial .dial-num{position:relative;z-index:1;font-size:20px;font-weight:900;color:#ffdf8a;text-shadow:0 1px 3px #000,0 0 8px #ffb02e55;line-height:1}.energy-dial .dial-num em{font-style:normal;font-size:11px;color:#b9a06a}.energy-chip{position:relative;width:30px;height:30px;padding:0;border-radius:6px;overflow:hidden;background:#0c0d16;border:1px solid #4a4f7a;cursor:pointer;display:grid;place-items:center}.energy-chip:hover{border-color:#ffd166;transform:translateY(-1px)}.energy-chip-img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.energy-chip-sigil{font-size:16px}.life-gauge{display:flex;align-items:center;gap:3px}.life-gauge.flash{animation:lifeHit .48s ease}@keyframes lifeHit{0%{filter:brightness(1)}30%{filter:brightness(1.85) drop-shadow(0 0 10px #ff5a5a);transform:scale(1.07)}to{filter:brightness(1);transform:scale(1)}}.reduce-motion .life-gauge.flash{animation:none}.evolve-rays{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;background:repeating-conic-gradient(from 0deg at 50% 55%,transparent 0deg 9deg,rgba(174,244,255,.55) 9deg 12deg);-webkit-mask:radial-gradient(circle at 50% 55%,#000 0%,transparent 70%);mask:radial-gradient(circle at 50% 55%,#000 0%,transparent 70%);will-change:transform,opacity;animation:evolveRays 1.2s ease-out forwards}@keyframes evolveRays{0%{opacity:0;transform:rotate(0) scale(.6)}25%{opacity:.85}to{opacity:0;transform:rotate(50deg) scale(1.15)}}.reduce-motion .evolve-rays{display:none}.life-seg{width:27px;height:37px;border-radius:4px;border:1px solid #00000066;margin-right:-3px;transform:rotate(-6deg);box-shadow:1px 1px 2px #0008}.life-seg:last-of-type{margin-right:2px}.life-seg.filled{background:url(/ui/card-back.webp) center / cover no-repeat,linear-gradient(#ff6b81,#d12f44);border-color:#ff6b81;box-shadow:1px 1px 2px #0008,0 0 6px #ff6b81cc}.life-seg.filled.layer-1{border-color:#6bb8ff;box-shadow:1px 1px 2px #0008,0 0 6px #6bb8ffcc}.life-seg.filled.layer-2{border-color:#7cf2a6;box-shadow:1px 1px 2px #0008,0 0 6px #7cf2a6cc}.life-seg.filled.layer-3{border-color:#d6a6ff;box-shadow:1px 1px 2px #0008,0 0 6px #d6a6ffcc}.life-seg.empty{background:#3a2030}.life-num{font-size:22px;font-weight:700;margin-left:6px}.life-gauge.over .life-num{color:#ffd166;text-shadow:0 0 6px #ffd16677}.field{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;flex:1 1 0;min-height:clamp(120px,22vh,220px);border-radius:12px;padding:10px 16px;z-index:1}.field:before{content:"";position:absolute;top:-8px;right:2px;bottom:-8px;left:2px;border-radius:18px;z-index:-1;transition:box-shadow .2s ease;background-size:cover;background-position:center;overflow:hidden}.opponent-field:before{transform:perspective(1300px) rotateX(30deg);transform-origin:center bottom;background-image:linear-gradient(#2a1c24bb,#1a0f1455 70%),var(--field-img, linear-gradient(#2a1c24dd, #2a1c2466 70%));border:2px solid #b3415a;box-shadow:inset 0 0 26px #b3415a55,0 -12px 44px #b3415a33}.own-field:before{transform:perspective(1300px) rotateX(-30deg);transform-origin:center top;background-image:linear-gradient(#1a223655 30%,#101728bb),var(--field-img, linear-gradient(#1a223666 30%, #1a2236ee));border:2px solid #3f7ee0;box-shadow:inset 0 0 26px #3f7ee055,0 12px 44px #3f7ee033}.field-empty{color:#667;font-size:13px}.monster{--card-color: #888;font-size:clamp(8px,1.5vh,12px);width:9.6em;border-radius:9px;padding:.45em .5em .5em;cursor:default;font-size:12px;-webkit-user-select:none;user-select:none;position:relative;color:#f1f3ff;background:linear-gradient(#202338,#161826) padding-box,linear-gradient(150deg,color-mix(in srgb,var(--card-color) 80%,#fff 0%),#0b0c14 75%) border-box;border:2px solid transparent;box-shadow:0 2px 6px #0006;transition:transform .12s,box-shadow .12s,opacity .2s}.monster-art-frame{position:relative;width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#0c0d16}.monster-art-big{width:100%;height:100%;object-fit:cover;object-position:center 22%}.monster-sigil-big{width:100%;height:100%;display:grid;place-items:center;font-size:3.3em;filter:drop-shadow(0 1px 2px #000a)}.monster-atk-badge{position:absolute;bottom:.12em;right:.12em;z-index:2;font-size:1.45em;font-weight:900;letter-spacing:-.02em;line-height:1.1;color:#ffdf7a;background:linear-gradient(#20232eea,#0b0c14f2);border:1px solid #ffb02e88;border-radius:7px;padding:0 .3em;text-shadow:0 1px 2px #000,0 0 6px #000;box-shadow:0 1px 4px #000c}.monster-field-badge{position:absolute;bottom:.17em;left:.17em;right:.17em;z-index:2;text-align:center;font-size:.82em;font-weight:800;color:#ffe1ef;background:#0d0e17d8;border-radius:5px;padding:0 .2em;text-shadow:0 1px 1px #000}.monster-atk-badge.stat-up{color:#7ee787}.monster-atk-badge.stat-down{color:#ff8585}.evolve-badge{position:absolute;top:2px;left:2px;z-index:2;font-size:.85em;font-weight:900;color:#eef4ff;background:#0d0e17d8;border:1px solid transparent;background:linear-gradient(#0d0e17e6,#0d0e17e6) padding-box,linear-gradient(120deg,#ff5a5a,#ffb02e,#ffe95a,#4cd964,#4aa8ff,#b06ff0) border-box;border-radius:6px;padding:0 .25em;filter:drop-shadow(0 1px 2px #000)}.evolve-badge.fusion{color:#ffd166;background:linear-gradient(#2c1843e6,#1a0e2ae6);border:1px solid #d4a017}.equip-count-badge{position:absolute;top:1.55em;left:2px;z-index:2;font-size:.85em;font-weight:900;color:#dfe6f0;background:linear-gradient(#2b303be6,#14171de6);border:1px solid #aab4c5;border-radius:6px;padding:0 .25em;filter:drop-shadow(0 1px 2px #000)}.monster.stacked:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:9px;background:linear-gradient(#2c2f4a,#191b2b);border:2px solid #565b8a;box-shadow:0 2px 6px #0008;transform:translate(5px,-5px) rotate(2.5deg)}.monster.stacked-2:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;border-radius:9px;background:linear-gradient(#23263c,#141624);border:2px solid #454a75;box-shadow:0 2px 6px #0008;transform:translate(10px,-10px) rotate(5deg)}.monster.frame-equip{background:linear-gradient(#202338,#161826) padding-box,linear-gradient(160deg,#d9e2ee,#7e8ba0 40%,#39404d) border-box}.monster.frame-evolve{background:linear-gradient(#202338,#161826) padding-box,linear-gradient(120deg,#ff5a5a,#ffb02e,#ffe95a,#4cd964,#4aa8ff,#b06ff0) border-box}.monster.frame-fusion{background:linear-gradient(#241a36,#14101f) padding-box,linear-gradient(150deg,#ffd166,#d4a017 35%,#8e44ad 70%,#5e2b80) border-box;box-shadow:0 2px 6px #0006,0 0 8px #8e44ad55}.monster.stacked.sa-equip:before{background:linear-gradient(160deg,#4c5362,#262b34);border-color:#aab4c5;box-shadow:0 2px 6px #0008,inset 0 1px #fff3}.monster.stacked-2.sb-equip:after{background:linear-gradient(160deg,#3b414d,#1c2029);border-color:#8792a3;box-shadow:0 2px 6px #0008,inset 0 1px #fff2}.monster.stacked.sa-evolve:before{border:2px solid transparent;background:linear-gradient(#241f33,#151322) padding-box,linear-gradient(120deg,#ff5a5a,#ffb02e,#ffe95a,#4cd964,#4aa8ff,#b06ff0) border-box;box-shadow:0 2px 6px #0008,0 0 8px #ffffff2e}.monster.stacked-2.sb-evolve:after{border:2px solid transparent;background:linear-gradient(#1c1828,#100e1a) padding-box,linear-gradient(300deg,#ff5a5acc,#ffb02ecc,#ffe95acc,#4cd964cc,#4aa8ffcc,#b06ff0cc) border-box;box-shadow:0 2px 6px #0008}.monster.stacked.sa-fusion:before{background:linear-gradient(160deg,#3d2158,#1d1030);border-color:#d4a017;box-shadow:0 2px 6px #0008,0 0 10px #8e44ad66,inset 0 1px #ffd16633}.monster.stacked-2.sb-fusion:after{background:linear-gradient(160deg,#2e1943,#160c26);border-color:#a87f14;box-shadow:0 2px 6px #0008,0 0 8px #8e44ad44}.monster-status-row{position:absolute;bottom:2px;left:2px;z-index:2;display:flex;gap:2px;align-items:center}.monster-status-icon{font-size:1em;background:#0d0e17d8;border-radius:5px;padding:0 2px}.monster-multi-badge{font-size:.83em;font-weight:800;color:#9cf;background:#0d0e17d8;border-radius:5px;padding:0 3px}.monster-hpbar{position:relative;height:1.2em;border-radius:7px;background:#0c0d16;border:1px solid #ffffff1c;overflow:hidden;margin:.25em 0 .17em}.monster-hpbar-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#3fcf6b,#7ee787);transition:width .35s ease}.monster-hpbar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;gap:0;font-size:.95em;font-weight:900;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}.monster-statline{display:flex;gap:6px;align-items:center;font-size:12px;font-weight:800}.dmg-floater{position:absolute;top:8px;left:50%;font-size:28px;font-weight:900;pointer-events:none;z-index:10;text-shadow:0 2px 4px #000,0 0 8px #000;animation:floatPop 1.05s cubic-bezier(.2,.8,.3,1) forwards}.dmg-floater.dmg{color:#ff5a5a;-webkit-text-stroke:1.5px #5c0000;text-shadow:0 2px 4px #000,0 0 16px #ff3b3b}.dmg-floater.heal{color:#8dffa6;-webkit-text-stroke:1.5px #064d18;text-shadow:0 2px 4px #000,0 0 16px #46e06a}@keyframes floatPop{0%{opacity:0;transform:translate(-50%,8px) scale(.4)}14%{opacity:1;transform:translate(-50%,-12px) scale(1.8)}26%{transform:translate(-50%,-16px) scale(1.15) rotate(-3deg)}40%{transform:translate(-50%,-18px) scale(1) rotate(2deg)}to{opacity:0;transform:translate(-50%,-64px) scale(.9)}}.fx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;overflow:hidden}.fx-ghost{position:absolute;top:0;left:0;width:76px;height:106px;border-radius:8px;overflow:hidden;background:#11131f;border:2px solid var(--card-color, #888);box-shadow:0 6px 18px #000a,0 0 16px var(--card-color, #888);will-change:transform,opacity}.fx-ghost-art{width:100%;height:100%;object-fit:cover}.fx-ghost-sigil{display:grid;place-items:center;width:100%;height:100%;font-size:40px}.fx-ghost.fx-destroy{filter:grayscale(.35) brightness(.85)}.reduce-motion .fx-ghost{display:none}.fx-beam-orb{position:absolute;top:0;left:0;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#fff 0%,var(--beam-color, #ffd166) 45%,transparent 72%);box-shadow:0 0 14px 4px var(--beam-color, #ffd166),0 0 6px #fff;will-change:transform}.fx-impact{position:absolute;width:54px;height:54px;border-radius:50%;border:3px solid var(--beam-color, #ffd166);box-shadow:0 0 18px var(--beam-color, #ffd166),inset 0 0 14px var(--beam-color, #ffd166);will-change:transform,opacity}.reduce-motion .fx-beam-orb,.reduce-motion .fx-impact{display:none}.monster.striking{animation:strikeLunge .46s cubic-bezier(.34,1.4,.4,1);z-index:6}@keyframes strikeLunge{0%{transform:scale(1) rotate(0)}22%{transform:scale(1.28) rotate(-4deg) translateY(-6px);filter:brightness(2.1) saturate(1.4) drop-shadow(0 0 18px var(--card-color, #fff))}55%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0)}}.reduce-motion .monster.striking{animation:none}.monster.landing{animation:landGlow .55s ease-out}@keyframes landGlow{0%{filter:brightness(2.8) saturate(1.5) drop-shadow(0 0 22px #fff)}to{filter:none}}.land-ring{position:absolute;left:50%;top:62%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:3px solid var(--card-color, #fff);box-shadow:0 0 12px var(--card-color, #fff);pointer-events:none;z-index:9;animation:shockRing .55s ease-out forwards}@keyframes shockRing{0%{transform:scale(.2);opacity:1;border-width:5px}to{transform:scale(4.4);opacity:0;border-width:1px}}.act-burst{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:24px;height:24px;border-radius:50%;pointer-events:none;z-index:9;border:3px solid #ffe39a;box-shadow:0 0 16px #ffd166,inset 0 0 10px #ffd166;animation:actBurst .72s ease-out forwards}@keyframes actBurst{0%{transform:scale(.2);opacity:0}20%{opacity:1}to{transform:scale(2.6);opacity:0}}.reduce-motion .monster.landing{animation:none}.reduce-motion .land-ring,.reduce-motion .act-burst{display:none}.dmg-floater.evolve{color:#2bd6f0;font-size:20px;letter-spacing:1px;animation:evolveFloat 1.25s ease-out forwards}@keyframes evolveFloat{0%{opacity:0;transform:translate(-50%,8px) scale(.6)}25%{opacity:1;transform:translate(-50%,-6px) scale(1.3)}to{opacity:0;transform:translate(-50%,-40px) scale(1.05)}}.monster.activating{animation:monsterActivate .7s ease;z-index:8}@keyframes monsterActivate{0%{scale:1;box-shadow:0 0 #ffe08a00}40%{scale:1.16;box-shadow:0 0 0 3px #ffe08a,0 0 22px 6px #ffd16699}to{scale:1;box-shadow:0 0 #ffe08a00}}.monster.evolving{animation:evolvePulse 1.25s ease;z-index:8}@keyframes evolvePulse{0%{box-shadow:0 0 #2bd6f000;filter:brightness(1)}25%{box-shadow:0 0 0 3px #2bd6f0,0 0 26px 8px #2bd6f0cc;filter:brightness(1.9) saturate(1.3);transform:scale(1.12)}60%{box-shadow:0 0 0 2px #fff,0 0 30px 6px #aef4ffcc;filter:brightness(1.4);transform:scale(1.05)}to{box-shadow:0 0 #2bd6f000;filter:brightness(1);transform:scale(1)}}.evolve-burst{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:18px;height:18px;border-radius:50%;pointer-events:none;z-index:9;background:radial-gradient(circle,#ffffff 0%,#9bf0ff 35%,transparent 70%);animation:evolveBurst 1.1s ease-out forwards}@keyframes evolveBurst{0%{opacity:.95;transform:scale(.3)}70%{opacity:.5}to{opacity:0;transform:scale(7)}}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,6px) scale(.7)}20%{opacity:1;transform:translate(-50%,-2px) scale(1.15)}to{opacity:0;transform:translate(-50%,-34px) scale(1)}}.monster.shake{animation:hitShake .42s ease}@keyframes hitShake{0%,to{transform:translate(0)}15%{transform:translate(-4px,1px) rotate(-2deg)}35%{transform:translate(4px,-1px) rotate(2deg)}55%{transform:translate(-3px,1px) rotate(-1deg)}75%{transform:translate(3px) rotate(1deg)}}.turn-banner{position:absolute;top:38%;left:50%;transform:translate(-50%);z-index:30;padding:14px 44px;border-radius:12px;font-size:30px;font-weight:900;letter-spacing:2px;pointer-events:none;text-shadow:0 2px 6px #000;box-shadow:0 8px 30px #000a}.turn-banner.mine{background:linear-gradient(135deg,#2d6cdf,#1a3f8a);color:#fff;border:2px solid #7fb0ff}.turn-banner.foe{background:linear-gradient(135deg,#b3415a,#6e2233);color:#fff;border:2px solid #ff8da0}.climax-cutin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 50%,#28c8ff24,#020610d6 60%,#000208ed)}.climax-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#eaffff;animation:climaxFlash .34s ease-out forwards}@keyframes climaxFlash{0%{opacity:0}12%{opacity:.92}to{opacity:0}}.climax-streaks{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:repeating-linear-gradient(-22deg,transparent 0 22px,rgba(120,225,255,.12) 22px 24px);-webkit-mask:radial-gradient(circle,#000 0%,transparent 72%);mask:radial-gradient(circle,#000 0%,transparent 72%);animation:climaxStreaks .9s ease-out forwards}@keyframes climaxStreaks{0%{transform:translate(-6%) scale(1.12);opacity:0}22%{opacity:1}to{transform:translate(6%) scale(1);opacity:0}}.climax-slash{position:absolute;left:-12%;right:-12%;top:50%;height:9px;margin-top:-30px;transform-origin:left center;background:linear-gradient(90deg,transparent,#ffffff 22%,#7fe7ff 50%,#ffffff 78%,transparent);box-shadow:0 0 18px #6edcffe6,0 0 4px #fff}.climax-slash-2{margin-top:24px;height:5px;opacity:.85}.climax-text{position:relative;z-index:1;font-size:clamp(52px,17vw,164px);font-weight:800;font-style:italic;letter-spacing:.06em;background:linear-gradient(180deg,#fff,#d4f4ff 45%,#5fd0ff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px #0a3a55;text-shadow:0 0 22px rgba(90,210,255,.75),3px 0 0 rgba(255,40,100,.32),-3px 0 0 rgba(40,170,255,.32);filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.reduce-motion .climax-flash,.reduce-motion .climax-streaks{display:none}.monster.can-act{--gc: #6ad08a;cursor:pointer;box-shadow:0 0 0 2px #6ad08a,0 0 10px #6ad08a88;animation:guidePulse 1.9s ease-in-out infinite}.monster.can-act:hover{box-shadow:0 0 0 3px #ffd166,0 0 14px #ffd166cc;transform:translateY(-3px)}.monster.attacker{box-shadow:0 0 0 2px #ff9b85,0 0 14px #ff9b8599;transform:translateY(-4px)}.monster.targetable{--gc: #ffd166;cursor:pointer;box-shadow:0 0 0 2px #ffd166,0 0 12px #ffd166aa;animation:guidePulse 1.2s ease-in-out infinite}.monster.exhausted{opacity:.5;filter:grayscale(.5)}.monster.non-target{opacity:.3;filter:grayscale(.7);cursor:default;pointer-events:none}.monster.sacrificeable{cursor:pointer;box-shadow:0 0 0 2px #d98c4a,0 0 10px #d98c4a77}.monster.sacrifice-selected{box-shadow:0 0 0 2px #ff5d5d,0 0 14px #ff5d5daa;opacity:.9}.monster.pick-option{cursor:pointer;box-shadow:0 0 0 2px #7fe3ff,0 0 14px #7fe3ffaa;animation:guidePulse 1.2s ease-in-out infinite}.monster.pick-selected{box-shadow:0 0 0 3px #ffd166,0 0 18px #ffd166cc;animation:none}.pick-badge{position:absolute;top:2px;left:2px;z-index:5;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffd166;color:#1a1c2c;font-size:11px;font-weight:700;box-shadow:0 1px 4px #0009}.pick-note{position:absolute;bottom:2px;left:50%;transform:translate(-50%);z-index:3;max-width:96%;padding:1px 5px;border-radius:4px;background:#1a1c2ce0;border:1px solid #7fe3ff66;color:#cdefff;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-pick-count{font-size:16px;color:#ffd166}.sacrifice-badge{position:absolute;top:2px;left:2px;background:#ff5d5d;color:#1a1c2c;font-size:10px;font-weight:700;border-radius:4px;padding:1px 4px}.monster-name{font-weight:700;font-size:12px;line-height:1.1;text-shadow:0 1px 2px #000a}.monster-atk{color:#ff9b85}.monster-hp-mini{color:#7ee787}.monster-multi{color:#9cf}.monster-locked{color:#ff9b9b;font-weight:700;font-size:11px}.monster-equips{display:flex;flex-wrap:wrap;gap:3px;margin-top:.25em}.equip-thumb{width:1.85em;height:1.85em;border-radius:4px;overflow:hidden;background:#0c0d16;border:1px solid #aab4c5;box-shadow:inset 0 1px #ffffff2b;display:grid;place-items:center}.equip-thumb-img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.equip-thumb-sigil{font-size:13px}.phase-banner{text-align:center;padding:6px;border-radius:6px;background:#2a2d4a;font-size:14px}.phase-banner.your-turn{background:#2d4a2f;color:#b9f0bb}.targeting-banner{text-align:center;background:#4a3d22;border-radius:6px;padding:6px;display:flex;justify-content:center;gap:12px;align-items:center}.practice-hint{text-align:center;background:linear-gradient(180deg,#5a2a48,#43203a);border:1px solid #e86fae66;border-radius:8px;padding:6px 10px;margin-top:4px;font-size:14px;line-height:1.4;color:#ffe3f3;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.tutorial-progress{display:flex;align-items:center;gap:10px;margin:4px 0 12px}.tutorial-progress-bar{flex:1;height:10px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff22;overflow:hidden}.tutorial-progress-bar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#46e06a,#7ee787);box-shadow:0 0 8px #46e06a88;transition:width .4s ease}.tutorial-progress-label{font-size:13px;font-weight:700;color:#b9ffcb;white-space:nowrap}.tutorial-step-count{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#ffc2e2;background:#0003;border-radius:999px;padding:2px 10px;white-space:nowrap}.tutorial-step-count strong{color:#fff;font-size:13px}.tutorial-dots{display:inline-flex;gap:4px}.tutorial-dots i{width:7px;height:7px;border-radius:50%;background:#ffffff2e}.tutorial-dots i.done{background:#7ee787}.tutorial-dots i.now{background:#ffd166;box-shadow:0 0 6px #ffd166}.tutorial-step-text{font-weight:700;font-size:14px}.tut-step-clear{position:fixed;top:20%;left:50%;transform:translate(-50%);z-index:46;pointer-events:none;background:linear-gradient(180deg,#1f7a3d,#14532a);border:2px solid #7ee787;color:#eafff0;font-size:18px;font-weight:900;padding:10px 26px;border-radius:999px;box-shadow:0 6px 22px #000a,0 0 18px #46e06a66;animation:tutStepClear 1.1s cubic-bezier(.2,.8,.3,1) forwards}@keyframes tutStepClear{0%{opacity:0;transform:translate(-50%) scale(.6)}18%{opacity:1;transform:translate(-50%) scale(1.08)}30%{transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-14px) scale(.96)}}.reduce-motion .tut-step-clear{animation:none}.practice-hint-badge{background:#e86fae;color:#fff;font-weight:700;border-radius:999px;padding:1px 9px;font-size:12px;white-space:nowrap}.tutorial-step-text{flex:1;min-width:0}.tutorial-quit{background:#0003;border:1px solid #ffffff33;border-radius:6px;padding:2px 10px;font-size:12px;color:#ffe3f3;white-space:nowrap}.hand-card.tut-target{outline:none;box-shadow:none;animation:none}.hand-card.tut-target>.card{outline:3px solid #ffd166;outline-offset:1px;box-shadow:0 0 14px 4px #ffd166cc;animation:tutPulse 1.1s ease-in-out infinite}.hand-card.tut-target>.card:after{content:"👇";position:absolute;top:-34px;left:50%;transform:translate(-50%);font-size:26px;z-index:30;pointer-events:none;filter:drop-shadow(0 2px 3px #000c) drop-shadow(0 0 8px #ffd166aa);animation:tutPoint .8s ease-in-out infinite}.hand-card.tut-target:after{content:none}.reduce-motion .hand-card.tut-target>.card{animation:none}.reduce-motion .hand-card.tut-target>.card:after{animation:none}.tut-target{position:relative;outline:3px solid #ffd166;outline-offset:1px;border-radius:8px;box-shadow:0 0 14px 4px #ffd166cc;animation:tutPulse 1.1s ease-in-out infinite;z-index:6}.tut-target:after{content:"👇";position:absolute;top:-34px;left:50%;transform:translate(-50%);font-size:26px;z-index:30;pointer-events:none;filter:drop-shadow(0 2px 3px #000c) drop-shadow(0 0 8px #ffd166aa);animation:tutPoint .8s ease-in-out infinite}@keyframes tutPoint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}.reduce-motion .tut-target:after{animation:none}.hand:has(.tut-target),.energy-zone:has(.tut-target){overflow:visible}@keyframes tutPulse{0%,to{box-shadow:0 0 6px 2px #ffd16677}50%{box-shadow:0 0 18px 6px #ffd166ee}}.reduce-motion .tut-target{animation:none}.tutorial-select{max-width:720px;margin:0 auto;padding:12px}.tutorial-lead{font-size:13px;color:#cdd2f5;line-height:1.5;margin:4px 2px 12px}.tutorial-list{display:flex;flex-direction:column;gap:8px}.tutorial-card{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;background:#20223a;border:1px solid #3a3f63;border-radius:10px;color:#eef1ff}.tutorial-card.cleared{border-color:#43a05f;background:#1d2b22}.tutorial-card.locked{opacity:.5}.tutorial-card-status{font-size:20px;width:26px;text-align:center}.tutorial-card-body{display:flex;flex-direction:column;gap:2px}.tutorial-card-title{font-weight:700;font-size:15px}.tutorial-card-goal{font-size:12px;color:#aab1dd}.tutorial-clear-box .result-emblem{font-size:44px}.tutorial-intro-box{text-align:center;max-width:min(420px,92vw);display:flex;flex-direction:column;gap:10px;align-items:center}.tutorial-intro-emblem{font-size:40px}.tutorial-intro-text{font-size:14px;line-height:1.6;color:#dfe2f5}.tutorial-tips{align-self:stretch;text-align:left;background:#0003;border:1px solid #ffffff1f;border-radius:8px;padding:8px 10px}.tutorial-tips-head{font-size:12px;font-weight:700;color:#ffd166;margin-bottom:4px}.tutorial-tips ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.tutorial-tips li{font-size:12.5px;line-height:1.45;color:#dfe2f5}.battle-error{text-align:center;font-weight:700}.battle-bottom{display:flex;flex-direction:column;gap:6px}.own-bar{margin-top:auto;display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.own-bar>.player-panel{flex:0 1 auto}.own-bar>.action-bar{flex:1 1 360px;min-width:0}.hand{display:flex;gap:10px;overflow-x:auto;overflow-y:visible;padding:8px 6px 4px;min-height:clamp(150px,24vh,200px)}.action-bar{display:flex;align-items:center;gap:12px;background:var(--panel-bg);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:10px 14px;min-height:56px;box-shadow:var(--shadow-md),var(--hl-top)}.action-contextual{flex:1;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.action-rail{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:10px}.rail-btn{width:58px;height:58px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;line-height:1.15;background:#171a2cee;border:2px solid #4a5080;color:#dfe4ff;box-shadow:0 4px 12px #000a,inset 0 1px #fff2}.rail-btn:hover{border-color:#ffd166;color:#ffe9a8;transform:translateY(-1px)}.rail-btn.rail-end{width:76px;height:76px;background:radial-gradient(circle at 50% 32%,#33406b,#171a2c 75%);border-width:2px;border-color:#ffb02e;color:#ffe9a8;box-shadow:0 4px 14px #000a,0 0 12px #ffb02e55,inset 0 1px #fff2}.rail-btn.rail-end span{font-size:11px;font-weight:900}.rail-btn.rail-end.suggest{border-color:#ffd166;box-shadow:0 4px 14px #000a,0 0 22px #ffb02ecc,inset 0 1px #fff2;animation:railSuggest 1.2s ease-in-out infinite}@keyframes railSuggest{0%,to{opacity:1}50%{opacity:.72}}.reduce-motion .rail-btn.rail-end.suggest{animation:none}.rail-btn.rail-skip{width:68px;height:68px;background:radial-gradient(circle at 50% 32%,#2a3c63,#141a2c 75%);border-color:#4aa8ff;color:#cfe6ff;box-shadow:0 4px 14px #000a,0 0 10px #4aa8ff44}.rail-btn.rail-skip span{font-size:10.5px;font-weight:900}.rail-btn.rail-surrender{width:42px;height:42px;border-color:#8a3a4a;color:#ff8f9d}.card-link{display:inline;padding:0 2px;border:none;background:none;color:#ffd166;font-size:inherit;text-decoration:underline;cursor:pointer}.card-link:hover{color:#ffe49d;background:none}.link-btn{border:none;background:none;padding:0;font-size:14px;color:#9db4ff;text-decoration:underline;cursor:pointer}.link-btn:hover{color:#c4d2ff;background:none}.monster{position:relative}.info-btn{position:absolute;top:2px;right:2px;z-index:5;width:18px;height:18px;padding:0;border-radius:50%;border:1px solid #667;background:#1a1c2c;color:#9db4ff;font-size:11px;line-height:1}.info-btn:hover{background:#2d6cdf;color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:grid;place-items:center;z-index:20}.modal-overlay.dock-left{background:transparent;pointer-events:none;place-items:center start;padding:10px}.modal-overlay.dock-left .modal-box{pointer-events:auto;width:min(330px,90vw);max-height:92vh;overflow-x:hidden;padding:14px 16px;box-shadow:0 12px 40px #000d}.modal-overlay.dock-left .card-detail-body{flex-direction:column;align-items:center;gap:10px}.modal-overlay.dock-left .card-detail-info{width:100%;font-size:12px}.modal-overlay.dock-left .card-detail-info h3{font-size:15px}.modal-overlay.dock-left .card-detail-info p,.modal-overlay.dock-left .card-detail-info li{overflow-wrap:anywhere;word-break:break-word}.modal-box{background:var(--panel-bg-strong);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop),var(--hl-top);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px 24px;max-width:640px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.modal-box h3{margin:0;color:#ffd166}.deck-list-modal{max-width:760px;width:min(94vw,760px);height:min(88vh,760px);max-height:88vh;overflow:hidden}.deck-list-head{display:flex;align-items:center;gap:12px}.deck-list-head h3{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close{flex:0 0 auto;background:#2a2d49;border:1px solid #4a4f7a;border-radius:8px;padding:4px 10px}.deck-list-curve{margin-bottom:4px}.deck-list-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);gap:6px}.deck-list-cell{--card-color: #888;position:relative;min-width:0;min-height:0;border-radius:6px;overflow:hidden;background:#0c0d16;border:2px solid color-mix(in srgb,var(--card-color) 70%,#0b0c14 30%);box-shadow:0 1px 3px #0006}button.deck-list-cell{padding:0;display:block;font:inherit}button.deck-list-cell:hover:not(:disabled){background:#0c0d16}.deck-list-cell .deck-mini-img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.deck-list-cell .deck-mini-sigil{font-size:22px}.deck-list-cost{position:absolute;top:1px;left:1px;z-index:2;background:#2d6cdf;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font-size:11px;font-weight:700;box-shadow:0 1px 2px #000a}@media (max-width: 560px){.deck-list-grid{gap:3px}.deck-list-cost{width:14px;height:14px;font-size:9px}}.card-detail-body{display:flex;gap:18px;align-items:flex-start}.card-detail-body .card{cursor:default;flex-shrink:0}.card-detail-body .card:hover{border-color:#555}.card-detail-info{display:flex;flex-direction:column;gap:4px;min-width:220px}.card-detail-info h3{margin:0}.card-detail-info h4{margin:8px 0 2px;font-size:13px;color:#9aa}.card-detail-info p{margin:4px 0;font-size:14px;line-height:1.5}.monster-status{border-top:1px solid #3a3e63;margin-top:8px;padding-top:4px}.status-grid{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.status-box{flex:1 1 90px;min-width:90px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;border-radius:10px;background:#14162a;border:1px solid #3a3e63}.status-label{font-size:11px;font-weight:700;color:#9aa3c7}.status-value{font-size:20px;font-weight:900;line-height:1.1;color:#f1f3ff}.status-value em{font-style:normal;font-size:13px;color:#9aa3c7}.status-delta{font-size:11px;font-weight:700;color:#8d93b8}.status-value.stat-up,.status-delta.stat-up{color:#7ee787;text-shadow:0 0 6px #46e06a55}.status-value.stat-down,.status-delta.stat-down{color:#ff8f8f;text-shadow:0 0 6px #ff3b3b55}.status-chips{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 6px}.status-chip{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:#1d2036;border:1px solid #3a3e63;color:#c9cff2}.status-chip.bad{background:#3a1a22;border-color:#b3415a;color:#ff9fae}.status-chip.ok{background:#14301f;border-color:#2e7d4a;color:#8dffa6}.status-chip.used{opacity:.7}.equip-detail-list{margin:4px 0;padding-left:18px;font-size:13px;line-height:1.6}.breakdown-wrap{margin:4px 0 8px}.breakdown-toggle{font-size:12px;font-weight:700;padding:4px 12px;border-radius:8px;background:#1d2036;border:1px solid #3a3e63;color:#ffd166}.breakdown-list{list-style:none;margin:6px 0 0;padding:6px 10px;border-radius:10px;background:#12142575;border:1px solid #3a3e63}.breakdown-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:3px 0;font-size:13px;border-bottom:1px dashed #ffffff14}.breakdown-row:last-child{border-bottom:none}.breakdown-row.base .breakdown-label,.breakdown-row.total .breakdown-label{font-weight:700;color:#c9cff2}.breakdown-row.total{border-top:1px solid #3a3e63;font-weight:700}.breakdown-label{color:#aab2d5}.breakdown-vals{display:flex;gap:10px;font-weight:700;white-space:nowrap}.equip-cond{color:#ffd166;font-size:13px;font-weight:700}.effect-breakdown h4{margin:8px 0 2px;font-size:13px;color:#9aa}.effect-breakdown ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.effect-breakdown li{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.effect-breakdown .eff-tag{font-size:11px}.graveyard-modal{min-width:420px}.grave-entry{display:flex;flex-direction:column;align-items:center;gap:4px}.grave-activate{font-size:12px;padding:3px 10px}.choice-modal{min-width:440px;max-width:720px}.choice-counter{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:2px 0 4px;padding:6px 14px;border-radius:10px;background:#161a30;border:2px solid #3a3f63;transition:border-color .15s,box-shadow .15s,background .15s}.choice-counter.ok{border-color:#7ee787;background:#16301d;box-shadow:0 0 14px #7ee78744}.choice-counter-label{font-size:13px;color:#aab}.choice-counter-num{font-size:34px;font-weight:900;line-height:1;color:#ffd166}.choice-counter.ok .choice-counter-num{color:#7ee787}.choice-counter-of{font-size:18px;font-weight:700;color:#cdd2f5}.choice-counter-unit{font-size:13px;color:#aab}.choice-range{margin-top:0;text-align:center}.choice-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px}.choice-check{position:absolute;top:-8px;right:-8px;z-index:8;min-width:26px;height:26px;padding:0 4px;border-radius:13px;background:#ffd166;color:#1a1c2c;font-size:16px;font-weight:900;display:grid;place-items:center;box-shadow:0 2px 6px #000a,0 0 0 2px #1a1c2c}.choice-order{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;background:#ffd166;color:#1a1c2c;font-weight:900;font-size:13px;vertical-align:middle}.choice-note{font-size:11px;font-weight:700;color:#1a1c2c;background:#ffd166;border-radius:4px;padding:1px 8px}.choice-text-grid{flex-direction:column;align-items:stretch}.choice-text-option{width:100%;max-width:none;min-height:88px;padding:12px 14px;text-align:left;font-size:13px;line-height:1.4;white-space:normal;color:#f3f4ff;background:#20223a;border:2px solid #4a4f7a;border-radius:10px}.choice-text-option:hover{border-color:#7a82c0}.choice-text-option.selected{border-color:#ffd166;box-shadow:0 0 0 2px #ffd16655,0 0 14px #ffd16677}.choice-actions{display:flex;justify-content:flex-end;gap:10px}.choice-peek{margin-right:auto}.reopen-choice-btn{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:15;padding:12px 22px;font-size:16px;font-weight:800;border-radius:999px;background:#2d6cdf;border:1px solid #2d6cdf;color:#fff;box-shadow:0 6px 18px #000a}.reopen-choice-btn:hover{background:#3f7ef0}.hand-card{touch-action:pan-x;position:relative}.hand-card .hand-info{width:20px;height:20px;font-size:12px}.hand-card.dragging-src{opacity:.35}.drag-ghost{position:fixed;z-index:40;transform:translate(-50%,-62%) scale(.92) rotate(-3deg);pointer-events:none;filter:drop-shadow(0 12px 20px #000b);opacity:.95}.own-field .monster{touch-action:pan-x}@keyframes guidePulse{0%,to{opacity:1}50%{opacity:.84}}.hand-card.playable>.card{--gc: #6ad08a;box-shadow:0 0 0 2px #6ad08a,0 0 12px #6ad08a88;animation:guidePulse 1.8s ease-in-out infinite}.hand-card.playable>.card.selected{animation:none}.hand-card.unplayable>.card.dimmed{filter:grayscale(.85);opacity:.38}.own-field.droppable:before,.opponent-field.droppable:before{border-color:#6ad08a;box-shadow:inset 0 0 22px #6ad08a88,0 0 18px #6ad08a66}.opp-panel.droppable{border-color:#6ad08a;box-shadow:inset 0 0 16px #6ad08a66,0 0 10px #6ad08a55}.monster.drop-target{outline:2px solid #6ad08a;outline-offset:1px;box-shadow:0 0 12px #6ad08acc}.sparkle-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.sparkle-burst i{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px;background:radial-gradient(circle,#fff 15%,#ffd166 45%,transparent 70%);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);will-change:transform,opacity;animation:sparkleFly 1.15s ease-out var(--delay, 0s) forwards;opacity:0}.sparkle-burst.fusion i{background:radial-gradient(circle,#fff 15%,#ff9b3d 45%,transparent 70%)}@keyframes sparkleFly{0%{transform:rotate(var(--ang)) translateY(0) scale(.4) rotate(0);opacity:0}15%{opacity:1;transform:rotate(var(--ang)) translateY(calc(-.4 * var(--dist))) scale(1.4) rotate(60deg)}55%{opacity:1;transform:rotate(var(--ang)) translateY(calc(-.85 * var(--dist))) scale(.9) rotate(150deg)}to{transform:rotate(var(--ang)) translateY(calc(-1 * var(--dist))) scale(.3) rotate(220deg);opacity:0}}.reduce-motion .sparkle-burst{display:none}.equip-flash{position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;border-radius:50%;border:3px solid #ffd166;box-shadow:0 0 22px #ffd166cc,inset 0 0 14px #ffd16688;pointer-events:none;z-index:9;will-change:transform,opacity;animation:equipSpin .95s cubic-bezier(.2,.7,.3,1) forwards}@keyframes equipSpin{0%{transform:rotate(0) scale(1.7);opacity:0}25%{opacity:1}to{transform:rotate(220deg) scale(.92);opacity:0}}.reduce-motion .equip-flash{display:none}.evolve-rays.fusion{background:repeating-conic-gradient(from 0deg at 50% 55%,transparent 0deg 9deg,rgba(255,190,120,.6) 9deg 12deg)}.evolve-burst.fusion{background:radial-gradient(circle,#ffffff 0%,#ffb36b 35%,transparent 70%)}.life-break{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.life-half{position:absolute;left:50%;top:50%;width:16px;height:22px;margin:-11px -8px;border-radius:3px;background:url(/ui/card-back.webp) center / cover no-repeat,linear-gradient(#ff6b81,#d12f44);border:1px solid #00000066;box-shadow:0 0 8px #ff6b81aa}.life-half.half-l{clip-path:polygon(0 0,55% 0,40% 25%,58% 50%,42% 75%,52% 100%,0 100%);animation:lifeHalfL .95s cubic-bezier(.25,.6,.4,1) forwards}.life-half.half-r{clip-path:polygon(55% 0,100% 0,100% 100%,52% 100%,42% 75%,58% 50%,40% 25%);animation:lifeHalfR .95s cubic-bezier(.25,.6,.4,1) forwards}@keyframes lifeHalfL{0%{transform:translate(0) rotate(0);opacity:1}25%{transform:translate(-8px,-4px) rotate(-14deg);opacity:1}to{transform:translate(-22px,26px) rotate(-55deg);opacity:0}}@keyframes lifeHalfR{0%{transform:translate(0) rotate(0);opacity:1}25%{transform:translate(8px,-4px) rotate(14deg);opacity:1}to{transform:translate(22px,26px) rotate(55deg);opacity:0}}.life-frag{position:absolute;left:50%;top:50%;width:6px;height:8px;margin:-4px -3px;background:linear-gradient(#ffb3c0,#d12f44);clip-path:polygon(50% 0,100% 100%,0 100%);animation:lifeFragFly .85s cubic-bezier(.2,.7,.3,1) forwards}@keyframes lifeFragFly{0%{transform:rotate(var(--ang)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--ang)) translateY(calc(-1 * var(--dist))) scale(.4);opacity:0}}.reduce-motion .life-break{display:none}.drag-ghost.attack{filter:drop-shadow(0 8px 16px #b3001bcc)}.drag-attack-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:34px;text-shadow:0 2px 6px #000,0 0 10px #ff3b3b;pointer-events:none}.waiting-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:22;pointer-events:none;padding:8px 16px;border-radius:999px;background:#1c1f33e0;border:1px solid #ffffff2a;color:#cdd2f5;font-size:13px;font-weight:700;box-shadow:0 4px 12px #0008}.deck-code-modal{width:min(440px,92vw);display:flex;flex-direction:column;gap:10px}.deck-code-help{font-size:13px;color:#aab2d5;margin:0}.deck-code-area{width:100%;min-height:96px;resize:vertical;font-family:monospace;font-size:12px;word-break:break-all;padding:8px;border-radius:8px;border:1px solid #ffffff22;background:#0d1222;color:#e6e9f5}.confirm-box{width:min(340px,90vw);text-align:center}.confirm-box h3{margin:4px 0 8px}.result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}.rematch-hint{color:#ffd76a;font-weight:700;margin-top:6px}.conn-notice{position:fixed;top:54px;left:50%;transform:translate(-50%);z-index:38;background:#1c2336e6;color:#ffe08a;border:1px solid #ffd76a55;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;box-shadow:0 4px 14px #000a;pointer-events:none;white-space:nowrap}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.audio-panel-sec{font-size:11px;font-weight:700;color:#9aa3c7;margin:4px 0 2px;border-bottom:1px solid #ffffff14;padding-bottom:2px}.help-button{position:fixed;top:10px;right:58px;z-index:30;width:40px;height:40px;padding:0;border-radius:50%;font-size:18px;display:grid;place-items:center;background:#1c1f33cc;border:1px solid #ffffff33;box-shadow:0 2px 8px #0008}.help-button.fs-button{right:58px;font-size:22px}.glossary-box{width:min(560px,94vw);display:flex;flex-direction:column;gap:10px}.glossary-body{overflow-y:auto;max-height:min(70vh,620px);display:flex;flex-direction:column;gap:14px;padding-right:4px}.glossary-title{margin:0 0 6px;font-size:14px;color:#aeb6e8;border-bottom:1px solid #ffffff1f;padding-bottom:3px}.glossary-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.glossary-item{display:grid;grid-template-columns:92px 1fr;align-items:start;gap:8px}.glossary-item .eff-tag{justify-self:start}.glossary-desc{font-size:13px;line-height:1.4;color:#dfe2f5}.help-button:hover{background:#2a2f4ecc}.help-box{width:min(460px,92vw);display:flex;flex-direction:column;gap:12px}.help-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.help-head h3{margin:0;font-size:18px}.help-body{min-height:150px;font-size:14px;line-height:1.6;color:#d7dcf0}.help-body p{margin:0 0 8px}.help-body b{color:#ffe08a}.help-list{margin:4px 0;padding-left:20px}.help-list li{margin:3px 0}.help-dots{display:flex;gap:6px;justify-content:center}.help-dot{width:8px;height:8px;border-radius:50%;background:#fff3}.help-dot.on{background:#ffd76a}.help-actions{display:flex;justify-content:space-between;gap:10px}.audio-toggle{position:fixed;top:10px;right:10px;z-index:30;width:40px;height:40px;padding:0;border-radius:50%;font-size:18px;display:grid;place-items:center;background:#1c1f33cc;border:1px solid #ffffff33;box-shadow:0 2px 8px #0008}.audio-toggle:hover{background:#2a2f4ecc}.audio-panel{position:fixed;top:56px;right:10px;z-index:30;width:min(232px,calc(100vw - 20px));box-sizing:border-box;max-height:calc(100vh - 68px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:10px;background:#1c1f33f2;border:1px solid #ffffff33;box-shadow:0 6px 18px #000a}.audio-mute-btn{font-size:12px;padding:7px 9px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}.audio-slider{display:flex;align-items:center;gap:8px;font-size:12px}.audio-slider>span:first-child{flex:0 0 auto;max-width:84px;line-height:1.35;overflow-wrap:anywhere}.audio-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:0;height:14px;margin:0;padding:0;background:transparent;cursor:pointer}.audio-slider input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:#3a3f60}.audio-slider input[type=range]::-moz-range-track{height:5px;border-radius:3px;background:#3a3f60}.audio-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-4.5px;border-radius:50%;background:#ffd166;border:none}.audio-slider input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#ffd166;border:none}.audio-slider input[type=range]:disabled{opacity:.4}.audio-pct{width:24px;text-align:right;color:#aab;font-variant-numeric:tabular-nums}.reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:grid;place-items:center;pointer-events:none;background:#0006;animation:revealFade 1.8s ease forwards}.reveal-box{display:flex;flex-direction:column;align-items:center;gap:10px;animation:revealPop 1.8s ease forwards;filter:drop-shadow(0 0 24px #ffd16699)}.reveal-label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:900;color:#ffd166;text-shadow:0 2px 6px #000;letter-spacing:1px}.reveal-zone{padding:3px 12px;border-radius:999px;font-size:15px;font-weight:900;color:#fff;border:1px solid #ffffff55;box-shadow:0 2px 8px #0007;text-shadow:0 1px 2px #0009}.reveal-zone.z-hand{background:#2d6cdf}.reveal-zone.z-field{background:#27944a}.reveal-zone.z-graveyard{background:#7a4ea0}.reveal-zone.z-spell{background:#c0392b}@keyframes revealFade{0%{background:#0000}12%{background:#0007}82%{background:#0007}to{background:#0000}}@keyframes revealPop{0%{opacity:0;transform:translateY(24px) scale(.7) rotate(-4deg)}14%{opacity:1;transform:translateY(0) scale(1.06) rotate(0)}22%{transform:scale(1)}80%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-18px) scale(.96)}}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:10;overflow:hidden;background:radial-gradient(120% 120% at 50% 30%,#0a0c1cc7,#060710eb);animation:resultFadeIn .5s ease-out}@keyframes resultFadeIn{0%{opacity:0}to{opacity:1}}.result-overlay.result-win{background:radial-gradient(110% 110% at 50% 22%,#46320ab8,#0a0804eb)}.result-overlay.result-lose{background:radial-gradient(110% 110% at 50% 30%,#141a30d1,#060810f0)}.result-rays{position:absolute;width:160vmax;height:160vmax;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(255,210,110,.16) 0deg 7deg,transparent 7deg 18deg);-webkit-mask:radial-gradient(circle,#000 0%,transparent 62%);mask:radial-gradient(circle,#000 0%,transparent 62%);animation:resultRays 22s linear infinite}@keyframes resultRays{to{transform:rotate(360deg)}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti span{position:absolute;top:-16px;width:9px;height:14px;border-radius:2px;opacity:.95;animation-name:confettiFall;animation-timing-function:ease-in;animation-iteration-count:infinite}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(105vh) rotate(540deg);opacity:.9}}.result-box{position:relative;z-index:1;background:var(--panel-bg-strong);border-radius:var(--radius-lg);padding:30px 44px 26px;text-align:center;border:1px solid var(--border-soft);box-shadow:var(--shadow-pop),var(--hl-top);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:min(360px,86vw)}.result-emblem{width:88px;height:88px;margin:0 auto 6px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 35%,#ffffff1f,#ffffff05);border:2px solid var(--border-soft)}.result-win .result-emblem{color:#ffd76a;box-shadow:0 0 26px #ffc85a80;border-color:#ffd16680}.result-lose .result-emblem{color:#9fb0e0}.result-draw .result-emblem{color:#cdd2f0}.result-word{font-family:var(--font-display);font-weight:800;font-size:clamp(38px,9vw,60px);line-height:1;letter-spacing:2px;margin-top:2px;background:linear-gradient(180deg,#fff,#c9d2f5);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 10px rgba(0,0,0,.5))}.result-win .result-word{background:linear-gradient(180deg,#fff3c4,#ffc24d 55%,#ff9a3c);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 12px rgba(255,160,50,.45))}.result-lose .result-word{background:linear-gradient(180deg,#d6def5,#7f8dc0);-webkit-background-clip:text;background-clip:text}.result-jp{font-family:var(--font-display);font-weight:800;font-size:18px;color:#ffd166;margin:2px 0 4px;letter-spacing:2px}.result-lose .result-jp{color:#aab4dc}.result-reason{margin:4px 0 12px;color:#aeb4d4;font-size:13px}.reduce-motion .result-rays,.reduce-motion .confetti{display:none}@media (max-width: 820px){.battle{display:flex;flex-direction:column;height:100vh;height:100dvh}.battle-main{flex:1;min-height:0;padding:6px 8px}.log-panel{position:fixed;top:0;right:0;bottom:0;width:min(74vw,300px);height:auto;z-index:40;border-left:1px solid #33365a;border-top:none;background:#14162af7}.log-panel.collapsed{top:50%;bottom:auto;transform:translateY(-50%);width:auto;height:auto;background:transparent;border:none}.log-panel.collapsed .log-title{display:none}.log-panel.collapsed h3{margin:0}.log-panel.collapsed .log-toggle{writing-mode:vertical-rl;padding:12px 5px;font-size:12px;background:#20223aee;border-right:none;border-radius:8px 0 0 8px;box-shadow:-2px 0 8px #0007}.log-panel h3{margin:8px 12px 4px;font-size:12px}.energy-zone,.hand{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.player-panel{padding:4px 8px;gap:8px}.player-avatar{width:36px;height:36px;font-size:20px}.panel-top,.panel-sub{gap:8px;flex-wrap:nowrap}.panel-sub{font-size:11px}.hand .card{zoom:.6}.hand{min-height:0;padding:6px 4px 4px}.hand .card .art-stat{font-size:10px;padding:0 4px}.hand .card .hero-stats{bottom:32px}.hand .card .type-chip{width:11px;height:11px;font-size:8px}.hand .card .race-chip{font-size:8px;padding:0 3px}.hand .card .card-meta.many .type-chip{width:10px;height:10px;font-size:7.5px}.hand .card .card-meta.many .race-chip{font-size:7.5px;padding:0 2px}.action-bar button{font-size:11px;padding:4px 8px;min-height:0}.action-bar{min-height:0;padding:6px 8px;gap:8px}.deck-builder{height:100dvh}.builder-columns{display:flex;flex-direction:column;grid-template-columns:none;gap:10px;min-height:0}.card-pool{flex:1 1 0;display:flex;flex-direction:column;min-height:0;overflow:hidden}.card-pool>h3{flex:0 0 auto;margin:0 0 6px}.card-pool .pool-grid{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:8px;padding-bottom:6px}.deck-zone{flex:1 1 0;display:flex;flex-direction:column;min-height:0;overflow:hidden}.deck-zone>h3{flex:0 0 auto;margin:0 0 6px}.deck-zone .mana-curve,.deck-zone .deck-breakdown{flex:0 0 auto}.deck-zone .deck-mini-grid{flex:1 1 auto;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;overflow-y:auto;overflow-x:hidden;padding-bottom:6px;-webkit-overflow-scrolling:touch}.deck-builder{padding:10px 12px;gap:6px}.deck-meta-row{display:flex;flex-basis:100%;align-items:center;gap:8px;order:9}.deck-builder>.hint{display:none}.builder-columns{margin-top:6px}.card-pool>h3{font-size:13px}.card-pool .pool-mini{flex:0 0 calc((100% - 16px) / 3);min-width:0}.card-pool .pool-mini>.card{width:100%;min-height:0;gap:2px}.card-pool .card .type-chip{width:11px;height:11px;font-size:8px}.card-pool .card .race-chip{font-size:8px;padding:0 3px}.card-pool .card .card-meta{gap:2px}.deck-zone-head{flex:0 0 auto;display:flex;align-items:center;gap:8px;margin-bottom:6px}.deck-zone-head h3{flex:0 0 auto;margin:0;font-size:12px;line-height:1.2;max-width:96px}.deck-zone-head .deck-count.inline{display:block;margin-left:0;font-size:13px}.deck-zone-head .mana-curve{flex:1 1 auto;height:42px;margin:0;padding:2px 4px 1px}.deck-zone-head .mana-curve .curve-num{font-size:8px;height:9px}.deck-zone-head .mana-curve .curve-label{font-size:8px}.deck-zone-head .mana-curve .curve-bar{max-height:22px}.deck-zone-head .deck-breakdown{flex:0 0 auto;flex-direction:column;gap:1px;margin:0;font-size:11px}.modal-box{max-width:94vw;padding:16px 18px}.choice-modal{min-width:0;width:94vw}.card-detail-body{flex-direction:column;gap:12px;align-items:center}.result-box{padding:26px 24px;width:88vw;max-width:380px}}@media (max-width: 480px){.deck-builder{padding:10px}.builder-header{gap:8px}.deck-name-input{flex:1 1 110px;width:auto;min-width:0}.field-select{flex:0 0 auto;font-size:12px}.field-select select{max-width:120px}.search-input{flex-basis:100%;min-width:0}.player-bar{gap:8px 12px;font-size:12px;padding:5px 10px}.phase-banner{font-size:12px;padding:5px}.energy-zone{padding:4px 8px;gap:5px}.action-bar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px}.action-rail{right:4px;gap:6px}.rail-btn{width:44px;height:44px;font-size:10px}.rail-btn.rail-end{width:52px;height:52px}.rail-btn.rail-surrender{width:34px;height:34px}.hand{min-height:132px;gap:6px;padding:6px 4px 4px}.monster{width:104px;font-size:11px}.lobby h1{font-size:26px}.lobby-logo{font-size:40px}.result-box h2{font-size:26px}input,select{font-size:16px}}@media (hover: none){.card:hover{transform:none}.card:hover:not(.dimmed){box-shadow:0 3px 8px #0007}}@media (orientation: landscape) and (max-height: 560px){.battle-main{padding:2px 6px;gap:2px;overflow:hidden}.player-bar{font-size:10px;padding:2px 8px;gap:4px 10px}.life-seg{width:10px;height:12px}.life-num{font-size:11px}.energy-zone{padding:2px 6px;gap:4px;height:34px}.energy-dial{width:28px;height:28px}.energy-dial .dial-num{font-size:10px}.energy-dial .dial-num em{font-size:7px}.energy-label{font-size:10px}.energy-chip{width:24px;height:24px}.phase-banner{font-size:10px;padding:2px}.field{min-height:50px;padding:3px 6px;gap:5px}.field-label{font-size:10px}.monster{width:clamp(52px,10vh,84px);font-size:clamp(7px,1.25vh,9.5px)}.own-bar,.battle-bottom{gap:4px}.action-bar{min-height:0;padding:3px 6px;gap:6px}.hand{flex:1 1 auto;min-width:0;min-height:0;gap:3px;padding:2px;align-items:center}.hand .card{zoom:.42}.opp-hand .card-back{width:14px;height:20px}}@media (hover: none){.hand .card.selected{transform:translateY(-4px) scale(1.1);z-index:20}.monster.attacker,.monster.can-act.selected,.monster.targetable{transform:scale(1.1);z-index:10}.action-bar button:active,button.primary:active{transform:scale(1.12)}.action-bar button,.link-btn{min-height:26px;font-size:10.5px;padding:4px 7px}}.summon-cutin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:58;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at center,#000a,#000000e0);animation:cutinOverlay 2.6s ease forwards}@keyframes cutinOverlay{0%{opacity:0}6%{opacity:1}86%{opacity:1}to{opacity:0}}.summon-cutin-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen}.summon-cutin-tint{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:color;opacity:.55;pointer-events:none}.summon-cutin-emblem{position:absolute;width:min(64vh,58vw);opacity:.8;filter:drop-shadow(0 0 26px #ffb02e88) drop-shadow(0 0 70px #ffb02e44);animation:cutinEmblem 2.6s ease forwards}@keyframes cutinEmblem{0%{transform:scale(.45) rotate(-16deg);opacity:0}16%{opacity:.85}to{transform:scale(1.1) rotate(9deg);opacity:.7}}.summon-cutin-monster{position:relative;max-height:74%;max-width:82%;object-fit:contain;filter:drop-shadow(0 18px 40px #000c);animation:cutinMonster 2.6s cubic-bezier(.16,.9,.3,1) forwards}@keyframes cutinMonster{0%{transform:translateY(46px) scale(.8);opacity:0}14%{opacity:1}to{transform:translateY(-6px) scale(1.06);opacity:1}}.summon-cutin-caption{position:absolute;left:0;right:0;bottom:8%;display:flex;flex-direction:column;align-items:center;gap:6px;animation:cutinCaption .5s ease .35s backwards}@keyframes cutinCaption{0%{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}.summon-cutin-name{position:relative;width:min(680px,86vw);text-align:center;font-family:var(--font-display);font-size:32px;font-weight:900;letter-spacing:3px;padding:8px 0;background:linear-gradient(90deg,transparent,#0d1330f0 16%,#121a42f0 50%,#0d1330f0 84%,transparent);border-top:1px solid #ffb02e99;border-bottom:1px solid #ffb02e99}.summon-cutin-name span{background:linear-gradient(180deg,#fff3d6,#ffd166 45%,#d99a25 78%,#ffe9b0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 6px #000d)}.summon-cutin-name:before,.summon-cutin-name:after{content:"◆";position:absolute;top:50%;transform:translateY(-50%);color:#ffb02e;font-size:13px;text-shadow:0 0 8px #ffb02e88}.summon-cutin-name:before{left:9%}.summon-cutin-name:after{right:9%}.summon-cutin-stats{width:min(420px,62vw);display:flex;align-items:center;justify-content:center;gap:8px;font-size:17px;font-weight:800;letter-spacing:1px;color:#f2e7c8;padding:4px 0;background:linear-gradient(90deg,transparent,#0d1330cc 20%,#101a40cc 50%,#0d1330cc 80%,transparent);text-shadow:0 1px 4px #000}.summon-cutin-stats .sc-ico{width:22px;height:22px;filter:drop-shadow(0 1px 3px #000c)}.summon-cutin-stats .sc-sep{width:1px;height:16px;background:#ffb02e66;margin:0 6px}.reduce-motion .summon-cutin{display:none}@media (max-height: 560px){.summon-cutin-monster{max-height:68%}.summon-cutin-name{font-size:22px;padding:5px 0}.summon-cutin-stats{font-size:13px}}.connect-gauge{position:relative;width:268px;height:250px;flex:none;pointer-events:none}.connect-ring{position:absolute;left:2px;top:2px;width:232px;height:232px;pointer-events:none;filter:drop-shadow(0 0 10px #2d6cdf55) drop-shadow(0 4px 10px #0009)}.cg-opponent .connect-ring{filter:drop-shadow(0 0 10px #b3415a77) drop-shadow(0 4px 10px #0009)}.connect-avatar{position:absolute;left:20px;top:20px;width:196px;height:196px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:90px;background:#141830;box-shadow:0 4px 14px #000a;pointer-events:auto}.cg-opponent .connect-avatar{pointer-events:none}.connect-gauge.pulse .connect-avatar{border-color:#7fd0ff;box-shadow:0 0 20px #4aa8ffcc,0 4px 12px #000a}.connect-avatar img{width:100%;height:100%;object-fit:cover}.connect-orbit{position:absolute;left:118px;top:118px;width:0;height:0}.connect-orbit .connect-orb{position:absolute;left:-17px;top:-17px;width:34px;height:34px;transform:rotate(var(--a)) translate(128px) rotate(calc(-1 * var(--a)))}.connect-orbit .connect-orb.pop{animation:orbPopArc .5s cubic-bezier(.2,.9,.3,1.4)}@keyframes orbPopArc{0%{transform:rotate(var(--a)) translate(128px) rotate(calc(-1 * var(--a))) scale(.2)}60%{transform:rotate(var(--a)) translate(128px) rotate(calc(-1 * var(--a))) scale(1.4)}to{transform:rotate(var(--a)) translate(128px) rotate(calc(-1 * var(--a))) scale(1)}}.pz-opponent{position:relative;z-index:5}.pz-opponent .pz-sub{position:absolute;top:-6px;left:-6px;z-index:12;pointer-events:none}.pz-opponent .pz-main{padding-left:276px}.pz-panel-wrap{position:relative;flex:none}.pz-panel-wrap .pz-piles{position:absolute;right:0;bottom:calc(100% + 3px)}.pz-opponent .pz-panel-wrap .pz-piles{bottom:auto;top:calc(100% + 3px)}.connect-orbs{display:inline-flex;gap:5px}.connect-orb{width:24px;height:24px;background:url(/ui/connect-orb-off.webp) center / contain no-repeat}.connect-orb.filled{background-image:url(/ui/connect-orb-on.webp);filter:drop-shadow(0 0 6px #4aa8ffcc)}.cg-opponent .connect-orb.filled{background-image:url(/ui/connect-orb-red.webp);filter:drop-shadow(0 0 6px #ff5a6acc)}.connect-orb.pop{animation:orbPop .5s cubic-bezier(.2,.9,.3,1.4)}@keyframes orbPop{0%{transform:scale(.2)}60%{transform:scale(1.4)}to{transform:scale(1)}}.reduce-motion .connect-orb.pop{animation:none!important}@media (max-height: 560px){.pz{gap:2px}.pz-main,.pz-sub{gap:6px}.connect-gauge{width:150px;height:140px}.connect-ring{left:1px;top:1px;width:128px;height:128px}.connect-avatar{width:108px;height:108px;left:11px;top:11px;font-size:50px}.connect-orbit{left:65px;top:65px}.connect-orbit .connect-orb{left:-10px;top:-10px;width:20px;height:20px;transform:rotate(var(--a)) translate(71px) rotate(calc(-1 * var(--a)))}.connect-orbit .connect-orb.pop{animation:none}.pz-opponent .pz-main{padding-left:158px}}.eff-tag.tg-connect{background:#1c50c0;color:#d8ecff}.eff-tag.tg-connect-plus{background:#2d8cdf;color:#eaf6ff}.eff-tag.tg-connect-minus{background:#24345e;color:#9fc4ff;border:1px solid #4aa8ff66}.effect-feed{position:fixed;top:60px;right:76px;width:344px;z-index:26;display:flex;flex-direction:column;gap:8px;pointer-events:none}.effect-toast{position:relative;overflow:hidden;padding:12px 14px;border-radius:12px;background:linear-gradient(160deg,#141a38f2,#0d1128f2);border:1px solid #4a5f9e88;box-shadow:0 6px 18px #000a}.effect-toast-bg{position:absolute;left:0;top:0;height:100%;width:68%;object-fit:cover;object-position:center 22%;pointer-events:none;opacity:.85;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000b 40%,transparent 96%);mask-image:linear-gradient(90deg,#000 0%,#000b 40%,transparent 96%)}.effect-toast.et-you{border-color:#ffb02e88}.effect-toast.et-you .effect-toast-name{color:#ffd166}.effect-toast.et-opp{border-color:#ff8da077}.effect-toast.et-opp .effect-toast-name{color:#ff9fb0}.effect-toast-body{position:relative;display:flex;flex-direction:column;gap:3px;min-width:0;text-shadow:0 1px 3px #000d,0 0 8px #000a}.effect-toast-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.effect-toast-head .effect-tags{display:inline-flex;gap:3px;flex-wrap:wrap}.effect-toast-name{font-size:15px;font-weight:800;line-height:1.2}.effect-toast-text{font-size:13px;line-height:1.4;color:#d9ddf2;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}@media (max-height: 560px){.effect-feed{top:46px;right:62px;width:196px;gap:6px}.effect-toast{padding:6px 8px}.effect-toast-name{font-size:11px}.effect-toast-text{font-size:9.5px;-webkit-line-clamp:4}}@media (max-height: 560px){.battle,.battle:has(.log-panel.collapsed){display:grid;grid-template-columns:1fr}.log-panel{position:fixed;top:0;right:0;bottom:0;width:min(300px,70vw);z-index:60;border-left:1px solid #33365a;box-shadow:-10px 0 26px #000b}.log-panel h3{margin:10px 12px 6px}.log-panel.collapsed{top:14px;right:106px;bottom:auto;width:auto;background:none;border:none;box-shadow:none}.log-panel.collapsed h3{margin:0}.log-panel.collapsed .log-title{display:none}.side-cluster{flex-direction:row;align-items:stretch;gap:6px;min-width:0}.side-cluster>.player-panel{flex:0 1 auto;padding:2px 8px;gap:6px}.side-cluster>.energy-zone{flex:1 1 auto;height:38px;min-width:0}.side-cluster>.own-bar{flex:1 1 auto;margin-top:0;flex-wrap:nowrap;min-width:0}.own-bar>.action-bar{padding:2px 8px;min-height:0}.player-panel .panel-info,.own-panel .panel-info{flex-direction:row;align-items:center;gap:8px;min-width:0}.panel-top,.own-panel .panel-top,.panel-sub{flex-wrap:nowrap;gap:6px}.player-avatar{width:26px;height:26px;font-size:14px}.player-name{font-size:10px;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-chip{padding:1px 6px;font-size:12px}.life-seg{width:10px;height:14px}.life-num{font-size:11px}.opp-hand-cards{display:none}.opp-hand .card-back{width:12px;height:17px}.energy-dial{width:28px;height:28px}.energy-dial .dial-num,.energy-label{font-size:10px}.energy-chip{width:26px;height:26px}.phase-banner{font-size:10px;padding:1px 4px}.battle-main{padding:4px 8px;gap:3px}.field{min-height:84px;padding:3px 10px;gap:6px}.field:before{top:-3px;right:2px;bottom:-3px;left:2px}.monster{font-size:9px}.hand .card{zoom:.5}.hand{min-height:0;padding:3px 4px 2px;gap:6px}.battle-bottom{gap:3px}.action-rail{right:4px;gap:6px}.rail-btn{width:46px;height:46px}.rail-btn.rail-end{width:54px;height:54px}.rail-btn.rail-surrender{width:34px;height:34px}.rail-ico{width:20px;height:20px}.rail-btn.rail-end .rail-ico{width:24px;height:24px}.rail-btn span{font-size:8px}.hint{font-size:10px}}@media (orientation: portrait) and (max-width: 720px){.rotate-hint{display:none}.battle-main{padding:4px 6px;gap:3px}.connect-gauge{width:104px;height:96px}.connect-ring{left:1px;top:1px;width:80px;height:80px}.connect-avatar{width:66px;height:66px;left:8px;top:8px;font-size:32px}.connect-orbit{left:41px;top:41px}.connect-orbit .connect-orb{left:-7px;top:-7px;width:14px;height:14px;transform:rotate(var(--a)) translate(45px) rotate(calc(-1 * var(--a)))}.connect-orbit .connect-orb.pop{animation:none}.pz-opponent .pz-sub{top:-4px;left:-4px}.pz-opponent .pz-main{padding-left:104px}.life-seg{width:17px;height:23px}.life-num{font-size:15px}.player-panel{padding:4px 8px;gap:6px}.player-name{font-size:12px}.pz-panel-wrap .pz-piles{gap:4px}.pz-piles .stat-chip{padding:2px 6px;font-size:11px}.energy-dial{width:46px;height:46px;left:-2px}.energy-dial .dial-num{font-size:15px}.energy-dial .dial-num em{font-size:9px}.energy-zone-wrap .energy-zone{padding-left:50px;min-height:40px}.energy-label{font-size:10px}.field{min-height:clamp(96px,17vh,150px);padding:6px 8px;gap:6px}.monster{font-size:10px}.pz-sub{gap:4px}.pz-sub .hand{margin-left:0;min-height:150px;gap:6px;padding:6px 4px 4px}.hand .card{zoom:.62}.action-rail{top:auto;bottom:170px;transform:none;gap:6px}.rail-btn{width:46px;height:46px}.rail-btn.rail-end{width:58px;height:58px}.rail-btn.rail-end span{font-size:9px}.rail-btn.rail-skip{width:54px;height:54px}.rail-btn.rail-skip span{font-size:8.5px}.rail-btn.rail-surrender{width:34px;height:34px}.rail-ico{width:20px;height:20px}.effect-feed{top:46px;right:4px;width:190px;gap:6px}.effect-toast{padding:6px 8px}.effect-toast-name{font-size:11px}.effect-toast-text{font-size:9.5px;-webkit-line-clamp:4}.action-bar{padding:3px 6px;min-height:0}.action-bar button,.action-contextual .hint{font-size:11px}}@media (orientation: portrait) and (max-width: 720px){.turn-banner{font-size:17px;padding:8px 22px;letter-spacing:1px;white-space:nowrap;border-radius:10px}.log-panel.collapsed{top:10px;right:58px;left:auto;bottom:auto;transform:none;width:auto;height:auto;background:none;border:none;box-shadow:none}.log-panel.collapsed .log-toggle{writing-mode:horizontal-tb;white-space:nowrap;padding:10px 12px;font-size:12px;border-radius:20px;background:#1c1f33cc;border:1px solid #ffffff2b}.pz-main{flex-wrap:wrap;row-gap:6px}.pz-main .energy-zone-wrap{flex:1 1 100%;order:3}.pz-you .pz-main .action-bar{flex:1 1 100%;order:4}.pz-opponent .pz-main{padding-left:0}.pz-opponent .pz-main .pz-panel-wrap{margin-left:104px}.action-rail{bottom:215px;right:4px}}@media (orientation: portrait) and (max-width: 720px){.pz-opponent .pz-main .energy-zone-wrap{margin-left:104px}.log-panel.collapsed{top:58px;right:10px}.phase-banner{font-size:11.5px;padding:4px 6px}}@media (orientation: portrait) and (max-width: 720px){.pz-opponent .pz-panel-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.pz-opponent .pz-panel-wrap .pz-piles{position:static}}@media (orientation: portrait) and (max-width: 720px){.pz-you .pz-panel-wrap .pz-piles{left:0;right:auto}}.sec-parallel-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;border-radius:inherit;opacity:.72;-webkit-mask-image:linear-gradient(180deg,#000 52%,transparent 82%);mask-image:linear-gradient(180deg,#000 52%,transparent 82%)}.reduce-motion .sec-parallel-video{display:none}.pool-mini.parallel-mini{position:relative;border-radius:12px;box-shadow:0 0 0 2px #b06ff055,0 0 14px #b06ff044}.parallel-ribbon{position:absolute;top:-8px;left:50%;transform:translate(-50%);z-index:6;padding:1px 10px;border-radius:8px;font-size:9px;font-weight:900;letter-spacing:1.5px;color:#ffe9ff;background:linear-gradient(90deg,#8e44ad,#b06ff0,#8e44ad);border:1px solid #d9a6ff;box-shadow:0 2px 6px #0009;pointer-events:none}.parallel-note{font-size:9px;color:#b8a6d6}.pool-mini.parallel-mini.locked .card{filter:grayscale(.7) brightness(.55)}.parallel-lock{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);z-index:6;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:800;color:#ffdf8a;background:#0d0e17dd;border:1px solid #ffb02e66;pointer-events:none;white-space:nowrap}.mini-parallel-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none;border-radius:inherit;opacity:.75}.reduce-motion .mini-parallel-video{display:none}.mini-parallel-fg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:bottom center;z-index:1;pointer-events:none;filter:drop-shadow(0 2px 4px #000b)}.parallel-toggle{font-size:10px;padding:3px 8px;border-radius:8px;background:#241a36;border:1px solid #b06ff066;color:#d9c6f5}.parallel-toggle.on{background:linear-gradient(90deg,#8e44ad,#6e2f96);border-color:#d9a6ff;color:#ffe9ff;box-shadow:0 0 8px #b06ff066}.parallel-toggle:disabled{opacity:.45}.mini-variant-fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none}.mini-variant-spfg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;z-index:2;pointer-events:none}.ad-slot{display:grid;place-items:center;margin:10px auto;border:2px dashed #5a5f8a;border-radius:8px;background:#14162a88;color:#8d93b8}.ad-slot-text{font-size:11px;letter-spacing:.5px}.ad-slot.ad-banner{width:min(728px,100%);height:clamp(50px,12vw,90px)}.ad-slot.ad-rect{width:min(300px,90vw);height:250px;margin-top:14px}.lobby-ad{grid-column:1 / -1;display:flex;justify-content:center;padding:6px 0 0}.side-ads .ad-slot.ad-side{position:fixed;top:50%;transform:translateY(-50%);width:160px;height:600px;max-height:86vh;margin:0;z-index:5}.side-ads .ad-side-left{left:12px}.side-ads .ad-side-right{right:12px}.side-ads .ad-slot-text{writing-mode:vertical-rl}@media (max-width: 1439px){.side-ads{display:none}}@media (min-width: 1440px){.deck-builder{padding-left:184px;padding-right:184px}}.page-bottom-ad{display:flex;justify-content:center;padding:8px 0 16px}.title-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;gap:14px;padding:24px 16px}.title-page .lobby-hero{margin-bottom:4px}.title-account{width:min(560px,94vw)}button.title-start{width:min(420px,90vw);padding:16px 0;font-size:20px;font-weight:900;letter-spacing:4px;border-radius:14px;background:linear-gradient(180deg,#ffb733,#e08a00);border:2px solid #ffd166;color:#3a2600;text-shadow:0 1px 0 #ffffff66;box-shadow:0 6px #8a5400,0 8px 24px #000a,0 0 22px #ffb02e66;animation:titleStartPulse 1.6s ease-in-out infinite}button.title-start:hover{background:linear-gradient(180deg,#ffc65c,#f09a10)}@keyframes titleStartPulse{0%,to{opacity:1}50%{opacity:.82}}.reduce-motion button.title-start{animation:none}.home-page{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:100vh;min-height:100dvh;padding:14px 16px 24px}.home-head{display:flex;flex-direction:column;align-items:center;gap:4px}.home-logo-btn{background:none;border:none;padding:0;cursor:pointer}.home-logo{width:min(220px,56vw);height:auto;filter:drop-shadow(0 4px 12px #000a)}.home-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,420px));justify-content:center;gap:16px;width:100%;max-width:1340px}.cpu-button.btn-purple,.cpu-button.btn-purple:hover:not(:disabled){background:linear-gradient(180deg,#9b59d0,#6d3fa8);border-color:#5a2f91;box-shadow:0 3px #47256f,var(--shadow-sm),inset 0 1px #ffffff4d}.cpu-button.btn-purple:hover:not(:disabled){background:linear-gradient(180deg,#ab6be0,#7d4cba)}.cpu-button.btn-rainbow,.cpu-button.btn-rainbow:hover:not(:disabled){background:linear-gradient(115deg,#d8506a,#d89a3a,#c2b93c,#48a862,#3f96c8,#8763e8,#d8506a);background-size:300% 100%;animation:homeRainbowShift 7s linear infinite;border-color:#fff6;box-shadow:0 3px #0006,var(--shadow-sm),inset 0 1px #ffffff59;text-shadow:0 1px 2px #000b}@keyframes homeRainbowShift{to{background-position:300% 0}}.home-cat{display:flex;flex-direction:column;gap:10px}.home-cat .big{display:flex;flex-direction:column;align-items:center;gap:3px}.btn-title{display:inline-flex;align-items:center;gap:7px}.home-cat-title{margin:0 0 2px;font-size:17px;color:#ffd166;display:flex;align-items:center;gap:8px;border-bottom:1px solid #ffb02e33;padding-bottom:8px}.home-wide{width:min(560px,94vw)}a.link-button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px;border-radius:var(--radius-sm);background:#2e3250;border:1px solid #ffffff24;color:#eee;text-decoration:none;text-align:center;font-weight:700}a.link-button:hover{border-color:#ffd166}a.link-button .practice-sub{font-weight:400}.home-page .ad-slot.ad-banner{width:min(970px,100%);height:clamp(70px,16vw,180px)}.title-ver{display:block;margin-top:4px;text-align:center;font-size:11px;color:#8d93b8;letter-spacing:1px}.pvp-page{display:flex;flex-direction:column;align-items:center;gap:14px;min-height:100vh;min-height:100dvh;padding:14px 16px 24px}.pvp-head{position:relative;width:100%;max-width:900px;display:flex;align-items:center;justify-content:center;min-height:40px}.pvp-head .back-button{position:absolute;left:0}.pvp-title{margin:0;font-size:22px;color:#ffd166;display:flex;align-items:center;gap:8px}.pvp-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,340px));justify-content:center;align-items:stretch;gap:16px;width:100%;max-width:1100px}.pvp-mode{display:flex;flex-direction:column;gap:10px}.pvp-mode-title{margin:0;font-size:17px;color:#ffd166;border-bottom:1px solid #ffb02e33;padding-bottom:8px}.pvp-mode-desc{margin:0;font-size:12.5px;color:#b9bede;flex:1}.pvp-mode.coming-soon{opacity:.65}.pvp-mode.coming-soon .pvp-mode-title{color:#9aa0c4;border-bottom-color:#ffffff1f}button.pvp-entry{padding:16px 12px;font-size:17px;background:linear-gradient(180deg,#ffb733,#e08a00);border:2px solid #ffd166;color:#3a2600;text-shadow:0 1px 0 #ffffff55;box-shadow:0 4px #8a5400,0 6px 18px #0009}button.pvp-entry:hover:not(:disabled){background:linear-gradient(180deg,#ffc65c,#f09a10)}button.pvp-entry .practice-sub{color:#5a3c00}.home-news{width:100%;max-width:900px;background:#191c30cc;border:1px solid #ffffff1c;border-radius:var(--radius-sm, 10px);padding:10px 16px 8px;box-shadow:0 4px 14px #0007}.home-news-title{margin:0 0 6px;font-size:13px;color:#ffd166;letter-spacing:1px}.home-news-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.home-news-list li{display:flex;align-items:baseline;gap:8px;font-size:12.5px;color:#d4d8ee;border-bottom:1px dashed #ffffff12;padding-bottom:4px}.home-news-list li:last-child{border-bottom:none}.news-date{flex-shrink:0;color:#8d93b8;font-size:11px}.news-badge{flex-shrink:0;background:#ff5d7a;color:#fff;font-size:9px;font-weight:900;border-radius:4px;padding:1px 5px;letter-spacing:1px}.news-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-news-more{display:inline-block;margin-top:6px;font-size:11.5px;color:#7fb0ff;text-decoration:none}.home-news-more:hover{text-decoration:underline}@media (max-width: 700px){.news-text{white-space:normal}.home-news-list li{flex-wrap:wrap}}@media (min-width: 1024px){.monster{font-size:14px}}@media (orientation: portrait) and (max-width: 720px){.monster{font-size:9px}.field{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scrollbar-width:thin;padding-bottom:8px;background-size:cover;background-position:center;border:2px solid transparent;border-radius:14px}.field:before{display:none}.opponent-field{background-image:linear-gradient(#2a1c24bb,#1a0f1455 70%),var(--field-img, linear-gradient(#2a1c24dd, #2a1c2466 70%));border-color:#b3415a;box-shadow:inset 0 0 20px #b3415a44}.own-field{background-image:linear-gradient(#1a223655 30%,#101728bb),var(--field-img, linear-gradient(#1a223666 30%, #1a2236ee));border-color:#3f7ee0;box-shadow:inset 0 0 20px #3f7ee044}.own-field.droppable,.opponent-field.droppable{border-color:#6ad08a;box-shadow:inset 0 0 18px #6ad08a77,0 0 14px #6ad08a55}.field>:first-child{margin-left:auto}.field>:last-child{margin-right:auto}.field .monster{flex-shrink:0}}.summon-cutin.sec-anime .sec-anime-video{position:relative;inset:auto;width:auto;height:auto;max-width:min(92vw,1100px);max-height:76vh;object-fit:contain;border-radius:18px;box-shadow:0 0 0 2px #ffd16688,0 0 60px #ffd16655,0 16px 56px #000d}.summon-cutin.sec-anime{animation-duration:6.5s}.summon-cutin.sec-anime .summon-cutin-video{mix-blend-mode:normal}.summon-cutin{pointer-events:auto}.title-about{width:min(640px,94vw);font-size:13px;line-height:1.8;color:#c9cee8}.title-about h2{margin:0 0 8px;font-size:15px;color:#ffd166;border-bottom:1px solid #ffb02e33;padding-bottom:6px}.title-about p{margin:0 0 8px}.title-features{margin:0 0 10px;padding-left:18px}.title-features li{margin-bottom:4px}.title-features b{color:#e6e9f5}.title-updates-head{margin:10px 0 4px;color:#8d93b8;font-size:12px}.title-updates{list-style:none;margin:0 0 10px;padding:0;font-size:12.5px}.title-updates .news-date{color:#8d93b8;font-size:11px;margin-right:6px}.title-about-links a{color:#7fb0ff}.console{position:relative;display:flex;align-items:center;gap:14px;padding:10px 16px;min-height:100px;background:linear-gradient(#0c1424f2,#060a14f7);border:1.5px solid #35e0ff55;border-radius:12px;box-shadow:inset 0 0 0 1px #0006,inset 0 0 24px #0006,0 4px 14px #000a;z-index:5}.console-opp{border-color:#ff356055;background:linear-gradient(#1c0a12f2,#12060af7)}.console-energy,.console-life{background:#00000059;border:1px solid #ffffff1c;border-radius:10px;padding:4px 10px}.console.active{filter:drop-shadow(0 0 10px #ffd16644)}.console.droppable{outline:3px dashed #6ad08a;outline-offset:-6px}.console-dial{position:relative;flex:none;width:104px;height:104px;margin:0 8px}.console-dial .console-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 3px 6px #000b)}.console-num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:30px;font-weight:900;color:#ffe9b0;text-shadow:0 0 6px #000,0 2px 3px #000}.console-num em{font-style:normal;font-size:15px;color:#cdd3f0}.console-dial .connect-orb{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px;transform:rotate(var(--a)) translate(56px) rotate(calc(-1 * var(--a)))}.console-dial.pulse .connect-orb.pop{animation:orbPop .5s ease}.console-rows{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:7px}.console-energy{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:34px}.console-empty{font-size:11px;color:#667}.console-life{display:flex;align-items:center;gap:4px}.life-mini{width:24px;height:33px;border-radius:4px;background:url(/ui/card-back.webp) center / cover;border:1px solid #ffd16666;box-shadow:0 1px 3px #000a}.life-count{margin-left:6px;font-size:19px;font-weight:900;color:#ff8f9e;text-shadow:0 0 5px #000,0 1px 2px #000}.console .pz-piles{position:static;flex:none;flex-direction:column;align-items:stretch;gap:6px}.console-bar{position:relative;z-index:6;display:flex;align-items:center;gap:10px;padding:2px 10px;min-height:40px}.action-bar-left{flex:1 1 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.end-turn-btn{background:linear-gradient(180deg,#ffb733,#e08a00);border:1px solid #ffd166;color:#3a2600;font-weight:800}.end-turn-btn.suggest{animation:endTurnSuggest 1.4s ease-in-out infinite}@keyframes endTurnSuggest{0%,to{opacity:1}50%{opacity:.7}}.reduce-motion .end-turn-btn.suggest{animation:none}.skip-round{flex:none;width:62px;height:62px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:radial-gradient(circle at 35% 30%,#3f7ee0,#1c3a75);border:2px solid #7fb0ff;color:#fff;font-size:10px;font-weight:800;box-shadow:0 3px 8px #000a,inset 0 0 10px #7fb0ff44}.skip-round-ico{width:20px;height:20px}.pz-you .pz-sub .hand{margin-left:0}.pz-opponent{padding-top:2px}.audio-mute-btn.danger{border-color:#ff8585;color:#ffb3b3}@media (orientation: portrait) and (max-width: 720px){.console{gap:6px;padding:5px 7px;min-height:60px;border-width:1.5px}.console-dial{width:54px;height:54px;margin:0 3px}.console-dial .connect-orb{width:12px;height:12px;margin:-6px;transform:rotate(var(--a)) translate(29px) rotate(calc(-1 * var(--a)))}.console-num{font-size:20px}.console-num em{font-size:11px}.life-mini{width:12px;height:17px}.life-count b{font-size:16px}.life-ico{width:16px;height:16px}.console .pz-piles{flex-direction:row}.skip-round{width:52px;height:52px}.console-rows{gap:4px}}.pz-you .pz-sub .hand{justify-content:center;overflow:visible;padding-top:26px;min-height:170px}.pz-you .hand .hand-card{margin:0 var(--overlap, -16px)}.pz-you .hand .hand-card>.card{transform:rotate(var(--rot, 0deg)) translateY(var(--ty, 0px));transform-origin:center 140%;transition:transform .16s ease}.pz-you .hand .hand-card:hover,.pz-you .hand .hand-card:active{z-index:40}.pz-you .hand .hand-card:hover>.card,.pz-you .hand .hand-card:active>.card{transform:rotate(0) translateY(-46px) scale(1.45)}.reduce-motion .pz-you .hand .hand-card>.card{transition:none}@media (orientation: portrait) and (max-width: 720px){.pz-you .pz-sub .hand{padding-top:14px;min-height:120px}.pz-you .hand .hand-card{margin:0 -10px}.pz-you .hand .hand-card:hover,.pz-you .hand .hand-card:active{transform:rotate(0) translateY(-30px) scale(1.3)}}.console-rows{flex:0 1 560px}.pz-you{display:grid;grid-template-columns:minmax(0,54%) minmax(0,1fr);grid-template-areas:"console hand" "bar hand";align-items:end;column-gap:10px}.pz-you .console{grid-area:console}.pz-you .console-bar{grid-area:bar}.pz-you .pz-sub{grid-area:hand;align-self:end}.action-bar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.end-turn-btn{padding:9px 18px;border-radius:10px;background:linear-gradient(180deg,#ffd23a,#e0a400);border:2px solid #8a5400;color:#5a3a00;font-weight:900;display:inline-flex;align-items:center;gap:6px}.end-turn-btn:hover{background:linear-gradient(180deg,#ffe066,#f0b410)}.skip-round span{white-space:nowrap;font-size:9.5px;letter-spacing:0}.tools-tuck{display:none}@media (orientation: portrait) and (max-width: 720px){.pz-you{display:flex;flex-direction:column;align-items:stretch}.console-rows{flex:1 1 auto}.console-opp .console-rows{flex-direction:column-reverse}.console-energy{width:100%}.console .pz-piles{flex-direction:column;gap:4px}.console .pz-piles .stat-chip{padding:2px 7px;font-size:11px}.pz-you .hand .card{zoom:.62}.tools-tuck{display:grid;place-items:center;position:fixed;top:64px;right:0;z-index:60;width:24px;height:46px;background:#1d2038d9;border:1px solid #ffffff2a;border-right:none;border-radius:10px 0 0 10px;color:#9db4ff;font-size:11px;padding:0}.audio-controls,.fs-button,.log-panel{transition:transform .25s ease,opacity .25s ease}html.tools-tucked .audio-controls,html.tools-tucked .fs-button,html.tools-tucked .log-panel{transform:translate(130%);opacity:0;pointer-events:none}}@media (orientation: landscape),(min-width: 721px){.pz-you{grid-template-columns:minmax(0,52%) minmax(0,1fr);grid-template-areas:"console bar" "console hand";align-items:end}.pz-you .console-bar{justify-content:flex-end;align-items:flex-end}.pz-you .console-bar .action-bar-left{flex:0 1 auto;justify-content:flex-end}.console{border:2px solid transparent;border-radius:10px;background:linear-gradient(#0c1424f2,#060a14f7) padding-box,linear-gradient(100deg,#0e3a5f,#35e0ff 22%,#0e3a5f 45%,#7fb0ff 62%,#0e3a5f 82%,#35e0ff) border-box;box-shadow:inset 0 0 0 1px #35e0ff1f,inset 0 0 26px #000000a0,0 0 14px #35e0ff22,0 4px 16px #000a;overflow:visible}.console:before,.console:after{content:"";position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:2px;transform:rotate(45deg);background:radial-gradient(circle at 40% 35%,#d8f7ff,#35e0ff 60%,#0e3a5f);box-shadow:0 0 8px #35e0ffcc;pointer-events:none}.console:before{left:-4px}.console:after{right:-4px}.console-opp:before,.console-opp:after{background:radial-gradient(circle at 40% 35%,#ffd8e0,#ff3560 60%,#5f0e22);box-shadow:0 0 8px #ff3560cc}.console-opp{background:linear-gradient(#1c0a12f2,#12060af7) padding-box,linear-gradient(100deg,#5f0e22,#ff3560 22%,#5f0e22 45%,#ff8f9e 62%,#5f0e22 82%,#ff3560) border-box;box-shadow:inset 0 0 0 1px #ff35601f,inset 0 0 26px #000000a0,0 0 14px #ff356022,0 4px 16px #000a}.pz-you .console{align-self:start}.console-dial{width:152px;height:152px;margin:-4px 10px -46px -2px}.console-opp .console-dial{margin:-46px 10px -4px -2px}.console-num{font-size:42px}.console-num em{font-size:19px}.console-dial .connect-orb{width:26px;height:26px;margin:-13px;transform:rotate(var(--a)) translate(82px) rotate(calc(-1 * var(--a)))}}@media (orientation: portrait) and (max-width: 720px){.pz-you .hand .hand-card:hover,.pz-you .hand .hand-card:active{transform:none}.pz-you .hand .hand-card:hover>.card,.pz-you .hand .hand-card:active>.card{transform:rotate(0) translateY(-30px) scale(1.3)}}.life-count{display:inline-flex;align-items:center;gap:4px;margin-left:8px}.life-ico{width:22px;height:22px;filter:drop-shadow(0 1px 3px #000c)}.life-count b{font-size:24px;font-weight:900;font-family:Georgia,Times New Roman,serif;font-style:italic;background:linear-gradient(180deg,#fff2c2,#ffb84d 55%,#e0637a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px #000) drop-shadow(0 0 6px #ff8f9e55);line-height:1}.console-hand-row{display:flex;align-items:center;gap:4px;background:#00000059;border:1px solid #ffffff1c;border-radius:10px;padding:4px 10px}.hand-mini{width:20px;height:28px;border-radius:3px;background:url(/ui/card-back.webp) center / cover;border:1px solid #7fb0ff66;box-shadow:0 1px 3px #000a}.hand-mini-count{display:inline-flex;align-items:center;gap:3px;margin-left:6px;font-size:14px;font-weight:800;color:#cdd3f0}@media (orientation: landscape),(min-width: 721px){.console .pz-piles .opp-hand{display:none}}@media (orientation: portrait) and (max-width: 720px){.console-hand-row{display:none}}.console-bar{position:relative;z-index:45}.console-bar .action-bar-left .primary,.console-bar .action-bar-right button{box-shadow:0 3px 10px #000c}.console-dial.maxed .console-ring{filter:drop-shadow(0 3px 6px #000b) drop-shadow(0 0 14px #ffb02e) drop-shadow(0 0 30px #ff7a2e88);animation:dialCharge 1.6s ease-in-out infinite}.console-dial.maxed:before{content:"";position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;border-radius:50%;background:conic-gradient(from 0deg,#ff7a2e00,#ffb02ecc 40deg,#ff7a2e00 90deg,#ffd166cc,#ff7a2e00 210deg,#ff5d2ecc 280deg,#ff7a2e00 360deg);filter:blur(7px);z-index:-1;animation:dialFlameSpin 2.2s linear infinite;pointer-events:none}.console-dial.maxed:after{content:"";position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;border-radius:50%;background:radial-gradient(circle at 50% 78%,#ffd16688 0%,#ff7a2e44 34%,transparent 62%);mix-blend-mode:screen;animation:dialFlicker .9s ease-in-out infinite;pointer-events:none}.console-dial.maxed .console-num{color:#fff2c2;text-shadow:0 0 8px #ffb02e,0 0 16px #ff7a2e,0 2px 3px #000}.console-dial.maxed .connect-orb.filled{filter:drop-shadow(0 0 6px #ffb02e)}@keyframes dialCharge{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes dialFlameSpin{to{transform:rotate(360deg)}}@keyframes dialFlicker{0%,to{opacity:.9;transform:scale(1)}40%{opacity:.55;transform:scale(1.05)}70%{opacity:1;transform:scale(.98)}}.reduce-motion .console-dial.maxed .console-ring,.reduce-motion .console-dial.maxed:before,.reduce-motion .console-dial.maxed:after{animation:none}.console-num{font-family:Bahnschrift,Segoe UI,Arial Narrow,sans-serif;font-size:30px;font-weight:700;letter-spacing:1px;color:#aef4ff;text-shadow:0 0 8px #35e0ffaa,0 2px 3px #000}.console-num em{font-size:13px;color:#7fa8c8}.console-opp .console-num{color:#ffc4cf;text-shadow:0 0 8px #ff3560aa,0 2px 3px #000}@media (orientation: landscape),(min-width: 721px){.console-num{font-size:34px}.console-num em{font-size:14px}}.life-count b{font-family:Bahnschrift,Segoe UI,sans-serif;font-style:normal;font-size:25px;background:none;color:#fff;-webkit-background-clip:initial;background-clip:initial;filter:none;text-shadow:0 0 7px #ff3560,0 0 2px #ff3560,0 2px 3px #000}@media (orientation: portrait) and (max-width: 720px){.pz-you .pz-sub .hand{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding-top:8px;min-height:0}.pz-you .hand .hand-card{margin:0}.pz-you .hand .hand-card>.card{transform:none}.pz-you .hand .hand-card:hover>.card,.pz-you .hand .hand-card:active>.card{transform:translateY(-16px) scale(1.15)}}.console-num{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.console-num .num-avail{position:absolute;top:24%;left:50%;transform:translate(-78%);font-size:38px;font-weight:800;line-height:1;color:#fff;text-shadow:0 0 3px #000,0 0 6px #000,2px 2px 2px #000,0 0 12px #35e0ff88}.console-num .num-slash{position:absolute;left:50%;top:50%;width:40px;height:3px;margin:-1.5px 0 0 -20px;border-radius:2px;background:#ffffffd9;box-shadow:0 0 4px #000,0 0 8px #35e0ff66;transform:rotate(-52deg)}.console-num .num-total{position:absolute;bottom:27%;left:50%;transform:translate(42%);font-style:normal;font-size:20px;font-weight:800;line-height:1;color:#d5e8f5;text-shadow:0 0 3px #000,0 0 6px #000,1px 1px 2px #000}.console-opp .console-num .num-avail{text-shadow:0 0 3px #000,0 0 6px #000,2px 2px 2px #000,0 0 12px #ff356088}.console-opp .console-num .num-slash{box-shadow:0 0 4px #000,0 0 8px #ff356066}@media (orientation: portrait) and (max-width: 720px){.console-num .num-avail{font-size:16px}.console-num .num-slash{width:16px;height:2px;margin:-1px 0 0 -8px}.console-num .num-total{font-size:10px}}.detail-btn{padding:7px 12px;border-radius:8px;background:#2e3250;border:1px solid #7fb0ff66;color:#cdd3f0;font-weight:700}.detail-btn:hover{border-color:#7fb0ff}@media (orientation: portrait) and (max-width: 720px){.console-energy,.console-life{padding:3px 7px;min-height:0}.console .pz-piles .stat-chip{padding:2px 6px;font-size:10px}.console .pz-piles .chip-ico{width:13px;height:13px}}.action-bar-left .primary,.detail-btn{padding:6px 12px;font-size:13px}@media (orientation: portrait) and (max-width: 720px){.action-bar-left .primary,.detail-btn{padding:5px 9px;font-size:11.5px;border-radius:8px}.end-turn-btn{padding:6px 12px;font-size:12px}.skip-round{width:46px;height:46px}.skip-round-ico{width:15px;height:15px}.skip-round span{font-size:8.5px}}@media (orientation: portrait) and (max-width: 720px){.pz-you .pz-sub .hand{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;max-width:100%;scrollbar-width:thin}.pz-you .hand .hand-card{flex:0 0 auto}}@media (orientation: portrait) and (max-width: 720px){.pz-you .pz-sub{max-width:100%;min-width:0}.pz-you .pz-sub .hand{width:100%;max-width:100%}}.binder-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:20px}.binder-count{font-size:12px;color:#8d93b8}.binder-filters{display:flex;flex-wrap:wrap;gap:8px;padding:8px 14px;justify-content:center}.binder-filters input[type=search]{flex:0 1 260px;min-width:150px;padding:7px 12px;border-radius:10px;border:1px solid #ffffff2a;background:#1d2038;color:#e6e9f5}.binder-filters select{padding:6px 8px;border-radius:10px;border:1px solid #ffffff2a;background:#1d2038;color:#e6e9f5;font-size:13px}.binder-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;flex:1}.binder-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.binder-tab{--tab-color: #8d93b8;padding:4px 12px;border-radius:10px 10px 0 0;border:1px solid #ffffff26;border-bottom:none;background:color-mix(in srgb,var(--tab-color) 26%,#14162a);color:#e6e9f5;font-size:12px;font-weight:700}.binder-tab.active{background:color-mix(in srgb,var(--tab-color) 55%,#14162a);box-shadow:0 0 8px color-mix(in srgb,var(--tab-color) 60%,transparent)}.binder{position:relative;background:radial-gradient(circle at 20% 10%,#ffffff0a,transparent 40%),linear-gradient(135deg,#3d2c14,#241708 55%,#170e05);border:2px solid #6b4f1d;border-radius:18px;padding:18px 22px;box-shadow:inset 0 0 0 2px #0006,inset 0 0 40px #0008,0 10px 32px #000c;perspective:1600px;overflow:hidden;max-width:96vw}.binder-rings{position:absolute;left:50%;top:6%;bottom:6%;width:0;display:flex;flex-direction:column;justify-content:space-around;z-index:3;pointer-events:none}.binder-ring{width:26px;height:12px;margin-left:-13px;border-radius:8px;border:3px solid #c9cee8;border-left-color:#8d93b8;border-right-color:#8d93b8;background:transparent;box-shadow:0 2px 3px #000a}.binder-spread{display:flex;gap:26px;transform-style:preserve-3d}.binder-spread.turn-next{animation:pageTurnNext .38s ease}.binder-spread.turn-prev{animation:pageTurnPrev .38s ease}@keyframes pageTurnNext{0%{transform:perspective(1600px) rotateY(-50deg);opacity:.3}to{transform:none;opacity:1}}@keyframes pageTurnPrev{0%{transform:perspective(1600px) rotateY(50deg);opacity:.3}to{transform:none;opacity:1}}.reduce-motion .binder-spread.turn-next,.reduce-motion .binder-spread.turn-prev{animation:none}.binder-page{background:linear-gradient(#191c30,#10121f);border:1px solid #ffffff1a;border-radius:10px;padding:12px 12px 6px;position:relative}.binder-grid{display:grid;grid-template-columns:repeat(3,auto);gap:10px}.binder-pocket{position:relative;padding:4px;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.binder-pocket:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:8px;background:linear-gradient(115deg,#ffffff14 0%,transparent 30%,transparent 70%,#ffffff0a 100%);pointer-events:none}.binder-pocket:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 8px 20px #000b,0 0 12px #ffd16633;z-index:2}.binder-pocket.empty{min-width:148px;min-height:208px;background:#ffffff05;border-style:dashed;cursor:default}.binder-pageno{display:block;text-align:center;font-size:11px;color:#667;padding:4px 0 2px}.binder-nav{display:flex;align-items:center;gap:14px}.binder-nav-btn{padding:8px 18px;border-radius:10px;background:#2e3250;border:1px solid #7fb0ff66;color:#e6e9f5;font-weight:700}.binder-nav-btn:disabled{opacity:.4}.binder-spreadno{font-size:13px;color:#8d93b8}@media (orientation: portrait) and (max-width: 720px){.binder{padding:10px}.binder-spread{flex-direction:column;gap:16px}.binder-rings{display:none}.binder-pocket .card{zoom:.72}.binder-pocket.empty{min-width:106px;min-height:148px}}@media (min-width: 721px) and (max-width: 1150px){.binder-pocket .card{zoom:.8}.binder-pocket.empty{min-width:118px;min-height:166px}}.custom-open-btn{padding:7px 14px;border-radius:10px;background:linear-gradient(180deg,#8e44ad,#5e2d78);border:1px solid #d9a6ff;color:#ffe9ff;font-weight:800;white-space:nowrap}.custom-modal{max-width:min(720px,94vw);max-height:88vh;overflow-y:auto}.custom-sec{margin:14px 0 6px;font-size:13px;color:#ffd166;border-bottom:1px solid #ffb02e33;padding-bottom:4px}.custom-grid{display:flex;flex-wrap:wrap;gap:8px}.custom-bg{width:128px;height:48px;border-radius:8px;border:2px solid #ffffff26;background-color:#1d2038;background-size:cover;background-position:center;color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 3px #000,0 0 4px #000;display:grid;place-items:center}.custom-bg.selected,.custom-sleeve.selected,.custom-cover.selected{border-color:#ffd166;box-shadow:0 0 10px #ffd16688}.custom-sleeve{width:74px;border-radius:8px;border:2px solid #ffffff26;background:#14162a;padding:4px 4px 2px;color:#cdd3f0;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:2px}.custom-sleeve img{width:60px;height:84px;object-fit:cover;border-radius:5px}.custom-cover{width:62px;height:62px;border-radius:8px;border:2px solid #ffffff26;background:#14162a;overflow:hidden;display:grid;place-items:center}.custom-cover-img{width:100%;height:100%;object-fit:cover}.custom-cover-auto{font-size:11px;color:#8d93b8}.custom-modal>.primary{margin-top:16px}.deck-row{position:relative;overflow:hidden}.deck-row.has-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--deck-bg);background-size:cover;background-position:center;opacity:.3;pointer-events:none}.deck-row>*{position:relative;z-index:1}.deck-cover{flex:none;position:relative;width:52px;height:52px;border-radius:10px;overflow:hidden;border:2px solid #ffd16655;box-shadow:0 2px 8px #000a;margin-right:10px;display:block}.deck-cover-img{width:100%;height:100%;object-fit:cover}.card-detail-visual{display:flex;flex-direction:column;align-items:center;gap:8px}.console-opp .console-rows{flex-direction:column-reverse}.console-opp .console-hand-row{margin-left:auto;margin-right:2%}.setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:7px 9px;border-radius:8px;border:1px solid #ffffff14;background:#ffffff08;text-align:left;cursor:pointer}.setting-toggle:hover:not(:disabled){background:#ffffff12;border-color:#ffffff2a}.setting-label{font-size:12.5px;color:#cdd3f0;line-height:1.45;min-width:0;overflow-wrap:anywhere}.switch{flex:none;width:42px;height:23px;border-radius:12px;border:1px solid #ffffff33;background:#2a2d45;position:relative;padding:0;pointer-events:none;transition:background .18s ease,border-color .18s ease}.switch:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#9aa0c4;transition:transform .18s ease,background .18s ease}.switch.on{background:#2d6cdf;border-color:#7fb0ff}.switch.on:after{transform:translate(19px);background:#fff}.reduce-motion .switch,.reduce-motion .switch:after{transition:none}.custom-bg:hover:not(:disabled){background-color:#1d2038;background-size:cover;background-position:center;filter:brightness(1.18)}.custom-sleeve:hover:not(:disabled),.custom-cover:hover:not(:disabled){background:#14162a;border-color:#7fb0ff}.climax-ring{position:absolute;left:50%;top:50%;width:160px;height:160px;margin:-80px;border-radius:50%;border:4px solid #ffd166;box-shadow:0 0 30px #ff7a2e,inset 0 0 24px #ff7a2e88;animation:climaxRing .9s ease-out forwards;pointer-events:none}@keyframes climaxRing{0%{transform:scale(.2);opacity:1}80%{opacity:.5}to{transform:scale(6);opacity:0}}.climax-embers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.climax-embers i{position:absolute;left:calc(18% + (var(--i) * 4.6%));bottom:-12px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2c2,#ffb02e 60%,#ff5d2e);box-shadow:0 0 8px #ffb02e;opacity:0;animation:emberRise 1.6s ease-out forwards;animation-delay:calc(var(--i) * .05s)}@keyframes emberRise{0%{transform:translateY(0) scale(1);opacity:0}12%{opacity:1}to{transform:translateY(-72vh) translate(calc((var(--i) - 7) * 8px)) scale(.4);opacity:0}}.climax-cutin .climax-text{font-size:clamp(64px,12vw,150px);font-weight:900;letter-spacing:6px;background:linear-gradient(180deg,#fff2c2 8%,#ffd166 38%,#ff7a2e 70%,#d0263e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px #ffb02e) drop-shadow(0 0 34px #ff5d2e88) drop-shadow(0 4px 4px #000)}.reduce-motion .climax-ring,.reduce-motion .climax-embers{display:none}.footer-link-btn{background:none;border:none;padding:0;color:#7fb0ff;font-size:inherit;text-decoration:underline;cursor:pointer}.footer-link-btn:hover:not(:disabled){background:none;filter:brightness(1.3)}.hit-fx{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:20;pointer-events:none;overflow:visible}.hit-fx .hf-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:radial-gradient(circle at 50% 45%,#fff2c2cc 0%,#ff7a2e77 40%,transparent 70%);mix-blend-mode:screen;animation:hfFlash .4s ease-out forwards}@keyframes hfFlash{0%{opacity:0;transform:scale(.5)}25%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.35)}}.hit-fx .hf-slash{position:absolute;left:50%;top:50%;width:130%;height:5px;margin-left:-65%;border-radius:3px;background:linear-gradient(90deg,transparent,#ffffff,#ffd166,transparent);box-shadow:0 0 10px #fff,0 0 18px #ffb02e;transform:rotate(-32deg) scaleX(0);animation:hfSlash .32s ease-out forwards}.hit-fx .hf-slash2{transform:rotate(38deg) scaleX(0);animation-delay:.08s;animation-name:hfSlash2}@keyframes hfSlash{0%{transform:rotate(-32deg) scaleX(0);opacity:1}55%{transform:rotate(-32deg) scaleX(1);opacity:1}to{transform:rotate(-32deg) scaleX(1);opacity:0}}@keyframes hfSlash2{0%{transform:rotate(38deg) scaleX(0);opacity:1}55%{transform:rotate(38deg) scaleX(1);opacity:1}to{transform:rotate(38deg) scaleX(1);opacity:0}}.hit-fx .hf-sparks{position:absolute;left:50%;top:48%;width:5px;height:5px;border-radius:50%;background:#fff2c2;box-shadow:18px -20px 0 -1px #ffd166,-22px -14px 0 -1px #ff8f5e,26px 10px 0 -2px #fff,-18px 16px 0 -2px #ffd166,6px -30px 0 -2px #ff8f5e,-6px 26px 0 -1px #fff;animation:hfSparks .5s ease-out forwards}@keyframes hfSparks{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.reduce-motion .hit-fx{display:none}.deck-pick-modal{width:min(560px,92vw);max-height:82vh;overflow-y:auto}.deck-pick-title{margin:0 0 12px;font-size:17px;color:#ffd166}.deck-pick-list{margin:0 0 12px}.deck-pick-row.not-ready{opacity:.6}.deck-pick-footer{display:flex;justify-content:flex-end;gap:8px}.pvp-deck-note{margin:0 0 10px;font-size:13px;color:#c9cee8}.pvp-deck-note b{color:#ffd166}.cpu-deck-pick{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left}.cpu-deck-pick-hint{font-size:12px;color:#9aa3cf}.profile-page{max-width:640px;margin:0 auto}.profile-panel{margin-bottom:14px}.profile-sec-title{margin:0 0 10px;font-size:15px;color:#ffd166}.profile-name-row{display:flex;gap:8px;align-items:center}.profile-name-row input{flex:1;min-width:0}.profile-saved{color:#7ee2a8;font-size:13px}.profile-id-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.profile-id{font-size:12px;color:#9aa3cf;background:#141731;padding:6px 10px;border-radius:6px;border:1px solid #ffffff14;word-break:break-all}.profile-stats{display:flex;gap:24px;flex-wrap:wrap}.profile-stats .field-label{margin-right:8px}.profile-danger{border:1px solid #b3455533}.profile-delete-confirm{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.profile-btn{white-space:nowrap}.profile-page{display:flex!important;flex-direction:column;max-width:640px!important}.profile-page .pvp-head{margin-bottom:4px}.transfer-modal{width:min(420px,92vw)}.transfer-input{width:100%;font-family:ui-monospace,monospace;font-size:16px;letter-spacing:1px;text-align:center;margin:10px 0}.transfer-actions{display:flex;gap:10px;justify-content:flex-end}.transfer-done{color:#7ee2a8}.transfer-issued{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.transfer-code{font-family:ui-monospace,monospace;font-size:16px;letter-spacing:1px;background:#141731;padding:8px 12px;border-radius:8px;border:1px solid #ffd16644;color:#ffd166}.transfer-enter-row{margin-top:10px}.title-transfer{align-self:center;font-size:13px}.queue-waiting{display:flex;flex-direction:column;align-items:center;gap:8px}.queue-waiting p{margin:0}.queue-eta{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;box-sizing:border-box;padding:8px 10px;border-radius:10px;border:1px solid #ffd16636;background:#ffd1660f;text-align:center}.queue-eta-main{font-size:15px;color:#ffd166;overflow-wrap:anywhere}.queue-eta-sub{font-size:11.5px;color:#9aa1c8;overflow-wrap:anywhere}.queue-spinner{width:28px;height:28px;border-radius:50%;border:3px solid #3d4270;border-top-color:#ffd166;animation:queueSpin .9s linear infinite}@keyframes queueSpin{to{transform:rotate(360deg)}}.reduce-motion .queue-spinner{animation-duration:2s}.turn-timer{margin-left:10px;font-weight:700;color:#ffd166}.turn-timer.urgent{color:#ff6b6b}.rank-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;border:1px solid #ffffff22;background:#141731;margin-bottom:10px}.rank-tier-name{font-weight:700}.rank-badge.tier-bronze .rank-tier-name{color:#c8956d}.rank-badge.tier-silver .rank-tier-name{color:#c9cee8}.rank-badge.tier-gold .rank-tier-name{color:#ffd166}.rank-badge.tier-diamond .rank-tier-name{color:#7fd8ff}.rank-badge.tier-master .rank-tier-name{background:linear-gradient(90deg,#ffd166,#ff6db0,#7fd8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.rank-points{color:#9aa3cf;font-size:13px}.rank-season{font-size:11px;color:#6a719c}.rank-result{display:flex;flex-direction:column;gap:4px;margin:8px 0;align-items:center}.rank-delta{font-size:18px;font-weight:700}.rank-delta.up{color:#7ee2a8}.rank-delta.down{color:#ff8f8f}.rank-now{font-size:13px;color:#c9cee8}.rank-new-title{color:#ffd166;font-size:14px}.title-list{display:flex;flex-wrap:wrap;gap:8px}.title-chip{background:#1b1f3d;border:1px solid #ffd16633;border-radius:999px;padding:4px 12px;font-size:13px}.reward-note{color:#7fd8ff;font-size:13px;margin:10px 0 0}.parallel-toggle.super{background:linear-gradient(90deg,#123a5c,#1b6b8f);border-color:#7fd8ff66}.parallel-toggle.super.on{box-shadow:0 0 12px #7fd8ff88}.home-title-area{display:flex;align-items:center;gap:8px}.home-title-chip{background:#1b1f3d;border:1px solid #ffd16644;border-radius:999px;padding:6px 14px;font-size:14px;color:#ffd166;white-space:nowrap}.home-title-chip.none{color:#6a719c;border-color:#ffffff1c}.home-title-change{font-size:12px;padding:6px 10px}.title-picker{width:min(420px,92vw)}.title-picker-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.title-picker-list .title-chip{cursor:pointer}.title-picker-list .title-chip:hover{border-color:#ffd166}.vs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#080914db;animation:vsFadeIn .3s ease-out}@keyframes vsFadeIn{0%{opacity:0}}.vs-panel{display:flex;align-items:center;gap:34px}.vs-side{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:200px}.vs-you{animation:vsSlideL .45s cubic-bezier(.2,.9,.3,1.2)}.vs-opp{animation:vsSlideR .45s cubic-bezier(.2,.9,.3,1.2)}@keyframes vsSlideL{0%{transform:translate(-70px);opacity:0}}@keyframes vsSlideR{0%{transform:translate(70px);opacity:0}}.vs-player-name{font-size:26px;font-weight:800;color:#fff;text-shadow:0 0 14px #6aa8ff88}.vs-player-title{font-size:14px;color:#ffd166;background:#1b1f3d;border:1px solid #ffd16644;border-radius:999px;padding:4px 12px}.vs-mark{font-size:54px;font-weight:900;font-style:italic;background:linear-gradient(180deg,#ffd166,#ff8f3f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 16px #ffb02e66);animation:vsPop .5s cubic-bezier(.2,.9,.3,1.4)}@keyframes vsPop{0%{transform:scale(.3);opacity:0}}.vs-skip-hint{margin-top:26px;color:#6a719c;font-size:12px}@media (orientation: portrait) and (max-width: 720px){.vs-panel{flex-direction:column;gap:16px}}.reduce-motion .vs-you,.reduce-motion .vs-opp,.reduce-motion .vs-mark{animation:none}.card-detail-visual>.card{zoom:1.5}@media (orientation: portrait) and (max-width: 720px){.card-detail-visual>.card{zoom:1.35}}.online-count{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:13px;color:#7ee2a8;background:#14203122;white-space:nowrap}@media (max-width: 720px){.pvp-head{flex-direction:column;gap:6px;min-height:0}.pvp-head .back-button{position:static;align-self:flex-start}.online-count{position:static;transform:none;display:block;text-align:center;width:100%}}.vis-picker{margin-bottom:6px}.vis-hint{margin:0 0 10px}.public-toggle{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#c9cee8;margin-bottom:8px;cursor:pointer}.room-board{margin-top:14px;border-top:1px solid #ffffff14;padding-top:10px}.room-board-title{margin:0 0 8px;font-size:14px;color:#ffd166}.room-board-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto}.room-board-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#141731;border:1px solid #ffffff14;border-radius:8px;padding:6px 10px}.room-board-code{font-family:ui-monospace,monospace;font-size:16px;letter-spacing:2px;color:#7fd8ff}.rank-icon{width:30px;height:30px;border-radius:6px;object-fit:cover}.title-chip-icon{width:18px;height:18px;border-radius:4px;object-fit:cover;vertical-align:-4px;margin-right:5px}.rank-master-pos{font-size:12px;font-weight:700;color:#ffd166}.rank-guide-btn{font-size:11.5px;padding:4px 8px}.rank-guide-modal{width:min(480px,94vw);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.rank-guide-modal img{width:100%;border-radius:8px}.home-x-link{display:block;text-align:center;margin:6px auto 0;padding:10px 18px;border-radius:10px;background:#14161f;border:1px solid #ffffff22;color:#e6e9f5;text-decoration:none;font-weight:600;max-width:420px}.home-x-link:hover{border-color:#7fd8ff}.difficulty-modal{width:min(380px,92vw)}.difficulty-modal h3{margin:0 0 12px;color:#ffd166;font-size:16px}.difficulty-modal .cpu-difficulty{margin-bottom:12px}.master-list-modal{width:min(440px,92vw);max-height:80vh;overflow-y:auto}.master-list-modal h3{margin:0 0 10px;color:#ffd166}.master-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}.master-list li{display:flex;align-items:center;gap:10px;background:#141731;border:1px solid #ffffff14;border-radius:8px;padding:8px 12px}.master-list li.self{border-color:#ffd166aa;box-shadow:0 0 8px #ffd16633}.ml-rank{font-weight:800;color:#ffd166;min-width:44px}.ml-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-name em{font-style:normal;color:#7ee2a8;font-size:12px;margin-left:4px}.ml-points{color:#9aa3cf;font-size:13px}.rank-guide-row{display:block;margin:0 0 10px}.share-x-btn{display:inline-block;margin:6px 0 10px;padding:8px 18px;border-radius:999px;background:#14161f;border:1px solid #ffffff33;color:#fff;text-decoration:none;font-weight:700;font-size:14px}.share-x-btn:hover{border-color:#7fd8ff}.stone-icon{width:20px;height:20px;vertical-align:-4px;transform:rotate(-14deg)}.stone-balance{display:inline-flex;align-items:center;gap:6px;background:#1b1f3d;border:1px solid #b48cff55;border-radius:999px;padding:6px 14px;font-weight:700;color:#e9dcff}.stones-result{display:flex;flex-direction:column;gap:2px;margin:6px 0;align-items:center}.stones-earned{font-size:16px;font-weight:800;color:#d7b8ff;display:inline-flex;align-items:center;gap:5px}.stones-breakdown{font-size:11.5px;color:#9aa3cf}.rainbow-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 38%,rgba(255,80,130,.55) 44%,rgba(255,210,80,.55) 47%,rgba(130,255,160,.55) 50%,rgba(90,210,255,.55) 53%,rgba(200,120,255,.55) 56%,transparent 62%);background-repeat:no-repeat;background-size:300% 300%;mix-blend-mode:screen;opacity:.9;animation:secBgSweep 5s linear infinite}.card.variant-rainbow{box-shadow:0 0 0 1px #fff4,0 0 10px #ff7ad955,0 0 14px #7ad9ff44}.card.variant-mirror{box-shadow:0 0 0 1px #fff6,0 0 10px #cfe4ff66}.urp-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;background-image:radial-gradient(2px 2px at 20% 85%,#fff 45%,transparent 60%),radial-gradient(1.6px 1.6px at 55% 95%,#ffe9a8 45%,transparent 60%),radial-gradient(2.4px 2.4px at 80% 80%,#a8e9ff 45%,transparent 60%),radial-gradient(1.4px 1.4px at 35% 90%,#ffc4f0 45%,transparent 60%),radial-gradient(1.8px 1.8px at 68% 88%,#c8ffd8 45%,transparent 60%);background-repeat:no-repeat;mix-blend-mode:screen;animation:urpSparkleRise 5.5s linear infinite}@keyframes urpSparkleRise{0%{background-position:0 40px,0 70px,0 55px,0 80px,0 65px;opacity:0}12%{opacity:.95}55%{opacity:.7}to{background-position:0 -170px,0 -140px,0 -190px,0 -120px,0 -160px;opacity:0}}.gacha-page{min-height:100dvh;display:flex;flex-direction:column;padding:12px 14px 40px;max-width:900px;margin:0 auto}.gacha-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;padding-right:92px}.gacha-head h2{margin:0;font-size:20px}.gacha-head .stone-balance{margin-left:auto}.gacha-help-btn{width:30px;height:30px;padding:0;border-radius:50%;font-weight:900;background:#1b1f3d;border:1px solid #b48cff55;color:#d7b8ff}.gacha-help-modal{max-width:520px;max-height:82dvh;overflow-y:auto}.gacha-help-body{text-align:left;font-size:13px;line-height:1.7}.gacha-help-body h4{margin:12px 0 4px;color:#ffd166;font-size:13.5px}.gacha-help-body ul{margin:0;padding-left:18px}.gacha-help-body li{margin:2px 0}.gacha-help-body b{color:#ffe9a8}.gacha-tabs{display:flex;gap:8px;margin-bottom:12px}.gacha-tab{flex:1;padding:9px 0;border-radius:10px;border:1px solid #ffffff22;background:#141830;color:#cfd6f5;font-weight:700}.gacha-tab.active{background:linear-gradient(135deg,#4a3f8f,#7a4fd0);border-color:#b48cff88;color:#fff}.gacha-banner{position:relative;border-radius:16px;border:1px solid #b48cff44;background:radial-gradient(120% 90% at 50% 0%,#3a2f6f,#191c38 55%,#10121f);padding:26px 16px 20px;text-align:center;overflow:hidden}.gacha-banner-stone{width:92px;height:92px;transform:rotate(-14deg);filter:drop-shadow(0 0 18px #b48cffaa);animation:gachaStoneFloat 3.2s ease-in-out infinite}@keyframes gachaStoneFloat{0%,to{transform:rotate(-14deg) translateY(0)}50%{transform:rotate(-10deg) translateY(-7px)}}.gacha-banner h3{margin:10px 0 4px;font-size:18px;color:#efe8ff}.gacha-banner .gacha-sub{font-size:12.5px;color:#a9b0d8;margin:0 0 14px}.gacha-pull-btn{font-size:17px;font-weight:800;padding:13px 34px;border-radius:999px;border:1px solid #ffd98f88;background:linear-gradient(135deg,#8f6bff,#d05fd0);color:#fff;box-shadow:0 4px 18px #8f6bff66}.gacha-pull-btn:disabled{opacity:.55;box-shadow:none}.gacha-pull-btn .stone-icon{width:18px;height:18px}.gacha-remain{margin-top:10px;font-size:12px;color:#9aa3cf}.gacha-remain-num{font-size:19px;font-weight:900;color:#ffd166;padding:0 3px;text-shadow:0 0 8px #ffb84d44}.gacha-rates-mini{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px}.gacha-rate-chip{font-size:11px;padding:3px 9px;border-radius:999px;background:#ffffff12;border:1px solid #ffffff22;color:#cfd6f5}.gacha-note{font-size:11.5px;color:#8f97c2;margin-top:12px;line-height:1.7}.gacha-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#04050cf7;display:flex;align-items:center;justify-content:center}.gacha-result-box{position:relative;text-align:center;padding:20px}.gacha-stage-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.gacha-stage-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.gacha-stage-hint{position:absolute;bottom:40px;left:0;right:0;text-align:center;font-size:11px;color:#9aa3cf}.gacha-ball-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px}.gacha-ball,.gacha-ball:hover:not(:disabled){position:relative;width:132px;height:132px;border-radius:50%;border:none;cursor:pointer;padding:0;overflow:hidden;background:linear-gradient(180deg,var(--ball-a) 0%,var(--ball-b) 49.5%,#eef1f8 50.5%,#b9c0d4 100%);box-shadow:0 12px 34px #000d,0 0 38px var(--ball-glow),inset -9px -12px 24px #0005,inset 7px 9px 18px #fff6;animation:gachaBallPop .5s cubic-bezier(.2,1.5,.4,1),gachaBallBob 2.4s ease-in-out .5s infinite}.gacha-ball.tier-silver{--ball-a: #f4f7ff;--ball-b: #97a3bf;--ball-glow: #cfd9ffaa}.gacha-ball.tier-gold{--ball-a: #fff3bd;--ball-b: #e2a92e;--ball-glow: #ffd76acc}.gacha-ball.tier-rainbow{--ball-a: #ffffff;--ball-b: #c96bff;--ball-glow: #ff9ef5dd}.gacha-ball.tier-rainbow:before{content:"";position:absolute;top:0;right:0;bottom:50%;left:0;background:linear-gradient(100deg,#ff5f7e,#ffb84d,#ffe95f,#6ee27a,#5fc9ff,#b96bff,#ff5f7e);background-size:250% 100%;animation:gachaRainbowFlow 2.2s linear infinite;opacity:.92}@keyframes gachaRainbowFlow{to{background-position:250% 0}}.gacha-ball-shine{position:absolute;top:14px;left:22px;width:42px;height:26px;border-radius:50%;background:radial-gradient(ellipse at center,#ffffffd8,#fff0 70%);transform:rotate(-24deg);pointer-events:none;z-index:2}.gacha-ball-seam{position:absolute;left:0;right:0;top:calc(50% - 1.5px);height:3px;background:linear-gradient(90deg,#0003,#0007 30%,#0007 70%,#0003);pointer-events:none;z-index:1}@keyframes gachaBallPop{0%{transform:scale(.15);opacity:0}60%{transform:scale(1.18);opacity:1}to{transform:scale(1)}}@keyframes gachaBallBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.gacha-ball-prompt{font-size:15px;font-weight:800;color:#ffe9a8;text-shadow:0 1px 3px #000,0 0 12px #ffb84d66;animation:gachaPromptPulse 1.1s ease-in-out infinite}@keyframes gachaPromptPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.96)}}.gacha-ball.promoting{animation:gachaBallShake .3s linear infinite}@keyframes gachaBallShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-4px,2px) rotate(-3deg)}50%{transform:translate(3px,-2px) rotate(2deg)}75%{transform:translate(-2px,-3px) rotate(-2deg)}}.gacha-promote-ring{position:absolute;top:66px;left:50%;width:26px;height:26px;margin-left:-13px;margin-top:-13px;border-radius:50%;border:4px solid var(--ring-color, #ffe9a8);opacity:0;animation:gachaImpactRing .75s ease-out forwards;pointer-events:none;z-index:3}.gacha-promote-ring.tier-gold{--ring-color: #ffd76a}.gacha-promote-ring.tier-rainbow{--ring-color: #ff9ef5}.gacha-art-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:340px}.gacha-rays{position:absolute;width:480px;height:480px;border-radius:50%;background:repeating-conic-gradient(rgba(255,226,150,.16) 0deg 7deg,transparent 7deg 22deg);-webkit-mask:radial-gradient(circle,#000 0%,#0009 45%,transparent 72%);mask:radial-gradient(circle,#000 0%,#0009 45%,transparent 72%);animation:gachaRaysSpin 9s linear infinite;pointer-events:none}@keyframes gachaRaysSpin{to{transform:rotate(360deg)}}.gacha-impact{position:absolute;width:26px;height:26px;border-radius:50%;border:3px solid #ffe9a8;opacity:0;animation:gachaImpactRing .7s ease-out .18s forwards;pointer-events:none}@keyframes gachaImpactRing{0%{transform:scale(1);opacity:.95}to{transform:scale(14);opacity:0}}.gacha-art-burst{position:relative;width:min(74vw,350px);max-height:56vh;object-fit:contain;border-radius:12px;filter:drop-shadow(0 0 26px #b48cffbb) drop-shadow(0 8px 22px #000c);animation:gachaArtBurst .85s cubic-bezier(.18,1.5,.3,1)}.gacha-art-burst.wide{width:min(88vw,420px)}@keyframes gachaArtBurst{0%{transform:scale(.12);opacity:0}40%{transform:scale(1.3);opacity:1}62%{transform:scale(.94)}80%{transform:scale(1.08)}to{transform:scale(1)}}.gacha-art-hint{position:absolute;bottom:-34px;left:0;right:0;font-size:11px;color:#9aa3cf}.gacha-prize-wrap{position:relative;display:inline-block}.gacha-art-settle{position:absolute;left:50%;top:50%;width:min(74vw,350px);max-height:56vh;object-fit:contain;z-index:3;pointer-events:none;animation:gachaArtSettle .5s ease-in forwards}.gacha-art-settle.wide{width:min(88vw,420px)}@keyframes gachaArtSettle{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.42);opacity:0}}.gacha-prize{animation:gachaPrizeIn .55s cubic-bezier(.2,1.4,.4,1)}@keyframes gachaPrizeIn{0%{transform:scale(.3) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.gacha-prize .card{zoom:1.28;margin:0 auto}.gacha-prize-kind{display:inline-block;margin-bottom:10px;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:800;background:linear-gradient(135deg,#8f6bff,#d05fd0);color:#fff}.gacha-prize-name{margin:10px 0 2px;font-size:17px;font-weight:800;color:#fff}.gacha-prize-new{color:#ffd98f;font-size:12px;font-weight:700}.gacha-prize-supply{max-width:200px;max-height:240px;border-radius:10px;border:1px solid #ffffff33;box-shadow:0 6px 24px #000a}.gacha-prize-supply.wide{max-width:min(320px,82vw)}.gacha-result-actions{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}.gacha-sparkles{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;pointer-events:none}.gacha-sparkles i{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#ffe9a8;opacity:0;animation:gachaSpark 1.1s ease-out forwards;animation-delay:calc(var(--i) * .05s);transform:rotate(calc(var(--i) * 30deg)) translateY(0)}@keyframes gachaSpark{0%{opacity:1;transform:rotate(calc(var(--i) * 30deg)) translateY(0) scale(1)}to{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translateY(-110px) scale(.3)}}.gacha-catalog{display:flex;flex-direction:column;gap:18px}.gacha-cat-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}.gacha-cat-head h3{margin:0;font-size:15.5px}.gacha-cat-rate{font-size:12px;color:#d7b8ff;font-weight:700}.gacha-cat-count{font-size:11.5px;color:#9aa3cf}.gacha-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.gacha-item{position:relative;border:1px solid #ffffff1e;border-radius:10px;background:#141830;padding:6px 4px 5px;text-align:center;color:inherit}.gacha-item.owned{border-color:#ffd98f66;background:#1c1f3d}.gacha-item.unowned{opacity:.8}.gacha-item.unowned .gacha-item-art{filter:grayscale(1) brightness(.55)}.gacha-item-art{width:100%;aspect-ratio:5 / 7;object-fit:cover;border-radius:6px;background:#0d0f1e}.gacha-item-art.wide{aspect-ratio:16 / 7}.gacha-item-name{display:block;font-size:10px;line-height:1.3;margin-top:4px;color:#cfd6f5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gacha-item-state{position:absolute;top:3px;right:3px;font-size:10px;font-weight:800;padding:1px 6px;border-radius:999px}.gacha-item.owned .gacha-item-state{background:#ffd98f;color:#4a3406}.gacha-item.unowned .gacha-item-state{background:#0008;color:#9aa3cf;border:1px solid #ffffff2a}.gacha-sp-empty{font-size:12px;color:#9aa3cf;border:1px dashed #ffffff2a;border-radius:10px;padding:14px;text-align:center}.stone-balance.clickable{cursor:pointer}.stone-balance.clickable:hover{border-color:#b48cffaa}.custom-locked{position:relative;opacity:.55}.custom-locked:after{content:"🔒 ガチャ限定";position:absolute;inset:auto 0 4px 0;font-size:10px;font-weight:700;color:#ffd98f;text-shadow:0 1px 2px #000}.tasks-page{min-height:100dvh;display:flex;flex-direction:column;padding:12px 14px 40px;max-width:760px;margin:0 auto}.task-sections{display:flex;flex-direction:column;gap:20px}.task-sec-title{margin:0 0 2px;font-size:16px}.task-sec-note{margin:0 0 8px;font-size:11.5px;color:#8f97c2}.task-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.task-row{display:flex;align-items:center;gap:10px;background:#141830;border:1px solid #ffffff1e;border-radius:12px;padding:10px 12px}.task-row.claimed{opacity:.62}.task-row.just-claimed{animation:taskClaimedFlash .9s ease-out}@keyframes taskClaimedFlash{0%{box-shadow:0 0 #ffd98f00;background:#141830}25%{box-shadow:0 0 18px 2px #ffd98f88;background:#2a2749}to{box-shadow:0 0 #ffd98f00;background:#141830}}.task-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.task-label{font-size:13.5px;font-weight:700;color:#e8ebfa}.task-bar{display:block;height:8px;border-radius:999px;background:#0d0f1e;border:1px solid #ffffff1a;overflow:hidden}.task-bar-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8f6bff,#d05fd0);transition:width .4s ease}.task-progress-num{font-size:11px;color:#9aa3cf}.task-amount{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:800;color:#d7b8ff;white-space:nowrap}.task-amount .stone-icon{width:16px;height:16px}.task-claim-btn{white-space:nowrap;opacity:.55}.task-claim-btn.ready{opacity:1;box-shadow:0 0 12px #ffd98f66;animation:taskReadyPulse 1.4s ease-in-out infinite}@keyframes taskReadyPulse{0%,to{box-shadow:0 0 8px #ffd98f44}50%{box-shadow:0 0 16px #ffd98faa}}.task-done{font-size:12.5px;font-weight:700;color:#9fdc9f;white-space:nowrap}.task-empty{font-size:12px;color:#9aa3cf;border:1px dashed #ffffff2a;border-radius:10px;padding:12px;text-align:center}.task-row.history .task-label{font-weight:400}.task-home-btn{position:relative}.task-badge{position:absolute;top:5px;right:7px;z-index:5;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ff5f6e;color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #000a}.lang-picker{display:flex;gap:6px}.lang-btn{flex:1;padding:7px 0;border-radius:8px;border:1px solid #ffffff24;background:#1c1f33;color:#cfd6f5;font-size:12.5px;font-weight:700}.lang-btn.active{background:linear-gradient(180deg,#4a3f8f,#7a4fd0);border-color:#b48cff88;color:#fff}.pool-variant-badges{position:absolute;top:20px;right:-6px;z-index:6;display:flex;flex-direction:column;gap:3px;pointer-events:none}.pool-variant-ico{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:linear-gradient(135deg,#8e44ad,#b06ff0);border:1px solid #d9a6ff;box-shadow:0 1px 4px #000a}.detail-count-ctrl{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:8px}.detail-count-ctrl .pm-btn{width:34px;height:34px;padding:0;font-size:18px}.detail-count-ctrl .pm-count{min-width:28px;text-align:center;font-size:16px;font-weight:800;color:#ffdf8a}@media (max-width: 700px){.gacha-page{padding:10px 10px 30px}.gacha-item-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}.gacha-prize .card{zoom:1.14}}.eff-tag.type-icon{display:inline-grid;place-items:center;width:22px;height:22px;padding:0;background:#2b2f4d;color:#e6e9f5;border:1px solid #ffffff33}.glossary-name{display:block;color:#fff}.admin-page{max-width:860px;margin:0 auto;padding:16px 12px 60px;color:#e6e9f5}.admin-lock{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:40px}.admin-code-input{width:min(320px,90vw);padding:10px 12px;border-radius:10px;border:1px solid #ffffff2a;background:#1d2038;color:#e6e9f5;font-size:15px}.admin-warning{margin:10px 0 14px;padding:8px 12px;border-radius:8px;border-left:3px solid #ffb02e;background:#2a1f10;color:#ffd9a0;font-size:13px;line-height:1.6}.admin-search{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.admin-search input[type=search]{flex:1 1 220px;min-width:160px;padding:9px 12px;border-radius:10px;border:1px solid #ffffff2a;background:#1d2038;color:#e6e9f5;font-size:14px}.admin-list,.admin-log{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.admin-row{background:#14162a;border:1px solid #ffffff14;border-radius:10px;padding:10px 12px}.admin-row.banned{border-color:#ff6b6b66;background:#1e1220}.admin-row-head{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:4px}.admin-name{font-weight:800;font-size:15px}.admin-title{font-size:11px;color:#ffd166;border:1px solid #ffd16655;border-radius:6px;padding:0 6px}.admin-flag{font-size:11px;border-radius:6px;padding:0 6px}.admin-flag.ban{background:#7a2230;color:#ffd7d7}.admin-flag.preview{background:#2f3a5e;color:#cdd6ff}.admin-meta{font-size:12px;color:#b9c0e4;line-height:1.7}.admin-id{font-size:11px;color:#8d93b8;-webkit-user-select:all;user-select:all}.admin-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}.admin-actions button{font-size:13px;padding:5px 12px}.admin-stone-grant{display:inline-flex;gap:4px;align-items:center}.admin-stone-grant input{width:84px;padding:5px 8px;border-radius:8px;border:1px solid #ffffff2a;background:#1d2038;color:#e6e9f5;font-size:13px}.admin-issued{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;padding:8px 10px;border-radius:8px;background:#10233a;border:1px solid #7fb0ff44}.admin-issued-code{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:18px;font-weight:800;letter-spacing:2px;color:#9fd0ff;-webkit-user-select:all;user-select:all}.admin-section{margin:24px 0 8px;font-size:15px;color:#ffd166}.admin-log li{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#c9cee8;padding:6px 10px;background:#14162a;border-radius:8px}.admin-log-at{color:#8d93b8}.admin-log-action{color:#ffd166}.admin-confirm-target{display:flex;flex-direction:column;gap:2px;font-weight:700}.admin-confirm-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.admin-tabs{display:flex;gap:6px;margin:10px 0 4px;border-bottom:1px solid #ffffff1f}.admin-tab{padding:7px 16px;border:none;border-radius:8px 8px 0 0;background:#1a1c30;color:#b9c0e4;font-size:14px}.admin-tab.on{background:#2e3250;color:#ffd166;font-weight:700}.admin-saved{color:#7ee787;font-size:13px;margin:6px 0 0}.admin-link{display:inline-block;padding:5px 12px;border-radius:8px;background:#23253d;border:1px solid #ffffff1f;color:#9fd0ff;text-decoration:none;font-size:13px}.admin-editor{margin-top:20px;padding:14px;background:#14162a;border:1px solid #ffffff14;border-radius:12px}.admin-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.admin-field>span{font-size:13px;color:#cdd2f5}.admin-field small{font-size:11px;color:#8d93b8}.admin-field input,.admin-field textarea{padding:8px 10px;border-radius:8px;border:1px solid #ffffff2a;background:#1d2038;color:#e6e9f5;font-size:14px;font-family:inherit;width:100%;box-sizing:border-box}.admin-field textarea.admin-body{font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:13px;line-height:1.7}.admin-card-picker{margin:12px 0 4px}.admin-card-picker input{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:8px;border:1px solid #ffffff1f;background:#ffffff0a;color:#e6e9f5;font-size:13px;font-family:inherit}.admin-card-hits{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding:8px;border-radius:10px;border:1px solid #ffffff14;background:#ffffff07}.admin-card-hits button{display:flex;align-items:center;gap:7px;max-width:100%;padding:5px 9px 5px 5px;border-radius:8px;border:1px solid #ffffff1f;background:#ffffff0d;color:#e6e9f5;font-size:12.5px;cursor:pointer}.admin-card-hits button:hover{background:#ffffff1c;border-color:#8fa8ff66}.admin-card-hits button img{width:30px;height:30px;border-radius:5px;object-fit:cover;flex:none}.admin-field-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.admin-field.short{max-width:140px}.admin-check{display:flex;align-items:center;gap:6px;font-size:13px;color:#cdd2f5}.admin-lang-tabs{display:flex;gap:6px;margin:14px 0 8px}.admin-lang-tab{padding:5px 14px;border-radius:20px;background:#23253d;border:1px solid #ffffff1f;color:#d4d8ee;font-size:13px}.admin-lang-tab.on{border-color:#ffd166;color:#ffd166}.admin-tab-dot{margin-left:5px;font-size:8px;color:#ffb02e;vertical-align:middle}.admin-flag.pub{background:#1e4a2a;color:#b6e0a8}.admin-flag.draft{background:#3a3320;color:#ffd9a0}