:root{--bg: #0a1222;--bg2: #0e1930;--panel: #101c35;--panel2: #14223f;--line: #3c3a2c;--gold: #c9a45c;--gold2: #e3c47f;--ivory: #efe6cf;--muted: #9aa3b5;--me: #9b7be0;--opp: #4fc3d9;--act: #f0c35a;--danger: #e2685a;--card-w: 72px;--card-h: 104px;--slot: 108px;font-family:"Source Sans 3",system-ui,sans-serif;color:var(--ivory);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:radial-gradient(ellipse at 50% 30%,#13213f 0%,var(--bg) 70%);overflow:hidden}button{font:inherit;color:inherit}.muted{color:var(--muted)}.small{font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.loading{display:grid;place-items:center;height:100%;font-size:20px;color:var(--gold2);font-family:Cinzel,serif}.btn{background:var(--panel2);border:1px solid #4a4a3a;color:var(--ivory);padding:7px 14px;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px}.btn:hover:not(:disabled){border-color:var(--gold);background:#1b2c50}.btn:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(#6e4fb8,#4f3690);border-color:#a58ae6}.btn.primary:hover:not(:disabled){background:linear-gradient(#7d5dc8,#5b40a2)}.btn.activate{background:linear-gradient(#8a3c74,#5f2650);border-color:#d27fb9}.btn.ghost{background:transparent;border-color:#5a5440}.btn.big{padding:12px 26px;font-size:17px}.app{display:grid;grid-template-columns:250px 1fr 270px;grid-template-rows:46px 1fr;height:100vh;min-width:1200px}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:16px;padding:0 14px;border-bottom:1px solid var(--line);background:linear-gradient(#0f1a31,#0b1427)}.brand{font-family:Cinzel,serif;font-weight:700;letter-spacing:.08em;color:var(--gold2);font-size:22px}.brand.big{font-size:52px;text-align:center}.matchup{flex:1;text-align:center;font-family:Cinzel,serif;font-size:18px}.top-actions{display:flex;gap:8px;align-items:center}.mini-set{font-size:12px;color:var(--muted);display:flex;gap:4px;align-items:center}select{background:var(--panel2);color:var(--ivory);border:1px solid #4a4a3a;border-radius:5px;padding:3px 6px;font:inherit}.inspector,.log-panel{background:#0e182ed9;border-right:1px solid var(--line);padding:10px 12px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.log-panel{border-right:0;border-left:1px solid var(--line)}.inspector h2,.log-panel h2{font-family:Cinzel,serif;color:var(--gold2);font-size:16px;letter-spacing:.08em;margin:2px 0 10px;text-transform:uppercase}.center{position:relative;display:flex;flex-direction:column;min-height:0;padding:6px 14px 4px;gap:4px}.insp-empty{color:var(--muted);font-size:14px;line-height:1.4}.insp{overflow-y:auto;display:flex;flex-direction:column;gap:6px}.insp .card.sz-large{align-self:center}.insp-name{font-family:Cinzel,serif;font-size:18px;color:var(--gold2);margin-top:4px}.insp-type{font-size:13px;color:var(--muted)}.insp-stats{font-weight:700;font-size:15px}.insp-desc{font-size:14.5px;line-height:1.42;white-space:pre-wrap;background:#ffffff0a;border:1px solid #2b3550;border-radius:6px;padding:8px}.insp-note{font-size:12.5px;color:#e0b8ff}.insp-where{font-size:13px;color:var(--muted);border-top:1px solid #2b3550;padding-top:6px}.pstrip{display:grid;grid-template-columns:180px 1fr auto auto;align-items:center;gap:12px;padding:4px 14px;border:1px solid #2c3a5d;border-radius:8px;background:linear-gradient(90deg,#4fc3d92e,#14223f99 40%);min-height:42px}.pstrip.me{background:linear-gradient(90deg,#9b7be038,#14223f99 40%)}.pstrip.active{border-color:var(--gold)}.pname{font-family:Cinzel,serif;font-size:17px;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.turn-dot{width:9px;height:9px;border-radius:50%;background:var(--act);box-shadow:0 0 8px var(--act)}.plp{font-family:Cinzel,serif;font-size:28px;font-weight:700;min-width:120px;text-align:right}.plp span{font-size:15px;color:var(--muted)}.psub{color:var(--muted);font-size:13px}.pchildren{min-height:0;overflow:hidden}.opp-hand{display:flex;gap:4px;align-items:center}.hand-back{transform:scale(.82);margin:-6px -3px}.board{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:4px}.side{display:grid;grid-template-columns:110px 1fr 110px;align-items:center;gap:8px}.rows{display:flex;flex-direction:column;gap:6px;align-items:center}.row{display:flex;gap:8px}.slot{width:var(--slot);height:calc(var(--card-h) + 6px);border:1px solid #3f4a63;border-radius:6px;background:#ffffff06;display:grid;place-items:center;position:relative;padding:0}.srow .slot{height:calc(var(--card-h) * .78 + 6px)}.srow .slot .rot{transform:scale(.78)}button.slot{cursor:pointer}.slot.filled{border-color:#59617a}.slot.def .rot{transform:rotate(90deg) scale(.95)}.slot.actionable{border-color:var(--act);box-shadow:0 0 0 1px var(--act),0 0 14px #f0c35a73}.slot.selectable{border-color:#6fd3ff;box-shadow:0 0 0 1px #6fd3ff,0 0 14px #6fd3ff73;cursor:pointer}.slot.chosen{border-color:#7dff9e;box-shadow:0 0 0 2px #7dff9e,0 0 18px #7dff9e8c}.slot.attacking{box-shadow:0 0 0 2px var(--danger),0 0 18px #e2685ab3}.slot:focus-visible{outline:2px solid var(--gold2)}.own-set{position:relative;opacity:.62;filter:saturate(.6)}.set-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#000c;color:var(--gold2);font-weight:700;font-size:11px;padding:1px 5px;border-radius:3px;letter-spacing:.1em}.counter-badge,.equip-badge{position:absolute;top:-6px;right:-6px;background:var(--gold);color:#111;border-radius:10px;font-size:11px;font-weight:700;padding:0 5px}.equip-badge{right:auto;left:-6px}.side-piles{display:grid;grid-template-columns:1fr 1fr;gap:6px 4px;align-items:start;justify-items:center;align-self:center}.pile{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;cursor:pointer;padding:0}.pile.static{cursor:default}.pile-card{width:48px;height:68px;display:grid;place-items:center}.pile-empty{width:44px;height:64px;border:1px dashed #4a5470;border-radius:4px}.pile-label{font-size:11.5px;color:var(--muted);display:flex;gap:4px}.pile-label b{color:var(--ivory)}.field-zone{display:flex;flex-direction:column;align-items:center;font-size:11px;color:var(--muted)}.field-zone .slot{width:50px;height:70px}.field-zone .slot .rot{transform:none}.phase-strip{display:flex;justify-content:center;align-items:center;gap:6px;margin:2px 0}.ph{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;padding:3px 12px;border:1px solid #39425a;border-radius:12px;color:var(--muted)}.ph.on{color:#1a1406;background:linear-gradient(var(--gold2),var(--gold));border-color:var(--gold2);font-weight:700}.turn-tag{font-size:12.5px;color:var(--gold2);margin-right:10px}.prompt-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 14px;min-height:48px;border:1px solid var(--gold);border-radius:8px;background:linear-gradient(90deg,#c9a45c38,#14223fd9)}.prompt-bar.waiting{border-color:#3c4763;background:#14223fb3}.prompt-bar.respond{background:linear-gradient(90deg,#a8457f59,#14223fd9);border-color:#d27fb9}.pb-text{font-size:16px;font-weight:600}.pb-ctx{color:var(--muted);font-size:14px}.pb-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.my-hand{display:flex;justify-content:center;gap:8px;min-height:140px;align-items:flex-end;padding-bottom:4px}.my-hand .slot{width:auto;height:auto;border:0;background:none;padding:2px;border-radius:8px;transition:transform .12s}.my-hand .slot:hover{transform:translateY(-6px)}.my-hand .slot.actionable{box-shadow:0 0 0 2px var(--act),0 0 16px #f0c35a80}.card{width:var(--card-w);height:var(--card-h);border-radius:5px;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:3px;box-shadow:0 2px 6px #0008;flex-shrink:0;text-align:left}.card.sz-hand{width:94px;height:136px;padding:4px}.card.sz-large{width:200px;height:292px;padding:7px}.card.sz-mini{width:44px;height:64px;padding:2px}.card.back{background:radial-gradient(circle at 50% 50%,#3a1d0b,#6b3a14 40%,#2a1406 75%);border:2px solid #8a5a2a}.back-swirl{position:absolute;inset:18%;border-radius:50%;background:conic-gradient(from 0deg,#0b0705,#5b2f10,#0b0705,#5b2f10,#0b0705);filter:blur(1px);opacity:.9}.f-normal{background:linear-gradient(#e2c27b,#c9a35a);color:#1b140a}.f-effect{background:linear-gradient(#e29a5c,#c26a32);color:#1b0e06}.f-fusion{background:linear-gradient(#a988cf,#7a56a6);color:#140a1f}.f-ritual{background:linear-gradient(#7fa3df,#4d74b8);color:#08111f}.f-spell{background:linear-gradient(#3fb59c,#1d8a7a);color:#031512}.f-trap{background:linear-gradient(#d07aae,#a8457f);color:#1d0816}.f-token{background:linear-gradient(#bbb,#888);color:#111}.c-name{font-weight:700;font-size:9.5px;line-height:1.1;background:#fff6;border-radius:2px;padding:1px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sz-hand .c-name{font-size:11.5px}.sz-large .c-name{font-size:16px;padding:3px 6px;font-family:Cinzel,serif}.sz-mini .c-name{font-size:7px}.c-stars{color:#b8121a;font-size:7px;text-align:right;letter-spacing:-1px;line-height:1.2}.sz-large .c-stars{font-size:13px}.c-kind{font-size:7px;text-align:right;font-weight:700}.sz-large .c-kind{font-size:11px}.c-art{flex:1;margin:2px 1px;position:relative;border:1px solid #0006;background:#0b1426;min-height:0;overflow:hidden}.c-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.c-art-ph{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#2f3f6b,#0c1428)}.glyph{font-size:22px;color:#e3c47f;opacity:.85}.sz-large .glyph{font-size:56px}.sz-mini .glyph{font-size:12px}.sz-large .c-art{flex:0 0 150px}.c-desc{flex:1;font-size:9.5px;background:#fff8;border-radius:2px;padding:3px;overflow:hidden;line-height:1.2;color:#111}.c-stats{display:flex;justify-content:space-between;font-weight:700;font-size:8.5px;background:#fff6;border-radius:2px;padding:0 2px}.sz-hand .c-stats{font-size:10.5px}.sz-large .c-stats{font-size:13px;padding:2px 5px}.c-stats .up{color:#0b6b1d}.c-stats .down{color:#a3150c}.log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding-right:4px;min-height:0}.log-turn{margin-top:8px;font-family:Cinzel,serif;color:#0d1220;background:linear-gradient(90deg,var(--opp),#2a8aa0);border-radius:4px;padding:3px 8px;font-size:14px;font-weight:700}.log-e{font-size:13.5px;line-height:1.35;padding:2px 0 2px 10px;border-left:2px solid #33405e}.log-e.k-battle{border-left-color:var(--danger)}.log-e.k-chain{border-left-color:#d27fb9}.log-e.k-summon{border-left-color:var(--me)}.log-e.k-damage{border-left-color:#ffb36b;color:#ffd9a8}.log-e.k-win{border-left-color:var(--gold);color:var(--gold2);font-weight:700}.log-e.k-phase{color:var(--muted);font-size:12.5px}.log-text{cursor:default}.why{margin-left:6px;background:none;border:0;color:var(--opp);text-decoration:underline;cursor:pointer;font-size:12px;padding:0}.log-why{font-size:12.5px;color:var(--muted);margin-top:2px}.log-foot{font-size:12px;color:var(--muted);text-align:center;border-top:1px solid var(--line);padding-top:6px;margin-top:6px}.dialog-layer{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;z-index:20;pointer-events:none}.dialog-layer.full{position:fixed;inset:0;align-items:center;background:#0009;pointer-events:auto;z-index:50}.dialog{pointer-events:auto;background:linear-gradient(#17284a,#0f1b34);border:1px solid var(--gold);border-radius:10px;padding:12px 16px;box-shadow:0 10px 40px #000c;max-width:92%}.dialog.select,.dialog.pile-view{width:860px}.dialog.small{min-width:360px;max-width:560px}.dialog.rules{max-width:760px;font-size:14.5px;line-height:1.45}.dialog.rules ul{padding-left:20px}.dlg-title{font-family:Cinzel,serif;font-size:17px;color:var(--gold2);margin-bottom:4px}.dlg-title.small{font-size:15px;margin-top:8px}.dlg-sub{font-size:13px;color:var(--muted);margin-bottom:8px}.dlg-card{display:flex;justify-content:center;margin-bottom:8px}.dlg-buttons{display:flex;gap:10px;justify-content:center;margin-top:10px;flex-wrap:wrap}.dlg-buttons.col{flex-direction:column;align-items:stretch}.dlg-buttons.scroll{max-height:260px;overflow-y:auto}.choices{display:flex;gap:10px;overflow-x:auto;padding:6px 2px 8px}.choice{background:none;border:2px solid transparent;border-radius:8px;padding:3px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.choice:hover{border-color:#6fd3ff}.choice.chosen{border-color:#7dff9e;box-shadow:0 0 12px #7dff9e80}.choice-loc{font-size:11px;color:var(--muted);max-width:100px;text-align:center}.search{width:100%;padding:8px;background:#0b1426;color:var(--ivory);border:1px solid #4a4a3a;border-radius:6px;font:inherit}.counter-row{display:flex;justify-content:space-between;gap:10px;margin:4px 0}.counter-row input{width:60px}.card-menu{position:fixed;z-index:60;background:#0f1b34;border:1px solid var(--gold);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px;min-width:240px;box-shadow:0 8px 30px #000c;transform:translate(8px,-50%)}.menu-title{font-family:Cinzel,serif;color:var(--gold2);font-size:14px;padding:0 2px 2px}.end-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#000a;z-index:40}.end-box{background:linear-gradient(#1b2d52,#0f1b34);border:2px solid var(--gold);border-radius:12px;padding:26px 40px;text-align:center}.end-title{font-family:Cinzel,serif;font-size:40px;color:var(--gold2)}.end-sub{color:var(--muted);margin:6px 0 10px}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:#2b1520;border:1px solid var(--danger);padding:8px 16px;border-radius:8px;z-index:80}.coin-toast{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);background:#0f1b34ee;border:1px solid var(--gold);padding:14px 26px;border-radius:10px;font-family:Cinzel,serif;font-size:22px;z-index:30;pointer-events:none}.title-screen{height:100%;display:grid;place-items:center;overflow-y:auto}.title-box{width:760px;max-width:94vw;display:flex;flex-direction:column;gap:16px;align-items:center;padding:30px;background:#0e182ecc;border:1px solid var(--line);border-radius:14px}.title-matchup{display:flex;gap:18px;font-family:Cinzel,serif;font-size:22px;align-items:center}.title-matchup .me{color:#c8b2ff}.title-matchup .opp{color:#9be6f4}.title-matchup .vs{color:var(--muted);font-size:16px}.title-row{display:flex;gap:24px}.title-row label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.incompat{width:100%;border:1px solid var(--danger);border-radius:8px;padding:10px 14px;background:#e2685a14}.incompat ul{margin:6px 0;padding-left:18px}a.btn{text-decoration:none;display:inline-block}.deck-notes{width:100%;display:flex;flex-direction:column;gap:8px}.deck-notes details{background:#ffffff08;border:1px solid #2b3550;border-radius:8px;padding:8px 12px}.deck-notes summary{cursor:pointer;font-weight:600}.deck-list{margin-top:6px;line-height:1.5}.title-screen{background:radial-gradient(ellipse at 25% 15%,#3b2154 0,transparent 55%),radial-gradient(ellipse at 90% 70%,#113e50 0,transparent 55%),#080e1b;overflow-y:auto;padding:32px}.title-box{width:min(1040px,96vw);max-width:1040px;border:0;background:transparent;box-shadow:none;padding:12px 28px}.title-kicker{text-align:center;letter-spacing:.3em;font-size:11px;color:#b4b5c5;margin:8px 0 26px}.select-tabs{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:18px}.select-tabs button{background:transparent;border:0;border-bottom:2px solid #374158;padding:10px 28px;color:#a2a9b8;cursor:pointer;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.select-tabs button b{display:block;font-family:Cinzel,serif;font-size:24px;color:#f2e4c8;letter-spacing:0;margin-top:5px}.select-tabs button.active{border-color:var(--gold2);color:var(--gold2)}.select-tabs>span{font-style:italic;color:var(--gold);font-size:22px}.character-stage{position:relative;display:flex;align-items:center;gap:36px;height:230px;border:1px solid #596075;border-radius:16px;overflow:hidden;background:linear-gradient(100deg,#1b223d,#10192d 70%);box-shadow:0 20px 80px #0007}.character-stage>img{height:100%;width:38%;object-fit:cover;mask-image:linear-gradient(90deg,#000 60%,transparent)}.character-stage h1{font:700 62px Cinzel,serif;margin:3px 0;text-shadow:0 0 50px var(--duelist)}.character-stage p{font-size:19px;color:var(--duelist);margin:0 0 15px}.character-stage small{color:#b2b9cb}.eyebrow{font-size:10px;letter-spacing:.23em;color:var(--gold2)}.stage-mark{position:absolute;right:30px;font-size:160px;opacity:.07;color:var(--duelist);pointer-events:none}.roster{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:18px 0 28px}.roster-tile{position:relative;border:1px solid #3a435b;background:#131d30;border-radius:9px;padding:0 0 10px;overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s}.roster-tile img,.locked-symbol{width:100%;height:90px;object-fit:cover;display:block}.locked-symbol{display:grid;place-items:center;font-size:50px;color:var(--duelist);background:linear-gradient(135deg,#171d30,#28263c)}.roster-tile strong{display:block;font:700 16px Cinzel,serif;margin-top:8px}.roster-tile small{color:#9ca9bb;font-size:10px}.roster-tile.picked{border-color:var(--duelist);box-shadow:0 0 0 2px var(--duelist),0 5px 30px #000;transform:translateY(-4px)}.roster-tile:hover:not(:disabled){transform:translateY(-6px)}.roster-tile:disabled{opacity:.43;cursor:not-allowed}.title-row{justify-content:center}.title-box>.dlg-buttons{justify-content:center;margin:20px 0}.title-box>.muted{text-align:center}.deck-notes{margin-top:28px;opacity:.7}.app{grid-template-columns:220px minmax(660px,1fr) 230px;min-width:1140px}.topbar{gap:10px}.top-actions{gap:5px}.top-actions .btn{font-size:11px;padding:6px 8px}.top-actions .mini-set{font-size:10px}.matchup{font-size:14px}.center{background:radial-gradient(ellipse at center,#25314d50,transparent 75%)}.board{border-radius:20px;background:radial-gradient(ellipse,#a07b3420,transparent 68%)}.slot{transition:border-color .2s,box-shadow .2s,background .2s}.cinematic .filled .rot{animation:card-arrive .5s cubic-bezier(.16,1,.3,1)}.cinematic .slot.attacking .rot{animation:attack-pulse .7s ease-in-out infinite alternate}.my-hand{padding-top:16px;perspective:800px}.cinematic .my-hand .slot:hover{transform:translateY(-14px) scale(1.06);z-index:4;filter:drop-shadow(0 8px 16px #000)}.slot[draggable=true]{cursor:grab}.slot[draggable=true]:active{cursor:grabbing}.slot.drop-ready{border:2px dashed #baf4df;background:#65c1aa24;box-shadow:inset 0 0 25px #64e6c322,0 0 14px #64e6c333}.zone-hint{font-size:9px;letter-spacing:.12em;color:#baf4df}.direct-drop{position:absolute;z-index:30;top:55px;left:15%;width:70%;padding:24px;text-align:center;background:#233c45ed;border:2px dashed #baf4df;border-radius:12px}.binding-badge{position:absolute;bottom:2px;background:#40204d;color:#efb6ff;font-size:8px;letter-spacing:.08em;padding:2px 4px;border-radius:3px}.duel-cue{position:absolute;z-index:25;top:42%;left:50%;width:min(90%,600px);transform:translate(-50%,-50%);pointer-events:none;text-align:center;border-block:1px solid #bc9c62;padding:14px 22px;background:linear-gradient(90deg,transparent,#10162bf5 15%,#10162bf5 85%,transparent);animation:cue-in 1.25s both;filter:drop-shadow(0 5px 15px #000)}.duel-cue span{display:block;color:var(--gold2);font-size:10px;letter-spacing:.3em;margin-bottom:5px}.duel-cue strong{font:600 20px Cinzel,serif}.cue-damage{border-color:#e87c70}.cue-damage strong{color:#ffab8e}.cue-chain{border-color:#d497f3}.lp-number{font-weight:inherit;display:inline-block}.cinematic .lp-number{animation:lp-impact .6s}@keyframes card-arrive{0%{opacity:0;filter:brightness(2);translate:0 -16px;scale:.86}to{opacity:1;filter:brightness(1);translate:0 0;scale:1}}@keyframes attack-pulse{to{translate:0 -9px;filter:drop-shadow(0 0 12px #ef835f)}}@keyframes cue-in{0%{opacity:0;translate:0 10px}15%,75%{opacity:1;translate:0 0}to{opacity:0;translate:0 -8px}}@keyframes lp-impact{0%{color:#fff;scale:1.15;text-shadow:0 0 20px #ed8c6c}to{scale:1}}.reduce-motion *,.reduce-motion *:before{animation:none!important;transition:none!important}@media (prefers-reduced-motion:reduce){.cinematic *,.roster-tile{animation:none!important;transition:none!important}}@media (max-height:800px){.title-screen{padding:15px}.brand.big{font-size:36px}.character-stage{height:175px}.roster-tile img,.locked-symbol{height:65px}.roster{margin:14px 0}.title-kicker{margin-bottom:14px}.character-stage h1{font-size:48px}}.slot[data-draggable=true]{cursor:grab;touch-action:none;user-select:none}.slot[data-draggable=true]:active{cursor:grabbing}.slot img{-webkit-user-drag:none;pointer-events:none}.is-dragging .my-hand,.is-dragging .center{overflow:visible}.is-dragging .my-hand .slot:hover{transform:none}.board{position:relative}.attack-beam{position:absolute;inset:0;width:100%;height:100%;z-index:15;pointer-events:none;filter:drop-shadow(0 0 8px #ff6f4b);overflow:visible}.cinematic .attack-beam line{stroke-dasharray:12 6;animation:beam-flow .6s linear infinite}@keyframes beam-flow{to{stroke-dashoffset:-36}}.slot.bound-monster{box-shadow:0 0 0 2px #d497f3,0 0 24px #ba68cf66}.theme-player{text-align:center;margin:10px 0}.theme-player iframe{border:1px solid #7c6c49;border-radius:8px;margin-top:12px;max-width:100%}.theme-player a{color:var(--gold2)}.title-screen{padding:22px 28px;align-items:start;background:radial-gradient(ellipse at 12% 22%,#38284b99,transparent 53%),radial-gradient(ellipse at 90% 44%,#163c4a88,transparent 52%),linear-gradient(155deg,#0c1020,#080e18 65%)}.title-box{width:min(1160px,96vw);max-width:1160px;padding:10px 16px 26px;gap:12px}.title-box>.brand.big{font-size:clamp(34px,3.4vw,48px);letter-spacing:.13em;text-shadow:0 3px 30px #e0b46f20}.title-kicker{margin:0 0 11px;font-size:9px;letter-spacing:.35em}.title-box>.dlg-buttons{margin:7px 0}.title-box>.dlg-buttons .btn.primary{min-width:230px;border:1px solid #efd08f;background:linear-gradient(120deg,#c6a35d,#f0d594 45%,#c7a65e);color:#181520;text-transform:uppercase;font-size:14px;letter-spacing:.1em;box-shadow:0 8px 35px #d1a65a22}.title-box>.dlg-buttons .btn.primary:hover:not(:disabled){background:linear-gradient(120deg,#e3c17a,#ffe5ac 45%,#d8b570);transform:translateY(-1px);box-shadow:0 8px 35px #d1a65a44}.title-row{gap:22px;margin-top:0}.title-row label{font-size:11px}.title-row select{padding:5px 10px;background:#11192b;border-color:#59607166}.character-select-v2{width:100%}.selection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 17px}.selection-toolbar>p{margin:0;font-size:13px;color:#b9bbca;letter-spacing:.025em}.selection-mode{display:flex;background:#0a0f1b8c;border:1px solid #81889c40;padding:3px;border-radius:6px}.selection-mode button{border:0;background:transparent;padding:6px 14px;border-radius:3px;font-size:11px;cursor:pointer;color:#a1aabd}.selection-mode button[aria-pressed=true]{background:#344056;color:#f3e5c8}.selection-mode button span{margin-left:5px;color:#d5b772}.selection-mode button:focus-visible,.duelist-picks button:focus-visible,.deck-profile-actions button:focus-visible{outline:2px solid #ffe4a2;outline-offset:4px}.duelist-matchup{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);align-items:center}.duelist-selector{min-width:0}.duelist-selector-heading{display:flex;align-items:center;gap:10px;padding:0 1px 10px}.duelist-selector-heading>span{color:var(--duelist);font-size:11px;letter-spacing:.1em}.duelist-selector-heading h2{margin:0;font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:500}.duelist-selector-heading small{margin-left:auto;color:#9ea6b9;font-size:8px;letter-spacing:.14em}.duelist-preview{height:243px;position:relative;overflow:hidden;background:linear-gradient(145deg,#171c2b,#0d1424);border:1px solid #6f76894d;border-top-color:var(--duelist);border-radius:10px 10px 4px 4px;isolation:isolate}.duelist-preview-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 25% 80%,var(--duelist),transparent 72%);opacity:.15}.duelist-preview:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#090e19ad,transparent 30%);z-index:2}.duelist-portrait{position:relative;isolation:isolate;overflow:hidden}.duelist-portrait img{position:relative;display:block;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center bottom;user-select:none;-webkit-user-drag:none}.portrait-fallback{position:absolute;inset:0;display:grid;place-items:center;font:600 80px Cinzel,serif;color:var(--duelist);opacity:.15}.duelist-preview>.duelist-portrait{position:absolute;width:62%;height:110%;left:-4%;bottom:-8%;mask-image:linear-gradient(90deg,#000 63%,transparent 98%)}.duelist-preview-copy{position:absolute;z-index:3;left:49%;right:4%;top:25%}.duelist-playstyle{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#afb6c7;line-height:1.5}.duelist-preview-copy h3{margin:8px 0 4px;font:700 clamp(28px,2.5vw,38px)/1.06 Cinzel,serif;letter-spacing:-.025em;color:#f4ead8}.duelist-preview-copy p{font-size:12px;line-height:1.4;color:var(--duelist);margin:8px 0 24px}.duelist-signature{color:#e1dbcc;font-size:10px;line-height:1.6}.duelist-signature span{display:block;font-size:8px;letter-spacing:.13em;color:#8a95a9;text-transform:uppercase}.duelist-picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px}.duelist-picks button{position:relative;height:66px;border:1px solid #5d698345;background:#101726;border-radius:4px;overflow:hidden;padding:0;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.duelist-picks button>.duelist-portrait{position:absolute;height:115px;width:100%;top:-9px;left:0;mask-image:linear-gradient(0deg,transparent 10%,#000 65%)}.duelist-picks button strong{position:absolute;inset:auto 0 0;z-index:2;padding:14px 2px 5px;background:linear-gradient(transparent,#090e1af5 75%);font:600 10px Cinzel,serif}.duelist-picks button:hover{transform:translateY(-2px);border-color:#b5bbc9}.duelist-picks button.is-selected{border-color:var(--duelist);background:#27304a;box-shadow:inset 0 0 15px #ffffff0a,0 0 0 1px var(--duelist)}.duelist-picks button.is-selected strong{color:var(--duelist)}.duelist-versus{display:grid;place-items:center;position:relative;height:280px}.duelist-versus:before{content:"";position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#c7a96b6b,transparent)}.duelist-versus span{position:relative;background:#111323;padding:12px 5px;font:italic 24px Cinzel,serif;color:#d8bb7b;text-shadow:0 0 22px #dfb26166}.future-duelists{display:flex;justify-content:center;align-items:center;gap:14px;margin:14px 0 0}.future-duelists>span{font-size:10px;color:#6c768c}.future-duelists button{background:transparent;border:0;padding:0;color:#838ca0;font:11px Cinzel,serif}.future-duelists small{font:8px "Source Sans 3",sans-serif;color:#626d83;margin-left:4px}.advanced-matchup{display:flex;justify-content:center;gap:26px;align-items:center;padding:0 0 17px}.advanced-matchup>span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8d98ad}.advanced-matchup b{display:block;color:#e9dfcb;font:600 17px Cinzel,serif;margin-top:4px;text-transform:none;letter-spacing:0}.advanced-matchup i{color:#cfb477;font:italic 18px Cinzel,serif}.deck-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.deck-profile{border:1px solid #69758d45;border-top:2px solid var(--duelist);border-radius:5px;overflow:hidden;background:linear-gradient(135deg,#172035,#0d1422);position:relative}.deck-profile-art{height:230px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 45% 20%,var(--duelist),transparent 95%)}.deck-profile-art:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(0deg,#101827,#10182700 75%);pointer-events:none}.deck-profile-art>.duelist-portrait{position:absolute;height:110%;width:110%;bottom:-9%;left:-5%}.deck-profile-number{position:absolute;right:12px;top:4px;font:50px Cinzel,serif;opacity:.14}.deck-profile-name{position:absolute;z-index:3;bottom:0;left:17px;right:12px}.deck-profile-name span{font-size:8px;color:var(--duelist);letter-spacing:.1em;text-transform:uppercase}.deck-profile-name h2{font:700 27px Cinzel,serif;margin:4px 0}.deck-profile-copy{padding:8px 17px 16px}.deck-profile-moment{color:var(--duelist);font-size:12px;line-height:1.45;min-height:36px;margin:0 0 11px}.deck-profile-summary{color:#adb6c8;font-size:12px;line-height:1.6;margin:0 0 17px;min-height:116px}.deck-profile-signature{font-size:10px;line-height:1.5;color:#e1d7c1;min-height:45px}.deck-profile-signature span{display:block;color:#7e8ca4;font-size:8px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.deck-profile-count{font-size:10px;color:#8391a9;border-top:1px solid #7887a322;padding-top:10px;margin-top:9px}.deck-profile-count span{margin-inline:5px}.deck-profile-actions{display:flex;gap:5px;margin-top:12px}.deck-profile-actions button{border:1px solid #7887a34d;border-radius:4px;background:transparent;color:#bbc5d8;padding:7px 3px;flex:1;font-size:10px;cursor:pointer}.deck-profile-actions button:hover{border-color:var(--duelist)}.deck-profile-actions button[aria-pressed=true]{background:#d9c58c12;border-color:var(--duelist);color:var(--duelist)}.deck-gallery-note{margin:13px 0 0;text-align:center;font-size:10px;color:#808da4}@media (max-height: 780px){.title-screen{padding-top:14px}.title-box{gap:8px}.title-box>.brand.big{font-size:34px}.title-kicker{margin-bottom:3px}.duelist-preview{height:205px}.duelist-preview-copy{top:19%}.duelist-preview-copy p{margin-bottom:14px}.duelist-picks button{height:58px}.future-duelists{margin-top:11px}}@media (max-width: 1000px){.duelist-matchup{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr)}.duelist-preview-copy h3{font-size:27px}.duelist-preview-copy{left:46%}.deck-gallery{gap:9px}.deck-profile-copy{padding-inline:12px}.deck-profile-name{left:12px}}@media (prefers-reduced-motion: reduce){.duelist-picks button,.title-box>.dlg-buttons .btn.primary{transition:none;transform:none!important}}.private-room-panel{width:460px;max-width:92vw;position:relative;padding:30px;background:radial-gradient(ellipse at top,#28334b,#101728 65%);border:1px solid #a98e58;box-shadow:0 20px 100px #000b;text-align:center}.private-room-eyebrow{font-size:9px;letter-spacing:.24em;color:#bfa56d}.private-room-panel h2{font:600 30px Cinzel,serif;margin:10px 0;color:#f0dfbc}.private-room-deck{font-size:13px;color:#9daac0;margin:0 0 24px}.private-room-deck strong{color:#e7d8b8}.private-room-close{position:absolute;top:7px;right:12px;border:0;background:transparent;color:#a7b0c1;font-size:26px;cursor:pointer}.private-room-create{width:100%;padding:12px}.private-room-divider{display:flex;align-items:center;gap:10px;font-size:11px;color:#8291aa;margin:23px 0}.private-room-divider:before,.private-room-divider:after{content:"";height:1px;background:#7c8ba330;flex:1}.private-room-panel label{display:block;text-align:left;font-size:11px;color:#aeb9cc;margin-bottom:6px}.private-room-panel input{min-width:0;width:100%;background:#090f1d;border:1px solid #7c8ba350;color:#e8dcc3;border-radius:5px;padding:10px 12px;font:13px inherit}.private-room-panel input:focus{outline:2px solid #cfb77c;outline-offset:2px}.private-room-join{display:flex;gap:8px}.private-room-note{font-size:11px;line-height:1.6;color:#8996ad;margin:20px 0 0}.private-room-waiting h3{font:18px Cinzel,serif;margin:13px 0}.private-room-waiting>p:not(.private-room-note){font-size:13px;line-height:1.5;color:#a7b3c7}.private-room-waiting input{display:block;margin-top:7px;text-align:center;font-family:monospace;letter-spacing:.04em}.private-room-waiting button{margin-top:8px}.private-room-signal{display:inline-block;width:8px;height:8px;border-radius:50%;background:#dfc986;box-shadow:0 0 20px #dfc9869c}.private-room-error{font-size:12px;line-height:1.6;color:#ffc5b5;background:#5a282738;border:1px solid #9d65534d;padding:9px;border-radius:4px}.opening-control{position:fixed;top:22px;left:24px;z-index:20;display:flex;align-items:center;gap:11px;text-align:left}.opening-toggle{width:43px;height:43px;border-radius:50%;border:1px solid #b69b5b;background:#101528df;color:#ebce86;display:grid;place-items:center;cursor:pointer;font-size:15px;box-shadow:0 0 24px #c19a3b12}.opening-toggle:hover,.opening-toggle:focus-visible{background:#363047;outline:2px solid #d4b66f;outline-offset:3px}.opening-toggle[aria-pressed=true]{box-shadow:0 0 22px #c19a3b40;border-color:#efd788}.opening-caption{font-size:8px;letter-spacing:1.8px;color:#d9c895;line-height:1.7}.opening-caption small{display:block;font-size:11px;letter-spacing:.2px;color:#9ca4b9}.opening-error{position:absolute;left:0;top:52px;width:230px;font-size:12px;padding:10px;background:#101528;border:1px solid #75653b;border-radius:6px}.opening-error a{color:#efd788}@media (max-width:900px){.opening-caption{display:none}.opening-control{top:12px;left:12px}}