:root{--bg-primary: #181818;--bg-secondary: #151515;--bg-button: #2a2a2a;--bg-button-hover: #3f3f3f;--bg-button-active: #1f1f1f;--border-default: #404040;--border-hover: #5a5a5a;--border-disabled: #2a2a2a;--accent-primary: #06b6d4;--accent-dark: #0891b2;--text-primary: #fafafa;--text-secondary: #ffffff;--text-disabled: #525252}body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{margin:0 auto}button{padding:12px 28px;font-size:15px;font-weight:500;border:1px solid var(--border-default);border-radius:8px;cursor:pointer;background:var(--bg-button);color:var(--text-primary);user-select:none;-webkit-user-select:none;transition:all .2s ease}button:hover{background:var(--bg-button-hover);border-color:var(--accent-primary);color:var(--text-secondary)}button:active{background:var(--bg-button-active);border-color:var(--accent-dark)}button:disabled{background:var(--bg-button-active);border-color:var(--border-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.5}.home{padding:0;max-width:100%;position:relative}.hero-background{position:absolute;top:0;left:0;width:100%;height:100vh;background:radial-gradient(circle at 30% 50%,rgba(6,182,212,.15) 0%,transparent 50%);z-index:0;pointer-events:none}.hero{position:relative;min-height:85vh;padding:80px 40px;display:flex;align-items:center;justify-content:space-between;gap:80px;max-width:1400px;margin:0 auto}.hero-content{flex:1;max-width:600px;z-index:1}.hero-content h1{margin:0 0 24px;font-size:64px;font-weight:800;line-height:1.1;color:var(--text-secondary)}.hero-content p{margin:0 0 40px;font-size:20px;line-height:1.6;color:var(--text-primary)}.hero-actions{display:flex;gap:16px}.cta-primary{padding:16px 40px;font-size:18px;font-weight:600;background:var(--accent-primary);border:none;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.cta-primary:hover{background:var(--accent-dark);transform:translateY(-2px)}.cta-secondary{padding:16px 40px;font-size:18px;font-weight:600;background:transparent;border:1px solid var(--border-default);color:var(--text-primary);border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.cta-secondary:hover{border-color:var(--accent-primary);color:var(--text-secondary)}.hero-cards{display:flex;gap:20px;z-index:1;will-change:transform}.hero-card{width:220px;height:330px;border-radius:12px;transition:transform .3s ease;will-change:transform;cursor:pointer}.hero-card:hover{transform:translateY(-12px)!important}.hero-card.light{background:linear-gradient(135deg,#2a2a1a,#4a4a2a,#fbbf24);border:1px solid rgba(251,191,36,.3)}.hero-card.frost{background:linear-gradient(135deg,#1a2a3a,#2a3a4a,#06b6d4);border:1px solid rgba(6,182,212,.3)}.hero-card.dark{background:linear-gradient(135deg,#1a1a2a,#2a2a3a,#a855f7);border:1px solid rgba(168,85,247,.3)}.card-content{position:relative;width:100%;height:100%;padding:16px;display:flex;align-items:flex-start;justify-content:flex-end}.rarity-indicator{width:10px;height:10px;border-radius:50%;box-shadow:0 0 12px currentColor}.rarity-indicator.legendary{background:#fbbf24}.rarity-indicator.epic{background:#a855f7}.cards-section{padding:100px 40px;max-width:1400px;margin:0 auto;min-height:80vh;display:flex;flex-direction:column;justify-content:center}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.section-header h2{margin:0;font-size:40px;font-weight:700;color:var(--text-secondary)}.view-all{color:var(--accent-primary);text-decoration:none;font-size:16px;font-weight:500;transition:all .2s ease}.view-all:hover{color:var(--text-secondary)}.card{background:var(--bg-button);border:1px solid var(--border-default);border-radius:12px;overflow:hidden;transition:all .2s ease;cursor:pointer}.card-image{width:100%;height:360px}.card-info{padding:16px;display:flex;justify-content:space-between;align-items:center}.card-info h3{margin:0;font-size:16px;font-weight:600;color:var(--text-secondary)}.card-info .rarity{font-size:11px;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:4px;border:1px solid var(--border-default)}.cta-banner{padding:100px 40px;text-align:center;background:var(--bg-button);border-top:1px solid var(--border-default);min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.cta-banner h2{margin:0 0 16px;font-size:48px;font-weight:800;color:var(--text-secondary)}.cta-banner p{margin:0 0 40px;font-size:20px;color:var(--text-primary)}.cta-large{padding:20px 60px;font-size:20px;font-weight:700;background:var(--accent-primary);border:none;color:var(--text-secondary);border-radius:12px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.cta-large:hover{background:var(--accent-dark);transform:translateY(-4px)}.clans-section{padding:100px 40px;max-width:1400px;margin:0 auto;text-align:center;min-height:80vh;display:flex;flex-direction:column;justify-content:center}.clans-section h2{margin:0 0 48px;font-size:40px;font-weight:700;color:var(--text-secondary)}.clans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.clan-card{padding:40px 32px;background:var(--bg-button);border:1px solid var(--border-default);border-radius:16px;transition:all .3s ease;cursor:pointer}.clan-card:hover{transform:translateY(-8px)}.clan-card.light{border-color:#fbbf244d}.clan-card.light:hover{border-color:#fbbf24;box-shadow:0 8px 32px #fbbf2433}.clan-card.frost{border-color:#06b6d44d}.clan-card.frost:hover{border-color:#06b6d4;box-shadow:0 8px 32px #06b6d433}.clan-card.dark{border-color:#a855f74d}.clan-card.dark:hover{border-color:#a855f7;box-shadow:0 8px 32px #a855f733}.clan-icon{font-size:64px;margin-bottom:20px}.clan-card h3{margin:0 0 12px;font-size:24px;font-weight:700;color:var(--text-secondary)}.clan-card p{margin:0;font-size:15px;line-height:1.6;color:var(--text-primary)}@media(max-width:1024px){.hero{flex-direction:column;text-align:center;min-height:auto;padding:60px 40px}.hero-content{max-width:100%}.hero-content h1{font-size:48px}.hero-actions,.hero-cards{justify-content:center}}@media(max-width:768px){.hero-content h1{font-size:36px}.hero-cards{flex-direction:column;align-items:center}.hero-card{width:240px;height:360px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cta-banner h2{font-size:32px}}.store{padding:40px;max-width:1400px;margin:0 auto;position:relative}.balance-fixed{position:fixed;top:150px;right:100px;display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-button);border:1px solid var(--border-default);border-radius:8px;z-index:100}.balance-label{font-size:14px;color:var(--text-primary);font-weight:500}.balance-amount{font-size:18px;font-weight:700;color:var(--accent-primary)}.store-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.pack-card{background:var(--bg-button);border:1px solid var(--border-default);border-radius:12px;overflow:hidden;transition:all .2s ease}.pack-card:hover{border-color:var(--accent-primary)}.pack-image{position:relative;width:100%;height:240px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-button-hover) 100%);border-bottom:1px solid var(--border-default);overflow:hidden}.pack-img{max-width:200px;max-height:220px;object-fit:contain;z-index:2;filter:drop-shadow(0 8px 24px rgba(0,0,0,.6));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pack-content{padding:24px}.pack-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pack-header h2{margin:0;font-size:24px;font-weight:600;color:var(--text-secondary)}.pack-price{font-size:20px;font-weight:600;color:var(--accent-primary)}.pack-description{margin:0 0 24px;font-size:15px;line-height:1.6;color:var(--text-primary)}.pack-details{margin-bottom:24px;padding:16px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:8px}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:14px;color:var(--text-primary);font-weight:500}.detail-value{font-size:16px;font-weight:600;color:var(--text-secondary)}.purchase-controls{display:flex;gap:16px;margin-bottom:20px}.quantity-control{display:flex;align-items:center;gap:12px;padding:0 12px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:8px;flex:1}.quantity-control button{padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-size:20px;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.quantity-control button:hover{color:var(--accent-primary)}.quantity-control span{font-size:18px;font-weight:600;color:var(--text-secondary);min-width:40px;text-align:center}.total-section{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:8px;width:100%}.total-label{font-size:12px;color:var(--text-primary);text-transform:uppercase;font-weight:500}.total-price{font-size:20px;font-weight:700;color:var(--accent-primary)}.buy-button{width:100%;padding:16px;font-size:16px;font-weight:600}.approve-section{display:flex;gap:6px;margin-top:12px}@media(max-width:600px){.purchase-controls{flex-direction:column}.total-section{flex-direction:row;justify-content:space-between;width:100%}}.profile{padding:40px;max-width:1400px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:32px;padding:32px;background:var(--bg-button);border:1px solid var(--border-default);border-radius:12px;margin-bottom:32px}.profile-avatar{flex-shrink:0}.avatar-placeholder{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-dark) 100%);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:var(--text-secondary);border:3px solid var(--border-default)}.profile-info{flex:1}.profile-info h1{margin:0 0 8px;font-size:32px;font-weight:700;color:var(--text-secondary)}.level{margin:0;font-size:16px;color:var(--accent-primary);font-weight:600}.profile-stats{display:flex;gap:24px}.stat-card{display:flex;flex-direction:column;align-items:center;padding:16px 24px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:8px;min-width:100px}.stat-value{font-size:28px;font-weight:700;color:var(--accent-primary);margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-primary);text-transform:uppercase;font-weight:500}.profile-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid var(--border-default);padding-bottom:0}.tab{padding:12px 24px;background:transparent;border:none;color:var(--text-primary);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;-webkit-user-select:none;user-select:none;position:relative;bottom:-1px}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tab-content{min-height:60vh}.decks-section{display:flex;flex-direction:column;gap:32px}.decks-header{display:flex;justify-content:space-between;align-items:center}.decks-header h2{margin:0;font-size:28px;font-weight:700;color:var(--text-secondary)}.create-deck-btn{padding:12px 24px;font-size:16px;font-weight:600;background:var(--accent-primary);border:none;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.create-deck-btn:hover{background:var(--accent-dark);transform:translateY(-2px)}.decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:40px}.deck-card{padding:24px;background:var(--bg-button);border:1px solid var(--border-default);border-radius:12px;display:flex;flex-direction:column;gap:16px}.deck-card:hover{border-color:var(--accent-primary)}.deck-card h3{margin:0;font-size:22px;font-weight:600;color:var(--text-secondary)}.delete-deck-btn{width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:28px;line-height:1;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.delete-deck-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.deck-card-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;padding-right:4px}.deck-card-list::-webkit-scrollbar{width:6px}.deck-card-list::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:3px}.deck-card-list::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.deck-card-list::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.deck-card-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px;transition:all .2s ease}.deck-card-item:hover{border-color:var(--accent-primary);background:var(--bg-button)}.deck-card-item.empty{border-style:dashed;cursor:pointer;justify-content:center}.empty-slot{color:var(--text-primary);font-size:14px;font-weight:500}.card-item-name{font-size:14px;font-weight:600;color:var(--text-secondary)}.card-item-meta{display:flex;align-items:center;gap:8px}.card-item-level{font-size:11px;font-weight:600;padding:2px 8px;background:var(--bg-button);border:1px solid var(--border-default);border-radius:4px;color:var(--accent-primary)}.card-item-count{font-size:16px;font-weight:700;color:var(--text-primary)}.deck-stats-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}.deck-record{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600}.deck-record .separator{color:var(--text-primary)}.win-rate{font-size:14px;font-weight:600;color:var(--accent-primary)}.deck-actions{display:flex;gap:12px;flex-shrink:0}.deck-action-btn{flex:1;padding:12px 20px;font-size:15px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;height:44px}.deck-action-btn.edit{background:transparent;border:1px solid var(--border-default);color:var(--text-primary)}.deck-action-btn.edit:hover{border-color:var(--accent-primary);color:var(--text-secondary)}.deck-action-btn.deck-play{background:var(--accent-primary);border:none;color:var(--text-secondary)}.deck-action-btn.deck-play:hover{background:var(--accent-dark)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.card{background:var(--bg-button);border:1px solid var(--border-default);border-radius:12px;overflow:hidden;transition:all .2s ease;cursor:pointer;width:240px}.card:hover{transform:translateY(-8px);border-color:var(--accent-primary)}.card.missing{opacity:.5}.card.missing:hover{opacity:.8}.card-image{width:240px;height:360px}.card-image img{height:360px;width:240px}.card.light .card-image{background:linear-gradient(135deg,#2a2a1a,#4a4a2a,#fbbf24)}.card.frost .card-image{background:linear-gradient(135deg,#1a2a3a,#2a3a4a,#06b6d4)}.card.dark .card-image{background:linear-gradient(135deg,#1a1a2a,#2a2a3a,#a855f7)}.card.missing .card-image{filter:grayscale(1)}.card-details{padding:16px;display:flex;justify-content:space-between;align-items:center}.card-name-section{flex:1;display:flex;flex-direction:column;gap:6px}.card-details h3{margin:0;font-size:16px;font-weight:600;color:var(--text-secondary)}.card-count{font-size:20px;font-weight:700;color:var(--accent-primary);padding:8px 16px;background:var(--bg-primary);border-radius:8px}.obtain-btn{padding:8px 20px;font-size:14px;font-weight:600;background:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary);border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.obtain-btn:hover{background:var(--accent-primary);color:var(--text-secondary)}.history-table{background:var(--bg-button);border:1px solid var(--border-default);border-radius:12px;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:20px 24px;background:var(--bg-primary);border-bottom:1px solid var(--border-default);font-weight:600;font-size:14px;color:var(--text-primary);text-transform:uppercase}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border-default);transition:all .2s ease;font-size:15px;color:var(--text-primary)}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--bg-primary)}.opponent{font-weight:600;color:var(--text-secondary)}.result{font-weight:600;padding:4px 12px;border-radius:4px;width:fit-content}.result.win{color:#10b981;background:#10b9811a}.result.loss{color:#ef4444;background:#ef44441a}@media(max-width:1024px){.profile-header{flex-wrap:wrap}.profile-stats{width:100%;justify-content:space-between}.stat-card{min-width:auto;flex:1}}@media(max-width:768px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.table-header{display:none}.table-row span{display:flex;justify-content:space-between}.table-row span:before{content:attr(data-label);font-weight:600;text-transform:uppercase;font-size:12px}}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-button);border:1px solid var(--border-default);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-default)}.modal-header h2{margin:0;font-size:24px;font-weight:700;color:var(--text-secondary)}.modal-close{width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:32px;line-height:1;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ef4444;border-color:#ef4444;color:#fff}.modal-body{padding:24px;display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:12px}.form-group label{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.deck-name-input{padding:14px 16px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:16px;transition:all .2s ease}.deck-name-input:focus{outline:none;border-color:var(--accent-primary)}.deck-name-input::placeholder{color:var(--text-primary);opacity:.5}.clan-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.clan-option{padding:20px 16px;background:var(--bg-primary);border:2px solid var(--border-default);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;color:var(--text-primary);font-size:14px;font-weight:600}.clan-option:hover{border-color:var(--accent-primary)}.clan-option.selected.light{border-color:#fbbf24;background:#fbbf241a;color:#fbbf24}.clan-option.selected.frost{border-color:#06b6d4;background:#06b6d41a;color:#06b6d4}.clan-option.selected.dark{border-color:#a855f7;background:#a855f71a;color:#a855f7}.clan-icon{font-size:32px}.helper-text{margin:0;padding:12px 16px;background:var(--bg-primary);border-left:3px solid var(--accent-primary);border-radius:4px;font-size:14px;line-height:1.5;color:var(--text-primary)}.modal-footer{padding:24px;border-top:1px solid var(--border-default);display:flex;gap:12px;justify-content:flex-end}.modal-btn{padding:12px 24px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.modal-btn.cancel{background:transparent;border:1px solid var(--border-default);color:var(--text-primary)}.modal-btn.cancel:hover{border-color:var(--accent-primary);color:var(--text-secondary)}.modal-btn.create{background:var(--accent-primary);border:none;color:var(--text-secondary)}.modal-btn.create:hover{background:var(--accent-dark)}.modal-btn.create:disabled{opacity:.5;cursor:not-allowed}.deck-builder-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1001}.deck-builder{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:16px;width:95%;max-width:1400px;height:90vh;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.deck-builder-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-default)}.deck-builder-header h2{margin:0;font-size:28px;font-weight:700;color:var(--text-secondary)}.deck-builder-subtitle{margin:4px 0 0;font-size:14px;color:var(--text-primary)}.builder-close{width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:36px;line-height:1;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.builder-close:hover{background:#ef4444;border-color:#ef4444;color:#fff}.deck-builder-content{flex:1;display:grid;grid-template-columns:1fr 440px;gap:24px;padding:24px;overflow:hidden;min-height:0}.builder-collection{display:flex;flex-direction:column;gap:16px;min-height:0;overflow:hidden}.builder-collection h3{margin:0;font-size:18px;font-weight:600;color:var(--text-secondary);flex-shrink:0}.builder-filters{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.search-input{padding:12px 16px;background:var(--bg-button);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:15px;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--accent-primary)}.search-input::placeholder{color:var(--text-primary);opacity:.5}.filter-row{display:flex;gap:8px}.collection-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.collection-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-secondary)}.collection-filters{display:flex;gap:8px}.filter-select{flex:1;padding:10px 12px;background:var(--bg-button);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.filter-select:hover{border-color:var(--accent-primary)}.filter-select:focus{outline:none;border-color:var(--accent-primary)}.clear-filters-btn{padding:10px 20px;background:transparent;border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.clear-filters-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.builder-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,250px);gap:16px;grid-auto-rows:minmax(min-content,max-content);padding:8px 8px 8px 0;flex:1;overflow-y:auto}.no-results{grid-column:1 / -1;padding:40px;text-align:center}.no-results p{margin:0;font-size:16px;color:var(--text-primary);opacity:.6}.builder-cards-grid::-webkit-scrollbar{width:8px}.builder-cards-grid::-webkit-scrollbar-track{background:var(--bg-button);border-radius:4px}.builder-cards-grid::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}.builder-cards-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.builder-card{background:var(--bg-button);border:1px solid var(--border-default);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative}.builder-card:hover{border-color:var(--accent-primary);z-index:10;box-shadow:0 12px 24px #00000080}.builder-card-image{width:100%;height:360px}.builder-card-image img{width:240px;height:360px}.builder-card.light .builder-card-image{background:linear-gradient(135deg,#2a2a1a,#4a4a2a,#fbbf24)}.builder-card.frost .builder-card-image{background:linear-gradient(135deg,#1a2a3a,#2a3a4a,#06b6d4)}.builder-card.dark .builder-card-image{background:linear-gradient(135deg,#1a1a2a,#2a2a3a,#a855f7)}.builder-card-info{padding:12px;display:flex;flex-direction:column;gap:6px}.builder-card-meta{display:flex;align-items:center;gap:8px}.builder-rarity{font-size:10px;font-weight:600;text-transform:uppercase}.builder-rarity.legendary{color:#fbbf24}.builder-rarity.epic{color:#a855f7}.builder-rarity.rare{color:#60a5fa}.builder-rarity.common{color:#9ca3af}.builder-level{font-size:11px;font-weight:600;padding:2px 6px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:4px;color:var(--accent-primary)}.builder-add{position:absolute;top:12px;right:12px;width:28px;height:28px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--text-secondary);opacity:0;transition:opacity .2s ease}.builder-card:hover .builder-add{opacity:1}.builder-deck{display:flex;flex-direction:column;gap:16px;background:var(--bg-button);border:1px solid var(--border-default);border-radius:12px;padding:20px;overflow:hidden}.builder-deck h3{margin:0;font-size:18px;font-weight:600;color:var(--text-secondary)}.deck-slots-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;overflow-y:auto;margin-bottom:16px;padding:20px}.deck-slots-grid::-webkit-scrollbar{width:6px}.deck-slots-grid::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:3px}.deck-slots-grid::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.deck-slots-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.deck-slot-card{border-radius:12px;transition:all .2s ease;width:165px;overflow:hidden}.deck-slot-card img{width:160px;height:240px}.deck-slot-card.empty{background:var(--bg-primary);border:2px dashed var(--border-default);display:flex;align-items:center;justify-content:center;min-height:307px}.slot-placeholder{font-size:13px;color:var(--text-primary);opacity:.5}.deck-slot-card.filled{background:var(--bg-button);border:1px solid var(--border-default);cursor:pointer;position:relative;display:flex;flex-direction:column;height:307px}.deck-slot-card.filled:hover{border-color:#ef4444}.deck-slot-image{width:100%;height:240px}.deck-slot-card.light .deck-slot-image{background:linear-gradient(135deg,#2a2a1a,#4a4a2a,#fbbf24)}.deck-slot-card.frost .deck-slot-image{background:linear-gradient(135deg,#1a2a3a,#2a3a4a,#06b6d4)}.deck-slot-card.dark .deck-slot-image{background:linear-gradient(135deg,#1a1a2a,#2a2a3a,#a855f7)}.deck-slot-info{padding:12px;display:flex;flex-direction:column;gap:6px}.slot-meta{display:flex;align-items:center;gap:6px}.slot-rarity{font-size:10px;font-weight:600;text-transform:uppercase}.slot-rarity.legendary{color:#fbbf24}.slot-rarity.epic{color:#a855f7}.slot-rarity.rare{color:#60a5fa}.slot-rarity.common{color:#9ca3af}.slot-level{font-size:10px;font-weight:600;padding:2px 6px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:4px;color:var(--accent-primary)}.slot-remove{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;opacity:0;transition:opacity .2s ease}.deck-slot-card.filled:hover .slot-remove{opacity:1}.save-deck-btn{padding:16px;background:var(--accent-primary);border:none;color:var(--text-secondary);font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;flex-shrink:0}.save-deck-btn:hover:not(:disabled){background:var(--accent-dark)}.save-deck-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-primary)}.decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.deck-card{padding:24px;background:var(--bg-button);border:1px solid var(--border-default);border-radius:12px;display:flex;flex-direction:column;gap:16px;position:relative;transition:all .3s ease}.deck-card.selected{background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,rgba(59,130,246,.05) 50%,var(--bg-button) 100%);border:3px solid #3b82f6;box-shadow:0 0 0 1px #3b82f64d,0 0 30px #3b82f666,0 8px 32px #0009;transform:scale(1.03)}.selected-badge{position:absolute;top:-14px;right:24px;background:linear-gradient(135deg,#3b82f6,#2563eb);padding:8px 20px;border-radius:24px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 20px #3b82f699,0 4px 16px #00000080;z-index:1;color:#fff;border:2px solid rgba(255,255,255,.2)}.deck-card.light{border-left:4px solid rgba(251,191,36,.5)}.deck-card.frost{border-left:4px solid rgba(6,182,212,.5)}.deck-card.dark{border-left:4px solid rgba(168,85,247,.5)}.deck-card.selected.light{border:2px solid rgba(251,191,36,.8);border-left:4px solid rgba(251,191,36,1)}.deck-card.selected.frost{border:2px solid rgba(6,182,212,.8);border-left:4px solid rgba(6,182,212,1)}.deck-card.selected.dark{border:2px solid rgba(168,85,247,.8);border-left:4px solid rgba(168,85,247,1)}.deck-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--border-default)}.deck-title-section{display:flex;align-items:center;gap:12px}.clan-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.clan-badge.light{background:#fbbf2426;color:#fbbf24}.clan-badge.frost{background:#06b6d426;color:#06b6d4}.clan-badge.dark{background:#a855f726;color:#a855f7}.delete-deck-btn{width:32px;height:32px;background:transparent;border:1px solid var(--border-default);border-radius:6px;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.delete-deck-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef4444;color:#ef4444}.delete-deck-btn:disabled{opacity:.3;cursor:not-allowed}.deck-card-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.deck-card-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px}.deck-card-item.empty{border-style:dashed;justify-content:center;cursor:pointer;transition:all .2s ease}.deck-card-item.empty:hover{border-color:var(--accent-primary);background:rgba(var(--accent-rgb),.05)}.empty-slot{font-size:14px;font-weight:500}.card-item-info{display:flex;flex-direction:column;gap:6px}.card-item-name{font-size:14px;font-weight:600}.card-item-meta{display:flex;gap:8px;align-items:center}.card-item-rarity{font-size:10px;font-weight:600;text-transform:uppercase}.card-item-rarity.legendary{color:#fbbf24}.card-item-rarity.epic{color:#a855f7}.card-item-rarity.rare{color:#60a5fa}.card-item-rarity.common{color:#9ca3af}.card-item-level{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;background:#ffffff0d}.card-item-count{font-size:16px;font-weight:700}.deck-stats-footer{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}.deck-record{display:flex;gap:8px;font-weight:600}.deck-record .wins{color:#10b981}.deck-record .separator{opacity:.6}.deck-record .losses{color:#ef4444}.win-rate{font-size:14px;font-weight:600}.deck-actions{display:flex;gap:12px}.deck-action-btn{flex:1;padding:12px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.deck-action-btn.edit{background:transparent;border:1px solid var(--border-default)}.deck-action-btn.edit:hover{background:#ffffff0d;border-color:var(--accent-primary)}.deck-action-btn.deck-play{background:var(--accent-primary);border:none}.deck-action-btn.deck-play:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.deck-action-btn.deck-play:disabled{opacity:.6;cursor:not-allowed;background:rgba(var(--accent-rgb),.3)}@keyframes selectedPulse{0%,to{box-shadow:0 0 0 4px rgba(var(--accent-rgb),.1),0 8px 24px #0006}50%{box-shadow:0 0 0 4px rgba(var(--accent-rgb),.2),0 8px 24px #0006}}.deck-card.selected{animation:selectedPulse 3s ease-in-out infinite}.profile-exp-bar-container-card{width:100%;padding:0 12px 12px;box-sizing:border-box}.profile-exp-bar-outer-card{position:relative;height:20px;background:linear-gradient(90deg,#1a1410,#2d2416);border:2px solid #f59e0b;border-radius:4px;box-shadow:0 0 10px #f59e0b4d,inset 0 2px 4px #00000080;overflow:hidden}.profile-exp-bar-inner-card{position:absolute;top:2px;left:2px;bottom:2px;background:linear-gradient(90deg,#f59e0b,#fbbf24,#fcd34d,#fbbf24,#f59e0b);border-radius:2px;box-shadow:0 0 10px #fbbf24cc,inset 0 1px 2px #ffffff80;transition:width .6s ease-out}.profile-exp-bar-shine-card{position:absolute;inset:0;opacity:.5;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:profile-exp-shine 2.5s infinite}.profile-exp-bar-glow-card{position:absolute;inset:-2px;background:radial-gradient(ellipse at center,rgba(251,191,36,.4) 0%,transparent 70%);filter:blur(8px);animation:profile-exp-pulse 2s ease-in-out infinite}.profile-exp-bar-text-card{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:11px;z-index:10;text-shadow:0 0 8px rgba(245,158,11,.8),1px 1px 3px rgba(0,0,0,.9),-1px -1px 0 rgba(0,0,0,.5);letter-spacing:.5px}@keyframes profile-exp-shine{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes profile-exp-pulse{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:1366px){.profile-exp-bar-outer-card{height:18px}.profile-exp-bar-text-card{font-size:10px}}@media(max-width:1024px){.profile-exp-bar-outer-card{height:16px}.profile-exp-bar-text-card{font-size:9px}}@media(max-width:800px){.profile-exp-bar-container-card{margin-top:6px}.profile-exp-bar-outer-card{height:14px}.profile-exp-bar-text-card{font-size:8px}}.card-stats-display{display:flex;justify-content:center;align-items:center;gap:8px}.level-up-btn{margin-top:8px;width:100%;padding:10px 16px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #fbbf24;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 20px #fbbf2466,inset 0 1px 2px #ffffff4d;position:relative;overflow:hidden}.level-up-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transform:translate(-100%);transition:transform .6s ease}.level-up-btn:hover:before{transform:translate(100%)}.level-up-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#fcd34d;box-shadow:0 0 30px #fbbf2499,0 4px 12px #0000004d,inset 0 1px 2px #ffffff4d}.level-up-btn:active{transform:translateY(0);box-shadow:0 0 20px #fbbf2480,inset 0 2px 4px #0000004d}.level-up-icon{font-size:20px;display:flex;align-items:center;filter:drop-shadow(0 0 8px rgba(251,191,36,.8));animation:level-up-pulse 2s ease-in-out infinite}.level-up-text{font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(251,191,36,.8),2px 2px 4px rgba(0,0,0,.8);position:relative;z-index:1}@keyframes level-up-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media(max-width:1366px){.level-up-btn{padding:9px 14px}.level-up-icon{font-size:18px}.level-up-text{font-size:13px}}@media(max-width:1024px){.level-up-btn{padding:8px 12px}.level-up-icon{font-size:16px}.level-up-text{font-size:12px}}@media(max-width:800px){.level-up-btn{padding:7px 10px;margin-top:6px}.level-up-icon{font-size:14px}.level-up-text{font-size:11px;letter-spacing:.5px}}@media(max-width:600px){.level-up-btn{padding:6px 8px;margin-top:4px}.level-up-icon{font-size:12px}.level-up-text{font-size:10px}}.builder-card-info{padding:12px;display:flex;justify-content:space-between;align-items:center}.builder-card-name-section{flex:1;display:flex;flex-direction:column;gap:6px}.builder-card-name{font-size:14px;font-weight:600;color:var(--text-secondary)}.builder-card-meta{display:flex;flex-direction:column;gap:4px}.builder-rarity{font-size:10px;font-weight:600;text-transform:uppercase;padding:3px 8px;border-radius:4px;border:1px solid var(--border-default);width:fit-content}.builder-rarity.legendary{color:#fbbf24;border-color:#fbbf24;background:#fbbf241a}.builder-rarity.epic{color:#a855f7;border-color:#a855f7;background:#a855f71a}.builder-rarity.rare{color:#60a5fa;border-color:#60a5fa;background:#60a5fa1a}.builder-rarity.common{color:#9ca3af;border-color:#4b5563;background:#9ca3af1a}.builder-card-level{display:flex;flex-direction:column;gap:6px}.builder-card-stars{display:flex;justify-content:center;align-items:center}.builder-card-stars .star{color:#4b5563;font-size:16px}.builder-card-stars .star.filled{color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.6))}.builder-card-stats{display:flex;justify-content:center;align-items:center;gap:6px}.builder-card-stats .stat-display{display:flex;align-items:center;gap:4px}.builder-card-stats .stat-value{font-size:14px;font-weight:700;color:var(--text-secondary)}.builder-card-stats .stat-display.power .stat-value{color:#24f4fb}.builder-card-stats .stat-display.damage .stat-value{color:#ef4444}.deck-slot-info{padding:12px;display:flex;justify-content:space-between;align-items:center}.deck-slot-name-section{flex:1;display:flex;flex-direction:column;gap:6px}.slot-name{font-size:13px;font-weight:600;color:var(--text-secondary)}.slot-meta{display:flex;flex-direction:column;gap:4px}.slot-rarity{font-size:10px;font-weight:600;text-transform:uppercase;padding:3px 8px;border-radius:4px;border:1px solid var(--border-default);width:fit-content}.slot-rarity.legendary{color:#fbbf24;border-color:#fbbf24;background:#fbbf241a}.slot-rarity.epic{color:#a855f7;border-color:#a855f7;background:#a855f71a}.slot-rarity.rare{color:#60a5fa;border-color:#60a5fa;background:#60a5fa1a}.slot-rarity.common{color:#9ca3af;border-color:#4b5563;background:#9ca3af1a}.deck-slot-level{display:flex;flex-direction:column;gap:6px}.deck-slot-stars{display:flex;justify-content:center;align-items:center}.deck-slot-stars .star{color:#4b5563;font-size:14px}.deck-slot-stars .star.filled{color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.6))}.deck-slot-stats{display:flex;justify-content:center;align-items:center;gap:6px}.deck-slot-stats .stat-display{display:flex;align-items:center;gap:4px}.deck-slot-stats .stat-value{font-size:12px;font-weight:700;color:var(--text-secondary)}.deck-slot-stats .stat-display.power .stat-value{color:#24f4fb}.deck-slot-stats .stat-display.damage .stat-value{color:#ef4444}.levelup-modal-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .3s ease-out}.levelup-modal-content{background:var(--bg-button);border:2px solid var(--accent-primary);border-radius:16px;width:95%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #000c,0 0 40px #3b82f64d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.levelup-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-default)}.levelup-modal-header h2{margin:0;font-size:28px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.levelup-modal-close{width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:36px;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.levelup-modal-close:hover{background:#ef4444;border-color:#ef4444;color:#fff}.levelup-modal-body{padding:32px 24px;display:flex;flex-direction:column;gap:24px}.levelup-comparison{display:flex;align-items:center;justify-content:center;gap:32px}.levelup-card-container{display:flex;flex-direction:column;gap:12px;flex:1;max-width:280px}.levelup-card-label{text-align:center;font-size:14px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}.levelup-card-label.next{color:var(--accent-primary)}.levelup-card{background:var(--bg-button);border:2px solid var(--border-default);border-radius:12px;overflow:hidden;transition:all .3s ease}.levelup-card.next-level{border-color:var(--accent-primary);box-shadow:0 0 20px #3b82f666;animation:cardPulse 2s ease-in-out infinite}@keyframes cardPulse{0%,to{box-shadow:0 0 20px #3b82f666}50%{box-shadow:0 0 30px #3b82f699}}.levelup-card-image{width:100%;height:360px}.levelup-card-image img{width:100%;height:100%;object-fit:cover}.levelup-card.radiantus .levelup-card-image,.levelup-card.sanctifer .levelup-card-image{background:linear-gradient(135deg,#2a2a1a,#4a4a2a,#fbbf24)}.levelup-card.glacior .levelup-card-image{background:linear-gradient(135deg,#1a2a3a,#2a3a4a,#06b6d4)}.levelup-card.nekros .levelup-card-image,.levelup-card.vorath .levelup-card-image,.levelup-card.umbra .levelup-card-image{background:linear-gradient(135deg,#1a1a2a,#2a2a3a,#a855f7)}.levelup-card-details{padding:16px;display:flex;justify-content:space-between;align-items:center}.levelup-card-name-section{flex:1;display:flex;flex-direction:column;gap:6px}.levelup-card-details h3{margin:0;font-size:18px;font-weight:600;color:var(--text-secondary)}.levelup-card-details .rarity{font-size:11px;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:4px;border:1px solid var(--border-default);width:fit-content}.levelup-card-details .rarity.legendary{color:#fbbf24;border-color:#fbbf24;background:#fbbf241a}.levelup-card-details .rarity.epic{color:#a855f7;border-color:#a855f7;background:#a855f71a}.levelup-card-details .rarity.rare{color:#60a5fa;border-color:#60a5fa;background:#60a5fa1a}.levelup-card-details .rarity.common{color:#9ca3af;border-color:#4b5563;background:#9ca3af1a}.levelup-card-level{display:flex;flex-direction:column;gap:8px}.levelup-card-level .stars{display:flex;justify-content:center;align-items:center}.levelup-card-level .star{color:#4b5563;font-size:20px}.levelup-card-level .star.filled{color:#fbbf24;filter:drop-shadow(0 0 6px rgba(251,191,36,.8));animation:starGlow 1.5s ease-in-out infinite}@keyframes starGlow{0%,to{filter:drop-shadow(0 0 6px rgba(251,191,36,.8))}50%{filter:drop-shadow(0 0 10px rgba(251,191,36,1))}}.levelup-card-stats-display{display:flex;justify-content:center;align-items:center;gap:8px}.levelup-card-stats-display .stat-display{display:flex;align-items:center;gap:6px;position:relative}.levelup-card-stats-display .stat-value{font-size:20px;font-weight:700;color:var(--text-secondary);min-width:28px;text-align:center}.levelup-card-stats-display .stat-display.power .stat-value{color:#24f4fb;text-shadow:0 0 8px rgba(36,244,251,.6)}.levelup-card-stats-display .stat-display.damage .stat-value{color:#ef4444;text-shadow:0 0 8px rgba(239,68,68,.6)}.stat-increase{font-size:12px;font-weight:700;color:#10b981;background:#10b98126;padding:2px 6px;border-radius:4px;border:1px solid #10b981;animation:increaseGlow 1.5s ease-in-out infinite}@keyframes increaseGlow{0%,to{box-shadow:0 0 8px #10b98166}50%{box-shadow:0 0 12px #10b98199}}.levelup-arrow{font-size:48px;color:var(--accent-primary);animation:arrowPulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes arrowPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.levelup-warning{background:#f59e0b1a;border:1px solid #f59e0b;border-radius:8px;padding:16px;text-align:center}.levelup-warning p{margin:0;font-size:14px;font-weight:600;color:#fbbf24}.levelup-modal-footer{padding:24px;border-top:1px solid var(--border-default);display:flex;gap:16px;justify-content:flex-end}.levelup-btn-cancel,.levelup-btn-confirm{padding:14px 32px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.levelup-btn-cancel{background:transparent;border:1px solid var(--border-default);color:var(--text-primary)}.levelup-btn-cancel:hover{border-color:var(--accent-primary);color:var(--text-secondary);background:rgba(var(--accent-rgb),.1)}.levelup-btn-confirm{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #fbbf24;color:#fff;box-shadow:0 4px 12px #fbbf2466}.levelup-btn-confirm:hover{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#fcd34d;box-shadow:0 6px 20px #fbbf2499;transform:translateY(-2px)}@media(max-width:768px){.levelup-comparison{flex-direction:column;gap:24px}.levelup-card-container{max-width:100%;width:100%}.levelup-arrow{transform:rotate(90deg);font-size:36px}.levelup-modal-header h2{font-size:22px}.levelup-card-image{height:300px}.levelup-modal-footer{flex-direction:column}.levelup-btn-cancel,.levelup-btn-confirm{width:100%}}@media(max-width:480px){.levelup-modal-body{padding:24px 16px}.levelup-card-image{height:280px}.levelup-card-details h3{font-size:16px}.levelup-card-stats-display .stat-value{font-size:18px}}.card-reveal-overlay{position:fixed;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:overlayFadeIn .4s ease-out}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.card-reveal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;width:100%;height:100%;pointer-events:none}.reveal-prompt{display:flex;flex-direction:column;align-items:center;gap:16px;animation:promptPulse 2s ease-in-out infinite}.prompt-text{font-size:48px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(59,130,246,.8),0 4px 8px rgba(0,0,0,.8)}.prompt-subtext{font-size:24px;font-weight:500;color:var(--accent-primary);text-shadow:0 0 10px rgba(59,130,246,.6),0 2px 4px rgba(0,0,0,.8)}@keyframes promptPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.revealed-card{background:var(--bg-button);border:2px solid var(--border-default);border-radius:16px;overflow:hidden;width:340px;box-shadow:0 20px 60px #000c,0 0 40px #3b82f666;animation:cardRevealAnimation .6s cubic-bezier(.34,1.56,.64,1);position:relative}.revealed-card.revealing{animation:cardFlip .3s ease-out}@keyframes cardRevealAnimation{0%{transform:scale(.5) rotateY(180deg);opacity:0}50%{transform:scale(1.1) rotateY(90deg)}to{transform:scale(1) rotateY(0);opacity:1}}@keyframes cardFlip{0%{transform:scale(1) rotateY(0)}50%{transform:scale(.95) rotateY(90deg)}to{transform:scale(1) rotateY(0)}}.revealed-card.radiantus,.revealed-card.sanctifer{border-color:#fbbf24cc;box-shadow:0 20px 60px #000c,0 0 40px #fbbf2466}.revealed-card.glacior{border-color:#06b6d4cc;box-shadow:0 20px 60px #000c,0 0 40px #06b6d466}.revealed-card.nekros,.revealed-card.vorath,.revealed-card.umbra{border-color:#a855f7cc;box-shadow:0 20px 60px #000c,0 0 40px #a855f766}.card-reveal-image{width:340px;height:510px;overflow:hidden;position:relative}.card-reveal-image img{width:100%;height:100%;object-fit:cover}.revealed-card.radiantus .card-reveal-image,.revealed-card.sanctifer .card-reveal-image{background:linear-gradient(135deg,#2a2a1a,#4a4a2a,#fbbf24)}.revealed-card.glacior .card-reveal-image{background:linear-gradient(135deg,#1a2a3a,#2a3a4a,#06b6d4)}.revealed-card.nekros .card-reveal-image,.revealed-card.vorath .card-reveal-image,.revealed-card.umbra .card-reveal-image{background:linear-gradient(135deg,#1a1a2a,#2a2a3a,#a855f7)}.card-reveal-details{padding:20px;display:flex;flex-direction:column;gap:16px}.card-reveal-name-section{display:flex;flex-direction:column;gap:8px;align-items:center}.card-reveal-name-section h3{margin:0;font-size:28px;font-weight:700;color:var(--text-secondary);text-align:center}.card-reveal-name-section .rarity{font-size:12px;font-weight:600;text-transform:uppercase;padding:6px 14px;border-radius:6px;border:1px solid var(--border-default);width:fit-content}.rarity.legendary{color:#fbbf24;border-color:#fbbf24;background:#fbbf2426;box-shadow:0 0 15px #fbbf2466}.rarity.epic{color:#a855f7;border-color:#a855f7;background:#a855f726;box-shadow:0 0 15px #a855f766}.rarity.rare{color:#60a5fa;border-color:#60a5fa;background:#60a5fa26;box-shadow:0 0 15px #60a5fa66}.rarity.common{color:#9ca3af;border-color:#4b5563;background:#9ca3af26}.card-reveal-level{display:flex;flex-direction:column;gap:12px;align-items:center}.stars{display:flex;gap:6px;font-size:24px}.star{color:#4b5563;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.star.filled{color:#fbbf24;filter:drop-shadow(0 0 8px rgba(251,191,36,.8));animation:starFill .4s ease-out backwards}.star.filled:nth-child(1){animation-delay:.1s}.star.filled:nth-child(2){animation-delay:.2s}.star.filled:nth-child(3){animation-delay:.3s}.star.filled:nth-child(4){animation-delay:.4s}.star.filled:nth-child(5){animation-delay:.5s}@keyframes starFill{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.3) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}.card-reveal-stats-display{display:flex;justify-content:center;align-items:center;gap:24px}.stat-display{display:flex;align-items:center;gap:8px}.stat-value{font-size:24px;font-weight:700;color:var(--text-secondary);min-width:32px;text-align:center}.stat-display.power{border-color:#24f4fb66}.stat-display.power .stat-value{color:#24f4fb;text-shadow:0 0 10px rgba(36,244,251,.6)}.stat-display.damage{border-color:#ef444466}.stat-display.damage .stat-value{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.6)}.reveal-counter{position:absolute;top:16px;right:16px;background:#000c;border:1px solid var(--accent-primary);border-radius:8px;padding:8px 16px;font-size:16px;font-weight:700;color:var(--accent-primary);box-shadow:0 4px 12px #0009}.reveal-instruction{font-size:18px;font-weight:500;color:var(--text-primary);text-align:center;padding:12px 24px;background:#0009;border:1px solid var(--border-default);border-radius:8px;animation:instructionFade 2s ease-in-out infinite}@keyframes instructionFade{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:768px){.revealed-card{width:280px}.card-reveal-image{width:280px;height:420px}.card-reveal-image img{width:100%;height:100%}.card-reveal-name-section h3{font-size:22px}.prompt-text{font-size:32px}.prompt-subtext{font-size:18px}.stars,.stat-value{font-size:20px}.reveal-counter{font-size:14px;padding:6px 12px}}@media(max-width:480px){.revealed-card{width:240px}.card-reveal-image{width:240px;height:360px}.card-reveal-details{padding:16px}.card-reveal-name-section h3{font-size:18px}.prompt-text{font-size:24px}.prompt-subtext{font-size:16px}.reveal-instruction{font-size:14px}}.marketplace{padding:40px;max-width:1600px;margin:0 auto;display:flex;gap:24px}.balance-fixed{position:fixed;top:80px;right:24px;background:var(--bg-button);border:1px solid var(--accent-primary);border-radius:12px;padding:16px 24px;display:flex;flex-direction:column;gap:8px;z-index:100;box-shadow:0 4px 12px #0000004d}.balance-label{font-size:12px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.balance-amount{font-size:20px;font-weight:700;color:var(--accent-primary)}.filters{width:280px;background:var(--bg-button);border:1px solid var(--border-default);border-radius:12px;padding:24px;height:fit-content;position:sticky;top:24px;transition:all .3s ease}.filters.closed{width:60px;padding:16px}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.filters-header h2{margin:0;font-size:20px;font-weight:700;color:var(--text-secondary)}.filters.closed h2{display:none}.toggle-btn{width:32px;height:32px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:18px}.toggle-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.filters-content{display:flex;flex-direction:column;gap:20px}.filters.closed .filters-content{display:none}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-group input,.filter-group select{padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);font-size:14px;transition:all .2s ease}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--accent-primary)}.filter-group input::placeholder{color:var(--text-primary);opacity:.5}.clear-filters{padding:10px 16px;background:transparent;border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.clear-filters:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.items-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;align-content:start}.item-card{background:var(--bg-button);border:1px solid var(--border-default);border-radius:12px;overflow:hidden;transition:all .2s ease;cursor:pointer;width:240px}.item-card:hover{transform:translateY(-8px);border-color:var(--accent-primary)}.item-image{width:240px;height:360px}.item-image img{height:360px;width:240px}.item-card.radiantus .item-image,.item-card.sanctifer .item-image{background:linear-gradient(135deg,#2a2a1a,#4a4a2a,#fbbf24)}.item-card.glacior .item-image{background:linear-gradient(135deg,#1a2a3a,#2a3a4a,#06b6d4)}.item-card.nekros .item-image,.item-card.vorath .item-image,.item-card.umbra .item-image{background:linear-gradient(135deg,#1a1a2a,#2a2a3a,#a855f7)}.item-info{padding:16px;display:flex;justify-content:space-between;align-items:center}.item-name-section{flex:1;display:flex;flex-direction:column;gap:6px}.item-info h3{margin:0;font-size:16px;font-weight:600;color:var(--text-secondary)}.rarity{font-size:11px;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:4px;border:1px solid var(--border-default);width:fit-content}.rarity.legendary{color:#fbbf24;border-color:#fbbf24;background:#fbbf241a}.rarity.epic{color:#a855f7;border-color:#a855f7;background:#a855f71a}.rarity.rare{color:#60a5fa;border-color:#60a5fa;background:#60a5fa1a}.rarity.common{color:#9ca3af;border-color:#4b5563;background:#9ca3af1a}.item-level{display:flex;flex-direction:column;gap:8px}.stars{display:flex;justify-content:center;align-items:center}.star{color:#4b5563;transition:all .2s ease;font-size:20px}.star.filled{color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.6))}.item-stats-display{display:flex;justify-content:center;align-items:center;gap:8px}.stat-display{display:flex;align-items:center;gap:6px}.stat-value{font-size:18px;font-weight:700;color:var(--text-secondary);min-width:24px;text-align:center}.stat-display.power .stat-value{color:#24f4fb}.stat-display.damage .stat-value{color:#ef4444}.item-actions{padding:0 16px 16px}.item-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.price{font-size:14px;font-weight:700;color:var(--accent-primary)}.btn-buy,.btn-sell,.btn-delist{padding:8px 16px;font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;border:none}.btn-buy{background:var(--accent-primary);color:var(--text-secondary)}.btn-buy:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}.btn-buy:disabled{opacity:.5;cursor:not-allowed}.btn-sell{background:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary)}.btn-sell:hover:not(:disabled){background:var(--accent-primary);color:var(--text-secondary)}.btn-delist{background:transparent;border:1px solid #ef4444;color:#ef4444}.btn-delist:hover:not(:disabled){background:#ef4444;color:#fff}.sell-modal{padding:12px 0}.sell-modal-content{display:flex;flex-direction:column;gap:12px}.sell-modal-content label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.price-input{padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);font-size:14px;transition:all .2s ease}.price-input:focus{outline:none;border-color:var(--accent-primary)}.price-input::placeholder{color:var(--text-primary);opacity:.5}.sell-modal-actions{display:flex;gap:8px}.btn-cancel,.btn-confirm{flex:1;padding:10px 16px;font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-cancel{background:transparent;border:1px solid var(--border-default);color:var(--text-primary)}.btn-cancel:hover:not(:disabled){border-color:var(--accent-primary);color:var(--text-secondary)}.btn-confirm{background:var(--accent-primary);border:none;color:var(--text-secondary)}.btn-confirm:hover:not(:disabled){background:var(--accent-dark)}.btn-confirm:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.marketplace{flex-direction:column}.filters{width:100%;position:static}.filters.closed{width:100%}.balance-fixed{top:70px;right:16px;padding:12px 16px}.balance-label{font-size:11px}.balance-amount{font-size:16px}}@media(max-width:768px){.marketplace{padding:20px}.items-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.item-card{width:200px}.item-image{width:200px;height:300px}.balance-fixed{top:60px;right:12px;padding:10px 12px}}@media(max-width:480px){.items-grid{grid-template-columns:1fr;justify-items:center}.item-card{width:100%;max-width:280px}.item-image{width:100%;height:auto;aspect-ratio:2/3}.item-image img{width:100%;height:100%}}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}.play-play{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.play-play-container{max-width:600px;width:100%;text-align:center;display:flex;justify-content:center;align-items:center}.play-play-container h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px}.play-back-link{display:inline-flex;align-items:center;gap:8px;padding:clamp(8px,1vw,12px) clamp(16px,2vw,24px);background:var(--bg-button);border:2px solid var(--border-default);border-radius:8px;color:var(--text-secondary);text-decoration:none;font-weight:600;transition:all .3s ease;position:fixed;left:clamp(10px,2vw,20px);top:clamp(10px,2vw,20px);z-index:100}.play-back-link:hover{border-color:var(--accent-primary);background:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.play-play-options{display:flex;flex-direction:column;gap:clamp(16px,3vw,24px)}.play-play-btn{padding:clamp(16px,3vw,24px) clamp(40px,8vw,80px);background:var(--bg-button);border:2px solid var(--border-default);border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,16px);-webkit-user-select:none;user-select:none}.play-play-btn:hover:not(:disabled){transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:0 8px 24px #0006}.play-play-btn:disabled{opacity:.5;cursor:not-allowed}.play-btn-icon{font-size:clamp(20px,4vw,32px)}.play-btn-text{font-size:clamp(14px,2.5vw,24px);font-weight:700;color:var(--text-secondary)}.play-play-btn.play-online{border-color:var(--accent-primary)}.play-play-btn.play-online:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-dark) 100%)}.play-play-btn.play-offline{border-color:var(--border-default)}.play-play-btn.play-offline:hover:not(:disabled){background:var(--accent-primary)}.play-game-board{height:100vh;width:100vw;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;overflow:hidden;padding:clamp(80px,12vh,140px) clamp(10px,2vw,20px) clamp(80px,12vh,140px);box-sizing:border-box}@media(orientation:portrait){.play-play{transform:rotate(90deg);transform-origin:center center;width:100vh;height:100vw;position:fixed;top:50%;left:50%;margin-left:-50vh;margin-top:-50vw}.play-game-board{transform:rotate(90deg);transform-origin:center center;width:100vh;height:100vw;position:fixed;top:50%;left:50%;margin-left:-50vh;margin-top:-50vw;padding:clamp(100px,2vh,150px) clamp(100px,15vw,180px)}.gameEnded{transform:rotate(90deg);transform-origin:center center;width:100vh;height:100vw;position:fixed;top:50%;left:50%;padding:clamp(15px,2.5vh,30px) clamp(15px,2vh,30px)}.health-bar-container{max-width:clamp(300px,55vh,768px)}.health-bar-container.opponent{top:clamp(15px,2.5vw,30px)}.health-bar-container:not(.opponent){bottom:clamp(15px,2.5vw,30px)}.mana-bar-container{max-width:clamp(280px,52vh,736px)}.mana-bar-container.opponent{top:clamp(50px,8vw,100px)}.mana-bar-container:not(.opponent){bottom:clamp(50px,8vw,100px)}.turn-indicator.my-turn{bottom:clamp(15px,2.5vw,30px);right:clamp(305px,56vh,773px)}.turn-indicator.opponent-turn{top:clamp(15px,2.5vw,30px);left:clamp(305px,56vh,773px)}.timer-container{top:clamp(10px,2vw,20px);right:clamp(10px,2vw,20px)}.timer-content{width:clamp(60px,10vw,120px);height:clamp(60px,10vw,120px)}.surrender-button-container{bottom:clamp(10px,2vw,20px);left:clamp(10px,2vw,20px)}.play-deck-area{max-width:clamp(420px,70vh,800px);gap:clamp(8px,1.5vw,32px)}.play-player-area.play-opponent{margin-bottom:0}.play-player-area.play-player{margin-top:0}.gameEnded-content{gap:clamp(10px,2vh,25px)}.gameEnded-deck{max-width:clamp(420px,70vh,800px);gap:clamp(8px,1.5vw,20px)}.gameEnded-title{font-size:clamp(1.2rem,4vw,3rem)}}.play-player-area{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;flex-shrink:0}.play-player-area.play-opponent{margin-bottom:auto}.play-player-area.play-player{margin-top:auto}.play-deck-area{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.5vw,32px);padding:10px;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:clamp(420px,80vw,800px);margin:0 auto}.play-card{background:var(--bg-button);border:2px solid var(--border-default);border-radius:clamp(8px,1vw,12px);overflow:hidden;transition:all .3s ease;position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;aspect-ratio:.57;min-height:0}.play-card.play-interactive{cursor:pointer}.play-card.play-interactive:hover{transform:translateY(-8px) scale(1.05);border-color:var(--accent-primary);box-shadow:0 12px 32px #00000080;z-index:10}.play-card.play-used{opacity:.4;filter:grayscale(.8)}.play-card.play-selected{border-color:#fbbf24;box-shadow:0 0 24px #fbbf2499;transform:translateY(-8px) scale(1.05);z-index:15}.play-card.play-winner{border-color:#fbbf24;box-shadow:0 0 32px #fbbf24cc;animation:winnerPulse 2s ease-in-out infinite}@keyframes winnerPulse{0%,to{box-shadow:0 0 32px #fbbf24cc}50%{box-shadow:0 0 48px #fbbf24}}.play-winner-badge{position:absolute;top:clamp(-8px,-1vh,-12px);right:clamp(8px,1.5vw,12px);z-index:2;background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:clamp(3px,.8vw,6px) clamp(6px,1.2vw,12px);border-radius:clamp(12px,2vw,20px);box-shadow:0 4px 12px #fbbf2499}.play-trophy{font-size:clamp(14px,2vw,20px);display:block}.play-card-image{width:100%;flex:1;overflow:hidden;position:relative;min-height:0}.play-card-image img{width:100%;height:100%;object-fit:cover}.play-card.play-light .play-card-image{background:linear-gradient(135deg,#2a2a1a,#4a4a2a,#fbbf24)}.play-card.play-frost .play-card-image{background:linear-gradient(135deg,#1a2a3a,#2a3a4a,#06b6d4)}.play-card.play-dark .play-card-image{background:linear-gradient(135deg,#1a1a2a,#2a2a3a,#a855f7)}.play-card-stats-display{display:flex;justify-content:center;align-items:center;gap:clamp(4px,.8vw,8px)}.play-stat-display{display:flex;align-items:center;gap:clamp(2px,.5vw,6px)}.play-stat-value{font-size:clamp(12px,1.8vw,18px);font-weight:700;color:var(--text-secondary);min-width:clamp(18px,3vw,24px);text-align:center}.play-stat-display.power .play-stat-value{color:#24f4fb}.play-stat-display.damage .play-stat-value{color:#ef4444}.play-card-details{padding:clamp(6px,1.2vw,16px);display:flex;justify-content:center;align-items:center;gap:clamp(6px,1vw,12px);background:var(--bg-button);flex-shrink:0}.play-card-name-section{display:flex;flex-direction:column;gap:clamp(3px,.6vw,6px);min-width:0}.play-card-name-section h3{margin:0;font-size:clamp(10px,1.6vw,16px);font-weight:700;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-rarity{font-size:clamp(8px,1vw,11px);font-weight:600;text-transform:uppercase;padding:clamp(2px,.4vw,4px) clamp(4px,.8vw,8px);border-radius:4px;border:1px solid var(--border-default);width:fit-content}.play-rarity.play-legendary{color:#fbbf24;border-color:#fbbf24;background:#fbbf241a}.play-rarity.play-epic{color:#a855f7;border-color:#a855f7;background:#a855f71a}.play-rarity.play-rare{color:#60a5fa;border-color:#60a5fa;background:#60a5fa1a}.play-rarity.play-common{color:#9ca3af;border-color:#4b5563;background:#9ca3af1a}.play-card-level{display:flex;flex-direction:column;gap:clamp(3px,.6vw,6px);flex-shrink:0}.play-stars{display:flex;justify-content:center;align-items:center;gap:clamp(1px,.2vw,2px)}.star{font-size:clamp(10px,1.4vw,14px);color:var(--border-default);transition:color .2s ease}.star.filled{color:#fbbf24}.health-bar-container{position:absolute;width:100%;max-width:clamp(300px,55vw,768px);z-index:50}.health-bar-container.opponent{left:0;top:clamp(15px,2.5vh,30px)}.health-bar-container:not(.opponent){right:4px;bottom:clamp(15px,2.5vh,30px)}.health-bar-outer{position:relative;height:clamp(1.5rem,2.8vh,3rem);background:linear-gradient(90deg,#111827,#1f2937);border:2px solid #eab308;box-shadow:0 0 20px #eab30880,inset 0 2px 4px #00000080}.health-bar-container.opponent .health-bar-outer{border-left:none;clip-path:polygon(0 0,100% 0,calc(100% - clamp(1rem,2vw,2rem)) 100%,0 100%)}.health-bar-container:not(.opponent) .health-bar-outer{border-right:none;clip-path:polygon(clamp(1rem,2vw,2rem) 0,100% 0,100% 100%,0 100%)}.health-bar-inner{position:absolute;top:.25rem;bottom:.25rem;transition:width .3s ease-out}.health-bar-container.opponent .health-bar-inner{left:.25rem;clip-path:polygon(0 0,100% 0,calc(100% - clamp(.9rem,1.8vw,1.8rem)) 100%,0 100%)}.health-bar-container:not(.opponent) .health-bar-inner{right:.25rem;clip-path:polygon(clamp(.9rem,1.8vw,1.8rem) 0,100% 0,100% 100%,0 100%)}.health-bar-inner.high{background:linear-gradient(90deg,#ef4444,#fca5a5,#ef4444);box-shadow:0 0 10px #ef4444cc,inset 0 1px 2px #ffffff80}.health-bar-inner.medium{background:linear-gradient(90deg,#eab308,#fde047,#eab308);box-shadow:0 0 10px #eab308cc,inset 0 1px 2px #ffffff80}.health-bar-inner.low{background:linear-gradient(90deg,#dc2626,#ef4444,#dc2626);box-shadow:0 0 10px #dc2626cc,inset 0 1px 2px #ffffff80}.health-bar-shine{position:absolute;inset:0;opacity:.4;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:shine 2s infinite}.health-bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:clamp(.7rem,1.4vw,1.25rem);z-index:10;text-shadow:2px 2px 4px rgba(0,0,0,.9),-1px -1px 0 rgba(0,0,0,.5)}.health-bar-segments{position:absolute;top:0;left:0;right:0;height:clamp(1.5rem,2.8vh,3rem);pointer-events:none}.health-bar-segment{position:absolute;top:0;bottom:0;width:1px;background-color:#000;opacity:.2}.mana-bar-container{position:absolute;width:100%;max-width:clamp(280px,52vw,736px);z-index:50}.mana-bar-container.opponent{left:0;top:clamp(45px,7vh,90px)}.mana-bar-container:not(.opponent){right:4px;bottom:clamp(45px,7vh,90px)}.mana-bar-outer{position:relative;height:clamp(1.25rem,2.2vh,2rem);background:linear-gradient(90deg,#0f172a,#1e293b);border:2px solid #3b82f6;box-shadow:0 0 20px #3b82f699,inset 0 2px 4px #00000080}.mana-bar-container.opponent .mana-bar-outer{border-left:none;clip-path:polygon(0 0,calc(100% - clamp(.5rem,1vw,1rem)) 0,100% 50%,calc(100% - clamp(.5rem,1vw,1rem)) 100%,0 100%)}.mana-bar-container:not(.opponent) .mana-bar-outer{border-right:none;clip-path:polygon(clamp(.5rem,1vw,1rem) 0,100% 0,100% 100%,clamp(.5rem,1vw,1rem) 100%,0 50%)}.mana-bar-inner{position:absolute;top:.2rem;bottom:.2rem;transition:width .3s ease-out}.mana-bar-container.opponent .mana-bar-inner{left:.2rem;clip-path:polygon(0 0,calc(100% - clamp(.45rem,.9vw,.9rem)) 0,100% 50%,calc(100% - clamp(.45rem,.9vw,.9rem)) 100%,0 100%)}.mana-bar-container:not(.opponent) .mana-bar-inner{right:.2rem;clip-path:polygon(clamp(.45rem,.9vw,.9rem) 0,100% 0,100% 100%,clamp(.45rem,.9vw,.9rem) 100%,0 50%)}.mana-bar-inner.high{background:linear-gradient(90deg,#0ea5e9,#38bdf8,#7dd3fc,#38bdf8,#0ea5e9);box-shadow:0 0 15px #0ea5e9e6,inset 0 1px 2px #fff9}.mana-bar-inner.medium{background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd,#60a5fa,#3b82f6);box-shadow:0 0 15px #3b82f6e6,inset 0 1px 2px #fff9}.mana-bar-inner.low{background:linear-gradient(90deg,#1e40af,#3b82f6,#60a5fa,#3b82f6,#1e40af);box-shadow:0 0 15px #1e40afe6,inset 0 1px 2px #fff9}.mana-bar-flow{position:absolute;inset:0;opacity:.5;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 25%,rgba(139,220,255,.6) 50%,rgba(255,255,255,.4) 75%,transparent 100%);animation:mana-flow 3s infinite;overflow:hidden}.mana-bar-sparkles{position:absolute;inset:0;overflow:hidden}.mana-sparkle{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 4px #fff,0 0 8px #7dd3fc;animation:sparkle 2s infinite}.mana-sparkle:nth-child(1){left:20%;top:30%;animation-delay:0s}.mana-sparkle:nth-child(2){left:45%;top:60%;animation-delay:.7s}.mana-sparkle:nth-child(3){left:70%;top:40%;animation-delay:1.4s}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.mana-bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:clamp(.65rem,1.1vw,1rem);z-index:10;text-shadow:0 0 10px rgba(59,130,246,.8),2px 2px 4px rgba(0,0,0,.9),-1px -1px 0 rgba(0,0,0,.5)}.mana-bar-glow{position:absolute;inset:-4px;background:radial-gradient(ellipse at center,rgba(59,130,246,.3),0%,transparent 70%);animation:pulse-glow 2s ease-in-out infinite;pointer-events:none}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}.turn-indicator{position:absolute;z-index:1000;pointer-events:none;transition:all .5s ease-in-out}.turn-indicator.my-turn{bottom:clamp(15px,2.5vh,30px);right:clamp(305px,56vw,773px)}.turn-indicator.opponent-turn{top:clamp(15px,2.5vh,30px);left:clamp(305px,56vw,773px)}.turn-indicator-content{position:relative;padding:clamp(.5rem,1.2vh,1.25rem) clamp(1.25rem,2.5vw,2.5rem);height:clamp(40px,6vh,74px);box-sizing:border-box;display:flex;align-items:center;background:linear-gradient(135deg,#000000e6,#141428f2);border:3px solid;clip-path:polygon(clamp(.75rem,1.5vw,1.5rem) 0,100% 0,calc(100% - clamp(.75rem,1.5vw,1.5rem)) 100%,0 100%);box-shadow:0 0 40px #000c}.turn-indicator-content.my-turn{border-color:#22c55e;animation:pulse-green 1.5s ease-in-out infinite}.turn-indicator-content.opponent-turn{border-color:#ef4444;animation:pulse-red 1.5s ease-in-out infinite}.turn-indicator-text{font-size:clamp(.9rem,2.2vw,2rem);font-weight:700;text-transform:uppercase;letter-spacing:clamp(.05rem,.15vw,.2rem);position:relative;z-index:2;line-height:1;white-space:nowrap}.turn-indicator-content.my-turn .turn-indicator-text{color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.8),0 0 40px rgba(34,197,94,.6),2px 2px 4px rgba(0,0,0,.9)}.turn-indicator-content.opponent-turn .turn-indicator-text{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.8),0 0 40px rgba(239,68,68,.6),2px 2px 4px rgba(0,0,0,.9)}.turn-indicator-glow{position:absolute;inset:-10px;opacity:.6;filter:blur(20px);z-index:0}.turn-indicator-content.my-turn .turn-indicator-glow{background:radial-gradient(ellipse at center,rgba(34,197,94,.4) 0%,transparent 70%);animation:glow-pulse-green 1.5s ease-in-out infinite}.turn-indicator-content.opponent-turn .turn-indicator-glow{background:radial-gradient(ellipse at center,rgba(239,68,68,.4) 0%,transparent 70%);animation:glow-pulse-red 1.5s ease-in-out infinite}.turn-indicator-arrows{position:absolute;font-size:clamp(.9rem,1.8vw,1.5rem);font-weight:700}.turn-indicator-content.my-turn .turn-indicator-arrows{color:#22c55e;text-shadow:0 0 10px rgba(34,197,94,.8)}.turn-indicator-content.opponent-turn .turn-indicator-arrows{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.8)}.turn-indicator-arrows.left{left:clamp(-1.5rem,-2vw,-2rem);top:50%;transform:translateY(-50%);animation:arrow-bounce-left 1s ease-in-out infinite}.turn-indicator-arrows.right{right:clamp(-1.5rem,-2vw,-2rem);top:50%;transform:translateY(-50%);animation:arrow-bounce 1s ease-in-out infinite}@keyframes pulse-green{0%,to{border-color:#22c55e;box-shadow:0 0 40px #000c,0 0 20px #22c55e99,inset 0 0 20px #22c55e33}50%{border-color:#86efac;box-shadow:0 0 40px #000c,0 0 40px #22c55ecc,inset 0 0 30px #22c55e4d}}@keyframes pulse-red{0%,to{border-color:#ef4444;box-shadow:0 0 40px #000c,0 0 20px #ef444499,inset 0 0 20px #ef444433}50%{border-color:#fca5a5;box-shadow:0 0 40px #000c,0 0 40px #ef4444cc,inset 0 0 30px #ef44444d}}@keyframes glow-pulse-green{0%,to{opacity:.4}50%{opacity:.7}}@keyframes glow-pulse-red{0%,to{opacity:.4}50%{opacity:.7}}@keyframes arrow-bounce{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(5px)}}@keyframes arrow-bounce-left{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-5px)}}.timer-container{position:absolute;top:clamp(10px,2vh,20px);right:clamp(10px,2vw,20px);z-index:999;pointer-events:none}.timer-content{position:relative;width:clamp(60px,9vw,120px);height:clamp(60px,9vw,120px);display:flex;align-items:center;justify-content:center}.timer-circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.timer-circle-bg{fill:none;stroke:#ffffff1a;stroke-width:clamp(5,1vw,8)}.timer-circle-progress{fill:none;stroke-width:clamp(5,1vw,8);stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s ease}.timer-circle-progress.high{stroke:#22c55e;filter:drop-shadow(0 0 8px rgba(34,197,94,.8))}.timer-circle-progress.medium{stroke:#eab308;filter:drop-shadow(0 0 8px rgba(234,179,8,.8))}.timer-circle-progress.low{stroke:#ef4444;filter:drop-shadow(0 0 8px rgba(239,68,68,.8));animation:timer-pulse .5s ease-in-out infinite}.timer-number{font-size:clamp(1.4rem,2.8vw,3rem);font-weight:700;z-index:2;transition:color .3s ease}.timer-number.high{color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.8),0 0 40px rgba(34,197,94,.6),2px 2px 4px rgba(0,0,0,.9)}.timer-number.medium{color:#eab308;text-shadow:0 0 20px rgba(234,179,8,.8),0 0 40px rgba(234,179,8,.6),2px 2px 4px rgba(0,0,0,.9)}.timer-number.low{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.8),0 0 40px rgba(239,68,68,.6),2px 2px 4px rgba(0,0,0,.9);animation:timer-shake .5s ease-in-out infinite}.timer-glow{position:absolute;inset:clamp(-10px,-2vw,-20px);opacity:.4;filter:blur(30px);border-radius:50%;transition:background .3s ease}.timer-glow.high{background:radial-gradient(circle,rgba(34,197,94,.6) 0%,transparent 70%)}.timer-glow.medium{background:radial-gradient(circle,rgba(234,179,8,.6) 0%,transparent 70%)}.timer-glow.low{background:radial-gradient(circle,rgba(239,68,68,.6) 0%,transparent 70%);animation:glow-pulse-urgent .5s ease-in-out infinite}@keyframes timer-pulse{0%,to{stroke-width:clamp(5,1vw,8)}50%{stroke-width:clamp(6,1.2vw,10)}}@keyframes timer-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes glow-pulse-urgent{0%,to{opacity:.4}50%{opacity:.8}}.surrender-button-container{position:absolute;bottom:clamp(10px,2vh,20px);left:clamp(10px,2vw,20px);z-index:100}.surrender-button{position:relative;padding:clamp(.5rem,1vh,1rem) clamp(1.25rem,2.5vw,2.5rem);background:linear-gradient(135deg,#8b0000e6,#500000f2);border:2px solid #dc2626;color:#fca5a5;font-size:clamp(.75rem,1.3vw,1.25rem);font-weight:700;text-transform:uppercase;letter-spacing:clamp(.05rem,.1vw,.1rem);cursor:pointer;clip-path:polygon(clamp(.4rem,.8vw,.75rem) 0,100% 0,calc(100% - clamp(.4rem,.8vw,.75rem)) 100%,0 100%);box-shadow:0 0 20px #dc262666,inset 0 2px 4px #00000080;transition:all .3s ease;text-shadow:2px 2px 4px rgba(0,0,0,.9)}.surrender-button:hover{background:linear-gradient(135deg,#b91c1cf2,#7f1d1d);border-color:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 0 30px #ef444499,inset 0 2px 4px #00000080}.surrender-button:active{transform:translateY(0);box-shadow:0 0 15px #dc262666,inset 0 2px 4px #000000b3}.surrender-button-glow{position:absolute;inset:-8px;background:radial-gradient(ellipse at center,rgba(220,38,38,.3) 0%,transparent 70%);filter:blur(15px);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.surrender-button:hover .surrender-button-glow{opacity:1;animation:surrender-glow-pulse 1.5s ease-in-out infinite}.surrender-button-icon{display:inline-block;margin-right:clamp(.25rem,.5vw,.5rem);font-size:clamp(.9rem,1.8vw,1.5rem)}@keyframes surrender-glow-pulse{0%,to{opacity:.6}50%{opacity:1}}.play-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.play-modal-minimal{display:flex;position:relative;z-index:1000;max-width:90vw;max-height:90vh}.play-modal-card{flex:0 0 auto;display:flex;flex-direction:column}.play-card-minimal{background:var(--bg-button);border:2px solid;border-radius:12px;overflow:hidden;width:clamp(160px,22vw,220px);display:flex;flex-direction:column;box-shadow:0 20px 60px #000c;transition:all .3s ease}.play-card-minimal.play-light{border-color:#fbbf24;box-shadow:0 20px 60px #fbbf2466}.play-card-minimal.play-frost{border-color:#06b6d4;box-shadow:0 20px 60px #06b6d466}.play-card-minimal.play-dark{border-color:#a855f7;box-shadow:0 20px 60px #a855f766}.play-card-minimal-image{width:100%;height:clamp(200px,28vw,280px);overflow:hidden;position:relative}.play-card-minimal-image img{width:100%;height:100%;object-fit:cover}.play-card-minimal.play-light .play-card-minimal-image{background:linear-gradient(135deg,#2a2a1a,#4a4a2a,#fbbf24)}.play-card-minimal.play-frost .play-card-minimal-image{background:linear-gradient(135deg,#1a2a3a,#2a3a4a,#06b6d4)}.play-card-minimal.play-dark .play-card-minimal-image{background:linear-gradient(135deg,#1a1a2a,#2a2a3a,#a855f7)}.play-card-minimal-details{padding:clamp(10px,1.8vw,16px);background:var(--bg-button);display:flex;flex-direction:column;gap:clamp(6px,1.2vw,12px)}.play-card-minimal-details h3{margin:0;font-size:clamp(13px,1.8vw,18px);font-weight:700;color:var(--text-secondary);text-align:center}.play-minimal-stars{display:flex;justify-content:center;gap:4px}.play-minimal-power{display:flex;align-items:center;justify-content:space-between;gap:clamp(4px,.8vw,8px);padding:clamp(6px,1.2vw,12px);background:#0000004d;border-radius:8px;margin-top:4px}.play-minimal-power-item{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.play-minimal-power-label{font-size:clamp(7px,.9vw,9px);text-transform:uppercase;color:#ffffff80;font-weight:600;letter-spacing:.5px}.play-minimal-power-value{font-size:clamp(20px,3.5vw,32px);font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-shadow:0 0 15px currentColor}.play-minimal-power-value.base{color:#60a5fa}.play-minimal-power-value.final{color:#22c55e}.play-minimal-power-arrow{font-size:clamp(14px,2.2vw,20px);color:var(--accent-primary);font-weight:700}.play-minimal-damage{display:flex;justify-content:space-between;align-items:center;padding:clamp(5px,.9vw,8px) clamp(8px,1.3vw,12px);background:#ef444426;border-radius:6px;border:1px solid rgba(239,68,68,.3)}.play-minimal-damage-label{font-size:clamp(8px,1.1vw,11px);text-transform:uppercase;color:#fff9;font-weight:600;letter-spacing:.5px}.play-minimal-damage-value{font-size:clamp(14px,2.2vw,20px);font-weight:700;color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.6)}.play-modal-controls{display:flex;flex-direction:column;gap:clamp(8px,1.2vw,12px);background:var(--bg-button);border:2px solid;border-left:none;border-radius:0 12px 12px 0;padding:clamp(10px,1.8vw,16px);min-width:clamp(110px,16vw,140px);box-sizing:border-box;align-self:flex-end}.play-modal-minimal .play-modal-controls{border-color:inherit}.play-controls-mana{display:flex;flex-direction:column;align-items:stretch;gap:clamp(5px,.9vw,8px)}.play-control-btn{width:100%;height:clamp(28px,4.5vh,36px);background:#0006;border:2px solid rgba(255,255,255,.2);border-radius:6px;font-size:clamp(18px,2.8vw,24px);font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.play-control-btn:hover:not(:disabled){border-color:var(--accent-primary);background:#06b6d433;transform:scale(1.05)}.play-control-btn:active:not(:disabled){transform:scale(.95)}.play-control-btn:disabled{opacity:.2;cursor:not-allowed}.play-control-display{display:flex;flex-direction:column;align-items:center;gap:2px;padding:clamp(8px,1.3vh,12px) clamp(5px,.9vw,8px);background:#0006;border:2px solid var(--accent-primary);border-radius:6px}.play-control-value{font-size:clamp(22px,3.5vw,32px);font-weight:700;color:var(--accent-primary);line-height:1;text-shadow:0 0 20px currentColor}.play-control-label{font-size:clamp(7px,.9vw,9px);text-transform:uppercase;color:#ffffff80;font-weight:600;letter-spacing:1px}.play-controls-actions{display:flex;flex-direction:column;gap:clamp(5px,.9vw,8px)}.play-control-action{width:100%;padding:clamp(7px,1.1vh,10px) clamp(8px,1.3vw,12px);font-size:clamp(9px,1.1vw,11px);font-weight:700;border-radius:6px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;border:none;-webkit-user-select:none;user-select:none}.play-control-action.cancel{background:#0006;border:2px solid rgba(239,68,68,.5);color:#fca5a5}.play-control-action.cancel:hover{border-color:#ef4444;background:#ef444433;color:#fff}.play-control-action.confirm{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:2px solid #4ade80;box-shadow:0 0 20px #22c55e4d}.play-control-action.confirm:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 4px 20px #22c55e80}.play-control-action:active{transform:translateY(0)}.exp-bar-container-card{width:100%;padding:0 clamp(6px,1.2vw,12px) clamp(6px,1.2vw,12px) clamp(6px,1.2vw,12px);box-sizing:border-box}.exp-bar-outer-card{position:relative;height:clamp(12px,1.8vh,20px);background:linear-gradient(90deg,#1a1410,#2d2416);border:2px solid #f59e0b;border-radius:4px;box-shadow:0 0 10px #f59e0b4d,inset 0 2px 4px #00000080;overflow:hidden}.exp-bar-inner-card{position:absolute;top:2px;left:2px;bottom:2px;background:linear-gradient(90deg,#f59e0b,#fbbf24,#fcd34d,#fbbf24,#f59e0b);border-radius:2px;box-shadow:0 0 10px #fbbf24cc,inset 0 1px 2px #ffffff80;transition:width .6s ease-out}.exp-bar-shine-card{position:absolute;inset:0;opacity:.5;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:exp-shine 2.5s infinite}.exp-bar-glow-card{position:absolute;inset:-2px;background:radial-gradient(ellipse at center,rgba(251,191,36,.4) 0%,transparent 70%);filter:blur(8px);animation:exp-pulse 2s ease-in-out infinite}.exp-bar-text-card{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:clamp(7px,1.1vw,11px);z-index:10;text-shadow:0 0 8px rgba(245,158,11,.8),1px 1px 3px rgba(0,0,0,.9),-1px -1px 0 rgba(0,0,0,.5);letter-spacing:.5px}@keyframes exp-shine{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes exp-pulse{0%,to{opacity:.6}50%{opacity:1}}.gameEnded{height:100vh;width:100vw;background:var(--bg-primary);opacity:0;position:fixed;top:0;left:0;display:none;justify-content:center;align-items:center;z-index:2000;padding:clamp(15px,2.5vh,30px) clamp(15px,2vw,30px);box-sizing:border-box;overflow:hidden}.gameEnded-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2.5vh,30px);width:100%;max-width:1400px;max-height:100%;overflow:hidden}.gameEnded-title{margin:0;font-size:clamp(1.5rem,4.5vw,3.5rem);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:clamp(1px,.3vw,3px);text-shadow:0 0 20px rgba(251,191,36,.8),0 0 40px rgba(251,191,36,.6),4px 4px 8px rgba(0,0,0,.9);animation:titlePulse 2s ease-in-out infinite;text-align:center}@keyframes titlePulse{0%,to{text-shadow:0 0 20px rgba(251,191,36,.8),0 0 40px rgba(251,191,36,.6),4px 4px 8px rgba(0,0,0,.9)}50%{text-shadow:0 0 30px rgba(251,191,36,1),0 0 60px rgba(251,191,36,.8),4px 4px 8px rgba(0,0,0,.9)}}.gameEnded-deck{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,2vw,24px);width:100%;max-width:clamp(420px,80vw,800px);justify-items:center;align-items:start}.gameEnded-deck .play-card{width:100%;height:auto}.Navigation{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#181818cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-default);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500}.Navigation .navigation-log-in{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.Navigation section{display:flex;gap:8px}.Navigation section a,.Navigation .navigation-log-in{padding:10px 20px;font-size:15px;font-weight:500;color:var(--text-primary);text-decoration:none;border-radius:8px;border:1px solid transparent;transition:all .2s ease;-webkit-user-select:none;user-select:none;background-color:transparent}.Navigation section a:hover,.Navigation .navigation-log-in:hover{color:var(--text-secondary);border-color:var(--accent-primary);background:var(--bg-button)}.Navigation section a.active,.Navigation .navigation-log-in.active{color:var(--text-secondary);border-color:var(--accent-primary);background:var(--bg-button-hover)}