: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;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{font-size:10px;font-weight:700;border-radius:4px;padding:0 6px;color:#fff;background:color-mix(in srgb,var(--card-color) 75%,#000 10%);border:1px solid #ffffff33;white-space:nowrap;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;flex-shrink:0}.card.rarity-SR{box-shadow:var(--shadow-sm),var(--hl-top),inset 0 0 0 1.5px #b9d4f080,0 0 12px #96c3eb4d}.card.rarity-UR{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,.card-meta.many .race-chip{font-size:8.5px;padding:0 3px}.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:contain;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 / contain no-repeat;mask:var(--sec-mask) top center / contain 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}.card.sec .card-hero:before{height:50px}.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{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}.avatar-picker{display:flex;gap:8px;flex-wrap:wrap}.avatar-choice{width:48px;height:48px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:24px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#2a2f55,#12131f);border:2px solid #ffffff33}.avatar-choice.selected{border-color:#ffd166;box-shadow:0 0 0 2px #ffd166aa,0 0 14px #ffd16688;transform:scale(1.12)}.avatar-choice{transition:transform .15s ease,box-shadow .15s ease}.avatar-choice img{width:100%;height:100%;object-fit:cover}.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}.opponent-field:before{transform:perspective(1300px) rotateX(30deg);transform-origin:center bottom;background: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: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}.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}.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}.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:210px;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:6px 8px;white-space:nowrap}.audio-slider{display:flex;align-items:center;gap:8px;font-size:12px}.audio-slider>span:first-child{width:56px;flex-shrink:0}.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,.hand .card .race-chip{font-size:8px;padding:0 3px}.hand .card .card-meta.many .type-chip,.hand .card .card-meta.many .race-chip{font-size:7px;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,.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}.deck-mini-parallel{position:absolute;right:2px;bottom:16px;z-index:3;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900;color:#ffe9ff;background:linear-gradient(135deg,#8e44ad,#b06ff0);border:1px solid #d9a6ff;box-shadow:0 1px 4px #000a}.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:900px}.home-cat{display:flex;flex-direction:column;gap:10px}.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{position:fixed;right:10px;bottom:8px;font-size:11px;color:#8d93b8;letter-spacing:.5px;z-index:3;pointer-events:none}.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}