@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Cinzel+Decorative:wght@700;900&family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=MedievalSharp&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--gold:#c9a84c;--gold-lt:#f0d080;--gold-dk:#8a6a1e;--dark:#06060e;--panel:#0a0814eb;--text:#e8dcc0;--red:#c0392b;--blue:#2471a3;--green:#27ae60;--purple:#8e44ad;--trap-pink:#bc5a84;--spell-teal:#1abc9c;--ritual-blue:#2e86c1;--fusion-purple:#7d3c98;--glow:0 0 12px #c9a84c66;--glow-red:0 0 12px #e74c3c80;--glow-blue:0 0 12px #3498db80;--glow-gold:0 0 20px #c9a84c99}body{background:var(--dark);color:var(--text);-webkit-user-select:none;user-select:none;min-height:100vh;font-family:Crimson Text,serif;overflow-x:hidden}#bgCanvas{z-index:0;pointer-events:none;opacity:.4;width:100%;height:100%;position:fixed;top:0;left:0}#app{z-index:1;flex-direction:column;gap:4px;max-width:1000px;margin:0 auto;padding:6px;display:flex;position:relative}.hdr{border:1px solid var(--gold);box-shadow:var(--glow),inset 0 1px 0 #c9a84c1a;background:linear-gradient(135deg,#0d0500 0%,#1a0c00 50%,#0d0500 100%);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:relative;overflow:hidden}.hdr:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000,#0000 40px,#c9a84c08 40px 41px);position:absolute;inset:0}.hdr .ttl{color:var(--gold);text-shadow:0 0 18px var(--gold),0 0 40px #c9a84c4d;letter-spacing:2px;font-family:Cinzel Decorative,serif;font-size:1.15rem}.hdr .info{color:var(--gold-lt);letter-spacing:1px;font-family:Cinzel,serif;font-size:.72rem}.phase-bar{justify-content:center;gap:2px;padding:3px 8px;display:flex}.phase-pip{color:#444;letter-spacing:.5px;background:#140f0a99;border:1px solid #1a1a1a;border-radius:3px;padding:2px 8px;font-family:Cinzel,serif;font-size:.58rem;transition:all .3s}.phase-pip.active{color:var(--gold);border-color:var(--gold-dk);box-shadow:var(--glow);text-shadow:0 0 8px var(--gold);background:#281900b3}.pbar{cursor:pointer;background:linear-gradient(#0f0a05e6,#050301f2);border:1px solid #222;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;transition:all .3s;display:flex;position:relative;overflow:hidden}.pbar:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 60%,#c9a84c05);position:absolute;inset:0}.pbar:hover{background:linear-gradient(#190f05e6,#0a0502f2);border-color:#444}.pbar.taking-damage{animation:.3s ease-out screenShake}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-6px)}20%{transform:translate(6px)}30%{transform:translate(-4px)}40%{transform:translate(4px)}50%{transform:translate(-2px)}}.pname{color:var(--gold);letter-spacing:1px;min-width:95px;font-family:Cinzel,serif;font-size:.82rem}.lpwrap{flex:1;align-items:center;gap:6px;display:flex}.lpbar{background:#111;border:1px solid #2a2a2a;border-radius:11px;flex:1;height:22px;position:relative;overflow:hidden}.lpfill{border-radius:10px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.lpfill:after{content:"";background:linear-gradient(#ffffff26 0%,#0000 50%,#0003 100%);border-radius:10px;position:absolute;inset:0}.lpfill.pl{background:linear-gradient(90deg,#145a24,#27ae60,#2ecc71)}.lpfill.ai{background:linear-gradient(90deg,#7b1a1a,#c0392b,#e74c3c)}.lpnum{color:#fff;text-shadow:0 1px 3px #000,0 0 8px #00000080;font-family:Cinzel,serif;font-size:.72rem;font-weight:700;line-height:22px;position:absolute;top:0;right:8px}.deck-count{color:#666;text-align:right;min-width:60px;font-family:Cinzel,serif;font-size:.68rem}.field-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:3px;min-height:82px;display:flex}.field-lbl{color:#444;text-align:center;letter-spacing:2px;text-transform:uppercase;margin:2px 0;font-family:Cinzel,serif;font-size:.58rem}.slot{cursor:pointer;background:#0c081499;border:1px solid #1a1a2a;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:74px;height:100px;transition:all .25s;display:flex;position:relative}.slot:before{content:"";pointer-events:none;border:1px solid #c9a84c0d;border-radius:3px;position:absolute;inset:2px}.slot:hover{background:#140e1eb3;border-color:#333}.slot.hl{border-color:var(--gold);box-shadow:var(--glow)}.slot.atk-hl{box-shadow:var(--glow-red);border-color:#e74c3c;animation:.8s infinite atkPulse}.slot.target-hl{box-shadow:var(--glow-blue);border-color:#3498db;animation:1s infinite targetPulse}@keyframes atkPulse{0%,to{box-shadow:0 0 8px #e74c3c4d}50%{box-shadow:0 0 20px #e74c3cb3}}@keyframes targetPulse{0%,to{box-shadow:0 0 8px #3498db4d}50%{box-shadow:0 0 18px #3498db99}}.card{cursor:pointer;border-radius:4px;width:70px;height:96px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #000000b3}.card-face{border-radius:4px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.card-face:after{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff14,#0000 40%);border-radius:4px;position:absolute;inset:0}.card-monster .card-face{background:linear-gradient(160deg,#6d5a22 0%,#c4a44a 25%,#a88c32 50%,#c4a44a 75%,#6d5a22 100%);border:2px solid #b8982a}.card-spell .card-face{background:linear-gradient(160deg,#0a5c4a 0%,#1abc9c 25%,#0e8c72 50%,#1abc9c 75%,#0a5c4a 100%);border:2px solid #16a085}.card-trap .card-face{background:linear-gradient(160deg,#5e1e45 0%,#bc5a84 25%,#8c3460 50%,#bc5a84 75%,#5e1e45 100%);border:2px solid #a14872}.card-ritual .card-face{background:linear-gradient(160deg,#0e3d5e 0%,#2e86c1 25%,#1a5a8a 50%,#2e86c1 75%,#0e3d5e 100%);border:2px solid #2471a3}.card-fusion .card-face{background:linear-gradient(160deg,#3a1a4e 0%,#9b59b6 25%,#6a2d8e 50%,#9b59b6 75%,#3a1a4e 100%);border:2px solid #7d3c98}.card-facedown{background:linear-gradient(145deg,#12082e,#241456,#12082e);border:2px solid #3a2a6a;border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden}.card-facedown:before{content:"";background-image:repeating-linear-gradient(45deg,#0000,#0000 5px,#643cb41f 5px 6px),repeating-linear-gradient(-45deg,#0000,#0000 5px,#643cb414 5px 6px);position:absolute;inset:0}.card-facedown:after{content:"✦";color:#7850c84d;font-size:1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-name{color:#1a0e00;text-align:center;text-shadow:0 0 1px #ffffff4d;background:#ffffff59;justify-content:center;align-items:center;min-height:22px;padding:2px 3px;font-family:MedievalSharp,serif;font-size:.46rem;font-weight:700;line-height:1.1;display:flex}.card-art{background:#0003;flex:1;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:relative}.card-stars{text-align:center;color:#ff9800;letter-spacing:-1px;background:#00000026;padding:0 2px;font-size:.35rem;line-height:1}.card-stats{color:#1a0e00;background:#ffffff4d;justify-content:space-between;padding:1px 3px;font-family:Cinzel,serif;font-size:.5rem;font-weight:700;display:flex}.card-attr{text-align:center;color:#2c1a00;letter-spacing:.5px;background:#0000000f;padding:0 2px;font-family:Cinzel,serif;font-size:.4rem}.card-def-mode{transform:rotate(90deg)scale(.85)}.equip-badge{background:linear-gradient(135deg,var(--gold),#e0c060);color:#1a0a00;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.45rem;font-weight:700;display:flex;position:absolute;top:1px;right:1px;box-shadow:0 0 6px #c9a84c80}.hand-area{background:#0003;border:1px solid #c9a84c14;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:3px;min-height:106px;padding:6px;display:flex}.hand-area .card{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.hand-area .card:hover{z-index:10;transform:translateY(-12px)scale(1.05)}.hand-area .card.selected{box-shadow:0 0 18px var(--gold);z-index:11;transform:translateY(-16px)scale(1.08)}.ai-hand{justify-content:center;gap:2px;min-height:44px;padding:3px;display:flex}.ai-card-back{background:linear-gradient(145deg,#12082e,#241456);border:1px solid #3a2a6a;border-radius:3px;width:32px;height:44px;transition:transform .2s;position:relative;overflow:hidden}.ai-card-back:before{content:"";background-image:repeating-linear-gradient(45deg,#0000,#0000 3px,#643cb426 3px 4px);position:absolute;inset:0}.ai-card-back:hover{transform:translateY(2px)}.ctrl-bar{flex-wrap:wrap;justify-content:center;gap:5px;padding:4px;display:flex}.btn{border:1px solid var(--gold-dk);color:var(--gold);cursor:pointer;letter-spacing:.5px;background:linear-gradient(#1a1000,#0d0800);border-radius:5px;padding:6px 14px;font-family:Cinzel,serif;font-size:.72rem;transition:all .25s;position:relative;overflow:hidden}.btn:before{content:"";pointer-events:none;background:linear-gradient(#c9a84c0d,#0000);position:absolute;inset:0}.btn:hover:not(:disabled){border-color:var(--gold);box-shadow:var(--glow);background:linear-gradient(#2a1a00,#1a0c00);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.3;cursor:default}.btn.active{border-color:var(--gold);box-shadow:var(--glow-gold);background:linear-gradient(#3a2200,#2a1400)}.status{text-align:center;color:var(--gold-lt);text-shadow:0 0 10px #c9a84c33;min-height:26px;padding:4px;font-family:MedievalSharp,serif;font-size:.82rem}.ctx{border:1px solid var(--gold);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#140a00,#0a0500);border-radius:8px;min-width:160px;padding:5px;display:none;position:fixed;box-shadow:0 8px 30px #000000e6,0 0 20px #c9a84c1a}.ctx.on{animation:.15s ease-out ctxIn;display:block}@keyframes ctxIn{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.ctx-item{color:var(--text);cursor:pointer;border-radius:4px;padding:7px 12px;font-family:MedievalSharp,serif;font-size:.78rem;transition:all .15s}.ctx-item:hover{color:var(--gold);background:#c9a84c26}.ctx-item.disabled{opacity:.3;cursor:default}.ctx-item.disabled:hover{color:var(--text);background:0 0}.ctx-sep{background:linear-gradient(90deg,#0000,#c9a84c33,#0000);height:1px;margin:3px 0}.tooltip{border:1px solid var(--gold);z-index:90;pointer-events:none;background:linear-gradient(#1a0e04,#0d0700);border-radius:8px;width:220px;padding:12px;display:none;position:fixed;box-shadow:0 8px 30px #000000e6,0 0 15px #c9a84c26}.tooltip.on{animation:.15s ease-out tipIn;display:block}@keyframes tipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tooltip .t-name{color:var(--gold);text-shadow:0 0 8px #c9a84c4d;margin-bottom:4px;font-family:Cinzel Decorative,serif;font-size:.85rem}.tooltip .t-type{color:#888;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:5px;font-family:Cinzel,serif;font-size:.6rem}.tooltip .t-stars{color:#ff9800;letter-spacing:-1px;margin-bottom:4px;font-size:.6rem}.tooltip .t-stats{color:var(--gold-lt);gap:10px;margin-bottom:5px;font-family:Cinzel,serif;font-size:.72rem;display:flex}.tooltip .t-stats span{background:#c9a84c1a;border-radius:3px;padding:2px 6px}.tooltip .t-desc{color:#bbb;border-top:1px solid #c9a84c26;margin-top:2px;padding-top:6px;font-family:Crimson Text,serif;font-size:.74rem;font-style:italic;line-height:1.4}.log{background:#00000080;border:1px solid #1a1a1a;border-radius:6px;max-height:90px;padding:6px 10px;font-size:.66rem;line-height:1.6;overflow-y:auto}.log::-webkit-scrollbar{width:4px}.log::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.log .l-dmg{color:#e74c3c}.log .l-heal{color:#27ae60}.log .l-spell{color:#1abc9c}.log .l-trap{color:#bc5a84}.log .l-summon{color:var(--gold)}.log .l-effect{color:#af7ac5}.log .l-fusion{color:#9b59b6}.log .l-ritual{color:#5dade2}.log .l-phase{color:#666;font-style:italic}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-overlay.on{display:flex}.modal{border:2px solid var(--gold);background:linear-gradient(#1a0e04,#0d0700);border-radius:12px;width:92%;max-width:620px;max-height:80vh;padding:18px;animation:.3s ease-out modalIn;overflow-y:auto;box-shadow:0 0 50px #c9a84c33}@keyframes modalIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal h2{color:var(--gold);text-align:center;margin-bottom:12px;font-family:Cinzel Decorative,serif;font-size:1.1rem}.modal-cards{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.modal .btn{margin-top:12px;margin-left:auto;margin-right:auto;display:block}.dmg-pop{pointer-events:none;z-index:150;text-shadow:0 2px 10px #000000e6;font-family:Cinzel Decorative,serif;font-size:1.6rem;font-weight:900;animation:1.4s ease-out forwards dmgFloat;position:fixed}.dmg-pop.hurt{color:#e74c3c;filter:drop-shadow(0 0 6px #e74c3c99)}.dmg-pop.heal{color:#27ae60;filter:drop-shadow(0 0 6px #27ae6099)}.dmg-pop.effect{color:#af7ac5;filter:drop-shadow(0 0 6px #af7ac599)}@keyframes dmgFloat{0%{opacity:1;transform:translateY(0)scale(1)}40%{opacity:1;transform:translateY(-35px)scale(1.3)}to{opacity:0;transform:translateY(-80px)scale(.7)}}.atk-beam{pointer-events:none;z-index:140;transform-origin:top;background:linear-gradient(#f44,#f80,#fc0);border-radius:2px;width:4px;animation:.4s ease-out forwards beamFlash;position:fixed;box-shadow:0 0 12px #ff640099,0 0 24px #ffc8004d}@keyframes beamFlash{0%{opacity:0;scaleY:0}30%{opacity:1;scaleY:1}70%{opacity:1}to{opacity:0}}.summon-flash{pointer-events:none;z-index:130;border-radius:50%;animation:.6s ease-out forwards summonBurst;position:fixed}@keyframes summonBurst{0%{opacity:.8;transform:scale(0)}50%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.victory-overlay{z-index:300;background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.victory-overlay.on{animation:.8s ease-out forwards victoryBgIn;display:flex}@keyframes victoryBgIn{0%{background:0 0}to{background:#000000e6}}.victory-box{text-align:center;animation:.8s cubic-bezier(.34,1.56,.64,1) victoryIn}.victory-box h1{letter-spacing:3px;margin-bottom:14px;font-family:Cinzel Decorative,serif;font-size:2.2rem}.victory-box .stats{color:#999;margin-bottom:18px;font-family:Crimson Text,serif;font-size:.9rem;line-height:2}.victory-box .stat-row{border-bottom:1px solid #c9a84c1a;justify-content:space-between;gap:20px;padding:3px 0;display:flex}.victory-box .stat-row span:first-child{color:#888}.victory-box .stat-row span:last-child{color:var(--gold-lt);font-family:Cinzel,serif}@keyframes victoryIn{0%{opacity:0;transform:scale(.3)rotateX(20deg)}to{opacity:1;transform:scale(1)rotateX(0)}}.field-sep{background:linear-gradient(90deg,transparent 5%,var(--gold-dk) 30%,var(--gold) 50%,var(--gold-dk) 70%,transparent 95%);opacity:.35;height:2px;margin:3px 0}.field-spell-zone{color:#333;background:#0a05144d;border:1px dashed #2a2a2a;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:82px;font-family:Cinzel,serif;font-size:.5rem;transition:all .3s;display:flex}.field-spell-zone.active{border-color:var(--spell-teal);background:#1abc9c0d;border-style:solid;box-shadow:0 0 12px #1abc9c40}.gy-zone{cursor:pointer;color:#777;background:#1e0f1e80;border:1px solid #2a1a2a;border-radius:5px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:68px;font-family:Cinzel,serif;font-size:.5rem;transition:all .25s;display:flex}.gy-zone:hover{border-color:var(--purple);background:#32193280;box-shadow:0 0 10px #8e44ad33}.gy-count{color:var(--gold);font-size:.85rem;font-weight:700}.turn-banner{z-index:160;color:var(--gold);text-shadow:0 0 30px var(--gold),0 0 60px #c9a84c4d;pointer-events:none;letter-spacing:4px;font-family:Cinzel Decorative,serif;font-size:1.4rem;animation:1.2s ease-out forwards turnBannerAnim;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes turnBannerAnim{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}40%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)translateY(-30px)}}.card.sp-summon-glow{animation:1s ease-out spGlow}@keyframes spGlow{0%{box-shadow:0 0 20px #3498dbcc,0 0 40px #3498db66}to{box-shadow:none}}.card-face:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(135deg,#0000 40%,#ffffff14 50%,#0000 60%);border-radius:4px;width:200%;height:200%;animation:3s ease-in-out infinite cardShimmer;position:absolute;top:-50%;left:-50%}@keyframes cardShimmer{0%{transform:translate(-100%)rotate(0)}to{transform:translate(100%)rotate(0)}}.slot:hover:before{border-color:#c9a84c26}.hand-area{background:linear-gradient(#0000001a,#c9a84c08,#00000026)}.alien-badge{color:#fff;z-index:2;background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.4rem;font-weight:700;display:flex;position:absolute;bottom:1px;right:1px;box-shadow:0 0 6px #27ae6080}