:root{--bg-dark: #0a0c14;--bg-panel: #12152280;--bg-card: #1a1d2e;--bg-hover: #252840;--glass: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--text-primary: #eaeef6;--text-secondary: #8b92a8;--text-muted: #525a72;--north-primary: #4fc3f7;--north-glow: rgba(79, 195, 247, .35);--north-bg: linear-gradient(135deg, #1a3a5c, #0d1f35);--east-primary: #66bb6a;--east-glow: rgba(102, 187, 106, .35);--east-bg: linear-gradient(135deg, #1a3d2a, #0d2618);--south-primary: #ef5350;--south-glow: rgba(239, 83, 80, .35);--south-bg: linear-gradient(135deg, #3d1a1a, #261010);--west-primary: #ffb74d;--west-glow: rgba(255, 183, 77, .35);--west-bg: linear-gradient(135deg, #3d2e1a, #261d0d);--finale-primary: #ffd54f;--finale-glow: rgba(255, 213, 79, .45);--finale-bg: linear-gradient(135deg, #3d331a, #26200d);--mana-blue: #4fc3f7;--mana-purple: #ba68c8;--lp-green: #66bb6a;--lp-red: #ef5350;--gold: #ffd54f;--atk-color: #ff6b6b;--def-color: #4fc3f7;--damage-color: #ff1744;--heal-color: #69f0ae;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--north-glow);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-card: 8px;--card-w: min(110px, 14vh);--card-h: min(154px, 19.5vh);--hand-card-w: min(100px, 12.5vh);--hand-card-h: min(140px, 17.5vh);--slot-w: min(120px, 15vh);--slot-h: min(154px, 19.5vh);--landmark-w: min(180px, 22vh);--landmark-h: min(250px, 31vh)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;min-height:100dvh;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app{width:100vw;height:100vh;height:100dvh;position:relative;overflow:hidden}.font-display{font-family:Cinzel,serif}.font-stats{font-family:Orbitron,monospace}.font-body{font-family:Inter,sans-serif}.main-menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1d2e,#0a0c14);z-index:100}.main-menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(../Background.png) center / cover no-repeat;opacity:.15;filter:blur(2px)}.menu-title{font-family:Cinzel,serif;font-size:clamp(2rem,5vw,4rem);font-weight:900;text-align:center;background:linear-gradient(135deg,var(--gold),#fff8e1,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 2px 8px rgba(255,213,79,.3));letter-spacing:3px;margin-bottom:8px;position:relative;z-index:1}.menu-subtitle{font-family:Cinzel,serif;font-size:clamp(.8rem,2vw,1.2rem);color:var(--text-secondary);letter-spacing:6px;text-transform:uppercase;margin-bottom:48px;position:relative;z-index:1}.menu-buttons{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.menu-btn{font-family:Cinzel,serif;font-size:1.1rem;font-weight:600;color:var(--text-primary);background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:16px 64px;cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:2px;text-transform:uppercase;position:relative;overflow:hidden}.menu-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.05));opacity:0;transition:opacity var(--transition-fast)}.menu-btn:hover{border-color:var(--gold);box-shadow:0 0 30px #ffd54f26,var(--shadow-md);transform:translateY(-2px)}.menu-btn:hover:before{opacity:1}.menu-btn:active{transform:translateY(0)}.menu-btn.primary{background:linear-gradient(135deg,#ffd54f26,#ffb74d14);border-color:#ffd54f4d}.menu-category{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.menu-category-label{font-family:Cinzel,serif;font-size:1.15rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg,var(--gold),#fff8e1,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 4px rgba(255,213,79,.25));position:relative;z-index:1}.menu-category-items{display:flex;gap:12px;justify-content:center;width:100%}.menu-sub-btn{flex:1;padding:12px 24px!important;font-size:.9rem!important;letter-spacing:1px!important;background:#ffffff08!important;border-color:#ffffff0f!important}.menu-sub-btn:hover{background:#ffd54f0f!important;border-color:#ffd54f40!important}.menu-divider{width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,213,79,.15),transparent);margin:4px auto}.version-label{position:absolute;top:36px;right:80px;z-index:110;font-family:Orbitron,monospace;font-size:.75rem;color:var(--text-muted);letter-spacing:1px}.settings-btn{position:absolute;top:24px;right:24px;z-index:110;width:48px;height:48px;border-radius:50%;border:1px solid var(--glass-border);background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-secondary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);line-height:1}.settings-btn:hover{color:var(--gold);border-color:var(--gold);box-shadow:0 0 20px #ffd54f33;transform:rotate(45deg)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.settings-overlay.visible{opacity:1;pointer-events:auto}.settings-panel{background:#121522f2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:0;min-width:340px;max-width:420px;box-shadow:0 16px 64px #0009,0 0 40px #ffd54f0d;transform:scale(.95);transition:transform var(--transition-normal)}.settings-overlay.visible .settings-panel{transform:scale(1)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--glass-border)}.settings-header h2{font-family:Cinzel,serif;font-size:1.3rem;color:var(--gold);letter-spacing:2px;margin:0}.settings-close-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.settings-close-btn:hover{color:var(--text-primary);border-color:var(--text-secondary);background:#ffffff0d}.settings-body{padding:20px 24px 24px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.settings-label{font-family:Inter,sans-serif;font-size:.95rem;color:var(--text-primary);letter-spacing:.5px}.toggle-switch{position:relative;width:52px;height:28px;display:inline-block}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;border-radius:28px;border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-normal)}.toggle-slider:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--text-secondary);transition:all var(--transition-normal);box-shadow:0 2px 4px #0000004d}.toggle-switch input:checked+.toggle-slider{background:#ffd54f33;border-color:#ffd54f66}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px);background:var(--gold);box-shadow:0 0 8px #ffd54f66}.region-select{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1d2e,#0a0c14);z-index:90}.region-select h2{font-family:Cinzel,serif;font-size:1.8rem;margin-bottom:12px;color:var(--gold)}.region-select .player-label{font-size:1rem;color:var(--text-secondary);margin-bottom:32px}.region-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:600px}.region-card{padding:24px 32px;border-radius:var(--radius-lg);border:2px solid var(--glass-border);cursor:pointer;transition:all var(--transition-normal);text-align:center;position:relative;overflow:hidden}.region-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6;z-index:0}.region-card>*{position:relative;z-index:1}.region-card.north{background:var(--north-bg)}.region-card.east{background:var(--east-bg)}.region-card.south{background:var(--south-bg)}.region-card.west{background:var(--west-bg)}.region-card h3{font-family:Cinzel,serif;font-size:1.4rem;margin-bottom:4px}.region-card.north h3{color:var(--north-primary)}.region-card.east h3{color:var(--east-primary)}.region-card.south h3{color:var(--south-primary)}.region-card.west h3{color:var(--west-primary)}.region-card p{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.region-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.region-card.north:hover{border-color:var(--north-primary);box-shadow:0 0 30px var(--north-glow)}.region-card.east:hover{border-color:var(--east-primary);box-shadow:0 0 30px var(--east-glow)}.region-card.south:hover{border-color:var(--south-primary);box-shadow:0 0 30px var(--south-glow)}.region-card.west:hover{border-color:var(--west-primary);box-shadow:0 0 30px var(--west-glow)}.region-card.selected{pointer-events:none;opacity:.4}.region-card.disabled{pointer-events:none;opacity:.3}.game-board{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr auto 1fr auto auto;background:var(--bg-dark);position:relative}.game-board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(../Background.png) center / cover no-repeat;opacity:.08;pointer-events:none}.player-bar{display:flex;align-items:center;justify-content:space-between;padding:.8vh 20px;background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);position:relative;z-index:10}.player-bar.top{border-bottom:1px solid var(--glass-border)}.player-bar.bottom{border-top:1px solid var(--glass-border);border-bottom:none}.player-bar.active{box-shadow:inset 0 0 0 1px #ffd54f33}.player-identity{display:flex;align-items:center;gap:12px}.player-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-weight:700;font-size:1rem;color:#fff}.player-avatar.north{background:linear-gradient(135deg,#1565c0,#4fc3f7)}.player-avatar.east{background:linear-gradient(135deg,#2e7d32,#66bb6a)}.player-avatar.south{background:linear-gradient(135deg,#c62828,#ef5350)}.player-avatar.west{background:linear-gradient(135deg,#e65100,#ffb74d)}.player-avatar.finale{background:linear-gradient(135deg,#c68200,#ffd54f)}.player-name{font-family:Cinzel,serif;font-weight:600;font-size:.95rem}.player-region-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.lp-display{display:flex;align-items:center;gap:10px}.lp-bar-wrapper{width:180px;height:20px;background:#0006;border-radius:10px;overflow:hidden;position:relative;border:1px solid var(--glass-border)}.lp-bar{height:100%;border-radius:10px;transition:width var(--transition-slow);position:relative}.lp-bar.healthy{background:linear-gradient(90deg,#43a047,#66bb6a);box-shadow:0 0 10px #66bb6a66}.lp-bar.warning{background:linear-gradient(90deg,#f57c00,#ffb74d);box-shadow:0 0 10px #ffb74d66}.lp-bar.danger{background:linear-gradient(90deg,#c62828,#ef5350);box-shadow:0 0 10px #ef535066;animation:lp-pulse 1s infinite}@keyframes lp-pulse{0%,to{opacity:1}50%{opacity:.7}}.lp-text{font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;min-width:60px;text-align:right}.mana-display{display:flex;align-items:center;gap:10px}.mana-number{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-sm);background:#00000059;border:1px solid rgba(255,255,255,.08)}.mana-number.primary-mana{border-color:#4fc3f74d;background:#4fc3f714}.mana-number.spell-mana{border-color:#ba68c84d;background:#ba68c814}.mana-icon{font-size:.8rem}.mana-value{font-family:Orbitron,monospace;font-size:1rem;font-weight:700}.primary-mana .mana-value{color:var(--mana-blue);text-shadow:0 0 8px rgba(79,195,247,.4)}.spell-mana .mana-value{color:var(--mana-purple);text-shadow:0 0 8px rgba(186,104,200,.4)}.mana-label{font-family:Orbitron,monospace;font-size:.65rem;color:var(--text-muted)}.field-section{display:flex;align-items:center;justify-content:center;gap:8px;padding:.6vh 20px;position:relative;overflow:visible}.field-section.opponent{transform:scaleY(1);position:relative;z-index:15}.field-section.opponent .game-card{transform:rotate(180deg)}.field-section.opponent .game-card.defense-position{transform:rotate(270deg)}.field-section.opponent .game-card:not(.hand-card):hover{transform:rotate(180deg) scale(2);z-index:30}.field-section.opponent .game-card.defense-position:hover{transform:rotate(270deg) scale(2);z-index:30}.field-rows{display:flex;align-items:stretch;justify-content:center;gap:0;position:relative;overflow:visible}.field-main{display:flex;flex-direction:column;gap:0;overflow:visible}.field-landmark-col{display:flex;align-items:stretch;padding:6px 0;overflow:visible}.field-landmark-col .landmark-slot{height:100%;width:var(--landmark-w)}.zone-label{position:absolute;font-size:.6rem;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;opacity:.5}.card-slot{width:var(--slot-w);height:var(--slot-h);border-radius:var(--radius-card);border:1.5px dashed var(--glass-border);display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-fast);cursor:pointer}.card-slot:hover{border-color:var(--gold);background:#ffd54f0d}.card-slot.has-card{border:none}.card-slot.valid-target{border-color:var(--lp-green)!important;box-shadow:0 0 15px #66bb6a4d;animation:target-pulse 1.5s infinite}@keyframes target-pulse{0%,to{box-shadow:0 0 15px #66bb6a4d}50%{box-shadow:0 0 25px #66bb6a80}}.card-slot.attack-target{border-color:var(--lp-red)!important;box-shadow:0 0 15px #ef53504d}.target-highlight .game-card{outline:3px solid #ffd700;outline-offset:2px;box-shadow:0 0 16px 4px #ffd70080}.attack-highlight-source .game-card{outline:3px solid #ff6b6b;outline-offset:2px;box-shadow:0 0 16px 4px #ff6b6b80}.card-slot.valid-placement{border-color:var(--gold)!important;box-shadow:0 0 18px #ffd54f59;background:#ffd54f14;animation:target-pulse 1.5s infinite}.landmark-slot{width:var(--landmark-w);height:var(--landmark-h);border-radius:var(--radius-card);border:1.5px dashed rgba(255,213,79,.2);display:flex;align-items:center;justify-content:center;position:relative;margin-left:12px;background:#00000040}.landmark-slot .game-card{width:100%;height:100%}.landmark-slot .game-card:hover{transform:none!important;z-index:auto;box-shadow:none}.landmark-slot.has-card{border:1px solid rgba(255,213,79,.3);box-shadow:0 0 12px #ffd54f26;background:#0a0c1499}.side-zone{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:var(--slot-w)}.deck-pile,.graveyard-pile{width:var(--slot-w);height:var(--slot-h);border-radius:var(--radius-card);display:flex;align-items:center;justify-content:center;font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;position:relative}.deck-pile{background:linear-gradient(135deg,#1a237e,#283593);border:1px solid rgba(63,81,181,.4);box-shadow:3px 3px 8px #00000080;image-rendering:high-quality;image-rendering:-webkit-optimize-contrast}.deck-pile:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:var(--radius-sm);background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,255,255,.03) 4px,rgba(255,255,255,.03) 8px)}.graveyard-pile{background:#1e1e2899;border:1px solid rgba(100,100,120,.3)}.zone-count{font-family:Orbitron,monospace;font-size:.6rem;color:var(--text-muted)}.game-card{width:var(--card-w);height:var(--card-h);border-radius:var(--radius-card);position:relative;cursor:pointer;transition:all var(--transition-fast);overflow:hidden}.game-card:not(.hand-card):hover{transform:scale(2);z-index:30;box-shadow:var(--shadow-lg),0 0 40px #000000b3}.game-card.face-down{border:1px solid rgba(63,81,181,.5);overflow:hidden}.game-card.own-face-down{border:1px solid rgba(63,81,181,.5);overflow:hidden;position:relative}.game-card.own-face-down:after{content:"SET";position:absolute;bottom:4px;left:50%;transform:translate(-50%);z-index:3;font-family:Orbitron,monospace;font-size:.5rem;font-weight:700;color:#ffffffb3;letter-spacing:2px;background:#000000b3;padding:2px 6px;border-radius:3px;border:1px solid rgba(63,81,181,.4);pointer-events:none}.card-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-card);display:block;image-rendering:high-quality;image-rendering:-webkit-optimize-contrast}.game-card.no-art{background:linear-gradient(135deg,#1a1d2e,#252840);display:flex;align-items:center;justify-content:center}.game-card.no-art:after{content:"?";font-family:Cinzel,serif;font-size:1.5rem;color:var(--text-muted);opacity:.4}.card-stats-overlay{position:absolute;bottom:0;left:0;right:0;padding:3px 6px;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:space-between;align-items:center}.card-name-small{font-size:.5rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50px}.card-atk,.card-def{font-family:Orbitron,monospace;font-size:.55rem;font-weight:700}.card-atk{color:var(--atk-color)}.card-def{color:var(--def-color)}.card-cost-badge{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#1565c0,#4fc3f7);display:flex;align-items:center;justify-content:center;font-family:Orbitron,monospace;font-size:.55rem;font-weight:700;box-shadow:0 1px 4px #00000080}.game-card.north{border:1.5px solid rgba(79,195,247,.4)}.game-card.east{border:1.5px solid rgba(102,187,106,.4)}.game-card.south{border:1.5px solid rgba(239,83,80,.4)}.game-card.west{border:1.5px solid rgba(255,183,77,.4)}.game-card.defense-position{transform:rotate(90deg)}.game-card.defense-position:hover{transform:rotate(90deg) scale(2)}.game-card.damaged:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-card);background:linear-gradient(transparent 60%,#ff174426);pointer-events:none}.stat-token{position:absolute;bottom:3px;padding:2px 5px;border-radius:4px;background:#000000e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);font-family:Orbitron,monospace;font-size:.55rem;font-weight:700;color:var(--text-primary);z-index:5;pointer-events:none;white-space:nowrap;line-height:1;box-shadow:0 1px 4px #0009}.stat-token.atk-token{left:3px}.stat-token.def-token{left:38px}.stat-token.stat-decreased{color:#ff5252;border-color:#ff525266;text-shadow:0 0 6px rgba(255,82,82,.5)}.stat-token.stat-increased{color:#69f0ae;border-color:#69f0ae66;text-shadow:0 0 6px rgba(105,240,174,.5)}.compact-card .stat-token{font-size:.4rem;padding:1px 3px;bottom:2px}.compact-card .stat-token.atk-token{left:2px}.compact-card .stat-token.def-token{left:20px}.game-card.defense-position .stat-token{bottom:3px;z-index:35}.game-card.defense-position .stat-token.atk-token{left:3px}.game-card.defense-position .stat-token.def-token{left:38px}.field-section.opponent .game-card .stat-token,.field-section.opponent .game-card.defense-position .stat-token{transform:rotate(180deg)}.placement-instruction{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#0a0c14eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--gold);border-radius:var(--radius-md);padding:14px 32px;font-family:Cinzel,serif;font-size:1.1rem;color:var(--gold);z-index:55;text-align:center;letter-spacing:1px;box-shadow:0 0 30px #ffd54f33;animation:float-up-stay .3s ease-out;pointer-events:none}.game-card.buffed{box-shadow:0 0 12px #69f0ae4d}.game-card.debuffed{box-shadow:0 0 12px #ff17444d}.game-card.silenced{filter:grayscale(.7);opacity:.7}.hand-container{display:flex;align-items:center;justify-content:center;padding:.8vh 20px 1.2vh;position:relative;z-index:15;min-height:0}.hand-cards{display:flex;gap:-15px;perspective:1000px}.hand-card{width:var(--hand-card-w);height:var(--hand-card-h);border-radius:var(--radius-card);position:relative;cursor:grab;transition:all var(--transition-fast);transform-origin:bottom center;pointer-events:auto;isolation:isolate}.hand-card.hovered{transform:translateY(-20px) scale(2.2);z-index:30;box-shadow:var(--shadow-lg),0 0 40px #000000b3;pointer-events:none}.hand-card.playable{box-shadow:0 0 10px #66bb6a4d}.hand-cards .hand-card:nth-child(1){transform:rotate(-12deg);margin-right:-10px}.hand-cards .hand-card:nth-child(2){transform:rotate(-8deg);margin-right:-10px}.hand-cards .hand-card:nth-child(3){transform:rotate(-4deg);margin-right:-10px}.hand-cards .hand-card:nth-child(4){transform:rotate(0);margin-right:-10px}.hand-cards .hand-card:nth-child(5){transform:rotate(4deg);margin-right:-10px}.hand-cards .hand-card:nth-child(6){transform:rotate(8deg);margin-right:-10px}.hand-cards .hand-card:nth-child(7){transform:rotate(12deg);margin-right:-10px}.hand-cards .hand-card:nth-child(8){transform:rotate(16deg)}.hand-card.hovered{transform:translateY(-30px) scale(2.2) rotate(0)!important;pointer-events:none}.card-flying{position:fixed;pointer-events:none;z-index:100;border-radius:var(--radius-card);overflow:hidden;box-shadow:0 0 30px #ffd54f66,var(--shadow-lg);transition:none}.card-flying img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-card);display:block}.card-flying.card-flying-play{animation:card-fly-play .5s cubic-bezier(.25,.46,.45,.94) forwards}.card-flying.card-flying-draw{animation:card-fly-draw .45s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes card-fly-play{0%{transform:scale(1) rotate(0);opacity:1}40%{transform:scale(1.15) rotate(-3deg) translateY(-60px);opacity:1}to{transform:scale(.85) rotate(0);opacity:.9}}@keyframes card-fly-draw{0%{transform:scale(.6) rotate(8deg);opacity:.7}50%{transform:scale(1.1) rotate(-2deg) translateY(20px);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.field-divider{height:2px;background:linear-gradient(90deg,transparent,var(--glass-border),var(--gold),var(--glass-border),transparent);position:relative;z-index:5}.phase-bar{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 0;background:var(--bg-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:auto}.phase-step{font-size:.6rem;font-weight:600;padding:3px 12px;border-radius:20px;color:var(--text-muted);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:1px}.phase-step.active{color:var(--gold);background:#ffd54f1a;box-shadow:0 0 10px #ffd54f33}.phase-step.completed{color:var(--text-secondary)}.phase-menu-btn{margin-left:16px;font-family:Cinzel,serif;font-size:.6rem;font-weight:600;padding:3px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:1px}.phase-menu-btn:hover{color:var(--gold);border-color:#ffd54f4d;background:#ffd54f14;box-shadow:0 0 10px #ffd54f26}.action-panel{position:absolute;bottom:280px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:20}.action-btn{font-family:Cinzel,serif;font-size:.75rem;font-weight:600;padding:8px 20px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:1px}.action-btn:hover{border-color:var(--gold);box-shadow:0 0 15px #ffd54f26;transform:translate(-2px)}.action-btn.primary{background:linear-gradient(135deg,#ffd54f26,#ffb74d14);border-color:#ffd54f4d}.action-btn.danger{border-color:#ef53504d}.action-btn.danger:hover{border-color:var(--lp-red);box-shadow:0 0 15px #ef535026}.action-btn.menu-return,.action-btn.menu-return:hover{display:none}.global-menu-btn{position:absolute;top:16px;right:16px;font-family:Cinzel,serif;font-size:.7rem;font-weight:600;padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:1px;z-index:55}.global-menu-btn:hover{color:var(--gold);border-color:#ffd54f4d;background:#ffd54f14;box-shadow:0 0 12px #ffd54f26}.turn-transition{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0c14f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.turn-transition.visible{opacity:1;pointer-events:all}.turn-transition h2{font-family:Cinzel,serif;font-size:2rem;margin-bottom:8px}.turn-transition p{color:var(--text-secondary);margin-bottom:32px}.turn-transition .start-btn{font-family:Cinzel,serif;font-size:1.1rem;padding:14px 48px;border-radius:var(--radius-md);border:2px solid var(--gold);background:transparent;color:var(--gold);cursor:pointer;transition:all var(--transition-normal);letter-spacing:2px}.turn-transition .start-btn:hover{background:#ffd54f1a;box-shadow:0 0 30px #ffd54f33}.card-preview{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);z-index:40;display:none;overflow:hidden}.card-preview.visible{display:block}.card-preview-image{width:100%;height:200px;object-fit:cover}.card-preview-info{padding:16px}.card-preview-name{font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;margin-bottom:4px}.card-preview-type{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.card-preview-stats{display:flex;gap:16px;margin-bottom:12px}.card-preview-stats span{font-family:Orbitron,monospace;font-size:.85rem;font-weight:700}.card-preview-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.floating-number{position:absolute;font-family:Orbitron,monospace;font-weight:700;font-size:1.4rem;pointer-events:none;z-index:60;animation:float-up 1.2s ease-out forwards;text-shadow:0 2px 4px rgba(0,0,0,.5)}.floating-number.damage{color:var(--damage-color)}.floating-number.heal{color:var(--heal-color)}.floating-number.mana{color:var(--mana-blue)}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(.8)}20%{transform:translateY(-10px) scale(1.2)}to{opacity:0;transform:translateY(-60px) scale(.9)}}.attack-line{position:absolute;height:3px;background:linear-gradient(90deg,var(--lp-red),var(--gold));transform-origin:left center;z-index:55;border-radius:2px;box-shadow:0 0 8px var(--lp-red);animation:slash .4s ease-out forwards}@keyframes slash{0%{width:0;opacity:1}60%{width:100%;opacity:1}to{width:100%;opacity:0}}@keyframes card-summon{0%{transform:scale(.3) translateY(30px);opacity:0}50%{transform:scale(1.1) translateY(-5px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.game-card.summoning{animation:card-summon .5s ease-out}@keyframes card-destroy{0%{transform:scale(1);opacity:1;filter:brightness(1)}30%{transform:scale(1.1);filter:brightness(2)}to{transform:scale(.3);opacity:0;filter:brightness(0)}}.game-card.destroying{animation:card-destroy .6s ease-in forwards}@keyframes lp-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.lp-display.shaking{animation:lp-shake .4s ease-out}.event-log{position:fixed;bottom:280px;left:10px;width:240px;max-height:260px;background:#0a0c14eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);border:1px solid var(--glass-border);z-index:20;font-size:.65rem;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent;display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease,max-height .3s ease}.event-log.collapsed{width:120px;max-height:32px}.event-log.collapsed .event-log-body{display:none}.event-log-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;cursor:pointer;color:var(--gold);font-weight:600;font-size:.7rem;border-bottom:1px solid var(--glass-border);-webkit-user-select:none;user-select:none;flex-shrink:0}.event-log-header:hover{background:#ffd54f14}.event-log-toggle-icon{font-size:.6rem;opacity:.7}.event-log-body{overflow-y:auto;padding:6px 10px;flex:1;min-height:0}.event-log-body::-webkit-scrollbar{width:4px}.event-log-body::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.log-entry{padding:3px 0;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-secondary);line-height:1.3}.log-entry .log-type{color:var(--gold);font-weight:600;font-size:.55rem;text-transform:uppercase}.log-entry.log-attack .log-type,.log-entry.log-damage .log-type,.log-entry.log-lp-damage .log-type{color:var(--lp-red)}.log-entry.log-heal .log-type{color:var(--lp-green)}.log-entry.log-trap .log-type{color:#ce93d8}.log-entry.log-effect .log-type,.log-entry.log-stat-mod .log-type{color:#4fc3f7}.log-entry.log-destroy .log-type,.log-entry.log-elimination .log-type{color:#ff5252}.log-entry.log-landmark .log-type{color:#ffb74d}.graveyard-pile:hover{border-color:var(--gold);box-shadow:0 0 8px #ffd54f33;background:#ffd54f14}.mulligan-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0c14f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:80}.mulligan-screen h2{font-family:Cinzel,serif;font-size:1.8rem;margin-bottom:8px;color:var(--gold)}.mulligan-screen p{color:var(--text-secondary);margin-bottom:24px}.mulligan-cards{display:flex;gap:12px;margin-bottom:32px}.mulligan-card{transition:all var(--transition-fast)}.mulligan-card.selected{transform:translateY(-15px);box-shadow:0 0 20px #ef535066;border-color:var(--lp-red)!important}.mulligan-card.selected:after{content:"✕";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:var(--lp-red);text-shadow:0 2px 4px rgba(0,0,0,.5)}.mulligan-card.landmark-selected{transform:translateY(-15px);box-shadow:0 0 20px #ffd54f66;border-color:var(--gold)!important}.choice-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:340px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;z-index:70;box-shadow:var(--shadow-lg)}.choice-dialog h3{font-family:Cinzel,serif;font-size:1rem;margin-bottom:16px;color:var(--gold)}.choice-options{display:flex;flex-direction:column;gap:8px}.choice-option{padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-panel);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:.85rem}.choice-option:hover{border-color:var(--gold);background:#ffd54f14}.response-card-dialog{max-width:620px;text-align:center}.response-title{font-family:Cinzel,serif;font-size:1.05rem;margin-bottom:8px;color:var(--gold)}.response-title.trigger-attack{color:#ff6b6b;text-shadow:0 0 12px rgba(255,107,107,.3)}.response-title.trigger-spell{color:#7ecfff;text-shadow:0 0 12px rgba(126,207,255,.3)}.response-title.trigger-summon{color:#81c784;text-shadow:0 0 12px rgba(129,199,132,.3)}.response-title.trigger-destroy{color:#ff5252;text-shadow:0 0 12px rgba(255,82,82,.3)}.response-title.trigger-ability{color:#ce93d8;text-shadow:0 0 12px rgba(206,147,216,.3)}.response-title.trigger-phase{color:var(--gold)}.response-title.trigger-set{color:var(--text-secondary)}.response-trigger-context.trigger-card{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px;padding:10px 16px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-md);animation:trigger-ctx-appear .3s ease-out}@keyframes trigger-ctx-appear{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.response-cards-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding:12px 0}.response-card-wrapper{display:flex;flex-direction:column;align-items:center;padding:10px;border:2px solid var(--glass-border);border-radius:10px;background:var(--bg-panel);transition:all .2s ease;width:140px}.response-card-wrapper:hover{border-color:#ffd54f66;background:#ffd54f0d}.response-card-img-wrap{position:relative;width:120px;height:168px;margin-bottom:8px;transition:transform .25s cubic-bezier(.22,1,.36,1);z-index:1}.response-card-wrapper:hover .response-card-img-wrap{transform:scale(1.8) translateY(-20px);z-index:10}.response-card-img{width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 4px 16px #0006}.response-card-name{font-size:.75rem;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:2px}.response-card-cost{font-size:.65rem;color:var(--mana-blue);font-family:Orbitron,monospace;margin-bottom:8px}.response-card-buttons{display:flex;flex-direction:column;gap:6px;width:100%}.response-card-buttons .menu-btn{width:100%}.response-card-no-mana{font-size:.65rem;color:var(--lp-red);font-style:italic;padding:4px 0}.resp-pass-btn{display:block;margin:0 auto}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0c14f2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:100}.game-over h1{font-family:Cinzel,serif;font-size:3rem;font-weight:900;background:linear-gradient(135deg,var(--gold),#fff8e1,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.game-over h2{font-family:Cinzel,serif;font-size:1.5rem;color:var(--text-secondary);margin-bottom:48px}.card-action-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65}.card-action-menu{background:#141623f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,213,79,.25);border-radius:var(--radius-md);padding:6px;min-width:160px;box-shadow:0 8px 32px #0009,0 0 20px #ffd54f14;animation:menu-appear .15s ease-out}@keyframes menu-appear{0%{opacity:0;transform:translate(-50%,-90%) scale(.9)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.card-action-option{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.card-action-option:hover{background:#ffd54f1a;color:var(--gold);padding-left:20px}.card-action-icon{font-size:1rem;width:20px;text-align:center}.card-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:zoom-fade-in .2s ease-out}@keyframes zoom-fade-in{0%{opacity:0}to{opacity:1}}.card-zoom-container{cursor:default;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 80px #000c,0 0 60px #ffd54f1a;animation:zoom-scale-in .25s cubic-bezier(.22,1,.36,1)}@keyframes zoom-scale-in{0%{transform:scale(.6);opacity:.5}to{transform:scale(1);opacity:1}}.card-zoom-image{display:block;width:360px;height:auto;max-height:80vh;object-fit:contain}.log-card-thumb{display:inline-flex;align-items:center;gap:4px;background:#ffffff0f;border-radius:4px;padding:1px 5px 1px 2px;vertical-align:middle}.log-card-thumb img{width:18px;height:25px;object-fit:cover;border-radius:2px;vertical-align:middle}.log-card-name{font-weight:600;font-size:.65rem;color:var(--gold)}@media(max-width:1024px){:root{--card-w: min(90px, 13vh);--card-h: min(126px, 18vh);--hand-card-w: min(80px, 11vh);--hand-card-h: min(112px, 15.5vh);--slot-w: min(95px, 13.5vh);--slot-h: min(133px, 18vh);--landmark-w: min(140px, 18vh);--landmark-h: min(196px, 26vh)}.hand-container{padding:.4vh 12px .8vh}.player-bar{padding:.6vh 12px}.lp-bar-wrapper{width:140px;height:16px}.player-avatar{width:32px;height:32px;font-size:.85rem}.field-section{gap:4px;padding:.4vh 12px}.action-panel{bottom:220px}.event-log{bottom:220px;width:200px;max-height:200px}.menu-btn{padding:12px 40px;font-size:.95rem}}@media(max-width:768px){:root{--card-w: min(60px, 11vh);--card-h: min(84px, 15vh);--hand-card-w: min(52px, 9vh);--hand-card-h: min(73px, 13vh);--slot-w: min(64px, 11.5vh);--slot-h: min(90px, 15vh);--landmark-w: min(84px, 14vh);--landmark-h: min(120px, 20vh)}.game-board{grid-template-rows:auto auto auto auto auto auto}.game-card:not(.hand-card):hover{transform:scale(1.5)}.field-section.opponent .game-card:not(.hand-card):hover{transform:rotate(180deg) scale(1.5)}.field-section.opponent .game-card.defense-position:hover{transform:rotate(270deg) scale(1.5)}.game-card.defense-position:hover{transform:rotate(90deg) scale(1.5)}.hand-card.hovered{transform:translateY(-20px) scale(1.8) rotate(0)!important}.hand-container{padding:.2vh 8px .4vh}.hand-cards .hand-card:nth-child(1){transform:rotate(-8deg);margin-right:-8px}.hand-cards .hand-card:nth-child(2){transform:rotate(-5deg);margin-right:-8px}.hand-cards .hand-card:nth-child(3){transform:rotate(-2deg);margin-right:-8px}.hand-cards .hand-card:nth-child(4){transform:rotate(0);margin-right:-8px}.hand-cards .hand-card:nth-child(5){transform:rotate(2deg);margin-right:-8px}.hand-cards .hand-card:nth-child(6){transform:rotate(5deg);margin-right:-8px}.hand-cards .hand-card:nth-child(7){transform:rotate(8deg);margin-right:-8px}.hand-cards .hand-card:nth-child(8){transform:rotate(10deg)}.landmark-slot{margin-left:4px}.field-section{gap:3px;padding:.2vh 6px}.field-rows{gap:0}.field-divider{height:1px}.player-bar{padding:.4vh 8px}.player-avatar{width:24px;height:24px;font-size:.7rem}.player-name{font-size:.7rem}.player-region-label{font-size:.55rem}.player-identity{gap:6px}.lp-bar-wrapper{width:80px;height:14px}.lp-text{font-size:.65rem;min-width:40px}.mana-display{gap:4px}.mana-number{padding:2px 5px}.mana-value{font-size:.7rem}.mana-label{font-size:.5rem}.mana-icon{font-size:.6rem}.phase-bar{padding:3px 0;gap:2px}.phase-step{font-size:.45rem;padding:2px 6px;letter-spacing:.5px}.phase-menu-btn{font-size:.45rem;padding:2px 8px;margin-left:6px}.card-stats-overlay{padding:1px 3px}.card-name-small{font-size:.35rem;max-width:30px}.card-atk,.card-def{font-size:.4rem}.card-cost-badge{width:14px;height:14px;font-size:.4rem;top:2px;left:2px}.stat-token{font-size:.4rem;padding:1px 3px;bottom:2px}.stat-token.atk-token{left:2px}.stat-token.def-token,.game-card.defense-position .stat-token.def-token{left:22px}.deck-pile,.graveyard-pile{font-size:.5rem}.side-zone{min-width:var(--slot-w)}.zone-count{font-size:.45rem}.action-panel{bottom:auto;top:50%;right:4px;transform:translateY(-50%)}.action-btn{font-size:.55rem;padding:5px 10px;letter-spacing:0}.event-log{display:none}.card-action-menu{min-width:120px}.card-action-option{padding:6px 10px;font-size:.7rem;gap:6px}.card-zoom-image{width:220px}.placement-instruction{font-size:.8rem;padding:8px 16px}.floating-number{font-size:.9rem}.menu-btn{padding:10px 28px;font-size:.85rem;letter-spacing:1px}.menu-title{font-size:clamp(1.4rem,5vw,2.5rem);letter-spacing:1px}.menu-subtitle{font-size:clamp(.6rem,2vw,.9rem);letter-spacing:3px;margin-bottom:24px}.menu-buttons{gap:10px}.region-grid{gap:10px;max-width:400px}.region-card{padding:14px 16px}.region-card h3{font-size:1rem}.region-card p{font-size:.65rem}.region-select h2{font-size:1.2rem;margin-bottom:8px}.region-select .player-label{font-size:.8rem;margin-bottom:16px}.mulligan-screen h2{font-size:1.2rem}.mulligan-cards{gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.choice-dialog{min-width:260px;max-width:90vw;padding:16px}.response-card-dialog{max-width:90vw}.response-card-wrapper{width:100px;padding:6px}.response-card-img-wrap{width:80px;height:112px}.turn-transition h2{font-size:1.4rem}.turn-transition .start-btn{font-size:.85rem;padding:10px 30px}.game-over h1{font-size:2rem}.game-over h2{font-size:1rem;margin-bottom:24px}.global-menu-btn{top:8px;right:8px;font-size:.55rem;padding:4px 10px}}@media(max-width:480px){:root{--card-w: min(48px, 9vh);--card-h: min(67px, 12vh);--hand-card-w: min(42px, 8vh);--hand-card-h: min(59px, 10.5vh);--slot-w: min(52px, 9.5vh);--slot-h: min(73px, 12vh);--landmark-w: min(64px, 11vh);--landmark-h: min(96px, 16vh)}.hand-container{padding:.1vh 4px .3vh}.hand-cards .hand-card:nth-child(1){transform:rotate(-6deg);margin-right:-6px}.hand-cards .hand-card:nth-child(2){transform:rotate(-4deg);margin-right:-6px}.hand-cards .hand-card:nth-child(3){transform:rotate(-2deg);margin-right:-6px}.hand-cards .hand-card:nth-child(4){transform:rotate(0);margin-right:-6px}.hand-cards .hand-card:nth-child(5){transform:rotate(2deg);margin-right:-6px}.hand-cards .hand-card:nth-child(6){transform:rotate(4deg);margin-right:-6px}.hand-cards .hand-card:nth-child(7){transform:rotate(6deg);margin-right:-6px}.hand-cards .hand-card:nth-child(8){transform:rotate(8deg)}.landmark-slot{margin-left:2px}.player-bar{padding:.3vh 6px}.player-avatar{width:20px;height:20px;font-size:.55rem}.player-name{font-size:.6rem}.player-region-label{font-size:.45rem}.player-identity{gap:4px}.lp-bar-wrapper{width:60px;height:10px}.lp-text{font-size:.55rem;min-width:30px}.mana-number{padding:1px 3px}.mana-value{font-size:.55rem}.mana-label{display:none}.mana-icon{font-size:.5rem}.phase-step{font-size:.38rem;padding:1px 4px}.phase-menu-btn{font-size:.38rem;padding:1px 6px}.deck-pile,.graveyard-pile{font-size:.4rem}.side-zone{min-width:var(--slot-w)}.card-cost-badge{width:12px;height:12px;font-size:.35rem}.stat-token{font-size:.32rem;padding:0 2px}.stat-token.def-token,.game-card.defense-position .stat-token.def-token{left:18px}.card-name-small{font-size:.3rem;max-width:22px}.card-atk,.card-def{font-size:.32rem}.action-btn{font-size:.45rem;padding:3px 6px}.card-zoom-image{width:180px}.menu-btn{padding:8px 20px;font-size:.75rem}.region-grid{grid-template-columns:repeat(2,1fr);gap:8px;max-width:300px}.region-card{padding:10px}.region-card h3{font-size:.85rem}.region-card p{font-size:.55rem;line-height:1.2}.mulligan-cards .game-card{width:48px;height:67px}.choice-dialog{min-width:220px;padding:12px}.choice-dialog h3{font-size:.85rem}.choice-option{padding:8px 10px;font-size:.7rem}.game-over h1{font-size:1.5rem}.game-over h2{font-size:.85rem}.turn-transition h2{font-size:1.1rem}.turn-transition .start-btn{font-size:.75rem;padding:8px 24px}}.menu-btn.campaign-glow{background:linear-gradient(135deg,#ffd54f1f,#ef535014);border-color:#ffd54f40;position:relative;overflow:hidden}.menu-btn.campaign-glow:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0%,rgba(255,213,79,.1) 25%,transparent 50%,rgba(239,83,80,.1) 75%,transparent 100%);animation:campaign-btn-rotate 6s linear infinite}@keyframes campaign-btn-rotate{to{transform:rotate(360deg)}}.campaign-map{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,#14172a,#0a0c14);overflow-y:auto;z-index:100}.campaign-map:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(../Background.png) center / cover no-repeat;opacity:.06;pointer-events:none}.campaign-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;position:relative;z-index:1}.campaign-title-wrap{text-align:center}.campaign-title{font-family:Cinzel,serif;font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(--gold),#fff8e1,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(255,213,79,.3));letter-spacing:3px}.campaign-subtitle{font-family:Cinzel,serif;font-size:.85rem;color:var(--text-secondary);letter-spacing:2px;margin-top:4px}.campaign-back-btn,.campaign-reset-btn{font-family:Cinzel,serif;font-size:.8rem;font-weight:600;color:var(--text-secondary);background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:8px 20px;cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.campaign-back-btn:hover,.campaign-reset-btn:hover{color:var(--text-primary);border-color:var(--gold)}.campaign-reset-btn{color:var(--lp-red)}.campaign-reset-btn:hover{border-color:var(--lp-red)}.campaign-progress-bar{height:4px;background:#ffffff0d;position:relative;z-index:1}.campaign-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),#ffb74d);border-radius:2px;transition:width .5s ease;box-shadow:0 0 12px #ffd54f66}.campaign-fronts{display:flex;flex-direction:column;gap:32px;padding:32px 48px;position:relative;z-index:1}.campaign-front{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid var(--glass-border);padding:24px}.front-title{font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;letter-spacing:2px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--glass-border)}.front-title.north{color:var(--north-primary)}.front-title.east{color:var(--east-primary)}.front-title.south{color:var(--south-primary)}.front-title.west{color:var(--west-primary)}.front-title.finale{color:var(--finale-primary);text-shadow:0 0 12px var(--finale-glow)}.stage-nodes{display:flex;align-items:center;gap:0}.stage-node{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);border:1.5px solid var(--glass-border);background:#0003;transition:all var(--transition-normal);cursor:default;flex:1;min-width:0}.stage-node.unlocked{cursor:pointer;border-color:#ffd54f4d;background:#ffd54f0a}.stage-node.unlocked:hover{transform:translateY(-3px);box-shadow:0 4px 20px #ffd54f26;border-color:var(--gold)}.stage-node.completed{border-color:#66bb6a4d;background:#66bb6a0a}.stage-node.locked{opacity:.4}.stage-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-weight:700;font-size:1rem;flex-shrink:0;border:2px solid var(--glass-border);background:#0000004d}.stage-node.unlocked .stage-icon{border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px #ffd54f33}.stage-node.completed .stage-icon{border-color:var(--lp-green);background:#66bb6a26;color:var(--lp-green);font-size:1.2rem}.stage-node.north.completed .stage-icon{border-color:var(--north-primary);background:#4fc3f726;color:var(--north-primary)}.stage-node.east.completed .stage-icon{border-color:var(--east-primary);background:#66bb6a26;color:var(--east-primary)}.stage-node.south.completed .stage-icon{border-color:var(--south-primary);background:#ef535026;color:var(--south-primary)}.stage-node.west.completed .stage-icon{border-color:var(--west-primary);background:#ffb74d26;color:var(--west-primary)}.stage-node.finale.completed .stage-icon{border-color:var(--finale-primary);background:#ffd54f26;color:var(--finale-primary)}.stage-info{display:flex;flex-direction:column;gap:2px;min-width:0}.stage-name{font-family:Cinzel,serif;font-weight:600;font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-opponent{font-size:.7rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-stat{font-family:Orbitron,monospace;font-size:.6rem;color:var(--text-muted)}.stage-connector{width:24px;height:2px;background:var(--glass-border);flex-shrink:0}.stage-connector.completed{background:linear-gradient(90deg,var(--lp-green),var(--gold));box-shadow:0 0 8px #66bb6a4d}.stage-connector.active{background:linear-gradient(90deg,var(--gold),var(--glass-border));animation:connector-pulse 2s ease infinite}@keyframes connector-pulse{0%,to{opacity:.6}50%{opacity:1}}.difficulty-badge{font-family:Orbitron,monospace;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:2px 8px;border-radius:20px;display:inline-block;width:fit-content}.difficulty-badge.easy{color:#66bb6a;background:#66bb6a1f;border:1px solid rgba(102,187,106,.25)}.difficulty-badge.medium{color:#ffb74d;background:#ffb74d1f;border:1px solid rgba(255,183,77,.25)}.difficulty-badge.hard{color:#ef5350;background:#ef53501f;border:1px solid rgba(239,83,80,.25)}.campaign-victory-banner{text-align:center;padding:32px;margin:0 48px 32px;background:linear-gradient(135deg,#ffd54f14,#ffb74d0a);border:1px solid rgba(255,213,79,.3);border-radius:var(--radius-lg);position:relative;z-index:1}.campaign-victory-banner h2{font-family:Cinzel,serif;font-size:1.6rem;background:linear-gradient(135deg,var(--gold),#fff8e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.campaign-victory-banner p{color:var(--text-secondary);font-size:.9rem;margin-top:8px}.pre-battle-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;background:radial-gradient(ellipse at center,#14172a,#0a0c14)}.pre-battle-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;filter:blur(3px)}.pre-battle-bg.north{background:var(--north-bg)}.pre-battle-bg.east{background:var(--east-bg)}.pre-battle-bg.south{background:var(--south-bg)}.pre-battle-bg.west{background:var(--west-bg)}.pre-battle-bg.finale{background:var(--finale-bg)}.pre-battle-content{position:relative;z-index:1;text-align:center;max-width:600px;width:100%}.pre-battle-stage-info{margin-bottom:40px}.pre-battle-stage-info h3{font-family:Cinzel,serif;font-size:1.6rem;color:var(--gold);margin-top:12px}.pre-battle-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-top:8px}.pre-battle-versus{display:flex;align-items:center;justify-content:center;gap:40px;margin-bottom:48px}.pre-battle-player{display:flex;flex-direction:column;align-items:center;gap:8px}.pre-battle-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-weight:700;font-size:1.2rem;color:#fff;border:3px solid var(--glass-border)}.pre-battle-avatar.north{background:linear-gradient(135deg,#1565c0,#4fc3f7);border-color:var(--north-primary)}.pre-battle-avatar.east{background:linear-gradient(135deg,#2e7d32,#66bb6a);border-color:var(--east-primary)}.pre-battle-avatar.south{background:linear-gradient(135deg,#c62828,#ef5350);border-color:var(--south-primary)}.pre-battle-avatar.west{background:linear-gradient(135deg,#e65100,#ffb74d);border-color:var(--west-primary)}.pre-battle-avatar.finale{background:linear-gradient(135deg,#c68200,#ffd54f);border-color:var(--finale-primary)}.pre-battle-name{font-family:Cinzel,serif;font-weight:600;font-size:.9rem;color:var(--text-primary)}.pre-battle-lp{font-family:Orbitron,monospace;font-size:.8rem;color:var(--text-secondary)}.pre-battle-vs{font-family:Cinzel,serif;font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(--lp-red),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(239,83,80,.3))}.pre-battle-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.post-battle-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;background:radial-gradient(ellipse at center,#14172a,#0a0c14)}.post-battle-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(../Background.png) center / cover no-repeat;opacity:.06;pointer-events:none}.post-battle-content{position:relative;z-index:1;text-align:center;max-width:500px}.post-battle-title{font-family:Cinzel,serif;font-size:2.5rem;font-weight:900;margin-bottom:8px;animation:post-battle-title-in .6s ease-out}.post-battle-screen.victory .post-battle-title{background:linear-gradient(135deg,var(--gold),#fff8e1,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 16px rgba(255,213,79,.4))}.post-battle-screen.defeat .post-battle-title{background:linear-gradient(135deg,var(--lp-red),#ff8a80,var(--lp-red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 16px rgba(239,83,80,.4))}@keyframes post-battle-title-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.post-battle-stage{font-family:Cinzel,serif;font-size:1.2rem;color:var(--text-secondary);margin-bottom:4px}.post-battle-opponent{color:var(--text-muted);font-size:.85rem;margin-bottom:24px}.post-battle-stats{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.stat-card{background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:16px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:4px;min-width:120px}.stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.stat-value{font-family:Orbitron,monospace;font-size:1.4rem;font-weight:700;color:var(--gold)}.post-battle-reward{font-family:Cinzel,serif;font-size:.9rem;color:var(--lp-green);margin-bottom:32px;padding:10px 20px;background:#66bb6a14;border:1px solid rgba(102,187,106,.2);border-radius:var(--radius-sm);display:inline-block}.post-battle-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.ai-thinking{color:var(--text-secondary);font-size:.9rem;margin-bottom:8px}.ai-thinking-dots{display:flex;justify-content:center;gap:4px}.ai-thinking-dots span{color:var(--gold);font-size:2rem;animation:ai-dot-bounce 1.4s ease-in-out infinite}.ai-thinking-dots span:nth-child(1){animation-delay:0s}.ai-thinking-dots span:nth-child(2){animation-delay:.2s}.ai-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes ai-dot-bounce{0%,80%,to{transform:translateY(0);opacity:.3}40%{transform:translateY(-12px);opacity:1}}.board-multi{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.board-multi:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(../Background.png) center / cover no-repeat;opacity:.08;pointer-events:none}.multi-top{position:relative;z-index:5}.multi-middle{display:flex;flex:1;min-height:0;position:relative;z-index:5}.multi-center{flex:1;display:flex;flex-direction:column;min-width:0}.multi-side{width:200px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);background:#00000026;position:relative;z-index:5}.multi-side.left{border-right:1px solid var(--glass-border);border-left:none}.multi-side.right{border-left:1px solid var(--glass-border);border-right:none}.multi-bottom{position:relative;z-index:15}.compact-opponent{display:flex;flex-direction:column;gap:8px;padding:12px;width:100%}.compact-opponent.eliminated{opacity:.4;filter:grayscale(.6)}.compact-header{display:flex;align-items:center;gap:8px}.compact-lp{display:flex;align-items:center;gap:6px}.compact-mana{display:flex;gap:8px}.compact-units{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.compact-card{cursor:pointer}.compact-slot{border:1px dashed var(--glass-border)}.compact-landmark{margin-top:4px}.field-rows.compact{gap:0}.field-rows.compact .field-section{padding:3px 10px}.field-rows.compact .card-slot,.field-rows.compact .game-card{width:85px;height:119px}.field-landmark-col.compact .landmark-slot{width:130px;height:180px}.war-campaign-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0c14f2;z-index:100;padding:40px;text-align:center;overflow-y:auto}.wc-header{margin-bottom:32px}.wc-title{font-family:Cinzel,serif;font-size:3rem;color:var(--text-primary);margin-bottom:8px;text-shadow:0 0 15px rgba(255,213,79,.3)}.wc-desc{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.wc-standings{background:#0006;border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:500px;margin-bottom:32px}.wc-standings h3{font-family:Cinzel,serif;margin-bottom:16px;color:var(--gold);border-bottom:1px dashed var(--glass-border);padding-bottom:8px}.wc-standings-list{display:flex;flex-direction:column;gap:12px}.wc-standing-row{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:var(--radius-md);transition:all var(--transition-fast)}.wc-standing-row.leading{background:#ffd54f1a;border:1px solid rgba(255,213,79,.3)}.wc-rank{font-weight:700;font-size:1.2rem;color:var(--text-muted);width:24px}.wc-standing-row.leading .wc-rank{color:var(--gold)}.wc-player-name{flex:1;text-align:left;font-weight:500}.wc-vp{font-family:Orbitron,monospace;font-size:1.2rem;color:var(--mana-blue);font-weight:700}.wc-round-info{display:flex;gap:24px;margin-bottom:32px}.wc-info-item{display:flex;flex-direction:column;align-items:center;background:#0006;padding:16px 24px;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.wc-info-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.wc-info-value{font-family:Orbitron,monospace;font-size:1.5rem;color:var(--text-primary);font-weight:700}.wc-landmark-placement{max-width:500px;margin-bottom:24px;padding:16px;background:#ffd54f0d;border:1px dashed rgba(255,213,79,.3);border-radius:var(--radius-md)}.wc-landmark-placement h3{color:var(--gold);margin-bottom:8px;font-family:Cinzel,serif}.deck-builder{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-dark);color:var(--text-primary);display:flex;flex-direction:column;padding:32px 48px;z-index:100;overflow-y:auto;overflow-x:hidden}.deck-builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--glass-border)}.deck-builder-header h2{font-family:Cinzel,serif;font-size:2rem;margin:0}.deck-builder-counter{font-family:Orbitron,monospace;font-size:1.2rem;background:#00000080;padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.deck-count{color:var(--mana-blue);font-weight:700}.deck-builder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:60px 60px 60px 0;margin:-60px -60px 24px 0}.deck-builder-grid::-webkit-scrollbar{width:8px}.deck-builder-grid::-webkit-scrollbar-track{background:#0003;border-radius:4px}.deck-builder-grid::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.draft-card{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-fast);background:#141822cc;border:2px solid transparent;display:flex;flex-direction:column}.draft-card:hover:not(.disabled){transform:scale(1.8);z-index:10;box-shadow:var(--shadow-lg),0 0 40px #000000b3;border-color:#ffffff4d}.draft-card.selected{border-color:var(--mana-blue);box-shadow:0 0 15px #4fc3f74d}.draft-card.removed{border-color:var(--lp-red);opacity:.6;filter:grayscale(.5)}.draft-card.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.8)}.draft-card-img{width:100%;aspect-ratio:1 / 1.4;object-fit:contain;background:#00000080;border-bottom:1px solid var(--glass-border)}.draft-card-info{padding:6px;flex:1;display:flex;flex-direction:column}.draft-card-name{font-weight:700;font-size:.7rem;margin-bottom:2px}.draft-card-type{font-size:.6rem;color:var(--text-muted);margin-bottom:4px}.draft-card-stats{margin-top:auto;display:flex;justify-content:space-between;font-family:Orbitron,monospace;font-size:.6rem;color:var(--mana-blue)}.draft-check{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#000c;border:2px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--mana-blue);font-weight:700}.deck-builder-actions{display:flex;justify-content:center;padding-top:16px;border-top:1px solid var(--glass-border)}.draft-region-section{margin-bottom:16px}.draft-region-section.region-locked{opacity:.4;pointer-events:none}.draft-region-title{font-family:Cinzel,serif;font-size:1rem;font-weight:700;margin:12px 0 8px;padding:4px 12px;border-radius:var(--radius-sm);background:#ffffff0a;border-left:3px solid var(--glass-border)}.draft-region-title.north{border-left-color:var(--north-primary);color:var(--north-primary)}.draft-region-title.east{border-left-color:var(--east-primary);color:var(--east-primary)}.draft-region-title.south{border-left-color:var(--south-primary);color:var(--south-primary)}.draft-region-title.west{border-left-color:var(--west-primary);color:var(--west-primary)}.menu-btn.tutorial-glow{background:linear-gradient(135deg,#4fc3f71f,#ba68c814);border-color:#4fc3f74d}.menu-btn.tutorial-glow:hover{border-color:var(--mana-blue);box-shadow:0 0 30px #4fc3f733,var(--shadow-md)}.tutorial-hub{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1d2e,#0a0c14);z-index:100;padding:40px}.tutorial-hub:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(../Background.png) center / cover no-repeat;opacity:.1;filter:blur(3px)}.tutorial-hub-title{font-family:Cinzel,serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:800;background:linear-gradient(135deg,var(--mana-blue),var(--mana-purple),var(--mana-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(79,195,247,.3));letter-spacing:2px;margin-bottom:8px;position:relative;z-index:1}.tutorial-hub-subtitle{font-family:Inter,sans-serif;font-size:1rem;color:var(--text-secondary);margin-bottom:40px;position:relative;z-index:1}.tutorial-mode-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;position:relative;z-index:1;max-width:900px}.tutorial-mode-card{width:160px;padding:24px 16px;border-radius:var(--radius-lg);border:2px solid var(--glass-border);background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:all var(--transition-normal);text-align:center;position:relative;overflow:hidden}.tutorial-mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.03));opacity:0;transition:opacity var(--transition-fast)}.tutorial-mode-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.tutorial-mode-card:hover:before{opacity:1}.tutorial-mode-card.regional:hover{border-color:var(--south-primary);box-shadow:0 0 30px var(--south-glow),var(--shadow-lg)}.tutorial-mode-card.campaign:hover{border-color:var(--gold);box-shadow:0 0 30px #ffd54f40,var(--shadow-lg)}.tutorial-mode-icon{font-size:2.5rem;margin-bottom:12px}.tutorial-mode-card h3{font-family:Cinzel,serif;font-size:1.3rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.tutorial-mode-card.regional h3{color:var(--south-primary)}.tutorial-mode-card.campaign h3{color:var(--gold)}.tutorial-mode-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.tutorial-slide-count{font-family:Orbitron,monospace;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.tutorial-viewer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,#1a1d2e,#0a0c14);z-index:100}.tutorial-viewer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(../Background.png) center / cover no-repeat;opacity:.06;pointer-events:none}.tutorial-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#0006;border-bottom:1px solid var(--glass-border);position:relative;z-index:1}.tutorial-back-btn{font-family:Inter,sans-serif;font-size:.85rem;color:var(--text-secondary);background:none;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:6px 16px;cursor:pointer;transition:all var(--transition-fast)}.tutorial-back-btn:hover{color:var(--text-primary);border-color:var(--gold)}.tutorial-section-label{font-family:Cinzel,serif;font-size:.9rem;color:var(--gold);letter-spacing:2px;text-transform:uppercase}.tutorial-progress-text{font-family:Orbitron,monospace;font-size:.75rem;color:var(--text-muted)}.tutorial-slide{flex:1;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:32px 48px 24px;position:relative;z-index:1}.tutorial-slide-title{font-family:Cinzel,serif;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:var(--gold);margin-bottom:24px;text-align:center;letter-spacing:1px}.tutorial-slide-content{max-width:800px;width:100%;font-size:.95rem;line-height:1.7;color:var(--text-primary)}.tutorial-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#00000080;border-top:1px solid var(--glass-border);position:relative;z-index:1}.tutorial-nav-btn{font-family:Cinzel,serif;font-size:.95rem;font-weight:600;color:var(--text-primary);background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:10px 28px;cursor:pointer;transition:all var(--transition-fast);min-width:120px}.tutorial-nav-btn:hover:not(.disabled){border-color:var(--gold);box-shadow:0 0 15px #ffd54f26;transform:translateY(-1px)}.tutorial-nav-btn.disabled{opacity:.3;pointer-events:none}.tutorial-nav-btn.primary{background:linear-gradient(135deg,#ffd54f26,#ffb74d14);border-color:#ffd54f4d}.tutorial-nav-btn.finish{background:linear-gradient(135deg,#66bb6a33,#4caf501a);border-color:#66bb6a66;color:var(--lp-green)}.tutorial-dots{display:flex;gap:8px;align-items:center}.tutorial-dot{width:10px;height:10px;border-radius:50%;background:#ffffff26;cursor:pointer;transition:all var(--transition-fast)}.tutorial-dot:hover{background:#ffffff59;transform:scale(1.2)}.tutorial-dot.active{background:var(--gold);box-shadow:0 0 8px #ffd54f80;transform:scale(1.3)}.tutorial-dot.completed{background:#ffd54f66}.tut-block{width:100%}.tut-block p{margin-bottom:16px;color:var(--text-secondary)}.tut-block strong{color:var(--text-primary)}.tut-icon{font-size:1.4rem;flex-shrink:0;margin-top:2px}.tut-keyword{font-weight:700}.tut-step{display:flex;align-items:flex-start;gap:14px;padding:12px 16px;background:#ffffff08;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.tut-step-num{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;color:var(--gold);min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffd54f1a;border-radius:50%;flex-shrink:0}.tut-step strong{display:block;margin-bottom:4px;font-size:.95rem}.tut-step p{margin:0;font-size:.85rem;color:var(--text-secondary)}.tut-region-item{padding:16px;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.tut-region-item.north{background:linear-gradient(135deg,rgba(79,195,247,.08),transparent);border-color:#4fc3f733}.tut-region-item.east{background:linear-gradient(135deg,rgba(102,187,106,.08),transparent);border-color:#66bb6a33}.tut-region-item.south{background:linear-gradient(135deg,rgba(239,83,80,.08),transparent);border-color:#ef535033}.tut-region-item.west{background:linear-gradient(135deg,rgba(255,183,77,.08),transparent);border-color:#ffb74d33}.tut-region-item h4{font-family:Cinzel,serif;font-size:1rem;margin-bottom:4px}.tut-region-item p{font-size:.8rem;margin:0;color:var(--text-secondary);line-height:1.4}.tut-board-diagram{display:flex;flex-direction:column;gap:8px;margin:16px 0;padding:20px;background:#0000004d;border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.tut-board-zones-row{display:flex;justify-content:center;gap:8px}.tut-board-zones-row.side{gap:24px;margin-top:8px}.tut-board-zone{padding:12px 20px;border-radius:var(--radius-sm);border:1px dashed var(--glass-border);text-align:center;font-family:Cinzel,serif;font-size:.85rem;font-weight:600}.tut-board-zone span{display:block;font-family:Inter,sans-serif;font-size:.7rem;font-weight:400;color:var(--text-muted);margin-top:4px}.tut-board-zone.landmark{background:#ffd54f14;border-color:#ffd54f40;color:var(--gold);align-self:center}.tut-board-zone.unit{background:#ef53500f;border-color:#ef535033;color:var(--atk-color);flex:1}.tut-board-zone.spelltrap{background:#ba68c80f;border-color:#ba68c833;color:var(--mana-purple);flex:1}.tut-board-zone.deck{background:#3f51b514;border-color:#3f51b540;color:var(--mana-blue)}.tut-board-zone.grave{background:#64647814;border-color:#64647840;color:var(--text-muted)}.tut-phase-flow{display:flex;align-items:flex-start;gap:4px;margin:16px 0;overflow-x:auto;padding:8px 0}.tut-phase{flex:1;min-width:120px;padding:12px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--glass-border);text-align:center}.tut-phase.active{border-color:#ffd54f4d;background:#ffd54f0f}.tut-phase-icon{display:block;font-size:1.3rem;margin-bottom:6px}.tut-phase strong{font-family:Cinzel,serif;font-size:.8rem;display:block;margin-bottom:4px;color:var(--text-primary)}.tut-phase p{font-size:.72rem;margin:0;color:var(--text-muted);line-height:1.3}.tut-phase-arrow{display:flex;align-items:center;color:var(--text-muted);font-size:.9rem;padding-top:24px}.tut-mana-display{display:flex;flex-direction:column;gap:12px;margin:16px 0}.tut-mana-type{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.tut-mana-type.primary{background:#4fc3f70f;border-color:#4fc3f733}.tut-mana-type.spell{background:#ba68c80f;border-color:#ba68c833}.tut-mana-icon{font-size:1.5rem;flex-shrink:0}.tut-mana-type strong{display:block;margin-bottom:4px}.tut-mana-type.primary strong{color:var(--mana-blue)}.tut-mana-type.spell strong{color:var(--mana-purple)}.tut-mana-type p{margin:0 0 4px;font-size:.85rem}.tut-stats-display{display:flex;gap:16px;margin:16px 0}.tut-stat{flex:1;padding:16px;border-radius:var(--radius-md);border:1px solid var(--glass-border);text-align:center}.tut-stat.atk{background:#ff6b6b0f;border-color:#ff6b6b33}.tut-stat.def{background:#4fc3f70f;border-color:#4fc3f733}.tut-stat span{font-family:Orbitron,monospace;font-size:1.1rem;font-weight:700;display:block;margin-bottom:6px}.tut-stat.atk span{color:var(--atk-color)}.tut-stat.def span{color:var(--def-color)}.tut-stat p{font-size:.8rem;margin:0;color:var(--text-secondary)}.tut-card-types{display:flex;flex-direction:column;gap:12px;margin:16px 0}.tut-card-type{padding:14px 18px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--glass-border)}.tut-card-type h4{font-family:Cinzel,serif;font-size:.95rem;margin-bottom:4px;color:var(--gold)}.tut-card-type p{font-size:.85rem;margin:0;color:var(--text-secondary);line-height:1.5}.tut-combat-table{margin:16px 0;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.tut-combat-table table{width:100%;border-collapse:collapse}.tut-combat-table th{font-family:Cinzel,serif;font-size:.85rem;color:var(--gold);background:#ffd54f14;padding:10px 16px;text-align:left;border-bottom:1px solid var(--glass-border)}.tut-combat-table td{font-size:.85rem;padding:10px 16px;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.04)}.tut-combat-table tr:last-child td{border-bottom:none}.tut-combat-table tr:hover td{background:#ffffff05}.tut-tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.tut-tip-card{padding:16px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--glass-border);text-align:center;transition:all var(--transition-fast)}.tut-tip-card:hover{border-color:#ffd54f33;background:#ffd54f08;transform:translateY(-2px)}.tut-tip-icon{font-size:1.5rem;display:block;margin-bottom:8px}.tut-tip-card strong{font-family:Cinzel,serif;font-size:.85rem;display:block;margin-bottom:6px;color:var(--text-primary)}.tut-tip-card p{font-size:.78rem;margin:0;color:var(--text-secondary);line-height:1.4}.tut-campaign-map{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.tut-map-region{padding:16px;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.tut-map-region.north{background:linear-gradient(135deg,rgba(79,195,247,.08),transparent);border-color:#4fc3f733}.tut-map-region.east{background:linear-gradient(135deg,rgba(102,187,106,.08),transparent);border-color:#66bb6a33}.tut-map-region.south{background:linear-gradient(135deg,rgba(239,83,80,.08),transparent);border-color:#ef535033}.tut-map-region.west{background:linear-gradient(135deg,rgba(255,183,77,.08),transparent);border-color:#ffb74d33}.tut-map-region h4{font-family:Cinzel,serif;font-size:.9rem;margin-bottom:8px}.tut-map-region.north h4{color:var(--north-primary)}.tut-map-region.east h4{color:var(--east-primary)}.tut-map-region.south h4{color:var(--south-primary)}.tut-map-region.west h4{color:var(--west-primary)}.tut-map-stages{display:flex;gap:8px}.tut-map-stage{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;background:#ffffff0f;border:1px solid var(--glass-border);color:var(--text-secondary)}.tut-map-stage.boss{background:#ffd54f1a;border-color:#ffd54f4d;color:var(--gold);font-size:.6rem;width:44px}.tut-draft-diagram{margin:16px 0}.tut-draft-round{padding:16px 20px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--glass-border)}.tut-draft-round h4{font-family:Cinzel,serif;font-size:.95rem;color:var(--gold);margin-bottom:12px}.tut-draft-steps{display:flex;flex-direction:column;gap:8px}.tut-draft-pick{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);background:#0003;font-size:.85rem;color:var(--text-secondary)}.tut-draft-pick.mid{justify-content:center;color:var(--text-muted);font-style:italic;font-size:.8rem}.tut-pick-label{font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:4px;min-width:36px;text-align:center}.tut-pick-label.p1{background:#4fc3f733;color:var(--mana-blue)}.tut-pick-label.p2{background:#ef535033;color:var(--south-primary)}.tut-pick-region{font-weight:600;color:var(--text-primary)}.tutorial-mode-card.card-types:hover{border-color:var(--mana-purple);box-shadow:0 0 30px #ba68c840,var(--shadow-lg)}.tutorial-mode-card.card-types h3{color:var(--mana-purple)}.tutorial-mode-card.mana:hover{border-color:var(--mana-blue);box-shadow:0 0 30px #4fc3f740,var(--shadow-lg)}.tutorial-mode-card.mana h3{color:var(--mana-blue)}.tutorial-mode-card.combat:hover{border-color:var(--atk-color);box-shadow:0 0 30px #ff6b6b40,var(--shadow-lg)}.tutorial-mode-card.combat h3{color:var(--atk-color)}.tut-phase-click{cursor:pointer;transition:all var(--transition-fast)}.tut-phase-click:hover{border-color:#ffd54f4d;background:#ffd54f0a;transform:translateY(-2px)}.tut-phase-detail{margin-top:16px;padding:16px 20px;border-radius:var(--radius-md);background:#ffd54f0a;border:1px solid rgba(255,213,79,.12);min-height:60px}.tut-phase-detail p{margin:0;font-size:.9rem;line-height:1.6}.tut-interactive-demo{margin:20px 0;padding:20px;border-radius:var(--radius-lg);background:#0000004d;border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast)}.tut-interactive-demo:hover{border-color:#ffd54f33;box-shadow:0 0 20px #ffd54f0d}.tut-demo-label{font-size:.8rem!important;color:var(--gold)!important;text-align:center;margin-bottom:12px!important;letter-spacing:.5px}.tut-demo-btn{font-family:Cinzel,serif;font-size:.85rem;font-weight:600;color:var(--text-primary);background:linear-gradient(135deg,#ffd54f26,#ffb74d14);border:1px solid rgba(255,213,79,.3);border-radius:var(--radius-sm);padding:8px 20px;cursor:pointer;transition:all var(--transition-fast)}.tut-demo-btn:hover{border-color:var(--gold);box-shadow:0 0 15px #ffd54f33;transform:translateY(-1px)}.tut-lp-demo{display:flex;align-items:center;gap:16px;justify-content:center}.tut-lp-bar-track{width:300px;height:24px;background:#00000080;border-radius:12px;overflow:hidden;border:1px solid var(--glass-border)}.tut-lp-bar-fill{height:100%;background:linear-gradient(90deg,#43a047,#66bb6a);border-radius:12px;transition:width .4s ease;box-shadow:0 0 10px #66bb6a66}.tut-lp-bar-fill.tut-damage-flash{background:linear-gradient(90deg,#c62828,#ef5350)!important}.tut-lp-text{font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;color:var(--lp-green);min-width:120px}.tut-mock-card{padding:16px;border-radius:var(--radius-md);background:#1a1d2ee6;border:2px solid var(--glass-border);text-align:center;min-width:120px}.tut-mock-card-name{font-family:Cinzel,serif;font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.tut-mock-card-stats{display:flex;justify-content:space-between;gap:8px}.tut-mock-atk{font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;color:var(--atk-color)}.tut-mock-def{font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;color:var(--def-color)}.tut-unit-demo{display:flex;align-items:center;justify-content:center;gap:24px}.tut-demo-status{font-size:.85rem;color:var(--text-secondary);min-width:200px}.tut-region-detail{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:0}.tut-region-hover:hover .tut-region-detail{max-height:60px;opacity:1}.tut-region-detail span{font-size:.7rem;padding:2px 8px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}.tut-position-demo{display:flex;align-items:stretch;gap:16px;margin:16px 0}.tut-pos-card{flex:1;padding:20px;border-radius:var(--radius-md);border:1px solid var(--glass-border);text-align:center}.tut-pos-card.atk-pos{background:#ff6b6b0f;border-color:#ff6b6b33}.tut-pos-card.def-pos{background:#4fc3f70f;border-color:#4fc3f733}.tut-pos-visual{font-size:2rem;margin-bottom:8px}.tut-pos-visual.sideways{display:inline-block;transform:rotate(90deg)}.tut-pos-card h4{font-family:Cinzel,serif;font-size:1rem;margin-bottom:6px}.tut-pos-card.atk-pos h4{color:var(--atk-color)}.tut-pos-card.def-pos h4{color:var(--def-color)}.tut-pos-card p{font-size:.82rem;margin:0 0 10px;color:var(--text-secondary);line-height:1.4}.tut-pos-vs{display:flex;align-items:center;font-family:Orbitron,monospace;font-weight:700;font-size:1.2rem;color:var(--text-muted)}.tut-pos-tag{font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:12px;display:inline-block}.tut-pos-tag.atk{background:#ff6b6b26;color:var(--atk-color)}.tut-pos-tag.def{background:#4fc3f726;color:var(--def-color)}.tut-spell-modes{display:flex;gap:16px;margin:16px 0}.tut-spell-mode{flex:1;border-radius:var(--radius-md);border:1px solid var(--glass-border);overflow:hidden}.tut-spell-mode-header{padding:10px 16px;font-family:Cinzel,serif;font-weight:700;font-size:.9rem;text-align:center}.tut-spell-mode-header.cast{background:#ba68c81f;color:var(--mana-purple);border-bottom:1px solid rgba(186,104,200,.2)}.tut-spell-mode-header.set{background:#6464781f;color:var(--text-secondary);border-bottom:1px solid rgba(100,100,120,.2)}.tut-spell-mode ul{list-style:none;padding:12px 16px}.tut-spell-mode li{font-size:.82rem;color:var(--text-secondary);padding:4px 0;line-height:1.4}.tut-spell-mode li:before{content:"•";color:var(--text-muted);margin-right:8px}.tut-flip-card-container{display:flex;justify-content:center;perspective:800px}.tut-flip-card{width:140px;height:190px;position:relative;transform-style:preserve-3d;transition:transform .6s ease;cursor:pointer}.tut-flip-card.flipped{transform:rotateY(180deg)}.tut-flip-front,.tut-flip-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;border:2px solid var(--glass-border)}.tut-flip-front{background:linear-gradient(135deg,#ba68c826,#1a1d2ef2);border-color:#ba68c84d}.tut-flip-front span{font-size:2rem;margin-bottom:8px}.tut-flip-front p{font-family:Cinzel,serif;font-size:.85rem;margin:0 0 4px;color:var(--mana-purple)}.tut-flip-front small{font-size:.7rem;color:var(--text-muted)}.tut-flip-back{background:linear-gradient(135deg,#323246e6,#1a1d2ef2);border-color:#6464784d;transform:rotateY(180deg)}.tut-flip-back span{font-size:2rem;margin-bottom:8px}.tut-flip-back p{font-family:Cinzel,serif;font-size:.85rem;margin:0 0 4px;color:var(--text-secondary)}.tut-flip-back small{font-size:.7rem;color:var(--text-muted)}.tut-combat-sim{display:flex;align-items:center;justify-content:center;gap:20px;margin:16px 0}.tut-combat-side{text-align:center}.tut-combat-side h4{font-family:Cinzel,serif;font-size:.8rem;margin-bottom:8px;color:var(--text-secondary)}.tut-combat-side.attacker h4{color:var(--lp-green)}.tut-combat-side.defender h4{color:var(--atk-color)}.tut-combat-middle{display:flex;flex-direction:column;align-items:center}.tut-sim-toggle{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:.75rem;color:var(--text-secondary)}.tut-sim-toggle label{cursor:pointer;display:flex;align-items:center;gap:4px}.tut-combat-result{margin-top:12px;padding:12px 16px;border-radius:var(--radius-md);background:#0000004d;border:1px solid var(--glass-border);font-size:.85rem;color:var(--text-secondary);text-align:center;min-height:40px}.tut-chain-diagram{display:flex;flex-direction:column;align-items:center;gap:4px;margin:16px 0}.tut-chain-step{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;border-radius:var(--radius-md);border:1px solid var(--glass-border);width:100%;max-width:500px}.tut-chain-step.trigger{background:#ffb74d0f;border-color:#ffb74d33}.tut-chain-step.response{background:#4fc3f70f;border-color:#4fc3f733}.tut-chain-step.counter{background:#ef53500f;border-color:#ef535033}.tut-chain-step.resolve{background:#66bb6a0f;border-color:#66bb6a33}.tut-chain-step span{font-size:1.2rem;flex-shrink:0}.tut-chain-step strong{display:block;margin-bottom:2px;font-size:.9rem}.tut-chain-step p{margin:0;font-size:.82rem;color:var(--text-secondary)}.tut-chain-arrow{color:var(--text-muted);font-size:1rem}.tut-mana-sim{display:flex;flex-direction:column;align-items:center;gap:12px}.tut-mana-crystals{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;min-height:32px}.tut-mana-crystal{font-size:1.3rem;animation:tut-crystal-pop .3s ease}@keyframes tut-crystal-pop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.tut-mana-info{display:flex;gap:20px;font-family:Orbitron,monospace;font-size:.85rem;color:var(--mana-blue)}.tut-token-gallery{margin-top:20px}.tut-token-gallery h4{font-family:Cinzel,serif;font-size:.95rem;color:var(--gold);margin-bottom:12px}.tut-token-list{display:flex;flex-direction:column;gap:10px}.tut-token-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.tut-token-item.north{background:#4fc3f70a;border-color:#4fc3f726}.tut-token-item.east{background:#66bb6a0a;border-color:#66bb6a26}.tut-token-item.south{background:#ef53500a;border-color:#ef535026}.tut-token-item.west{background:#ffb74d0a;border-color:#ffb74d26}.tut-token-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.tut-token-item strong{font-family:Cinzel,serif;font-size:.85rem;display:block;margin-bottom:2px}.tut-token-item p{font-size:.78rem;margin:0;color:var(--text-secondary);line-height:1.4}.tut-landmark-examples{margin-top:20px}.tut-landmark-examples h4{font-family:Cinzel,serif;font-size:.95rem;color:var(--gold);margin-bottom:4px}.tut-block{max-width:700px;margin:0 auto}.tut-hero-banner{position:relative;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:20px;height:180px}.tut-hero-banner.small{height:120px;margin-bottom:16px}.tut-hero-img{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.tut-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.tut-hero-overlay p{font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;color:var(--gold);text-shadow:0 2px 8px rgba(0,0,0,.8);text-align:center;margin:0}.tut-highlight-box{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-radius:var(--radius-md);background:#ffd54f0f;border:1px solid rgba(255,213,79,.15);margin:16px 0}.tut-highlight-box.tip{background:#4fc3f70f;border-color:#4fc3f726}.tut-icon{font-size:1.4rem;flex-shrink:0}.tut-keyword{font-weight:700;cursor:help}.tut-keyword.lp{color:var(--lp-green)}.tut-steps{display:flex;flex-direction:column;gap:12px;margin:16px 0}.tut-step{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--glass-border)}.tut-step-num{font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ffd54f26,#ffb74d14);border:1px solid rgba(255,213,79,.3);color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tut-step strong{display:block;margin-bottom:4px;font-size:.95rem;color:var(--text-primary)}.tut-step p{font-size:.85rem;margin:0;color:var(--text-secondary);line-height:1.4}.tut-showcase-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:16px 0}.tut-showcase-card{width:100px;border-radius:var(--radius-md);background:#1a1d2ee6;border:2px solid var(--glass-border);overflow:hidden;text-align:center;transition:all var(--transition-fast)}.tut-showcase-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000004d}.tut-showcase-card.north{border-color:#4fc3f740}.tut-showcase-card.east{border-color:#66bb6a40}.tut-showcase-card.south{border-color:#ef535040}.tut-showcase-card.west{border-color:#ffb74d40}.tut-showcase-card:hover.north{border-color:#4fc3f780;box-shadow:0 0 15px #4fc3f726}.tut-showcase-card:hover.east{border-color:#66bb6a80;box-shadow:0 0 15px #66bb6a26}.tut-showcase-card:hover.south{border-color:#ef535080;box-shadow:0 0 15px #ef535026}.tut-showcase-card:hover.west{border-color:#ffb74d80;box-shadow:0 0 15px #ffb74d26}.tut-showcase-label{padding:6px 4px;font-family:Cinzel,serif;font-size:.65rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tut-inline-cards{display:flex;gap:10px;margin-top:10px}.tut-region-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.tut-region-item{padding:14px;border-radius:var(--radius-md);border:1px solid var(--glass-border);transition:all var(--transition-fast)}.tut-region-item:hover{transform:translateY(-2px)}.tut-region-item.north{background:linear-gradient(135deg,rgba(79,195,247,.06),transparent);border-color:#4fc3f733}.tut-region-item.east{background:linear-gradient(135deg,rgba(102,187,106,.06),transparent);border-color:#66bb6a33}.tut-region-item.south{background:linear-gradient(135deg,rgba(239,83,80,.06),transparent);border-color:#ef535033}.tut-region-item.west{background:linear-gradient(135deg,rgba(255,183,77,.06),transparent);border-color:#ffb74d33}.tut-region-item h4{font-family:Cinzel,serif;font-size:.85rem;margin-bottom:6px}.tut-region-item.north h4{color:var(--north-primary)}.tut-region-item.east h4{color:var(--east-primary)}.tut-region-item.south h4{color:var(--south-primary)}.tut-region-item.west h4{color:var(--west-primary)}.tut-region-item p{font-size:.78rem;margin:0;color:var(--text-secondary);line-height:1.4}.tut-region-art{border-radius:var(--radius-sm);overflow:hidden;margin-bottom:8px}.tut-sim-card{display:flex;flex-direction:column;align-items:center;gap:6px}.tut-sim-stats{display:flex;gap:12px;font-family:Orbitron,monospace;font-size:.75rem;font-weight:700}.tut-token-art{border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.tut-landmark-gallery{margin-top:16px}.tut-flip-label{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-family:Cinzel,serif;font-size:.7rem;color:var(--text-muted);background:#0009;padding:2px 10px;border-radius:10px;white-space:nowrap}.tut-pos-art{border-radius:var(--radius-sm);overflow:hidden;margin-bottom:10px}.tut-pos-art.sideways{transform:rotate(90deg);width:80px;margin:20px auto}.duel-deck-builder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,#1a1d2e,#0a0c14);z-index:100;overflow-y:auto;overflow-x:hidden}.db-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);flex-shrink:0}.db-title{font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--gold),#fff8e1,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 6px rgba(255,213,79,.3));letter-spacing:2px}.db-back-btn{font-family:Cinzel,serif;font-size:.9rem;color:var(--text-secondary);background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:8px 16px;cursor:pointer;transition:all var(--transition-fast)}.db-back-btn:hover{background:#ffffff1a;color:var(--text-primary);border-color:var(--gold)}.db-header-actions{display:flex;gap:8px}.db-action-btn{font-family:Cinzel,serif;font-size:.8rem;color:var(--text-primary);background:#ffffff0f;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:8px 14px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.db-action-btn:hover{background:#ffffff1f;border-color:var(--gold);transform:translateY(-1px)}.db-save-btn{background:linear-gradient(135deg,#ffd54f26,#ffb74d14);border-color:#ffd54f4d}.db-save-btn:hover{box-shadow:0 0 12px #ffd54f33}.db-delete-btn{color:var(--lp-red);border-color:#ef53504d}.db-delete-btn:hover{background:#ef535026;border-color:var(--lp-red)}.db-body{display:flex;flex:1;overflow:hidden}.db-pool-section{flex:1;display:flex;flex-direction:column;padding:12px 16px;overflow:hidden}.db-search-row{margin-bottom:8px}.db-search-input{width:100%;padding:8px 14px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Inter,sans-serif;font-size:.85rem;outline:none;transition:border-color var(--transition-fast)}.db-search-input:focus{border-color:var(--gold);box-shadow:0 0 8px #ffd54f26}.db-search-input::placeholder{color:var(--text-muted)}.db-filter-row{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}.db-filter-btn{font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;color:var(--text-secondary);background:#ffffff0a;border:1px solid transparent;border-radius:20px;padding:4px 12px;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px}.db-filter-btn:hover{background:#ffffff14;color:var(--text-primary)}.db-filter-btn.active{background:#ffd54f1f;border-color:#ffd54f66;color:var(--gold)}.db-filter-btn.north.active{background:#4fc3f71f;border-color:#4fc3f766;color:var(--north-primary)}.db-filter-btn.east.active{background:#66bb6a1f;border-color:#66bb6a66;color:var(--east-primary)}.db-filter-btn.south.active{background:#ef53501f;border-color:#ef535066;color:var(--south-primary)}.db-filter-btn.west.active{background:#ffb74d1f;border-color:#ffb74d66;color:var(--west-primary)}.db-card-pool{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding:4px;align-content:start}.db-card-pool::-webkit-scrollbar{width:6px}.db-card-pool::-webkit-scrollbar-track{background:transparent}.db-card-pool::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.db-card{position:relative;aspect-ratio:5 / 7;border-radius:var(--radius-card);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast);background:var(--bg-card)}.db-card:hover{transform:translateY(-3px);z-index:2}.db-card.north:hover{border-color:var(--north-primary);box-shadow:0 0 18px var(--north-glow)}.db-card.east:hover{border-color:var(--east-primary);box-shadow:0 0 18px var(--east-glow)}.db-card.south:hover{border-color:var(--south-primary);box-shadow:0 0 18px var(--south-glow)}.db-card.west:hover{border-color:var(--west-primary);box-shadow:0 0 18px var(--west-glow)}.db-card.at-max{opacity:.4;pointer-events:none}.db-card-img{width:100%;height:100%;object-fit:cover;display:block}.db-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;background:linear-gradient(transparent,#000000d9);pointer-events:none}.db-card-name{font-family:Cinzel,serif;font-size:.55rem;font-weight:600;color:#fff;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.8)}.db-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.db-card-type{font-size:.5rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.db-card-mana{font-family:Orbitron,monospace;font-size:.5rem;color:var(--mana-blue)}.db-card-stats{font-family:Orbitron,monospace;font-size:.5rem;color:var(--text-secondary);margin-top:1px}.db-card-count{position:absolute;top:4px;right:4px;padding:2px 6px;background:#000000d9;border:1px solid var(--gold);border-radius:10px;font-family:Orbitron,monospace;font-size:.55rem;font-weight:700;color:var(--gold)}.db-empty{grid-column:1 / -1;text-align:center;padding:40px;color:var(--text-muted);font-family:Cinzel,serif;font-size:1rem}.db-deck-panel{width:280px;display:flex;flex-direction:column;background:#0000004d;border-left:1px solid var(--glass-border);flex-shrink:0}.db-deck-info{padding:12px;border-bottom:1px solid var(--glass-border)}.db-deck-name-input{width:100%;padding:8px 12px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Cinzel,serif;font-size:.9rem;outline:none;margin-bottom:8px;transition:border-color var(--transition-fast)}.db-deck-name-input:focus{border-color:var(--gold)}.db-deck-name-input::placeholder{color:var(--text-muted);font-family:Inter,sans-serif}.db-deck-region-select{display:flex;align-items:center;gap:8px;margin-bottom:8px}.db-deck-region-select label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.db-region-dropdown{flex:1;padding:4px 8px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Inter,sans-serif;font-size:.8rem;outline:none;cursor:pointer}.db-region-dropdown option{background:#1a1d2e;color:var(--text-primary)}.db-deck-count{font-family:Orbitron,monospace;font-size:.75rem;color:var(--text-secondary)}.db-count-number{font-size:1.1rem;font-weight:700;color:var(--gold)}.db-deck-grid{flex:1;overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;align-content:start}.db-deck-grid::-webkit-scrollbar{width:4px}.db-deck-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.db-deck-empty{grid-column:1 / -1;text-align:center;padding:32px 16px;color:var(--text-muted);font-size:.8rem;line-height:1.6}.db-deck-card{position:relative;aspect-ratio:5 / 7;border-radius:var(--radius-card);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast);background:var(--bg-card)}.db-deck-card:hover{transform:translateY(-2px);z-index:2}.db-deck-card.north:hover{border-color:var(--north-primary);box-shadow:0 0 12px var(--north-glow)}.db-deck-card.east:hover{border-color:var(--east-primary);box-shadow:0 0 12px var(--east-glow)}.db-deck-card.south:hover{border-color:var(--south-primary);box-shadow:0 0 12px var(--south-glow)}.db-deck-card.west:hover{border-color:var(--west-primary);box-shadow:0 0 12px var(--west-glow)}.db-deck-card .db-card-img{width:100%;height:100%;object-fit:cover;display:block}.db-deck-card-count{position:absolute;top:3px;left:3px;padding:1px 5px;background:#000000d9;border:1px solid var(--gold);border-radius:8px;font-family:Orbitron,monospace;font-size:.5rem;font-weight:700;color:var(--gold);pointer-events:none}.db-deck-card-remove{position:absolute;top:3px;right:3px;width:18px;height:18px;background:#ef5350b3;border:1px solid rgba(239,83,80,.5);border-radius:50%;color:#fff;font-size:.55rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);opacity:0}.db-deck-card:hover .db-deck-card-remove{opacity:1}.db-deck-card-remove:hover{background:#ef5350;transform:scale(1.15)}.db-toggle-all{margin-left:auto;background:#ffd54f0f;border:1px solid rgba(255,213,79,.2)!important;color:var(--gold)}.db-toggle-all.active{background:#ffd54f26;border-color:#ffd54f80!important;color:var(--gold)}.db-deck-actions{display:flex;gap:6px;padding:8px;border-top:1px solid var(--glass-border)}.db-deck-actions .db-action-btn{flex:1;text-align:center;font-size:.7rem;padding:6px 8px}.db-clear-btn:hover{background:#ef535026;border-color:var(--lp-red);color:var(--lp-red)}.db-saved-body{flex:1;overflow-y:auto;padding:24px}.db-no-decks{text-align:center;padding:80px 20px;font-family:Cinzel,serif;font-size:1.2rem;color:var(--text-secondary)}.db-saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.db-saved-card{background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-normal)}.db-saved-card:hover{border-color:var(--gold);box-shadow:0 0 20px #ffd54f1a;transform:translateY(-2px)}.db-saved-card-header{padding:12px 16px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between}.db-saved-card-header h3{font-family:Cinzel,serif;font-size:1rem;font-weight:600}.db-saved-card-header.north h3{color:var(--north-primary)}.db-saved-card-header.east h3{color:var(--east-primary)}.db-saved-card-header.south h3{color:var(--south-primary)}.db-saved-card-header.west h3{color:var(--west-primary)}.db-saved-region{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.db-saved-card-body{padding:12px 16px}.db-saved-stat{font-family:Orbitron,monospace;font-size:.75rem;color:var(--text-secondary);margin-bottom:8px}.db-saved-preview{display:flex;gap:4px;align-items:center}.db-saved-thumb{width:36px;height:50px;object-fit:cover;border-radius:4px;border:1px solid var(--glass-border)}.db-saved-more{font-size:.7rem;color:var(--text-muted);margin-left:4px}.db-saved-card-actions{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--glass-border)}.db-saved-card-actions .db-action-btn{flex:1;text-align:center;font-size:.72rem}.db-choice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.db-choice-modal{background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:32px;max-width:550px;width:90%;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center}.db-choice-modal h2{font-family:Cinzel,serif;font-size:1.5rem;color:var(--gold);margin-bottom:4px}.db-choice-region{font-size:.85rem;color:var(--text-muted);margin-bottom:24px;text-transform:uppercase;letter-spacing:2px}.db-choice-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.db-choice-card{padding:20px 16px;border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);background:#ffffff08}.db-choice-card:hover{border-color:var(--gold);box-shadow:0 0 20px #ffd54f26;transform:translateY(-3px);background:#ffd54f0f}.db-choice-default{border-color:#ffd54f33;background:linear-gradient(135deg,rgba(255,213,79,.05),transparent)}.db-choice-icon{font-size:2rem;margin-bottom:8px}.db-choice-label{font-family:Cinzel,serif;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.db-choice-desc{font-size:.75rem;color:var(--text-muted)}.db-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(20px);padding:10px 24px;background:#66bb6a33;border:1px solid rgba(102,187,106,.4);border-radius:var(--radius-md);color:var(--lp-green);font-family:Cinzel,serif;font-size:.9rem;z-index:10000;opacity:0;transition:all .3s ease;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.db-toast.error{background:#ef535033;border-color:#ef535066;color:var(--lp-red)}.db-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.menu-btn.online-glow{background:linear-gradient(135deg,#4fc3f726,#ba68c81a);border-color:#4fc3f759;animation:online-pulse 2.5s ease-in-out infinite}.menu-btn.online-glow:hover{border-color:var(--mana-blue);box-shadow:0 0 30px #4fc3f74d,0 0 60px #ba68c826}@keyframes online-pulse{0%,to{box-shadow:0 0 10px #4fc3f71a}50%{box-shadow:0 0 20px #4fc3f733,0 0 40px #ba68c81a}}.online-lobby{gap:12px}.online-form{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;z-index:1;width:100%;max-width:600px}.online-input{font-family:Cinzel,serif;font-size:1rem;color:var(--text-primary);background:#1a1d2ecc;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:14px 24px;width:100%;max-width:320px;text-align:center;outline:none;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.online-input:focus{border-color:var(--mana-blue);box-shadow:0 0 20px #4fc3f726}.online-input::placeholder{color:var(--text-muted)}.online-region-grid{max-width:500px}.online-region-grid .region-card{padding:16px 20px}.online-region-grid .region-card h3{font-size:1.1rem}.online-region-grid .region-card p{font-size:.7rem}.room-code-display{text-align:center;position:relative;z-index:1;margin:16px 0}.room-code-label{font-family:Inter,sans-serif;font-size:.9rem;color:var(--text-secondary);margin-bottom:12px}.room-code-big{font-family:Orbitron,monospace;font-size:4rem;font-weight:900;letter-spacing:.4em;color:var(--mana-blue);text-shadow:0 0 30px rgba(79,195,247,.5),0 0 60px rgba(79,195,247,.2);background:linear-gradient(135deg,#4fc3f71a,#ba68c80d);border:2px solid rgba(79,195,247,.3);border-radius:var(--radius-lg);padding:16px 40px;margin:8px 0 16px;-webkit-user-select:all;user-select:all}.menu-btn.compact{padding:8px 24px;font-size:.85rem}.waiting-animation{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:1;margin:24px 0}.waiting-animation p{font-family:Cinzel,serif;font-size:1rem;color:var(--text-secondary);letter-spacing:1px}.waiting-dots{display:flex;gap:8px}.waiting-dots span{width:12px;height:12px;border-radius:50%;background:var(--mana-blue);animation:waiting-bounce 1.4s ease-in-out infinite}.waiting-dots span:nth-child(2){animation-delay:.16s}.waiting-dots span:nth-child(3){animation-delay:.32s}@keyframes waiting-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.online-status{position:relative;z-index:1;display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-muted);margin-top:16px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.connected{background:var(--lp-green);box-shadow:0 0 8px #66bb6a80}.status-dot.disconnected{background:var(--lp-red);box-shadow:0 0 8px #ef535080}.online-indicator{position:fixed;top:8px;right:8px;padding:6px 16px;border-radius:var(--radius-md);font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;letter-spacing:1px;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.online-indicator.my-turn{background:#66bb6a26;border:1px solid rgba(102,187,106,.3);color:var(--lp-green);animation:turn-glow-green 2s ease-in-out infinite}.online-indicator.opp-turn{background:#ef53501a;border:1px solid rgba(239,83,80,.2);color:var(--text-muted)}@keyframes turn-glow-green{0%,to{box-shadow:0 0 10px #66bb6a26}50%{box-shadow:0 0 20px #66bb6a4d}}.waiting-label{font-family:Cinzel,serif;font-size:1rem;font-weight:700;color:#fff;letter-spacing:2px;text-transform:uppercase;padding:10px 24px;background:#b41e1e59;border:1.5px solid rgba(255,80,80,.5);border-radius:30px;display:flex;align-items:center;gap:10px;text-shadow:0 0 10px rgba(255,80,80,.6),0 1px 3px rgba(0,0,0,.7);box-shadow:0 0 20px #ff3c3c26,inset 0 0 12px #ff3c3c14;animation:waiting-label-pulse 2s ease-in-out infinite}.waiting-dot{width:10px;height:10px;border-radius:50%;background:#f44;box-shadow:0 0 8px #f44,0 0 16px #f446;animation:waiting-dot-blink 1.2s ease-in-out infinite;flex-shrink:0}@keyframes waiting-dot-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}@keyframes waiting-label-pulse{0%,to{box-shadow:0 0 20px #ff3c3c26,inset 0 0 12px #ff3c3c14}50%{box-shadow:0 0 30px #ff3c3c40,inset 0 0 18px #ff3c3c1f}}.menu-title.victory{background:linear-gradient(135deg,var(--gold),#fff8e1,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 12px rgba(255,213,79,.5))}.menu-title.defeat{background:linear-gradient(135deg,var(--south-primary),#ff8a80,var(--south-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 12px rgba(239,83,80,.5))}.difficulty-badge{display:inline-block;font-family:Cinzel,serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:3px 10px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#0000004d;color:var(--text-secondary)}.difficulty-badge.easy{color:var(--lp-green);border-color:#66bb6a4d}.difficulty-badge.medium{color:var(--west-primary);border-color:#ffb74d4d}.difficulty-badge.hard{color:var(--south-primary);border-color:#ef53504d}.difficulty-badge.legendary{color:var(--finale-primary);border-color:#ffd54f66;background:#ffd54f14;box-shadow:0 0 12px var(--finale-glow);animation:legendary-pulse 2s infinite}@keyframes legendary-pulse{0%,to{box-shadow:0 0 8px var(--finale-glow)}50%{box-shadow:0 0 20px var(--finale-glow)}}.campaign-glow{border-color:#ffd54f40!important;box-shadow:0 0 12px #ffd54f1a}.campaign-glow:hover{border-color:var(--gold)!important;box-shadow:0 0 24px #ffd54f40!important}.attack-anim-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000b3;display:flex;align-items:center;justify-content:center;animation:attack-anim-in .3s ease-out;pointer-events:none}.attack-anim-overlay.attack-anim-fade{opacity:0;transition:opacity .4s ease-out}.attack-anim-content{display:flex;align-items:center;gap:32px;position:relative}.attack-anim-card{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.attack-anim-card img{width:110px;height:154px;object-fit:contain;border-radius:8px;border:2px solid var(--glass-border);box-shadow:0 0 20px #00000080;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}.attack-anim-card .attack-anim-name{font-family:Cinzel,serif;font-size:.75rem;color:var(--text-primary);text-shadow:0 1px 4px rgba(0,0,0,.8)}.attack-anim-stats{display:flex;gap:12px;font-family:Orbitron,monospace;font-size:.65rem;letter-spacing:.5px}.attack-anim-stats .stat-atk{color:#ff6b6b;text-shadow:0 0 6px rgba(255,107,107,.5)}.attack-anim-stats .stat-def{color:#4fc3f7;text-shadow:0 0 6px rgba(79,195,247,.5)}.attack-anim-clash{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.attack-anim-slash{font-size:3rem;color:#f44;text-shadow:0 0 20px rgba(255,68,68,.8),0 0 40px rgba(255,68,68,.4);opacity:0;transform:scale(.3) rotate(-30deg);z-index:2}.attack-anim-slash-line{position:absolute;width:200%;height:3px;background:linear-gradient(90deg,transparent 0%,#ff4444 20%,#fff 50%,#ff4444 80%,transparent 100%);transform:rotate(-35deg) scaleX(0);transform-origin:center;box-shadow:0 0 12px #f44c,0 0 30px #f446;z-index:1}.attack-anim-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.6) 0%,transparent 70%);opacity:0;z-index:201;pointer-events:none}.attack-spark{position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:none;z-index:3;opacity:0}.attack-spark.spark-fire{background:#f44;box-shadow:0 0 8px #f44,0 0 16px #ff444480}.attack-spark.spark-gold{background:#ffd54f;box-shadow:0 0 8px #ffd54f,0 0 16px #ffd54f80}.attack-spark.spark-white{background:#fff;box-shadow:0 0 8px #fff,0 0 16px #ffffff80}.attack-anim-damage{position:absolute;font-family:Orbitron,monospace;font-weight:900;font-size:1.6rem;opacity:0;pointer-events:none;z-index:5;white-space:nowrap}.attack-anim-damage.dmg-dealt{color:#f44;text-shadow:0 0 12px rgba(255,68,68,.8),0 2px 4px rgba(0,0,0,.6)}.attack-anim-damage.dmg-lp{color:#ff8a65;text-shadow:0 0 12px rgba(255,138,101,.8),0 2px 4px rgba(0,0,0,.6)}.attack-anim-outcome{position:absolute;bottom:-36px;left:50%;transform:translate(-50%);font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:4px 14px;border-radius:4px;opacity:0;white-space:nowrap;z-index:5}.attack-anim-outcome.outcome-destroyed{color:#f44;background:#ff444426;border:1px solid rgba(255,68,68,.4);text-shadow:0 0 8px rgba(255,68,68,.6)}.attack-anim-outcome.outcome-survived{color:#66bb6a;background:#66bb6a1a;border:1px solid rgba(102,187,106,.3);text-shadow:0 0 8px rgba(102,187,106,.4)}.attack-anim-outcome.outcome-direct{color:#ff8a65;background:#ff8a6526;border:1px solid rgba(255,138,101,.4);text-shadow:0 0 8px rgba(255,138,101,.6)}.attack-anim-lp-icon{font-size:3rem}.attack-anim-direct{min-width:110px;min-height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#ff444414;border:2px dashed rgba(255,68,68,.3);border-radius:8px;position:relative}.attack-phase-entrance .attack-anim-card:first-child{animation:attack-slide-in-left .5s cubic-bezier(.16,1,.3,1) forwards}.attack-phase-entrance .attack-anim-card:last-child,.attack-phase-entrance .attack-anim-direct{animation:attack-slide-in-right .5s cubic-bezier(.16,1,.3,1) forwards}.attack-phase-entrance .attack-anim-clash{animation:attack-clash-entrance .5s .2s ease-out both}.attack-phase-clash .attack-anim-card:first-child img{animation:attack-lunge-right .35s cubic-bezier(.25,.46,.45,.94) forwards}.attack-phase-clash .attack-anim-card:last-child img,.attack-phase-clash .attack-anim-direct{animation:attack-lunge-left .35s cubic-bezier(.25,.46,.45,.94) forwards}.attack-phase-clash .attack-anim-slash{animation:attack-slash-appear .4s .15s cubic-bezier(.34,1.56,.64,1) forwards}.attack-phase-clash .attack-anim-slash-line{animation:attack-slash-line-sweep .3s .1s ease-out forwards}.attack-phase-clash .attack-anim-flash{animation:attack-flash-pop .4s .15s ease-out forwards}.attack-phase-clash .attack-spark{animation:attack-spark-fly .6s .15s ease-out forwards}.attack-phase-damage .attack-anim-card:first-child img{animation:attack-recoil-left .3s ease-out forwards}.attack-phase-damage .attack-anim-card:last-child img{animation:attack-recoil-right .3s ease-out forwards}.attack-phase-damage .attack-anim-damage{animation:attack-dmg-float 1s .1s ease-out forwards}.attack-phase-outcome .attack-anim-outcome{animation:attack-outcome-appear .5s ease-out forwards}.attack-phase-outcome .attack-anim-card.unit-destroyed img{animation:attack-destroyed-shake .5s ease-out forwards}@keyframes attack-anim-in{0%{opacity:0}to{opacity:1}}@keyframes attack-slide-in-left{0%{transform:translate(-120px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes attack-slide-in-right{0%{transform:translate(120px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes attack-clash-entrance{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes attack-lunge-right{0%{transform:translate(0)}50%{transform:translate(18px) scale(1.08);filter:brightness(1.3)}to{transform:translate(8px) scale(1.02);filter:brightness(1)}}@keyframes attack-lunge-left{0%{transform:translate(0)}50%{transform:translate(-18px) scale(1.08);filter:brightness(1.3)}to{transform:translate(-8px) scale(1.02);filter:brightness(1)}}@keyframes attack-slash-appear{0%{opacity:0;transform:scale(.3) rotate(-30deg)}60%{opacity:1;transform:scale(1.3) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes attack-slash-line-sweep{0%{transform:rotate(-35deg) scaleX(0);opacity:0}30%{opacity:1}to{transform:rotate(-35deg) scaleX(1);opacity:0}}@keyframes attack-flash-pop{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes attack-spark-fly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--sx),var(--sy)) scale(0)}}@keyframes attack-recoil-left{0%{transform:translate(8px)}40%{transform:translate(-6px);filter:brightness(.7)}to{transform:translate(0);filter:brightness(1)}}@keyframes attack-recoil-right{0%{transform:translate(-8px)}40%{transform:translate(6px);filter:brightness(.7)}to{transform:translate(0);filter:brightness(1)}}@keyframes attack-dmg-float{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1;transform:translateY(-10px) scale(1.3)}40%{transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-50px) scale(.8)}}@keyframes attack-outcome-appear{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.8)}50%{opacity:1;transform:translate(-50%) translateY(0) scale(1.05)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes attack-destroyed-shake{0%{filter:brightness(1)}15%{transform:translate(-4px) rotate(-2deg);filter:brightness(.3) saturate(.5)}30%{transform:translate(4px) rotate(2deg);filter:brightness(.5) saturate(.3)}45%{transform:translate(-3px) rotate(-1deg)}60%{transform:translate(3px) rotate(1deg)}75%{transform:translate(-1px);filter:brightness(.4) saturate(.2)}to{transform:translate(0);filter:brightness(.35) saturate(.15);opacity:.6}}@keyframes attack-slash-pulse{0%{transform:scale(1) rotate(-5deg)}to{transform:scale(1.15) rotate(5deg)}}.attack-phase-clash .attack-anim-slash,.attack-phase-damage .attack-anim-slash{animation:attack-slash-pulse .3s ease-in-out infinite alternate;opacity:1}.attack-context-row{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:12px;padding:8px 16px;background:#ff444414;border:1px solid rgba(255,68,68,.2);border-radius:var(--radius-md)}.attack-context-card{display:flex;flex-direction:column;align-items:center;gap:4px}.attack-context-card img{width:50px;height:70px;object-fit:contain;border-radius:4px;border:1px solid var(--glass-border)}.attack-context-card span{font-size:.65rem;color:var(--text-secondary)}.attack-context-arrow{font-size:1.5rem;color:#f44;text-shadow:0 0 8px rgba(255,68,68,.5)}.attack-arrow-svg line{animation:arrow-dash .8s linear infinite}@keyframes arrow-dash{to{stroke-dashoffset:-24}}@keyframes screen-shake{0%,to{transform:translate(0)}10%{transform:translate(-6px,2px)}20%{transform:translate(4px,-4px)}30%{transform:translate(-3px,3px)}40%{transform:translate(5px,-1px)}50%{transform:translate(-4px,-3px)}60%{transform:translate(3px,4px)}70%{transform:translate(-2px,-2px)}80%{transform:translate(2px,1px)}90%{transform:translate(-1px,-1px)}}#app.screen-shake{animation:screen-shake .35s ease-out}.game-card.card-flipping{perspective:800px;animation:card-flip .6s ease-in-out}@keyframes card-flip{0%{transform:rotateY(180deg) scale(.9);filter:brightness(.5)}40%{transform:rotateY(90deg) scale(1.15);filter:brightness(1.8)}60%{transform:rotateY(40deg) scale(1.1);filter:brightness(1.2)}to{transform:rotateY(0) scale(1);filter:brightness(1)}}.game-card.spell-activating{animation:spell-flash .5s ease-out}@keyframes spell-flash{0%{filter:brightness(1);box-shadow:0 0 0 transparent}20%{filter:brightness(2.5);box-shadow:0 0 40px #ffd54fcc,0 0 80px #ffd54f66}50%{filter:brightness(1.5);box-shadow:0 0 25px #ffd54f80,0 0 50px #ffd54f33}to{filter:brightness(1);box-shadow:none}}.game-card.switching-to-def{animation:switch-to-def .35s ease-in-out}.game-card.switching-to-atk{animation:switch-to-atk .35s ease-in-out}@keyframes switch-to-def{0%{transform:rotate(0) scale(1)}40%{transform:rotate(45deg) scale(1.05)}to{transform:rotate(90deg) scale(1)}}@keyframes switch-to-atk{0%{transform:rotate(90deg) scale(1)}40%{transform:rotate(45deg) scale(1.05)}to{transform:rotate(0) scale(1)}}.floating-number{font-size:1.8rem!important;animation:float-up-enhanced 1.4s ease-out forwards!important}@keyframes float-up-enhanced{0%{opacity:1;transform:translateY(0) scale(.3)}15%{opacity:1;transform:translateY(-8px) scale(1.5)}30%{transform:translateY(-18px) scale(1)}to{opacity:0;transform:translateY(-70px) scale(.8)}}.floating-number.damage{text-shadow:0 0 12px rgba(255,23,68,.8),0 2px 4px rgba(0,0,0,.5)!important}.floating-number.heal{text-shadow:0 0 12px rgba(105,240,174,.8),0 2px 4px rgba(0,0,0,.5)!important}.floating-number.mana{text-shadow:0 0 12px rgba(79,195,247,.8),0 2px 4px rgba(0,0,0,.5)!important}.destruction-particle{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:70;animation:particle-fly .8s ease-out forwards}.destruction-particle.fire{background:#f44;box-shadow:0 0 6px #f44}.destruction-particle.gold{background:#ffd54f;box-shadow:0 0 6px #ffd54f}.destruction-particle.white{background:#fff;box-shadow:0 0 6px #fff}@keyframes particle-fly{0%{opacity:1;transform:translate(0) scale(1)}60%{opacity:.8}to{opacity:0;transform:translate(var(--px),var(--py)) scale(0)}}.turn-banner{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:200;pointer-events:none;background:#0000008c;animation:banner-bg 1.6s ease-out forwards}.turn-banner.your-turn{background:#0000008c;border-top:3px solid rgba(102,187,106,.6);border-bottom:3px solid rgba(102,187,106,.6)}.turn-banner.your-turn h2{background:linear-gradient(135deg,#66bb6a,#a5d6a7,#fff8e1,#66bb6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 18px rgba(102,187,106,.5))}.turn-banner.your-turn .turn-banner-line{background:linear-gradient(90deg,transparent,#66bb6a,transparent)}.turn-banner.opponent-turn{background:#1e0000a6;border-top:3px solid rgba(239,83,80,.6);border-bottom:3px solid rgba(239,83,80,.6)}.turn-banner.opponent-turn h2{background:linear-gradient(135deg,#ef5350,#ff8a80,#ffcdd2,#ef5350);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 18px rgba(239,83,80,.5))}.turn-banner.opponent-turn .turn-banner-line{background:linear-gradient(90deg,transparent,#ef5350,transparent)}@keyframes banner-bg{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}.turn-banner-content{display:flex;flex-direction:column;align-items:center;gap:8px;animation:banner-slide 1.6s cubic-bezier(.16,1,.3,1) forwards}@keyframes banner-slide{0%{transform:translate(-120px) scale(.8);opacity:0}20%{transform:translate(0) scale(1.05);opacity:1}35%{transform:translate(0) scale(1);opacity:1}75%{transform:translate(0) scale(1);opacity:1}to{transform:translate(120px) scale(.8);opacity:0}}.turn-banner h2{font-family:Cinzel,serif;font-size:2.4rem;font-weight:900;background:linear-gradient(135deg,var(--gold),#fff8e1,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;letter-spacing:3px}.turn-banner p{font-family:Inter,sans-serif;font-size:.9rem;color:var(--text-secondary);letter-spacing:4px;text-transform:uppercase}.turn-banner-line{width:200px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:4px 0}.mana-crystal-float{position:absolute;font-size:.9rem;pointer-events:none;z-index:60;animation:mana-crystal-rise 1s ease-out forwards}@keyframes mana-crystal-rise{0%{opacity:1;transform:translateY(0) scale(.5)}30%{opacity:1;transform:translateY(-15px) scale(1.2)}to{opacity:0;transform:translateY(-50px) scale(.8)}}.chain-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;pointer-events:none;animation:chain-pulse .25s ease-out forwards}@keyframes chain-pulse{0%{background:#ffd54f26}50%{background:#ffd54f0d}to{background:transparent}}.game-over{overflow:hidden}.game-over h1{animation:victory-title-in .8s cubic-bezier(.34,1.56,.64,1)!important}@keyframes victory-title-in{0%{transform:scale(.3);opacity:0;filter:blur(10px)}50%{transform:scale(1.15);opacity:1;filter:blur(0)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1;filter:blur(0)}}.game-over h2{animation:victory-subtitle-in .6s ease-out .3s both!important}@keyframes victory-subtitle-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.game-over .menu-btn{animation:victory-btn-in .5s ease-out .6s both}@keyframes victory-btn-in{0%{transform:translateY(30px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.victory-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.victory-particle{position:absolute;width:4px;height:4px;border-radius:50%;animation:victory-fall linear forwards}@keyframes victory-fall{0%{opacity:1;transform:translateY(-10px) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}.defeat-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:defeat-close 1.2s ease-out forwards}@keyframes defeat-close{0%{box-shadow:inset 0 0 #0000}to{box-shadow:inset 0 0 200px 60px #000000b3}}.game-over.defeat h1{color:var(--lp-red)!important;background:linear-gradient(135deg,#ef5350,#ff8a80,#ef5350)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:none!important}.hand-card.playable{animation:playable-pulse 2s ease-in-out infinite!important}@keyframes playable-pulse{0%,to{box-shadow:0 0 8px #66bb6a40}50%{box-shadow:0 0 18px #66bb6a80,0 0 30px #66bb6a26}}.landmark-slot.has-card{animation:landmark-breathe 3s ease-in-out infinite!important}@keyframes landmark-breathe{0%,to{box-shadow:0 0 12px #ffd54f26}50%{box-shadow:0 0 24px #ffd54f4d,0 0 40px #ffd54f1a}}.field-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.field-particle{position:absolute;width:2px;height:2px;border-radius:50%;background:#ffd54f26;animation:particle-drift linear infinite}@keyframes particle-drift{0%{opacity:0;transform:translateY(0) translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) translate(20px)}}.hand-card{transform-style:preserve-3d}.hand-card.tilt-3d{transition:transform .1s ease-out!important}.phase-bar{position:relative}.phase-step{position:relative;z-index:1}.phase-step.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--gold);border-radius:1px;box-shadow:0 0 6px #ffd54f80;animation:phase-indicator-in .3s ease-out}@keyframes phase-indicator-in{0%{width:0;opacity:0}to{width:20px;opacity:1}}.keyword-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Cinzel,serif;font-size:.7rem;font-weight:900;letter-spacing:2px;text-transform:uppercase;pointer-events:none;z-index:65;padding:4px 12px;border-radius:4px;white-space:nowrap;animation:keyword-pop .9s ease-out forwards}.keyword-burst.pierce{color:#f44;background:#ff444426;border:1px solid rgba(255,68,68,.4);text-shadow:0 0 8px rgba(255,68,68,.6)}.keyword-burst.shadow{color:#9c27b0;background:#9c27b026;border:1px solid rgba(156,39,176,.4);text-shadow:0 0 8px rgba(156,39,176,.6)}.keyword-burst.guardian{color:#4fc3f7;background:#4fc3f726;border:1px solid rgba(79,195,247,.4);text-shadow:0 0 8px rgba(79,195,247,.6)}.keyword-burst.swift{color:#66bb6a;background:#66bb6a26;border:1px solid rgba(102,187,106,.4);text-shadow:0 0 8px rgba(102,187,106,.6)}@keyframes keyword-pop{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}25%{transform:translate(-50%,-50%) scale(1.3);opacity:1}50%{transform:translate(-50%,-60%) scale(1);opacity:1}to{transform:translate(-50%,-80%) scale(.8);opacity:0}}.summon-circle{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;pointer-events:none;z-index:-1;animation:summon-circle-anim .6s ease-out forwards}@keyframes summon-circle-anim{0%{opacity:0;transform:scale(.3) rotate(0);box-shadow:inset 0 0 20px #ffd54f80,0 0 30px #ffd54f4d}40%{opacity:1;transform:scale(1.2) rotate(90deg);box-shadow:inset 0 0 30px #ffd54fb3,0 0 50px #ffd54f66}to{opacity:0;transform:scale(1.5) rotate(180deg);box-shadow:inset 0 0 0 transparent,0 0 0 transparent}}.game-card.damage-flash{animation:unit-damage-flash .35s ease-out}@keyframes unit-damage-flash{0%{filter:brightness(1)}20%{filter:brightness(.4) saturate(2);box-shadow:0 0 15px #ff174499}40%{filter:brightness(1.8);box-shadow:0 0 10px #ff17444d}60%{filter:brightness(.7)}to{filter:brightness(1);box-shadow:none}}.hand-select-banner{position:fixed;bottom:0;left:0;right:0;z-index:200;background:#0a0c14f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(255,213,79,.3);padding:12px 20px;animation:banner-slide-up .3s ease-out}@keyframes banner-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.hand-select-content{display:flex;align-items:center;justify-content:center;gap:16px;font-family:Inter,sans-serif;font-size:.9rem;color:var(--gold)}.hand-select-cancel{padding:6px 16px!important;font-size:.75rem!important}.hand-card.hand-selectable{animation:hand-select-pulse 1s ease-in-out infinite!important;cursor:pointer!important;z-index:20}@keyframes hand-select-pulse{0%,to{box-shadow:0 0 10px #ffd54f66,0 0 20px #ffd54f26;border:2px solid rgba(255,213,79,.6)}50%{box-shadow:0 0 20px #ffd54fb3,0 0 40px #ffd54f40;border:2px solid rgba(255,213,79,.9)}}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.card-slot.target-highlight{animation:field-target-pulse 1s ease-in-out infinite!important;cursor:pointer!important}@keyframes field-target-pulse{0%,to{outline-color:#ffd70099;box-shadow:0 0 12px 3px #ffd7004d}50%{outline-color:gold;box-shadow:0 0 24px 6px #ffd70099}}.popup-card-thumb{cursor:pointer;transition:transform .15s ease-out,box-shadow .15s ease-out}.popup-card-thumb:hover{transform:scale(1.05);box-shadow:0 0 12px #ffd54f4d!important}.match-stats{background:#ffffff0a;border:1px solid rgba(255,213,79,.15);border-radius:16px;padding:20px 24px;margin:20px auto;max-width:440px;animation:stats-fade-in .6s ease-out .3s both}@keyframes stats-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.match-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-icon{font-size:1.3rem;line-height:1}.stat-label{font-family:Inter,sans-serif;font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted, #525a72)}.stat-value{font-family:Cinzel,serif;font-size:1rem;font-weight:700;color:var(--text-primary, #e0e6f0)}.match-history-list{max-height:55vh;overflow-y:auto;padding:4px 0;margin:12px auto;max-width:500px;scrollbar-width:thin;scrollbar-color:rgba(255,213,79,.25) transparent}.match-history-item{display:flex;align-items:center;gap:14px;padding:12px 16px;margin-bottom:8px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:background .15s ease}.match-history-item:hover{background:#ffffff0f}.match-history-item.win{border-left:3px solid #66bb6a}.match-history-item.loss{border-left:3px solid #ef5350}.match-history-item.draw{border-left:3px solid #ffd54f}.mh-result{font-family:Cinzel,serif;font-size:.7rem;font-weight:900;letter-spacing:2px;min-width:44px;text-align:center;padding:4px 8px;border-radius:6px}.win .mh-result{color:#66bb6a;background:#66bb6a1f}.loss .mh-result{color:#ef5350;background:#ef53501f}.draw .mh-result{color:#ffd54f;background:#ffd54f1f}.mh-details{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.mh-regions{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:var(--text-primary, #e0e6f0)}.mh-meta{font-family:Inter,sans-serif;font-size:.65rem;color:var(--text-muted, #525a72)}.mh-winner{font-family:Inter,sans-serif;font-size:.7rem;color:var(--text-secondary, #8b92a8);white-space:nowrap}.menu-btn.danger{background:#ef53501f;border-color:#ef53504d;color:#ef5350}.menu-btn.danger:hover{background:#ef535033}.card-store{display:flex;flex-direction:column;height:100vh;max-height:100vh;padding:24px 32px;background:linear-gradient(135deg,#0a0c14,#101428 40%,#0d1020);overflow:hidden}.card-store-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.card-store-title{font-family:Cinzel,serif;font-size:1.8rem;background:linear-gradient(135deg,#ffd54f,#ffb74d,#ffa726);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 2px 8px rgba(255,183,77,.3))}.card-store-subtitle{font-family:Inter,sans-serif;font-size:.8rem;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-left:auto}.card-store-tabs{display:flex;gap:6px;margin-bottom:20px}.card-store-tab{font-family:Cinzel,serif;font-size:.85rem;font-weight:600;padding:10px 24px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .25s ease;letter-spacing:.5px}.card-store-tab:hover{background:#ffffff14;transform:translateY(-1px)}.card-store-tab.active{font-weight:700}.card-store-content{flex:1;overflow-y:auto;padding-right:8px}.card-store-region-banner{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.card-store-region-banner:hover{transform:translateY(-1px);box-shadow:0 8px 32px #0000004d}.card-store-banner-info{display:flex;align-items:center;gap:16px}.card-store-banner-icon{font-size:2rem}.card-store-banner-title{font-family:Cinzel,serif;font-size:1.1rem;color:var(--text-primary);font-weight:600}.card-store-banner-desc{font-size:.8rem;color:var(--text-muted);margin-top:2px}.card-store-banner-action{display:flex;align-items:center;gap:14px}.card-store-banner-price{font-family:Orbitron,monospace;font-size:1.3rem;color:var(--gold);font-weight:700}.card-store-buy-region-btn{font-family:Cinzel,serif;font-size:.85rem;font-weight:600;padding:10px 24px;background:#ffd54f14;border:1px solid rgba(255,213,79,.3);border-radius:var(--radius-md);color:var(--gold);cursor:pointer;transition:all .25s ease;letter-spacing:.5px}.card-store-buy-region-btn:hover{background:#ffd54f26;box-shadow:0 0 16px #ffd54f26;transform:translateY(-1px)}.card-store-owned-badge{font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#66bb6a;padding:8px 20px;background:#66bb6a1a;border:1px solid rgba(102,187,106,.3);border-radius:var(--radius-md)}.card-store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding-bottom:32px}.card-store-item{display:flex;flex-direction:column;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;transition:all .3s ease;position:relative}.card-store-item:hover{background:#ffffff0f;border-color:#ffd54f33;transform:translateY(-4px);box-shadow:0 8px 32px #0006,0 0 12px #ffd54f0f}.card-store-item.owned{border-color:#66bb6a33}.card-store-item.owned:hover{border-color:#66bb6a59;box-shadow:0 8px 24px #0000004d}.card-store-item-img-wrap{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:#0003}.card-store-item-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card-store-item:hover .card-store-item-img{transform:scale(1.05)}.card-store-owned-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center}.card-store-owned-overlay span{font-size:2.5rem;color:#66bb6a;text-shadow:0 0 16px rgba(102,187,106,.5)}.card-store-item-details{padding:10px 12px 6px;flex:1}.card-store-item-name{font-family:Cinzel,serif;font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-store-item-meta{display:flex;align-items:center;gap:8px;margin-bottom:3px}.card-store-type-badge{font-family:Inter,sans-serif;font-size:.65rem;padding:2px 6px;background:#ffffff0f;border-radius:4px;color:var(--text-secondary);letter-spacing:.3px}.card-store-mana{font-family:Inter,sans-serif;font-size:.65rem;color:var(--mana-blue)}.card-store-item-stats{font-family:Orbitron,monospace;font-size:.6rem;color:var(--text-muted);margin-bottom:3px;letter-spacing:1px}.card-store-item-desc{font-size:.6rem;color:var(--text-muted);line-height:1.3;max-height:2.6em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.card-store-item-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid rgba(255,255,255,.04)}.card-store-price{font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;color:var(--gold)}.card-store-buy-btn{font-family:Cinzel,serif;font-size:.7rem;font-weight:600;padding:6px 16px;background:#ffd54f14;border:1px solid rgba(255,213,79,.3);border-radius:var(--radius-sm);color:var(--gold);cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.card-store-buy-btn:hover{background:#ffd54f2e;box-shadow:0 0 12px #ffd54f26;transform:translateY(-1px)}.card-store-owned-tag{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:#66bb6a;margin:0 auto}.card-store-empty{grid-column:1 / -1;text-align:center;padding:60px 0;font-family:Inter,sans-serif;font-size:1rem;color:var(--text-muted)}.cosmetics-glow{border-color:#ba68c840!important;box-shadow:0 0 12px #ba68c81a}.cosmetics-glow:hover{border-color:#ba68c899!important;box-shadow:0 0 24px #ba68c840!important}.cosmetics-shop{display:flex;flex-direction:column;min-height:100vh;padding:24px;background:linear-gradient(135deg,#0a0c14,#151830,#0d1020)}.cosmetics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.cosmetics-title{font-family:Cinzel,serif;font-size:1.8rem;background:linear-gradient(135deg,#ce93d8,#f48fb1,#ffd54f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 2px 8px rgba(186,104,200,.3))}.cosmetics-tabs{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap}.cosmetics-tab{font-family:Cinzel,serif;font-size:.8rem;padding:10px 20px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s}.cosmetics-tab:hover{background:#ffffff14;border-color:#ba68c84d}.cosmetics-tab.active{background:#ba68c81f;border-color:#ba68c880;color:#ce93d8;box-shadow:0 0 12px #ba68c826}.cosmetics-content{flex:1;overflow-y:auto}.cosmetics-panel h2{font-family:Cinzel,serif;font-size:1.2rem;color:var(--text-primary);margin-bottom:16px}.cosmetic-grid{display:flex;flex-direction:column;gap:10px}.cosmetic-item{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all .2s}.cosmetic-item:hover{background:#ffffff0f;border-color:#ba68c833}.cosmetic-item.equipped{border-color:#ba68c866;background:#ba68c80f;box-shadow:0 0 12px #ba68c814}.cosmetic-item-preview{width:60px;height:60px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--glass-border);flex-shrink:0}.cosmetic-preview-icon{font-size:1.6rem}.cosmetic-item-info{flex:1;display:flex;flex-direction:column;gap:2px}.cosmetic-item-name{font-family:Cinzel,serif;font-size:.9rem;color:var(--text-primary)}.cosmetic-item-desc{font-size:.75rem;color:var(--text-muted)}.cosmetic-equip-btn{flex-shrink:0;padding:8px 20px!important;font-size:.75rem!important}.cosmetic-equip-btn.equipped{background:#66bb6a1a!important;border-color:#66bb6a4d!important;color:#66bb6a!important}.holo-card-grid{display:flex;flex-wrap:wrap;gap:10px}.holo-card-item{width:80px;display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:6px;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#ffffff05;transition:all .2s;position:relative;overflow:hidden}.holo-card-item img{width:68px;height:95px;object-fit:cover;border-radius:4px}.holo-card-item:hover{border-color:#ba68c84d;background:#ba68c80f}.holo-card-item.holo-active{border-color:#ffd70080;box-shadow:0 0 12px #ffd70026}.holo-overlay-preview{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:4px;pointer-events:none;opacity:0}.holo-overlay-preview.active{opacity:1;background:linear-gradient(135deg,#ff000014,#ffa50014,#ffff0014,#00ff0014,#0080ff14,#8000ff14);animation:holo-rotate 3s linear infinite}.holo-card-name{font-size:.55rem;color:var(--text-muted);text-align:center;margin-top:4px;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playmat-landmark{background-size:cover;background-position:center;border:1px solid rgba(186,104,200,.2)!important;box-shadow:inset 0 0 80px #0006,0 0 20px #ba68c80f;position:relative;border-radius:8px;transition:background-image .5s ease}.playmat-landmark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000073,#0000001f 30%,#0000001f 70%,#00000073);pointer-events:none;border-radius:8px;z-index:0}.playmat-landmark .field-main,.playmat-landmark .field-landmark-col,.playmat-landmark .field-section,.playmat-landmark .side-zone{position:relative;z-index:1}.playmat-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.playmat-shop-item{background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .25s ease;display:flex;flex-direction:column}.playmat-shop-item:hover{border-color:#ba68c84d;box-shadow:0 4px 24px #0000004d,0 0 12px #ba68c814;transform:translateY(-2px)}.playmat-shop-item.owned{border-color:#66bb6a40;box-shadow:0 0 12px #66bb6a0f}.playmat-shop-art{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.playmat-shop-art img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.playmat-shop-item:hover .playmat-shop-art img{transform:scale(1.05)}.playmat-shop-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(transparent,#000000b3);display:flex;justify-content:flex-end}.playmat-shop-region{font-family:Cinzel,serif;font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:4px;background:#00000080;color:var(--text-secondary);letter-spacing:.5px}.playmat-shop-info{padding:12px 14px 8px;display:flex;flex-direction:column;gap:4px;flex:1}.playmat-shop-name{font-family:Cinzel,serif;font-size:.9rem;color:var(--text-primary);font-weight:600}.playmat-shop-desc{font-size:.75rem;color:var(--text-muted);line-height:1.3}.playmat-shop-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid rgba(255,255,255,.04)}.playmat-shop-price{font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;color:var(--gold)}.playmat-shop-owned{font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;color:#66bb6a;margin:0 auto}.playmat-buy-btn{font-family:Cinzel,serif;font-size:.75rem;font-weight:600;padding:6px 18px!important;background:#ffd54f14!important;border:1px solid rgba(255,213,79,.3)!important;color:var(--gold)!important;cursor:pointer;transition:all .2s ease}.playmat-buy-btn:hover{background:#ffd54f2e!important;box-shadow:0 0 12px #ffd54f26;transform:translateY(-1px)}.playmat-equip-btn{font-family:Cinzel,serif;font-size:.75rem;font-weight:600;padding:6px 18px!important;background:#ba68c814!important;border:1px solid rgba(186,104,200,.3)!important;color:#ce93d8!important;cursor:pointer;transition:all .2s ease}.playmat-equip-btn:hover{background:#ba68c82e!important;box-shadow:0 0 12px #ba68c826;transform:translateY(-1px)}.playmat-equip-btn.equipped{background:#66bb6a1a!important;border-color:#66bb6a4d!important;color:#66bb6a!important}.playmat-shop-item.equipped{border-color:#ba68c866;box-shadow:0 0 16px #ba68c81f}.card-sleeve{display:flex;align-items:center;justify-content:center}.sleeve-inferno{background:radial-gradient(circle at 50% 50%,rgba(255,150,50,.4) 0%,transparent 50%),linear-gradient(135deg,#1a0500,#3d0f00,#5c1a00,#3d0f00,#1a0500)!important;box-shadow:inset 0 0 20px #ff640026;border:1px solid rgba(255,130,50,.25)!important}.sleeve-inferno:after{content:"🔥";font-size:1.4rem;opacity:.6}.sleeve-glacial{background:radial-gradient(circle at 50% 50%,rgba(100,200,255,.3) 0%,transparent 50%),linear-gradient(135deg,#020f1a,#0a2540,#103450,#0a2540,#020f1a)!important;box-shadow:inset 0 0 20px #4fc3f71a;border:1px solid rgba(79,195,247,.2)!important}.sleeve-glacial:after{content:"❄";font-size:1.4rem;opacity:.6}.sleeve-shadow-scroll{background:radial-gradient(circle at 50% 50%,rgba(149,117,205,.25) 0%,transparent 50%),linear-gradient(135deg,#0a0518,#1a0f30,#251545,#1a0f30,#0a0518)!important;box-shadow:inset 0 0 20px #9575cd14;border:1px solid rgba(149,117,205,.2)!important}.sleeve-shadow-scroll:after{content:"🐉";font-size:1.4rem;opacity:.5}.sleeve-spirit-totem{background:radial-gradient(circle at 50% 50%,rgba(255,183,77,.25) 0%,transparent 50%),linear-gradient(135deg,#1a1005,#2d1e0a,#3d2a10,#2d1e0a,#1a1005)!important;box-shadow:inset 0 0 20px #ffb74d14;border:1px solid rgba(255,183,77,.2)!important}.sleeve-spirit-totem:after{content:"🐺";font-size:1.4rem;opacity:.5}.avatar-shadow-dragon{border:1px solid rgba(149,117,205,.25)!important;box-shadow:inset 0 0 12px #9575cd0f,0 0 16px #9575cd14!important}.avatar-shadow-dragon .player-avatar.has-frame{border:2px solid rgba(149,117,205,.6)!important;box-shadow:0 0 12px #9575cd66,inset 0 0 8px #9575cd26!important;animation:avatar-pulse-purple 3s ease-in-out infinite}.avatar-frost-guardian{border:1px solid rgba(79,195,247,.2)!important;box-shadow:inset 0 0 12px #4fc3f70d,0 0 16px #4fc3f70f!important}.avatar-frost-guardian .player-avatar.has-frame{border:2px solid rgba(79,195,247,.6)!important;box-shadow:0 0 12px #4fc3f766,inset 0 0 8px #4fc3f726!important;animation:avatar-pulse-blue 3s ease-in-out infinite}.avatar-flame-crown{border:1px solid rgba(255,138,80,.2)!important;box-shadow:inset 0 0 12px #ff8a500d,0 0 16px #ff8a500f!important}.avatar-flame-crown .player-avatar.has-frame{border:2px solid rgba(255,138,80,.6)!important;box-shadow:0 0 12px #ff8a5066,inset 0 0 8px #ff8a5026!important;animation:avatar-pulse-orange 3s ease-in-out infinite}.avatar-totem-spirit{border:1px solid rgba(255,183,77,.2)!important;box-shadow:inset 0 0 12px #ffb74d0a,0 0 16px #ffb74d0d!important}.avatar-totem-spirit .player-avatar.has-frame{border:2px solid rgba(255,183,77,.5)!important;box-shadow:0 0 12px #ffb74d59,inset 0 0 8px #ffb74d1f!important;animation:avatar-pulse-amber 3s ease-in-out infinite}@keyframes avatar-pulse-purple{0%,to{box-shadow:0 0 10px #9575cd4d,inset 0 0 6px #9575cd1a}50%{box-shadow:0 0 20px #9575cd80,inset 0 0 10px #9575cd33}}@keyframes avatar-pulse-blue{0%,to{box-shadow:0 0 10px #4fc3f74d,inset 0 0 6px #4fc3f71a}50%{box-shadow:0 0 20px #4fc3f780,inset 0 0 10px #4fc3f733}}@keyframes avatar-pulse-orange{0%,to{box-shadow:0 0 10px #ff8a504d,inset 0 0 6px #ff8a501a}50%{box-shadow:0 0 20px #ff8a5080,inset 0 0 10px #ff8a5033}}@keyframes avatar-pulse-amber{0%,to{box-shadow:0 0 10px #ffb74d4d,inset 0 0 6px #ffb74d1a}50%{box-shadow:0 0 20px #ffb74d73,inset 0 0 10px #ffb74d26}}.holo-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-card);pointer-events:none;z-index:2;background:linear-gradient(135deg,#ff000012,#ffa50012,#ffff0012,#00ff0012 42%,#0080ff12 57%,#8000ff12,#ff008012 85%,#ff000012);background-size:200% 200%;animation:holo-rotate 3s linear infinite;mix-blend-mode:screen}.holo-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-card);border:1px solid rgba(255,215,0,.2);box-shadow:0 0 8px #ffd7001a,inset 0 0 8px #ffd7000d}@keyframes holo-rotate{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.emote-picker{position:fixed;bottom:80px;right:20px;display:flex;gap:6px;padding:10px;background:#141623f2;border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:150;animation:emote-picker-in .2s ease-out;box-shadow:0 8px 32px #00000080}@keyframes emote-picker-in{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.emote-btn-pick{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s;color:var(--text-primary)}.emote-btn-pick:hover{background:#ffffff1a;border-color:#ba68c84d;transform:scale(1.08)}.emote-icon{font-size:1.5rem}.emote-label{font-size:.6rem;color:var(--text-muted)}.emote-bubble{position:fixed;bottom:140px;left:50%;transform:translate(-50%) scale(.5);display:flex;align-items:center;gap:8px;padding:12px 24px;background:#141623eb;border:1px solid rgba(186,104,200,.3);border-radius:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:160;opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 24px #0006,0 0 12px #ba68c81a}.emote-bubble-show{opacity:1;transform:translate(-50%) scale(1)}.emote-bubble-fade{opacity:0;transform:translate(-50%) translateY(-30px) scale(.8)}.emote-bubble-icon{font-size:2rem}.emote-bubble-text{font-family:Cinzel,serif;font-size:1rem;color:var(--text-primary);letter-spacing:.5px}.cosmetic-toggle-btn,.emote-btn{font-size:.8rem!important;padding:6px 10px!important;min-width:auto!important;opacity:.6;transition:opacity .2s}.cosmetic-toggle-btn:hover,.emote-btn:hover{opacity:1}.cosmetics-toggle-panel{position:fixed;top:50px;right:12px;width:260px;background:#0f111ef2;border:1px solid rgba(186,104,200,.2);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:180;padding:0;box-shadow:0 8px 40px #0009,0 0 16px #ba68c80f;animation:cosm-panel-in .2s ease-out}@keyframes cosm-panel-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cosm-toggle-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--glass-border);font-family:Cinzel,serif;font-size:.85rem;color:#ce93d8}.cosm-toggle-close{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:2px 6px}.cosm-toggle-close:hover{color:var(--text-primary)}.cosm-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.03)}.cosm-toggle-row:last-child{border-bottom:none}.cosm-toggle-label{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.cosm-toggle-select{font-family:Inter,sans-serif;font-size:.7rem;padding:4px 8px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;cursor:pointer;max-width:140px}.cosm-toggle-select:focus{border-color:#ba68c866}.cosm-toggle-select option{background:#1a1d2e;color:var(--text-primary)}.login-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1d2e,#0a0c14);z-index:100;padding:20px}.login-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(../Background.png) center / cover no-repeat;opacity:.12;filter:blur(3px)}.login-card{position:relative;z-index:1;width:100%;max-width:420px;background:#121522d9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:40px 36px;box-shadow:0 16px 64px #0009,0 0 60px #ffd54f0a;animation:login-fade-in .5s ease-out}@keyframes login-fade-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-logo{text-align:center;margin-bottom:32px}.login-logo-icon{font-size:2.5rem;margin-bottom:12px;filter:drop-shadow(0 2px 12px rgba(255,213,79,.4))}.login-title{font-family:Cinzel,serif;font-size:clamp(1.4rem,4vw,1.8rem);font-weight:900;background:linear-gradient(135deg,var(--gold),#fff8e1,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;margin:0}.login-subtitle{font-family:Cinzel,serif;font-size:.75rem;color:var(--text-secondary);letter-spacing:4px;text-transform:uppercase;margin-top:6px}.login-error{background:#ef53501a;border:1px solid rgba(239,83,80,.3);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:20px;color:#ef5350;font-size:.85rem;text-align:center;animation:login-shake .4s ease}@keyframes login-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-success{background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:20px;color:#66bb6a;font-size:.85rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-label{font-size:.8rem;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;font-weight:500}.login-input{width:100%;padding:12px 16px;background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Inter,sans-serif;font-size:.95rem;outline:none;transition:all var(--transition-fast)}.login-input:focus{border-color:#ffd54f66;box-shadow:0 0 12px #ffd54f14;background:#0006}.login-input::placeholder{color:var(--text-muted)}.login-btn{width:100%;padding:14px 20px;border-radius:var(--radius-sm);font-family:Cinzel,serif;font-size:.95rem;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all var(--transition-normal);border:1px solid transparent;text-align:center}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn-primary{background:linear-gradient(135deg,#ffd54f33,#ffb74d1a);border-color:#ffd54f59;color:var(--gold)}.login-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ffd54f4d,#ffb74d26);border-color:#ffd54f80;box-shadow:0 0 24px #ffd54f26;transform:translateY(-1px)}.login-btn-secondary{background:#ffffff0a;border-color:var(--glass-border);color:var(--text-primary)}.login-btn-secondary:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.login-btn-ghost{background:transparent;color:var(--text-secondary);padding:10px 20px;font-size:.85rem}.login-btn-ghost:hover{color:var(--text-primary);background:#ffffff08}.login-btn-text{background:transparent;border:none;color:var(--text-muted);font-size:.8rem;font-family:Inter,sans-serif;cursor:pointer;padding:4px 0;margin-top:-4px;text-align:center;transition:color var(--transition-fast)}.login-btn-text:hover{color:var(--gold)}.login-divider{display:flex;align-items:center;margin:20px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.login-divider span{padding:0 16px;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:2px}.login-links{display:flex;flex-direction:column;gap:8px}.login-hint{font-size:.8rem;color:var(--text-muted);text-align:center;line-height:1.5;margin:4px 0}.login-hint strong{color:var(--text-secondary)}.profile-badge{position:absolute;top:24px;left:24px;z-index:110;display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.profile-badge:hover{border-color:#ffd54f40;box-shadow:0 0 16px #ffd54f14}.profile-badge-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ffd54f4d,#ffb74d26);display:flex;align-items:center;justify-content:center;font-size:1rem}.profile-badge-info{display:flex;flex-direction:column}.profile-badge-name{font-family:Cinzel,serif;font-size:.85rem;font-weight:600;color:var(--text-primary)}.profile-badge-rank{font-family:Orbitron,monospace;font-size:.65rem;color:var(--gold);letter-spacing:1px}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;display:flex;align-items:center;justify-content:center;animation:login-fade-in .3s ease-out}.profile-panel{background:#121522f2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:0;min-width:380px;max-width:480px;width:90%;box-shadow:0 16px 64px #0009,0 0 40px #ffd54f0d}.profile-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--glass-border)}.profile-header h2{font-family:Cinzel,serif;font-size:1.3rem;color:var(--gold);letter-spacing:2px;margin:0}.profile-body{padding:20px 24px 24px}.profile-stat-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.profile-stat-row:last-child{border-bottom:none}.profile-stat-label{font-size:.9rem;color:var(--text-secondary)}.profile-stat-value{font-family:Orbitron,monospace;font-size:.95rem;font-weight:700;color:var(--text-primary)}.profile-stat-value.gold{color:var(--gold);text-shadow:0 0 8px rgba(255,213,79,.3)}.profile-actions{display:flex;flex-direction:column;gap:8px;padding:16px 24px 24px;border-top:1px solid var(--glass-border)}.profile-link-code{font-family:Orbitron,monospace;font-size:1.6rem;font-weight:700;letter-spacing:.3em;text-align:center;color:var(--gold);text-shadow:0 0 12px rgba(255,213,79,.4);padding:16px;background:#ffd54f0f;border:1px dashed rgba(255,213,79,.3);border-radius:var(--radius-md);margin:8px 0}@media(max-width:480px){.login-card{padding:28px 24px}.login-title{font-size:1.3rem}.profile-panel{min-width:auto;margin:16px}}.deck-select-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#05070cf2;display:flex;align-items:center;justify-content:center;animation:deck-select-fadein .3s ease;overflow-y:auto}@keyframes deck-select-fadein{0%{opacity:0}to{opacity:1}}.deck-select-screen{display:flex;flex-direction:column;align-items:center;padding:40px 24px 60px;max-width:900px;width:100%}.deck-select-title{font-family:Cinzel,serif;font-size:clamp(1.4rem,3.5vw,2rem);font-weight:700;background:linear-gradient(135deg,var(--gold),#fff8e1,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;margin-bottom:6px;text-align:center}.deck-select-subtitle{font-family:Inter,sans-serif;font-size:.9rem;color:var(--text-secondary);margin-bottom:32px;text-align:center}.deck-select-section{width:100%;margin-bottom:28px}.deck-select-section-label{font-family:Cinzel,serif;font-size:1rem;font-weight:600;color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;padding-left:4px}.deck-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.deck-tile{position:relative;border-radius:var(--radius-lg);border:2px solid var(--glass-border);background:var(--bg-card);overflow:hidden;cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column}.deck-tile:hover{transform:translateY(-6px) scale(1.03);box-shadow:var(--shadow-lg)}.deck-tile.north{border-color:#4fc3f740}.deck-tile.east{border-color:#66bb6a40}.deck-tile.south{border-color:#ef535040}.deck-tile.west{border-color:#ffb74d40}.deck-tile.north:hover{border-color:var(--north-primary);box-shadow:0 0 32px var(--north-glow),var(--shadow-lg)}.deck-tile.east:hover{border-color:var(--east-primary);box-shadow:0 0 32px var(--east-glow),var(--shadow-lg)}.deck-tile.south:hover{border-color:var(--south-primary);box-shadow:0 0 32px var(--south-glow),var(--shadow-lg)}.deck-tile.west:hover{border-color:var(--west-primary);box-shadow:0 0 32px var(--west-glow),var(--shadow-lg)}.deck-tile.disabled{pointer-events:none;opacity:.25;filter:grayscale(.8)}.deck-tile-img-wrap{width:100%;aspect-ratio:3 / 4;overflow:hidden;position:relative;background:#0000004d}.deck-tile-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow)}.deck-tile:hover .deck-tile-img{transform:scale(1.08)}.deck-tile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--text-muted);background:#00000026}.deck-tile-info{padding:10px 12px;display:flex;flex-direction:column;gap:2px;background:linear-gradient(180deg,rgba(26,29,46,.95),var(--bg-card))}.deck-tile-name{font-family:Cinzel,serif;font-size:.95rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-tile.north .deck-tile-name{color:var(--north-primary)}.deck-tile.east .deck-tile-name{color:var(--east-primary)}.deck-tile.south .deck-tile-name{color:var(--south-primary)}.deck-tile.west .deck-tile-name{color:var(--west-primary)}.deck-tile-desc{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-select-back{margin-top:20px;font-family:Cinzel,serif;font-size:.95rem;font-weight:600;color:var(--text-secondary);background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px 40px;cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:1px}.deck-select-back:hover{color:var(--text-primary);border-color:var(--gold);box-shadow:0 0 20px #ffd54f26}@media(max-width:600px){.deck-select-grid{grid-template-columns:repeat(2,1fr);gap:10px}.deck-select-screen{padding:24px 12px 48px}.deck-tile-name{font-size:.85rem}}.region-select-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:32px;background:linear-gradient(135deg,#0a0c14,#101428 40%,#0d1020)}.region-select-content{text-align:center;max-width:900px;width:100%}.region-select-heading{font-family:Cinzel,serif;font-size:2.8rem;font-weight:700;background:linear-gradient(135deg,#ffd54f,#ffb74d,#ffa726);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;filter:drop-shadow(0 2px 12px rgba(255,183,77,.3))}.region-select-subtitle{font-family:Inter,sans-serif;font-size:1rem;color:#8b92a8;margin-bottom:40px;letter-spacing:.3px}.region-select-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:800px){.region-select-grid{grid-template-columns:repeat(2,1fr)}}.region-select-card{background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .35s ease;position:relative}.region-select-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 12px 40px #00000080}.region-select-northern:hover{border-color:#4fc3f780;box-shadow:0 12px 40px #4fc3f726}.region-select-eastern:hover{border-color:#81c78480;box-shadow:0 12px 40px #81c78426}.region-select-southern:hover{border-color:#ff8a6580;box-shadow:0 12px 40px #ff8a6526}.region-select-western:hover{border-color:#ce93d880;box-shadow:0 12px 40px #ce93d826}.region-select-card.selected{transform:scale(1.06);border-color:#ffd54fb3;box-shadow:0 0 40px #ffd54f4d;animation:region-pulse 1s ease-in-out infinite}@keyframes region-pulse{0%,to{box-shadow:0 0 20px #ffd54f33}50%{box-shadow:0 0 40px #ffd54f66}}.region-select-card-img-wrap{width:100%;aspect-ratio:3 / 4;overflow:hidden;background:#0000004d}.region-select-card-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.region-select-card:hover .region-select-card-img{transform:scale(1.08)}.region-select-card-info{padding:16px 12px}.region-select-card-info h2{font-family:Cinzel,serif;font-size:1.2rem;color:#e0e6f0;margin:0 0 4px}.region-select-card-info p{font-family:Inter,sans-serif;font-size:.8rem;color:#8b92a8;margin:0}.db-card.not-owned{opacity:.35;filter:grayscale(.7);cursor:not-allowed;pointer-events:none}.db-card-locked{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;opacity:.8;text-shadow:0 2px 8px rgba(0,0,0,.6);pointer-events:none;z-index:3}.card-reward-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.card-reward-overlay.visible{opacity:1}.card-reward-popup{text-align:center;max-width:600px;width:90%;padding:40px 24px;background:#101428f2;border:1px solid rgba(255,213,79,.3);border-radius:20px;box-shadow:0 0 60px #ffd54f1a;animation:reward-pop .5s ease-out}@keyframes reward-pop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.card-reward-title{font-family:Cinzel,serif;font-size:2rem;background:linear-gradient(135deg,#ffd54f,#ffb74d,#ffa726);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}.card-reward-source{font-family:Inter,sans-serif;font-size:.85rem;color:#8b92a8;letter-spacing:1px;text-transform:uppercase;margin:0 0 28px}.card-reward-grid{display:flex;justify-content:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.card-reward-item{width:140px;animation:reward-card-in .6s ease-out both}.card-reward-item:nth-child(2){animation-delay:.15s}.card-reward-item:nth-child(3){animation-delay:.3s}@keyframes reward-card-in{0%{transform:translateY(30px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.card-reward-img{width:100%;border-radius:10px;border:2px solid rgba(255,213,79,.3);box-shadow:0 4px 20px #0006;transition:transform .2s ease}.card-reward-img:hover{transform:scale(1.05)}.card-reward-name{font-family:Cinzel,serif;font-size:.8rem;color:#e0e6f0;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-reward-region{font-family:Inter,sans-serif;font-size:.65rem;color:#8b92a8;text-transform:uppercase;letter-spacing:1px}.card-reward-dismiss{margin-top:8px;font-size:.9rem!important;padding:10px 32px!important}