@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Metamorphous&display=swap";:root{--color-viking-dark: #0a0e1a;--color-viking-darker: #050810;--color-viking-stone: #2a2d3a;--color-viking-gold: #d4af37;--color-viking-gold-light: #f4d03f;--color-viking-blood: #8b0000;--color-viking-blood-light: #b22222;--color-viking-ice: #c9d6df;--color-viking-steel: #4a5568;--font-viking: "Cinzel", serif;--font-norse: "Metamorphous", serif}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Cinzel,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background-color:#000}#root{background-color:#000;width:100%;height:100vh}.font-viking{font-family:Cinzel,serif}.animate-float{animation:float 3s ease-in-out infinite}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}:root{--viking-wood-dark: #1a0f0a;--viking-wood-medium: #2a1f1a;--viking-border-bronze: #8B7355;--viking-border-dark: #6B5945;--viking-text-gold: #D4A574;--viking-text-gold-hover: #E8C4A0;--viking-shadow-deep: rgba(0, 0, 0, .8);--viking-overlay: rgba(0, 0, 0, .4)}.main-menu{position:relative;width:100vw;height:100vh;overflow:hidden}.main-menu__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.main-menu__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--viking-overlay)}.main-menu__content{position:relative;z-index:10;height:100%;display:flex;align-items:flex-end;justify-content:flex-start;padding:60px}.main-menu__bottom-left{display:flex;flex-direction:column;gap:32px}.main-menu__logo{width:150px;height:auto;filter:drop-shadow(0 15px 20px rgba(0,0,0,.6))}.menu-buttons{display:flex;flex-direction:column;gap:16px}.menu-buttons .viking-button{padding:12px 32px;font-size:1.25rem;min-width:240px}.viking-button{position:relative;padding:20px 48px;background-color:var(--viking-wood-dark);border:2px solid var(--viking-border-bronze);color:var(--viking-text-gold);font-family:Cinzel,serif;font-size:2rem;font-weight:600;letter-spacing:.15em;box-shadow:0 6px 20px var(--viking-shadow-deep);text-shadow:2px 2px 4px var(--viking-shadow-deep);cursor:pointer;transition:all .15s ease;transform:scale(1);min-width:350px;text-align:center}.viking-button:hover:not(:disabled){color:var(--viking-text-gold-hover);transform:scale(1.05)}.viking-button:active:not(:disabled){transform:scale(.95)}.viking-button:disabled{opacity:.5;cursor:not-allowed;color:#8b7355}.main-menu__discord{position:absolute;top:24px;right:24px;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 18px;background-color:var(--viking-wood-dark);border:2px solid var(--viking-border-bronze);color:var(--viking-text-gold);font-family:Cinzel,serif;font-size:.95rem;font-weight:600;text-decoration:none;letter-spacing:.05em;box-shadow:0 4px 12px var(--viking-shadow-deep);transition:all .15s ease}.main-menu__discord:hover{color:var(--viking-text-gold-hover);border-color:var(--viking-text-gold);transform:scale(1.05);background-color:#1a0f0af2}.main-menu__discord:active{transform:scale(.98)}.main-menu__discord-icon{width:24px;height:24px}.audio-loading{position:absolute;bottom:16px;right:16px;color:#c9d6df;font-size:.875rem}.main-menu__version{position:absolute;bottom:24px;right:24px;color:var(--viking-text-gold);font-family:Cinzel,serif;font-size:.875rem;opacity:.4;text-shadow:1px 1px 2px var(--viking-shadow-deep);letter-spacing:.05em}.reset-confirm-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.reset-confirm-modal{background:linear-gradient(135deg,var(--viking-wood-dark) 0%,#0d0705 100%);border:3px solid var(--viking-border-bronze);border-radius:12px;padding:40px 48px;max-width:500px;text-align:center;box-shadow:0 16px 48px var(--viking-shadow-deep);animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.reset-confirm-modal h2{color:var(--viking-text-gold);font-family:Metamorphous,serif;font-size:1.75rem;margin:0 0 16px;text-shadow:2px 2px 4px var(--viking-shadow-deep)}.reset-confirm-modal p{color:var(--viking-text-gold);font-family:Cinzel,serif;font-size:1rem;line-height:1.6;margin:0 0 28px;opacity:.9}.reset-confirm-buttons{display:flex;gap:32px;justify-content:center}.reset-confirm-buttons .viking-button{min-width:unset;padding:14px 28px;font-size:1.1rem;white-space:nowrap}.reset-confirm-delete{background:linear-gradient(135deg,#4a1a1a,#2a0f0f)!important;border-color:#8b3a3a!important}.reset-confirm-delete:hover{background:linear-gradient(135deg,#5a2020,#3a1515)!important;border-color:#a04545!important}.how-to-play-modal{background:linear-gradient(135deg,var(--viking-wood-dark) 0%,#0d0705 100%);border:3px solid var(--viking-border-bronze);border-radius:12px;padding:32px 40px;max-width:550px;box-shadow:0 16px 48px var(--viking-shadow-deep);animation:scaleIn .2s ease-out}.how-to-play-modal h2{color:var(--viking-text-gold);font-family:Metamorphous,serif;font-size:1.5rem;margin:0 0 20px;text-shadow:2px 2px 4px var(--viking-shadow-deep);text-align:center}.how-to-play-modal ul{color:var(--viking-text-gold);font-family:Cinzel,serif;font-size:.95rem;line-height:1.7;margin:0 0 24px;padding-left:20px;opacity:.9}.how-to-play-modal li{margin-bottom:10px}.how-to-play-modal .viking-button{display:block;margin:0 auto;min-width:unset;padding:12px 36px;font-size:1rem}.tippy-box[data-theme~=translucent]{background-color:#1a0f0af2;border:2px solid var(--viking-border-bronze);border-radius:8px;color:var(--viking-text-gold);font-family:Cinzel,serif;font-size:14px;line-height:1.5;padding:12px 16px;box-shadow:0 8px 24px var(--viking-shadow-deep);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tippy-box[data-theme~=translucent][data-placement^=top]>.tippy-arrow:before{border-top-color:var(--viking-border-bronze)}.tippy-box[data-theme~=translucent][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:var(--viking-border-bronze)}.tippy-box[data-theme~=translucent][data-placement^=left]>.tippy-arrow:before{border-left-color:var(--viking-border-bronze)}.tippy-box[data-theme~=translucent][data-placement^=right]>.tippy-arrow:before{border-right-color:var(--viking-border-bronze)}.tippy-box[data-theme~=translucent] .tippy-content{padding:0;text-shadow:1px 1px 2px var(--viking-shadow-deep)}.settings-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-modal{background:linear-gradient(135deg,var(--viking-wood-dark) 0%,#0f0804 100%);border:2px solid var(--viking-border-bronze);border-radius:8px;padding:40px;width:90%;max-width:500px;box-shadow:0 10px 50px #000c}.settings-title{font-family:Metamorphous,serif;font-size:2rem;color:var(--viking-text-gold);text-align:center;margin:0 0 32px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.settings-content{display:flex;flex-direction:column;gap:28px;margin-bottom:32px}.setting-group{display:flex;flex-direction:column;gap:12px}.setting-label{font-family:Cinzel,serif;font-size:1.1rem;color:var(--viking-text-gold);font-weight:600}.setting-label--checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.setting-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--viking-border-bronze)}.volume-control{display:flex;align-items:center;gap:16px}.volume-slider{flex:1;height:8px;border-radius:4px;background:linear-gradient(to right,#3a2818 0%,var(--viking-border-bronze) 100%);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--viking-text-gold);border:2px solid var(--viking-border-bronze);cursor:pointer;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{background:var(--viking-text-gold-hover);transform:scale(1.1)}.volume-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--viking-text-gold);border:2px solid var(--viking-border-bronze);cursor:pointer;transition:all .2s ease}.volume-slider::-moz-range-thumb:hover{background:var(--viking-text-gold-hover);transform:scale(1.1)}.volume-value{font-family:Cinzel,serif;font-size:1rem;color:var(--viking-text-gold);min-width:48px;text-align:right}.setting-description{font-family:Cinzel,serif;font-size:.85rem;color:var(--viking-text-gold);opacity:.7;margin:0;padding-left:32px;line-height:1.4}.settings-section{border:1px solid var(--viking-border-bronze);border-radius:6px;padding:16px;background:#0003}.settings-section-title{font-family:Cinzel,serif;font-size:1rem;color:var(--viking-text-gold);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(139,115,85,.4);text-transform:uppercase;letter-spacing:1px}.setting-group--nested{gap:6px}.setting-group--nested+.setting-group--nested{margin-top:12px;padding-top:12px;border-top:1px solid rgba(139,115,85,.2)}.setting-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.setting-toggle-info{flex:1}.setting-toggle-label{font-family:Cinzel,serif;font-size:.95rem;color:var(--viking-text-gold);font-weight:600}.setting-toggle-description{font-family:Cinzel,serif;font-size:.8rem;color:var(--viking-text-gold);opacity:.7;margin:4px 0 0;line-height:1.3}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#3a2818;border:2px solid var(--viking-border-bronze);border-radius:26px;transition:all .3s ease}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#8b7355;border-radius:50%;transition:all .3s ease}.toggle-switch input:checked+.toggle-slider{background-color:#8b735566;border-color:var(--viking-text-gold)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px);background-color:var(--viking-text-gold)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 4px var(--viking-text-gold)}.toggle-switch:hover .toggle-slider{border-color:var(--viking-text-gold-hover)}.toggle-switch:hover .toggle-slider:before{background-color:var(--viking-text-gold)}.toggle-switch input:disabled+.toggle-slider{opacity:.4;cursor:not-allowed}.toggle-switch input:disabled+.toggle-slider:before{background-color:#5a5a5a}.setting-group--disabled .setting-toggle-label,.setting-group--disabled .setting-toggle-description{opacity:.4}.settings-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.settings-actions .viking-button{min-width:unset;padding:10px 20px;font-size:.9rem}.settings-actions .viking-button--danger{background:linear-gradient(135deg,#3a1515,#1a0808);border-color:#8b4040;color:#e8a0a0}.settings-actions .viking-button--danger:hover{background:linear-gradient(135deg,#4a1f1f,#2a1010);border-color:#b05050;color:#ffb0b0}.card{position:relative;width:150px;height:210px;background:linear-gradient(135deg,#1a1410,#2d1f1a);border-radius:12px;border:2px solid var(--viking-border-bronze);padding:12px;cursor:grab;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000080;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;gap:8px}.card-entering{animation:card-slide-in .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes card-slide-in{0%{opacity:0;transform:translateY(100px) scale(.8) rotateX(-15deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 8px 24px #0009}.card:active{cursor:grabbing}.card-dragging{opacity:.5;transform:scale(.95)}.card-disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.card-unaffordable{cursor:not-allowed}.card-unaffordable:after{content:"";position:absolute;inset:0;background:gray;mix-blend-mode:saturation;border-radius:10px;z-index:1;pointer-events:none}.card-unaffordable .card-cost{z-index:3;background:radial-gradient(circle,#dc2626,#7f1d1d);border-color:#ef4444;box-shadow:0 2px 8px #dc262699}.card-rarity-common{border-color:#6b7280;box-shadow:0 4px 12px #6b72804d}.card-rarity-uncommon{border-color:#10b981;box-shadow:0 4px 12px #10b98166}.card-rarity-rare{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f666}.card-rarity-epic{border-color:#a855f7;box-shadow:0 4px 12px #a855f780}.card-rarity-legendary{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b99,0 0 20px #f59e0b4d;animation:legendary-pulse 2s infinite}@keyframes legendary-pulse{0%,to{box-shadow:0 4px 12px #f59e0b99,0 0 20px #f59e0b4d}50%{box-shadow:0 4px 16px #f59e0bcc,0 0 30px #f59e0b80}}.card-cost{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:32px;height:32px;background:radial-gradient(circle,#4f46e5,#312e81);border:2px solid var(--viking-text-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #4f46e599;z-index:2}.card-cost-value{font-size:18px;font-weight:700;color:#fff;font-family:Cinzel,serif}.card-replace-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#8b7355e6;border:1px solid var(--viking-text-gold);border-radius:50%;color:var(--viking-text-gold);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:2}.card-replace-btn:hover:not(:disabled){background:var(--viking-text-gold);color:var(--viking-wood-dark);transform:rotate(180deg)}.card-replace-btn:disabled{opacity:.3;cursor:not-allowed}.card-header{display:flex;align-items:center;gap:6px;margin-top:24px}.card-type-icon{font-size:18px}.card-name{font-family:Cinzel,serif;font-size:14px;color:var(--viking-text-gold);margin:0;flex:1;text-shadow:1px 1px 2px rgba(0,0,0,.8);line-height:1.2}.card-effects{flex:1;display:flex;gap:8px;align-items:center;justify-content:center;margin:12px 0}.card-effect{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1}.card-effect-value{font-size:48px;font-weight:700;color:var(--viking-text-gold);font-family:Cinzel,serif;text-shadow:2px 2px 4px rgba(0,0,0,.8);line-height:1}.card-effects .card-effect:not(:only-child) .card-effect-value{font-size:36px}.card-effects .card-effect:not(:only-child) .card-effect-label{font-size:10px}.card-effect-label{font-size:12px;color:var(--viking-text-gold-hover);text-transform:uppercase;letter-spacing:1px;font-weight:600}.card-rarity{text-align:center;font-size:10px;color:var(--viking-text-gold);text-transform:uppercase;letter-spacing:1px;opacity:.7;font-weight:600}.card-lock-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;z-index:10;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.8)}.card-quantity-badge{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);background:radial-gradient(circle,#4f46e5,#312e81);border:2px solid var(--viking-text-gold);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Cinzel,serif;font-weight:700;font-size:14px;box-shadow:0 2px 8px #4f46e599;z-index:10;pointer-events:none}.card-max-copies-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);background:linear-gradient(135deg,#dc2626,#991b1b);border:2px solid #fca5a5;border-radius:4px;padding:6px 12px;color:#fff;font-family:Cinzel,serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;box-shadow:0 2px 8px #dc262699;z-index:10;pointer-events:none;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.card-tooltip-content{max-width:280px}.card-tooltip-description{color:var(--viking-text-gold);font-size:13px;line-height:1.4;margin:0 0 8px}.card-tooltip-effects{font-size:12px;color:var(--viking-text-gold-hover);margin:8px 0}.card-tooltip-effects strong{color:var(--viking-text-gold);display:block;margin-bottom:4px}.card-tooltip-effects ul{margin:4px 0 0;padding-left:16px}.card-tooltip-effects li{margin:2px 0}.card-tooltip-cost{font-size:11px;color:#4f46e5;font-weight:700;margin-top:8px;padding-top:8px;border-top:1px solid var(--viking-border-bronze)}.shop-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;max-height:100vh;padding:40px 20px;background:linear-gradient(135deg,#1a0f0a,#2d1f1a);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.shop-container::-webkit-scrollbar{display:none}.shop-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin-bottom:40px}.shop-header h1{font-family:Cinzel,serif;font-size:48px;color:var(--viking-text-gold);text-shadow:2px 2px 4px rgba(0,0,0,.8);margin:0}.shop-soulium{display:flex;align-items:center;gap:12px;background:#1a0f0acc;border:2px solid var(--viking-border-bronze);border-radius:12px;padding:12px 24px}.soulium-icon{font-size:32px}.soulium-amount{font-family:Cinzel,serif;font-size:32px;font-weight:700;color:#4fd1c5;text-shadow:0 0 10px rgba(79,209,197,.6)}.soulium-label{font-family:Cinzel,serif;font-size:14px;color:var(--viking-text-gold);text-transform:uppercase;letter-spacing:1px}.shop-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;width:100%;max-width:1200px;margin-bottom:40px}.shop-pack{display:flex;flex-direction:column;background:linear-gradient(135deg,#1a0f0ae6,#2d1f1ae6);border:3px solid var(--viking-border-bronze);border-radius:16px;padding:24px;transition:all .3s ease;cursor:pointer}.shop-pack:hover:not(.shop-pack-disabled){transform:translateY(-8px);box-shadow:0 12px 32px #d4a5744d;border-color:var(--viking-text-gold)}.shop-pack-disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.pack-name{font-family:Cinzel,serif;font-size:28px;color:var(--viking-text-gold);margin:0 0 12px;text-align:center}.pack-description{font-family:Cinzel,serif;font-size:14px;color:#d4a574cc;text-align:center;margin:0 0 20px;min-height:40px}.pack-info{display:flex;justify-content:center;margin-bottom:16px}.pack-card-count{font-family:Cinzel,serif;font-size:18px;color:var(--viking-text-gold);font-weight:700}.pack-cost{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;padding:12px;background:#0000004d;border-radius:8px}.cost-icon{font-size:24px}.cost-amount{font-family:Cinzel,serif;font-size:28px;font-weight:700;color:#4fd1c5;text-shadow:0 0 10px rgba(79,209,197,.6)}.pack-buy-button{width:100%;min-width:unset;margin-top:auto}.shop-close-button{position:sticky;bottom:20px;margin-top:40px;z-index:10}.pack-opening-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)}.pack-opening-modal{display:flex;flex-direction:column;align-items:center;gap:32px;background:linear-gradient(135deg,var(--viking-wood-dark) 0%,#0f0804 100%);border:3px solid var(--viking-border-bronze);border-radius:12px;padding:32px;width:90%;max-width:900px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 50px #000c;scrollbar-width:none;-ms-overflow-style:none}.pack-opening-modal::-webkit-scrollbar{display:none}.pack-opening-modal h2{font-family:Cinzel,serif;font-size:42px;color:var(--viking-text-gold);text-shadow:2px 2px 4px rgba(0,0,0,.8);margin:0}.opened-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;width:100%;justify-items:center}@media(max-width:768px){.opened-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}}.deck-builder-new{width:100vw;height:100vh;background:linear-gradient(135deg,#1a0f0a,#2d1f1a);display:flex;flex-direction:column;overflow:hidden}.deck-create-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)}.deck-create-modal{background:linear-gradient(135deg,#1a0f0a,#2d1f1a);border:3px solid var(--viking-border-bronze);border-radius:12px;padding:32px;width:90%;max-width:500px;box-shadow:0 8px 32px #0009}.deck-create-modal-title{font-family:Cinzel,serif;font-size:28px;color:var(--viking-text-gold);margin:0 0 24px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.deck-create-hero-selection{margin-bottom:24px}.deck-create-label{display:block;font-family:Cinzel,serif;font-size:16px;color:var(--viking-text-gold);margin-bottom:12px}.deck-create-hero-grid{display:flex;gap:16px;justify-content:center}.deck-create-hero-option{width:120px;height:120px;cursor:pointer;transition:all .3s ease;position:relative}.deck-create-hero-image{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid var(--viking-border-bronze);transition:all .3s ease}.deck-create-hero-option:hover .deck-create-hero-image{border-color:var(--viking-text-gold);transform:scale(1.05)}.deck-create-hero-selected .deck-create-hero-image{border-color:var(--viking-text-gold);box-shadow:0 0 24px #d4a574cc;transform:scale(1.1)}.deck-create-name-input{margin-bottom:24px}.deck-create-input{width:100%;background:#1a0f0acc;border:2px solid var(--viking-border-bronze);border-radius:8px;padding:12px 16px;color:var(--viking-text-gold);font-family:Cinzel,serif;font-size:16px;transition:all .2s ease}.deck-create-input::placeholder{color:#d4a57480}.deck-create-input:focus{outline:none;border-color:var(--viking-text-gold);box-shadow:0 0 12px #d4a5744d}.deck-create-error{margin-bottom:16px;padding:12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:6px;color:#ef4444;font-family:Cinzel,serif;font-size:14px;text-align:center}.deck-create-actions{display:flex;gap:12px}.deck-create-actions button{flex:1;min-width:unset;padding:12px 24px}.deck-create-cancel{background:#8b73554d}.deck-create-cancel:hover{background:#8b735580}.deck-builder-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;border-bottom:2px solid var(--viking-border-bronze);background:#1a0f0acc}.deck-builder-header h1{font-family:Cinzel,serif;font-size:36px;color:var(--viking-text-gold);margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.deck-builder-close{min-width:unset;padding:10px 24px}.deck-builder-layout{display:grid;grid-template-columns:1fr 350px;gap:0;flex:1;overflow:hidden}.hero-filter-icons{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.hero-filter-icon{width:60px;height:60px;cursor:pointer;transition:all .2s ease;position:relative}.hero-filter-icon-circle{width:100%;height:100%;border-radius:50%;border:3px solid var(--viking-border-bronze);background:#1a0f0acc;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:12px;color:var(--viking-text-gold);transition:all .2s ease}.hero-filter-icon-image{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid var(--viking-border-bronze);transition:all .2s ease}.hero-filter-icon:hover .hero-filter-icon-circle,.hero-filter-icon:hover .hero-filter-icon-image{border-color:var(--viking-text-gold);transform:scale(1.1)}.hero-filter-icon-selected .hero-filter-icon-circle,.hero-filter-icon-selected .hero-filter-icon-image{border-color:var(--viking-text-gold);box-shadow:0 0 20px #d4a57499}.deck-panel{background:#1a0f0a99;border-left:2px solid var(--viking-border-bronze);display:flex;flex-direction:column;overflow:hidden}.deck-list-header{padding:20px;border-bottom:2px solid var(--viking-border-bronze);display:flex;justify-content:space-between;align-items:center}.deck-list-header h2{font-family:Cinzel,serif;font-size:20px;color:var(--viking-text-gold);margin:0}.deck-create-btn{min-width:unset;padding:8px 16px;font-size:14px}.deck-list{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.deck-list::-webkit-scrollbar{display:none}.deck-list-item{padding:16px 20px;border-bottom:1px solid rgba(139,115,85,.3);cursor:pointer;transition:all .2s ease;display:flex;gap:12px;align-items:center}.deck-list-item:hover{background:#d4a5741a}.deck-list-item-active{background:#d4a57426;border-left:4px solid var(--viking-text-gold)}.deck-list-item-selected{background:#d4a57433;border-left:4px solid var(--viking-text-gold)}.deck-list-hero-photo{width:48px;height:48px;position:relative;flex-shrink:0}.deck-list-hero-image{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid var(--viking-border-bronze)}.deck-list-active-checkmark{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;background:#10b981;border:2px solid var(--viking-text-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.deck-list-item-info{flex:1}.deck-list-item-name{font-family:Cinzel,serif;font-size:16px;color:var(--viking-text-gold);margin-bottom:4px}.deck-list-item-count{font-size:12px;color:#d4a574b3}.deck-delete-btn{background:#8b233580;border:1px solid rgba(139,35,53,.8);border-radius:4px;color:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;line-height:1;transition:all .2s ease}.deck-delete-btn:hover{background:#8b2335cc;transform:scale(1.1)}.deck-list-empty{padding:40px 20px;text-align:center;color:#d4a57480;font-family:Cinzel,serif}.collection-panel{background:#1a0f0a66;display:flex;flex-direction:column;overflow:hidden;border-right:2px solid var(--viking-border-bronze)}.collection-header{padding:20px;border-bottom:2px solid var(--viking-border-bronze)}.collection-header h2{font-family:Cinzel,serif;font-size:20px;color:var(--viking-text-gold);margin:0 0 16px}.collection-filters{display:flex;gap:12px;flex-wrap:wrap}.filter-select,.filter-search{background:#1a0f0acc;border:2px solid var(--viking-border-bronze);border-radius:6px;padding:8px 12px;color:var(--viking-text-gold);font-family:Cinzel,serif;font-size:14px}.filter-select{min-width:140px}.filter-search{flex:1;min-width:200px}.filter-select:focus,.filter-search:focus{outline:none;border-color:var(--viking-text-gold)}.filter-select option{background:#1a0f0a}.collection-grid{flex:1;overflow-y:auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;row-gap:60px;align-content:start;scrollbar-width:none;-ms-overflow-style:none}.collection-grid::-webkit-scrollbar{display:none}.collection-card{position:relative;transition:transform .2s ease}.collection-card:hover{transform:translateY(-4px)}.collection-card-locked{cursor:not-allowed!important}.collection-card-locked:hover{transform:none;box-shadow:none}.collection-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#d4a57480;font-family:Cinzel,serif;font-size:18px}.current-deck-header-hero{position:relative;height:160px;background-size:cover;background-position:center top;border-bottom:2px solid var(--viking-border-bronze);display:flex;flex-direction:column;justify-content:space-between}.current-deck-header-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#1a0f0a4d,#1a0f0a80,#1a0f0af2)}.deck-back-btn-stylized{position:relative;z-index:1;align-self:flex-start;margin:12px;width:36px;height:36px;background:#1a0f0acc;border:2px solid var(--viking-border-bronze);border-radius:50%;color:var(--viking-text-gold);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0006}.deck-back-btn-stylized:hover{background:#1a0f0af2;border-color:var(--viking-text-gold);transform:scale(1.1)}.deck-header-bottom{position:relative;z-index:1;padding:12px 16px}.deck-header-name{font-family:Cinzel,serif;font-size:18px;color:var(--viking-text-gold);margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-card-count-hero{font-family:Cinzel,serif;font-size:12px;margin-top:4px}.deck-progress-container{margin-top:8px}.deck-progress-text{font-family:Cinzel,serif;font-size:12px;color:#ef4444;margin-bottom:6px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.deck-progress-bar{width:100%;height:8px;background:#1a0f0acc;border:1px solid rgba(239,68,68,.4);border-radius:4px;overflow:hidden}.deck-progress-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f97316,#10b981);background-size:200% 100%;border-radius:3px;box-shadow:0 0 8px #ef444480}.deck-progress-tooltip{text-align:center;padding:4px}.deck-progress-tooltip-title{font-family:Cinzel,serif;font-size:14px;font-weight:700;color:var(--viking-text-gold);margin-bottom:6px}.deck-progress-tooltip-desc{font-size:12px;color:#ffffffe6;line-height:1.4}.deck-error-banner{padding:8px 12px;background:#ef444433;border-bottom:1px solid rgba(239,68,68,.4);color:#ef4444;font-family:Cinzel,serif;font-size:13px;text-align:center}.deck-back-btn{background:transparent;border:none;color:var(--viking-text-gold);font-family:Cinzel,serif;font-size:14px;cursor:pointer;padding:8px 0;margin-bottom:12px;transition:opacity .2s ease}.deck-back-btn:hover{opacity:.7}.current-deck-header{padding:20px;border-bottom:2px solid var(--viking-border-bronze)}.current-deck-header h2{font-family:Cinzel,serif;font-size:18px;color:var(--viking-text-gold);margin:0 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-card-count{font-family:Cinzel,serif;font-size:16px;font-weight:700;padding:8px 12px;border-radius:6px;text-align:center}.deck-card-count-valid{color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.deck-card-count-invalid{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.current-deck-cards-compact{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px;scrollbar-width:none;-ms-overflow-style:none}.current-deck-cards-compact::-webkit-scrollbar{display:none}.deck-card-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#1a0f0a99;border:1px solid rgba(139,115,85,.4);border-radius:6px;transition:all .2s ease}.deck-card-row:hover{background:#1a0f0acc;border-color:var(--viking-border-bronze)}.deck-card-energy{width:28px;height:28px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px #0000004d}.deck-card-energy-value{font-family:Cinzel,serif;font-size:14px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.deck-card-name{flex:1;font-family:Cinzel,serif;font-size:14px;color:var(--viking-text-gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-card-count-badge{font-family:Cinzel,serif;font-size:14px;font-weight:700;color:#d4a574cc;min-width:30px;text-align:center}.deck-card-remove-btn{width:24px;height:24px;background:#ef44444d;border:1px solid rgba(239,68,68,.5);border-radius:4px;color:#ef4444;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.deck-card-remove-btn:hover{background:#ef444480;border-color:#ef4444;transform:scale(1.1)}.current-deck-empty-compact{text-align:center;padding:40px 20px;color:#d4a57480;font-family:Cinzel,serif}.deck-card-tooltip{min-width:200px;max-width:280px}.deck-card-tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(212,165,116,.3)}.deck-card-tooltip-icon{font-size:16px}.deck-card-tooltip-name{font-family:Cinzel,serif;font-size:14px;font-weight:700;color:var(--viking-text-gold);flex:1}.deck-card-tooltip-rarity{font-family:Cinzel,serif;font-size:11px;color:#d4a574b3;text-transform:uppercase}.deck-card-tooltip-description{font-size:12px;color:#ffffffe6;line-height:1.4;margin-bottom:10px}.deck-card-tooltip-effects{display:flex;gap:12px;margin-bottom:10px}.deck-card-tooltip-effect{display:flex;flex-direction:column;align-items:center;background:#1a0f0a99;padding:6px 12px;border-radius:4px;border:1px solid rgba(139,115,85,.4)}.deck-card-tooltip-effect-value{font-family:Cinzel,serif;font-size:16px;font-weight:700;color:var(--viking-text-gold)}.deck-card-tooltip-effect-label{font-size:10px;color:#d4a574b3;text-transform:uppercase}.deck-card-tooltip-cost{display:flex;align-items:center;gap:6px;font-family:Cinzel,serif;font-size:12px;color:#3b82f6;padding-top:8px;border-top:1px solid rgba(212,165,116,.2)}.deck-card-tooltip-cost-icon{font-size:14px}.current-deck-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:#d4a57480;font-family:Cinzel,serif;font-size:18px;padding:40px;text-align:center}.current-deck-actions{padding:20px;border-top:2px solid var(--viking-border-bronze);display:flex;flex-direction:column;gap:12px}.current-deck-actions button{width:100%;min-width:unset;padding:12px;font-size:14px}@media(max-width:1200px){.deck-builder-layout{grid-template-columns:1fr 300px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:900px){.deck-builder-layout{grid-template-columns:1fr;grid-template-rows:1fr auto}.deck-panel{border:none;border-top:2px solid var(--viking-border-bronze);max-height:50vh}.collection-panel{border-right:none}}.dev-commands{position:fixed;bottom:20px;right:20px;z-index:9999}.dev-commands-toggle{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#8b7355,#6b5645);border:2px solid var(--viking-border-bronze);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #00000080;transition:all .2s ease}.dev-commands-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #0009}.dev-commands-toggle:active{transform:scale(.95)}.dev-commands-panel{position:absolute;bottom:60px;right:0;background:linear-gradient(135deg,#1a0f0afa,#2d1f1afa);border:2px solid var(--viking-border-bronze);border-radius:12px;padding:20px;min-width:300px;box-shadow:0 8px 24px #000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dev-commands-title{font-family:Cinzel,serif;font-size:20px;color:var(--viking-text-gold);margin:0 0 16px;text-align:center;text-shadow:1px 1px 4px rgba(0,0,0,.8)}.dev-commands-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(139,115,85,.3)}.dev-commands-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.dev-commands-label{display:block;font-family:Cinzel,serif;font-size:14px;color:var(--viking-text-gold);margin-bottom:8px}.dev-commands-input{width:100%;padding:8px 12px;background:#1a0f0acc;border:2px solid var(--viking-border-bronze);border-radius:6px;color:var(--viking-text-gold);font-family:Cinzel,serif;font-size:16px;margin-bottom:8px;box-sizing:border-box}.dev-commands-input:focus{outline:none;border-color:var(--viking-text-gold)}.dev-commands-buttons{display:flex;gap:8px}.dev-commands-button{min-width:unset;flex:1;padding:10px 16px;font-size:14px}.dev-commands-button-danger{background:linear-gradient(135deg,#8b2635,#6b1625)}.dev-commands-button-danger:hover{background:linear-gradient(135deg,#a03645,#8b2635)}.dev-commands-info{font-family:Cinzel,serif;font-size:12px;color:var(--viking-text-gold-hover);text-align:center;padding-top:12px;margin-top:12px;border-top:1px solid rgba(139,115,85,.3);opacity:.8}@media(max-width:768px){.dev-commands-panel{right:-20px;left:auto;max-width:calc(100vw - 40px)}}.hero-select{width:100vw;height:100vh;background:linear-gradient(135deg,#1a0f0a,#2d1f1a,#1a0f0a);overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.hero-select::-webkit-scrollbar{display:none}.hero-select-container{max-width:1200px;width:100%;display:flex;flex-direction:column;gap:32px;align-items:center;margin:32px auto;padding:0 32px;min-height:min-content;position:relative}.hero-select-top-buttons{position:fixed;top:32px;right:32px;display:flex;gap:16px;z-index:10}.hero-select-top-button{min-width:unset;padding:12px 24px;font-size:16px}.hero-select-back-button{position:fixed;top:32px;left:32px;min-width:unset;padding:12px 24px;font-size:16px;z-index:10}.hero-select-title{font-family:Cinzel,serif;font-size:56px;color:var(--viking-text-gold);margin:0;text-shadow:2px 2px 8px rgba(0,0,0,.8);text-align:center}.hero-select-subtitle{font-family:Cinzel,serif;font-size:20px;color:var(--viking-text-gold-hover);margin:0;text-align:center;opacity:.9}.hero-select-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;width:100%;max-width:900px}.hero-select-card{position:relative;background:linear-gradient(135deg,#1a0f0ae6,#2d1f1ae6);border:3px solid var(--viking-border-bronze);border-radius:16px;padding:32px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:24px;align-items:center}.hero-select-card:hover{transform:translateY(-8px);border-color:var(--viking-text-gold);box-shadow:0 12px 32px #0009,0 0 30px #d4a5744d}.hero-select-card-selected{border-color:var(--viking-text-gold);box-shadow:0 12px 32px #0009,0 0 40px #d4a57480;background:linear-gradient(135deg,#d4a5741a,#2d1f1ae6)}.hero-select-portrait{width:100%;display:flex;justify-content:center}.hero-select-portrait-frame{width:150px;height:150px;border-radius:50%;border:3px solid var(--viking-text-gold);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#d4a57433,#1a0f0acc);box-shadow:0 4px 16px #00000080}.hero-select-initial{font-size:72px;font-family:Cinzel,serif;font-weight:700;color:var(--viking-text-gold);text-shadow:2px 2px 8px rgba(0,0,0,.8)}.hero-select-portrait-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.hero-select-info{width:100%;display:flex;flex-direction:column;gap:16px}.hero-select-name{font-family:Cinzel,serif;font-size:28px;color:var(--viking-text-gold);margin:0;text-align:center;text-shadow:1px 1px 4px rgba(0,0,0,.8)}.hero-select-description{font-size:14px;color:var(--viking-text-gold-hover);line-height:1.6;text-align:center;margin:0;opacity:.9}.hero-select-stats{display:flex;gap:12px;justify-content:space-between;margin-top:8px}.hero-select-stat{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;background:#1a0f0a80;border:2px solid var(--viking-border-bronze);border-radius:8px;padding:12px 16px}.hero-select-stat-icon{font-size:24px}.hero-select-stat-label{font-size:11px;color:var(--viking-text-gold);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.hero-select-stat-value{font-family:Cinzel,serif;font-size:18px;font-weight:700;color:var(--viking-text-gold)}.hero-select-deck-selector{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;background:#1a0f0a80;border:2px solid var(--viking-border-bronze);border-radius:8px;padding:12px 16px;margin-top:8px}.hero-select-deck-selector-label{font-size:11px;color:var(--viking-text-gold);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.hero-select-deck-selector-dropdown{width:100%;padding:8px 12px;background:#1a0f0ab3;border:2px solid var(--viking-border-bronze);border-radius:4px;color:var(--viking-text-gold);font-family:Cinzel,serif;font-size:14px;cursor:pointer;transition:all .2s ease}.hero-select-deck-selector-dropdown:hover{border-color:var(--viking-text-gold);box-shadow:0 0 12px #d4a5744d}.hero-select-deck-selector-dropdown:focus{outline:none;border-color:var(--viking-text-gold);box-shadow:0 0 16px #d4a57466}.hero-select-deck-selector-dropdown option{background:var(--viking-wood-dark);color:var(--viking-text-gold)}.hero-select-indicator{position:absolute;top:16px;right:16px;width:40px;height:40px;background:var(--viking-text-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #d4a57499;animation:indicator-pop .3s ease-out}@keyframes indicator-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.hero-select-indicator-icon{font-size:24px;color:var(--viking-wood-dark);font-weight:700}.hero-select-cards-preview{width:100%;max-width:900px;background:#1a0f0a99;border:2px solid var(--viking-border-bronze);border-radius:12px;padding:24px;animation:cards-slide-in .4s ease-out}@keyframes cards-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-select-cards-title{font-family:Cinzel,serif;font-size:20px;color:var(--viking-text-gold);margin:0 0 16px;text-align:center}.hero-select-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;row-gap:40px;justify-items:center}.hero-select-card-preview{position:relative;width:150px;height:210px;background:linear-gradient(135deg,#1a0f0a,#2d1f1a);border-radius:12px;border:2px solid var(--viking-border-bronze);padding:12px;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column;gap:8px;transition:transform .2s ease}.hero-select-card-preview:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0009}.hero-select-card-preview-cost{position:absolute;top:8px;left:8px;width:32px;height:32px;background:radial-gradient(circle,#4f46e5,#312e81);border:2px solid var(--viking-text-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #4f46e599;z-index:2;font-size:16px;font-weight:700;color:#fff;font-family:Cinzel,serif}.hero-select-card-preview-header{display:flex;align-items:center;gap:6px;margin-top:24px}.hero-select-card-preview-type-icon{font-size:16px}.hero-select-card-preview-name{font-family:Cinzel,serif;font-size:13px;color:var(--viking-text-gold);text-shadow:1px 1px 2px rgba(0,0,0,.8);line-height:1.2;flex:1}.hero-select-card-preview-type{font-size:10px;color:var(--viking-text-gold-hover);text-transform:uppercase;letter-spacing:.5px;opacity:.7;text-align:center;margin-top:4px}.hero-select-card-preview-effect{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:8px 0}.hero-select-card-preview-effect-value{font-size:40px;font-weight:700;color:var(--viking-text-gold);font-family:Cinzel,serif;text-shadow:2px 2px 4px rgba(0,0,0,.8);line-height:1}.hero-select-card-preview-effect-label{font-size:11px;color:var(--viking-text-gold-hover);text-transform:uppercase;letter-spacing:1px;font-weight:600}.hero-select-card-preview-description{font-size:10px;color:var(--viking-text-gold-hover);line-height:1.3;opacity:.8;text-align:center;margin-top:auto}.hero-select-confirm-btn{font-size:20px;padding:20px 64px;margin-top:40px;position:sticky;bottom:20px;z-index:10}.hero-select-confirm-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.hero-select-grid{grid-template-columns:1fr;gap:24px}.hero-select-title{font-size:40px}.hero-select-subtitle{font-size:16px}.hero-select-cards-grid{grid-template-columns:1fr}}.difficulty-selector{width:100vw;height:100vh;background:linear-gradient(135deg,#1a0f0a,#2d1f1a,#1a0f0a);display:flex;align-items:center;justify-content:center;padding:32px;overflow-y:auto}.difficulty-selector-container{max-width:1400px;width:100%;display:flex;flex-direction:column;gap:32px;align-items:center;position:relative}.difficulty-back-button{position:fixed;top:32px;left:32px;min-width:unset;padding:12px 24px;font-size:16px;z-index:10}.difficulty-selector-title{font-family:Cinzel,serif;font-size:56px;color:var(--viking-text-gold);margin:0;text-shadow:2px 2px 8px rgba(0,0,0,.8);text-align:center}.difficulty-selector-subtitle{font-family:Cinzel,serif;font-size:20px;color:var(--viking-text-gold-hover);margin:0;text-align:center;opacity:.9;font-style:italic}.difficulty-selector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%}.difficulty-card{position:relative;background:linear-gradient(135deg,#1a0f0ae6,#2d1f1ae6);border:3px solid var(--viking-border-bronze);border-radius:16px;padding:32px 24px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;min-height:380px}.difficulty-card:hover{transform:translateY(-8px);border-color:var(--viking-text-gold);box-shadow:0 12px 32px #0009,0 0 30px #d4a5744d}.difficulty-card-selected{border-color:var(--viking-text-gold);box-shadow:0 12px 32px #0009,0 0 40px #d4a57480;background:linear-gradient(135deg,#d4a57426,#2d1f1ae6)}.difficulty-rune{font-size:96px;color:var(--viking-text-gold);text-shadow:0 0 20px rgba(212,165,116,.6),2px 2px 8px rgba(0,0,0,.8);margin-bottom:8px;transition:all .3s ease}.difficulty-card:hover .difficulty-rune{text-shadow:0 0 30px rgba(212,165,116,.8),2px 2px 8px rgba(0,0,0,.8);transform:scale(1.1)}.difficulty-name{font-family:Cinzel,serif;font-size:32px;font-weight:700;color:var(--viking-text-gold);margin:0;text-shadow:1px 1px 4px rgba(0,0,0,.8);letter-spacing:1px}.difficulty-title{font-family:Cinzel,serif;font-size:16px;color:var(--viking-text-gold-hover);margin:0;font-weight:400;font-style:italic;opacity:.9}.difficulty-description{font-size:14px;color:var(--viking-text-gold-hover);line-height:1.6;margin:8px 0;flex:1;opacity:.85}.difficulty-stats{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px}.difficulty-stat{display:flex;justify-content:space-between;align-items:center;background:#1a0f0a80;border:2px solid var(--viking-border-bronze);border-radius:8px;padding:10px 16px}.difficulty-stat-label{font-size:12px;color:var(--viking-text-gold);text-transform:uppercase;letter-spacing:1px;opacity:.8}.difficulty-stat-value{font-family:Cinzel,serif;font-size:20px;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.difficulty-stat-danger{color:#e74c3c}.difficulty-stat-reward{color:#f1c40f}.difficulty-select-indicator{position:absolute;top:16px;right:16px;width:40px;height:40px;background:var(--viking-text-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #d4a57499;animation:indicator-pop .3s ease-out}.difficulty-select-indicator-icon{font-size:24px;color:var(--viking-wood-dark);font-weight:700}.difficulty-confirm-btn{font-size:22px;padding:20px 72px;margin-top:16px}.difficulty-confirm-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1200px){.difficulty-selector-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:768px){.difficulty-selector{padding:20px}.difficulty-selector-title{font-size:40px}.difficulty-selector-subtitle{font-size:16px}.difficulty-selector-grid{grid-template-columns:1fr;gap:16px}.difficulty-card{min-height:auto;padding:24px 20px}.difficulty-rune{font-size:72px}.difficulty-name{font-size:28px}.difficulty-confirm-btn{font-size:18px;padding:16px 48px}}.health-bar{width:100%;display:flex;flex-direction:column}.health-bar-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:4px;font-family:Cinzel,serif;z-index:2;pointer-events:none}.health-bar-icon{font-size:20px}.health-bar-current{font-size:20px;font-weight:700;color:var(--viking-text-gold);text-shadow:1px 1px 2px rgba(0,0,0,.8)}.health-bar-separator{font-size:16px;color:var(--viking-border-bronze);opacity:.7}.health-bar-max{font-size:16px;color:var(--viking-text-gold);opacity:.8}.health-bar-block-separator{font-size:18px;color:var(--viking-border-bronze);margin-left:4px;margin-right:2px}.health-bar-block-icon{font-size:18px}.health-bar-block-value{font-size:20px;font-weight:700;color:#3b82f6;text-shadow:0 0 8px rgba(59,130,246,.8),1px 1px 2px rgba(0,0,0,.8)}.health-bar-container{position:relative;width:100%;height:24px;background:linear-gradient(to bottom,#00000080,#000000b3);border:2px solid var(--viking-border-bronze);border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.health-bar-fill{position:absolute;left:0;top:0;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:10px;overflow:hidden}.health-bar-fill-green{background:linear-gradient(to bottom,#10b981,#059669);box-shadow:0 0 10px #10b98180}.health-bar-fill-orange{background:linear-gradient(to bottom,#f59e0b,#d97706);box-shadow:0 0 10px #f59e0b80}.health-bar-fill-red{background:linear-gradient(to bottom,#ef4444,#dc2626);box-shadow:0 0 10px #ef444480}.health-bar-fill-blue{background:linear-gradient(to bottom,#3b82f6,#2563eb);box-shadow:0 0 10px #3b82f680}.health-bar-low{animation:health-bar-pulse 1s infinite}@keyframes health-bar-pulse{0%,to{opacity:1}50%{opacity:.7}}.health-bar-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);animation:health-bar-shine 2s infinite}@keyframes health-bar-shine{0%{left:-100%}to{left:200%}}.health-bar-small .health-bar-container{height:16px}.health-bar-small .health-bar-label{margin-bottom:4px}.health-bar-small .health-bar-current{font-size:16px}.health-bar-small .health-bar-max,.health-bar-small .health-bar-separator{font-size:13px}.health-bar-large .health-bar-container{height:32px}.health-bar-large .health-bar-icon{font-size:24px}.health-bar-large .health-bar-current{font-size:28px}.health-bar-large .health-bar-max,.health-bar-large .health-bar-separator{font-size:20px}.health-bar-large .health-bar-block-icon,.health-bar-large .health-bar-block-separator{font-size:22px}.health-bar-large .health-bar-block-value{font-size:24px}.hero-display{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hero-display>*{pointer-events:auto}.hero-content{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:2;width:90%}.hero-portrait-container{position:relative}.hero-status-badges{position:absolute;right:100%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;margin-right:20px}.hero-portrait{display:flex;flex-direction:column;align-items:center;gap:12px}.hero-name{font-family:Cinzel,serif;font-size:28px;font-weight:700;color:var(--viking-text-gold);text-shadow:2px 2px 8px rgba(0,0,0,.8);text-align:center;background:#1a0f0acc;border:2px solid var(--viking-border-bronze);border-radius:12px;padding:12px 32px}.hero-status-badge{display:flex;align-items:center;gap:6px;background:#1a0f0af2;border:2px solid var(--viking-border-bronze);border-radius:20px;padding:8px 12px;font-size:12px;font-weight:700;font-family:Cinzel,serif;color:var(--viking-text-gold);box-shadow:0 4px 12px #0009;cursor:help;transition:all .2s ease;white-space:nowrap}.hero-status-badge:hover{transform:scale(1.05);box-shadow:0 6px 16px #000c}.hero-status-badge-icon{font-size:16px}.hero-status-badge-value{font-size:12px;letter-spacing:.5px}.hero-health{width:100%;min-width:300px}.hero-energy-bottom{position:absolute;bottom:20px;left:20px;display:flex;gap:10px;z-index:10}.hero-energy-crystal{position:relative;width:40px;height:48px;background:linear-gradient(to bottom,#4f46e54d,#312e814d);border:2px solid rgba(79,70,229,.5);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transition:all .3s ease}.hero-energy-crystal-active{background:linear-gradient(to bottom,#4f46e5,#312e81);border-color:#6366f1;box-shadow:0 0 20px #4f46e5cc,inset 0 0 10px #6366f180;animation:energy-pulse 2s infinite}.hero-energy-crystal-overflow{background:linear-gradient(to bottom,#f59e0b,#d97706)!important;border-color:#fbbf24!important;box-shadow:0 0 20px #f59e0bcc,inset 0 0 10px #fbbf2480!important;animation:energy-pulse-overflow 2s infinite!important}@keyframes energy-pulse{0%,to{box-shadow:0 0 20px #4f46e5cc,inset 0 0 10px #6366f180}50%{box-shadow:0 0 30px #4f46e5,inset 0 0 15px #6366f1b3}}@keyframes energy-pulse-overflow{0%,to{box-shadow:0 0 20px #f59e0bcc,inset 0 0 10px #fbbf2480}50%{box-shadow:0 0 30px #f59e0b,inset 0 0 15px #fbbf24b3}}.hero-energy-crystal-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.hero-block-value{font-size:32px;font-weight:700;font-family:Cinzel,serif;color:#3b82f6;text-shadow:0 0 10px rgba(59,130,246,.8),2px 2px 4px rgba(0,0,0,.8);animation:block-shimmer 2s infinite}@keyframes block-shimmer{0%,to{text-shadow:0 0 10px rgba(59,130,246,.8),2px 2px 4px rgba(0,0,0,.8)}50%{text-shadow:0 0 20px rgba(59,130,246,1),2px 2px 4px rgba(0,0,0,.8)}}.enemy-display{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s ease;pointer-events:none}.enemy-display>*{pointer-events:auto}.enemy-display-empty{text-align:center;padding:48px;background:#1a0f0a99;border:2px dashed var(--viking-border-bronze);border-radius:12px}.enemy-display-empty p{color:var(--viking-text-gold);font-family:Cinzel,serif;font-size:20px;margin:0 0 12px}.enemy-display-empty-hint{font-size:14px!important;opacity:.7}.enemy-display-grid{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.enemy-display-grid-multiple{max-width:600px}.enemy-card{position:relative;width:100%;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.enemy-card-drop-target{filter:brightness(1.2)}.enemy-card-dead{opacity:.5;filter:grayscale(1);pointer-events:none}.enemy-content{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:5;width:90%}.enemy-portrait-container{position:relative}.enemy-status-badges{position:absolute;left:100%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;margin-left:20px}.enemy-status-badge{display:flex;align-items:center;gap:6px;background:#1a0f0af2;border:2px solid var(--viking-border-bronze);border-radius:20px;padding:8px 12px;font-size:12px;font-weight:700;font-family:Cinzel,serif;color:var(--viking-text-gold);box-shadow:0 4px 12px #0009;cursor:help;transition:all .2s ease;white-space:nowrap}.enemy-status-badge:hover{transform:scale(1.05);box-shadow:0 6px 16px #000c}.enemy-status-badge-icon{font-size:16px}.enemy-status-badge-value{font-size:12px;letter-spacing:.5px}.enemy-portrait{display:flex;flex-direction:column;align-items:center;gap:12px}.enemy-portrait-frame{position:relative;width:160px;height:160px;border-radius:50%;border:3px solid #8B4513;box-shadow:0 8px 24px #00000080,0 0 20px #8b45134d;overflow:hidden;background:linear-gradient(135deg,#2d1f1a,#1a0f0a)}.enemy-portrait-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.enemy-portrait-frame:hover .enemy-portrait-image{transform:scale(1.1)}.enemy-portrait-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#8b45134d,#1a0f0acc)}.enemy-initial{font-size:72px;font-family:Cinzel,serif;font-weight:700;color:#8b4513;text-shadow:2px 2px 8px rgba(0,0,0,.8)}.enemy-name{font-family:Cinzel,serif;font-size:28px;font-weight:700;color:var(--viking-text-gold);text-shadow:2px 2px 8px rgba(0,0,0,.8);text-align:center;background:#1a0f0acc;border:2px solid var(--viking-border-bronze);border-radius:12px;padding:12px 32px}.enemy-health{width:100%;min-width:300px}.enemy-energy-bottom{position:absolute;bottom:20px;right:20px;display:flex;gap:10px;z-index:10}.enemy-energy-crystal{position:relative;width:40px;height:48px;background:linear-gradient(to bottom,#4f46e54d,#312e814d);border:2px solid rgba(79,70,229,.5);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transition:all .3s ease}.enemy-energy-crystal-active{background:linear-gradient(to bottom,#4f46e5,#312e81);border-color:#6366f1;box-shadow:0 0 20px #4f46e5cc,inset 0 0 10px #6366f180;animation:enemy-energy-pulse 2s infinite}.enemy-energy-crystal-overflow{background:linear-gradient(to bottom,#f59e0b,#d97706)!important;border-color:#fbbf24!important;box-shadow:0 0 20px #f59e0bcc,inset 0 0 10px #fbbf2480!important;animation:enemy-energy-pulse-overflow 2s infinite!important}@keyframes enemy-energy-pulse{0%,to{box-shadow:0 0 20px #4f46e5cc,inset 0 0 10px #6366f180}50%{box-shadow:0 0 30px #4f46e5,inset 0 0 15px #6366f1b3}}@keyframes enemy-energy-pulse-overflow{0%,to{box-shadow:0 0 20px #f59e0bcc,inset 0 0 10px #fbbf2480}50%{box-shadow:0 0 30px #f59e0b,inset 0 0 15px #fbbf24b3}}.enemy-energy-crystal-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.enemy-defeated-overlay{position:fixed;top:0;right:0;width:50vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none}.enemy-defeated-text{font-family:Cinzel,serif;font-size:56px;font-weight:700;color:#10b981;text-shadow:0 0 30px rgba(16,185,129,.9),0 0 60px rgba(16,185,129,.5),2px 2px 4px rgba(0,0,0,.8);animation:defeated-pulse 1.5s infinite;background:#000000b3;padding:24px 48px;border:3px solid #10b981;border-radius:16px;box-shadow:0 0 40px #10b98180}@keyframes defeated-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.card-hand{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:50;pointer-events:none}.card-hand-container{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:240px;pointer-events:all}.card-hand-slot{position:absolute;bottom:0;transform-origin:center bottom}.card-hand-slot .card{transition:box-shadow .2s ease}.card-hand-slot .card:hover{transform:none;box-shadow:0 12px 32px #000000b3}.card-hand-empty{background:#1a0f0ae6;border:2px dashed var(--viking-border-bronze);border-radius:12px;padding:32px 48px;text-align:center;min-width:300px}.card-hand-empty p{color:var(--viking-text-gold);font-family:Cinzel,serif;font-size:16px;margin:0 0 8px}.card-hand-empty-hint{font-size:12px!important;opacity:.7;font-family:system-ui,sans-serif!important}.card-hand-info{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:#1a0f0af2;border:2px solid var(--viking-border-bronze);border-radius:8px;padding:6px 16px;pointer-events:none}.card-hand-count{color:var(--viking-text-gold);font-family:Cinzel,serif;font-size:13px;font-weight:600;letter-spacing:.5px}@media(max-width:1200px){.card-hand-slot{left:auto!important;margin:0 -20px}}@media(max-width:768px){.card-hand{bottom:10px}.card-hand-slot{margin:0 -30px}}.turn-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none;opacity:0;transition:opacity .3s ease}.turn-indicator-visible{opacity:1;animation:turn-fade-out 2s ease-in-out forwards}@keyframes turn-fade-out{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}30%{transform:translate(-50%,-50%) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.turn-indicator-content{font-family:Cinzel,serif;font-size:64px;font-weight:700;padding:32px 64px;border-radius:16px;text-align:center;letter-spacing:4px;border:4px solid;box-shadow:0 0 40px #000c}.turn-indicator-player{background:linear-gradient(135deg,#10b981f2,#059669f2);border-color:#10b981;color:#fff;text-shadow:0 0 20px rgba(16,185,129,.8),2px 2px 4px rgba(0,0,0,.8);box-shadow:0 0 40px #10b98199,inset 0 0 30px #10b9814d}.turn-indicator-enemy{background:linear-gradient(135deg,#ef4444f2,#b91c1cf2);border-color:#ef4444;color:#fff;text-shadow:0 0 20px rgba(239,68,68,.8),2px 2px 4px rgba(0,0,0,.8);box-shadow:0 0 40px #ef444499,inset 0 0 30px #ef44444d}.card-action-feedback{position:fixed;z-index:500;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:12px}.card-action-hero{left:25%;top:50%;transform:translate(-50%,-50%)}.card-action-enemy{right:25%;top:50%;transform:translate(50%,-50%)}.card-action-name{font-family:Cinzel,serif;font-size:32px;font-weight:700;color:var(--viking-text-gold);text-shadow:0 0 20px rgba(212,165,116,.8),2px 2px 8px rgba(0,0,0,1),0 0 40px rgba(212,165,116,.6);text-align:center;letter-spacing:1px}.card-action-effects{display:flex;gap:20px;justify-content:center;align-items:center}.card-action-effect{display:flex;flex-direction:column;align-items:center;gap:4px}.card-action-effect .effect-icon{font-size:48px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.8))}.card-action-effect .effect-value{font-family:Cinzel,serif;font-size:28px;font-weight:700;text-shadow:2px 2px 6px rgba(0,0,0,1),0 0 12px currentColor}.card-action-effect.damage .effect-value{color:#fca5a5}.card-action-effect.block .effect-value{color:#93c5fd}.card-action-effect.heal .effect-value{color:#86efac}.card-action-effect.energy .effect-value{color:#fde047}.card-action-effect.draw .effect-value{color:#c4b5fd}.card-action-effect.self-damage .effect-value{color:#ef4444}.card-action-effect.blocked .effect-value{color:#60a5fa}.card-action-effect.blocked .effect-label{font-family:Cinzel,serif;font-size:14px;font-weight:700;color:#60a5fa;text-shadow:1px 1px 3px rgba(0,0,0,1),0 0 8px rgba(96,165,250,.8);letter-spacing:1px}.card-action-feedback.beneficial .card-action-name{color:#86efac;text-shadow:0 0 20px rgba(134,239,172,.8),2px 2px 8px rgba(0,0,0,1),0 0 40px rgba(134,239,172,.6)}.card-action-feedback.harmful .card-action-name{color:#fca5a5;text-shadow:0 0 20px rgba(252,165,165,.8),2px 2px 8px rgba(0,0,0,1),0 0 40px rgba(252,165,165,.6)}@media(max-width:1024px){.card-action-hero,.card-action-enemy{left:50%;right:auto;transform:translate(-50%) translateY(-50%)}.card-action-name{font-size:24px}.card-action-effect .effect-icon{font-size:36px}.card-action-effect .effect-value{font-size:20px}}.battle-settings-btn{background:#1a0f0af2;border:2px solid var(--viking-border-bronze);border-radius:8px;color:var(--viking-text-gold);font-size:24px;padding:8px 12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #00000080;display:flex;align-items:center;justify-content:center;margin-left:12px}.battle-settings-btn:hover{background:#d4a57433;border-color:var(--viking-text-gold-hover);transform:scale(1.05);box-shadow:0 6px 20px #d4a57466}.battle-settings-btn:active{transform:scale(.95)}.battle-settings-wrapper{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center}.battle-actions-overlay{position:fixed;bottom:120px;right:50%;transform:translate(50%);z-index:2001;animation:slide-up .4s ease-out}@keyframes slide-up{0%{transform:translate(50%) translateY(50px);opacity:0}to{transform:translate(50%) translateY(0);opacity:1}}.battle-actions-overlay .viking-button{font-size:16px;padding:14px 32px;min-width:200px}.battle-controls{display:flex;align-items:center;justify-content:flex-end}.battle-screen{position:relative;width:100vw;height:100vh;background:linear-gradient(135deg,#1a0f0a,#2d1f1a,#1a0f0a);overflow:hidden}.battle-card-count{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#1a0f0af2;border:2px solid var(--viking-border-bronze);border-radius:8px;padding:8px 20px;z-index:100}.battle-card-count span{color:var(--viking-text-gold);font-family:Cinzel,serif;font-size:16px;font-weight:600;letter-spacing:.5px}.battle-grid{display:grid;grid-template-columns:1fr 1fr;height:100vh;width:100%}.battle-side{position:relative;height:100%;display:flex;align-items:center;justify-content:center;padding:40px 20px;overflow:hidden;scrollbar-width:none}.battle-side::-webkit-scrollbar{display:none}.battle-side-hero{border-right:3px solid var(--viking-border-bronze)}.battle-side-enemy{border-left:3px solid var(--viking-border-bronze)}.battle-side-enemy .enemy-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.5;z-index:0;pointer-events:none}.battle-side-enemy .enemy-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(26,15,10,1) 0%,rgba(26,15,10,.8) 20%,rgba(26,15,10,.4) 50%,transparent 100%);z-index:1;pointer-events:none}.enemy-portraits-container{position:absolute;bottom:0;left:0;right:0;height:70vh;pointer-events:none;z-index:0}.battle-side-enemy .enemy-portrait-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:1;pointer-events:none;height:70vh;display:flex;align-items:flex-end;transition:all .5s ease-in-out}.enemy-portrait-active{z-index:1!important;opacity:1}.enemy-portrait-left-back{left:20%!important;transform:translate(-50%) scale(.7)!important;opacity:.6;z-index:1!important}.enemy-portrait-right-back{left:80%!important;transform:translate(-50%) scale(.7)!important;opacity:.6;z-index:1!important}.battle-side-enemy .enemy-portrait-image-battle{width:1100px;height:auto;max-height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 32px rgba(0,0,0,.9));transform:translateY(10%) scaleX(-1)}.enemy-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:50;background:#1a0f0ae6;border:2px solid var(--viking-border-bronze);color:var(--viking-text-gold);font-size:36px;padding:20px 24px;border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:Arial,sans-serif;line-height:1;box-shadow:0 4px 16px #0009}.enemy-arrow:hover{background:#d4a57433;border-color:var(--viking-text-gold-hover);color:var(--viking-text-gold-hover);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 24px #d4a57466}.enemy-arrow:active{transform:translateY(-50%) scale(.95)}.enemy-arrow-left{left:40px}.enemy-arrow-right{right:40px}.enemy-count-indicator{position:absolute;top:120px;right:40px;background:#1a0f0af2;border:2px solid var(--viking-border-bronze);border-radius:8px;padding:8px 16px;z-index:50;color:var(--viking-text-gold);font-family:Cinzel,serif;font-size:18px;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 16px #0009}.battle-side-hero .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.5;z-index:0;pointer-events:none}.battle-side-hero .hero-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(26,15,10,1) 0%,rgba(26,15,10,.8) 20%,rgba(26,15,10,.4) 50%,transparent 100%);z-index:1;pointer-events:none}.battle-side-hero .hero-portrait-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:0;pointer-events:none;height:70vh;display:flex;align-items:flex-end}.battle-side-hero .hero-portrait-image-battle{width:850px;height:auto;max-height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 32px rgba(0,0,0,.9));transform:translateY(10%)}.battle-side-drop-target-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#10b9814d,#10b98126);box-shadow:inset 0 0 60px #10b98180;z-index:10;pointer-events:none;transition:all .3s ease}.battle-side-drop-target-enemy:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ef44444d,#ef444426);box-shadow:inset 0 0 60px #ef444480;z-index:10;pointer-events:none;transition:all .3s ease}.battle-controls{position:fixed;top:20px;right:20px;z-index:100}.battle-end-turn-btn{font-size:14px;padding:10px 20px;box-shadow:0 4px 16px #00000080;min-width:unset}.battle-end-turn-btn:disabled{opacity:.5;cursor:not-allowed}.enemy-defeated{filter:grayscale(.8) brightness(.6);opacity:.7}.enemy-defeated .enemy-portrait-image-battle{filter:grayscale(.8) brightness(.6) drop-shadow(0 12px 32px rgba(0,0,0,.9))}.enemy-background-defeated{filter:grayscale(.8) brightness(.6);opacity:.35}.battle-victory-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .5s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.battle-victory-message{background:linear-gradient(135deg,#1a0f0a,#2d1f1a);border:4px solid var(--viking-text-gold);border-radius:16px;padding:48px 64px;text-align:center;box-shadow:0 0 40px #d4a57480;animation:victory-slide-up .6s ease-out .3s backwards}@keyframes victory-slide-up{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.battle-victory-message h2{font-family:Cinzel,serif;font-size:56px;color:var(--viking-text-gold);margin:0 0 16px;text-shadow:0 0 20px rgba(212,165,116,.8),2px 2px 4px rgba(0,0,0,.8);animation:victory-glow 2s infinite}.battle-victory-message p{font-family:Cinzel,serif;font-size:20px;color:var(--viking-text-gold-hover);margin:0 0 32px}.battle-victory-message button{font-size:18px;padding:16px 48px}.battle-defeat-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .5s ease-out}.battle-defeat-message{background:linear-gradient(135deg,#1a0f0a,#2d1f1a);border:4px solid #991b1b;border-radius:16px;padding:48px 64px;text-align:center;box-shadow:0 0 40px #991b1b80;animation:victory-slide-up .6s ease-out .3s backwards}.battle-defeat-message h2{font-family:Cinzel,serif;font-size:56px;color:#dc2626;margin:0 0 16px;text-shadow:0 0 20px rgba(220,38,38,.8),2px 2px 4px rgba(0,0,0,.8)}.battle-defeat-message p{font-family:Cinzel,serif;font-size:20px;color:var(--viking-text-gold-hover);margin:0 0 32px}.battle-defeat-message button{font-size:18px;padding:16px 48px}@media(max-width:1024px){.battle-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:100vh}.battle-side{padding:20px 15px}.battle-side-hero{border-right:none;border-bottom:3px solid var(--viking-border-bronze)}.battle-side-enemy{border-left:none;border-top:3px solid var(--viking-border-bronze)}}@media(max-width:768px){.battle-controls{top:10px;right:10px}.battle-end-turn-btn{font-size:16px;padding:12px 24px}.battle-victory-message{padding:32px 48px}.battle-victory-message h2{font-size:40px}}.victory-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#1a0f0a,#2d1f1a,#1a0f0a)}.victory-screen__title{font-family:Cinzel,serif;color:var(--viking-text-gold);font-size:48px;text-shadow:0 0 20px rgba(212,165,116,.8),2px 2px 4px rgba(0,0,0,.8);margin:0 0 16px;animation:victory-glow 2s infinite}@keyframes victory-glow{0%,to{text-shadow:0 0 20px rgba(212,165,116,.8),2px 2px 4px rgba(0,0,0,.8)}50%{text-shadow:0 0 40px rgba(212,165,116,1),2px 2px 4px rgba(0,0,0,.8)}}.victory-screen__soulium{font-family:Cinzel,serif;color:var(--viking-text-gold);font-size:24px;margin:0 0 24px}.victory-screen__enemies{display:flex;gap:24px;margin-bottom:32px;flex-wrap:wrap;justify-content:center;max-width:800px}.victory-screen__enemy-portrait{display:flex;flex-direction:column;align-items:center;animation:enemy-portrait-fade-in .8s ease-out}@keyframes enemy-portrait-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.victory-screen__enemy-image{width:200px;height:200px;border-radius:50%;border:4px solid var(--viking-border-bronze);object-fit:cover;object-position:center;box-shadow:0 8px 24px #000c,0 0 40px #d4a5744d;filter:grayscale(50%) brightness(.8);margin-bottom:12px}.victory-screen__enemy-name{font-family:Cinzel,serif;color:var(--viking-text-gold);font-size:20px;font-weight:600;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.victory-screen__stage-timeline{display:flex;gap:60px;margin-bottom:40px;align-items:center}.victory-screen__stage-icon{width:80px;height:80px;border:2px solid var(--viking-border-bronze);border-radius:50%;background:#1a0f0a99;display:flex;align-items:center;justify-content:center;font-size:32px;transition:all .3s ease;overflow:visible;position:relative}.victory-screen__stage-icon:after{content:"";position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);width:40px;height:2px;border-top:2px dotted var(--viking-border-bronze)}.victory-screen__stage-icon:last-child:after{display:none}.victory-screen__stage-enemy-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.victory-screen__stage-enemy-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%}.victory-screen__stage-enemy-image--multi{width:50%;height:50%;position:absolute;border:1px solid var(--viking-border-bronze);box-shadow:0 2px 8px #0009}.victory-screen__stage-enemy-image--multi:nth-child(1){left:5%;top:15%}.victory-screen__stage-enemy-image--multi:nth-child(2){left:45%;top:15%}.victory-screen__stage-enemy-image--multi:nth-child(3){left:25%;top:45%}.victory-screen__enemy-count-badge{position:absolute;bottom:-8px;right:-8px;background:var(--viking-text-gold);color:var(--viking-wood-dark);border:2px solid var(--viking-border-bronze);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:12px;font-weight:700;z-index:10;box-shadow:0 2px 8px #0009}.victory-screen__stage-icon--current{border:3px solid gold;box-shadow:0 0 20px #ffd70066}.victory-screen__stage-icon--completed{background:#10b98133;border-color:#10b98180}.victory-screen__stage-icon--completed:before{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:40px;color:#10b981;font-weight:700;z-index:10;text-shadow:0 2px 8px rgba(0,0,0,.8);pointer-events:none}.victory-screen__buttons{display:flex;gap:24px;align-items:center}.victory-screen__menu-button,.victory-screen__continue-button{min-width:unset;padding:16px 48px;font-size:18px}