:root{--font-title-dec: "Cinzel Decorative", cursive;--font-title: "Cinzel", serif;--font-body: "Montserrat", sans-serif;--color-bg-darkest: #070708;--color-bg-dark: #0c0c0e;--color-bg-panel: rgba(18, 19, 23, .72);--color-bg-panel-hover: rgba(26, 27, 34, .85);--color-gold: #ffd700;--color-gold-glow: rgba(255, 215, 0, .35);--color-border: rgba(255, 215, 0, .12);--color-border-glow: rgba(255, 215, 0, .25);--color-common: #9ca3af;--color-rare: #0088ff;--color-epic: #b333ff;--color-legendary: #ffd700;--color-red: #ff3333;--color-red-glow: rgba(255, 51, 51, .4);--color-green: #00ff66;--color-green-glow: rgba(0, 255, 102, .4);--color-purple: #b333ff;--color-grey: #a1a1aa;--color-brown: #d97706;--transition-fast: .15s ease;--transition-normal: .3s cubic-bezier(.25, .8, .25, 1);--transition-slow: .5s cubic-bezier(.25, 1, .5, 1)}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--color-bg-darkest);color:#f3f4f6;font-family:var(--font-body);font-size:14px;overflow:hidden}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-darkest)}::-webkit-scrollbar-thumb{background:#25262c;border-radius:3px;border:1px solid var(--color-bg-darkest)}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}#particlesCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.35}.custom-cursor{width:24px;height:24px;border:2px solid var(--color-gold);border-radius:50%;position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;transition:width .2s,height .2s,border-color .3s;transition-timing-function:cubic-bezier(.1,.8,.3,1);box-shadow:0 0 10px var(--color-gold-glow)}.custom-cursor-dot{width:6px;height:6px;background-color:var(--color-gold);border-radius:50%;position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;transition:background-color .3s,transform .1s}.custom-cursor.hovered{width:40px;height:40px;background-color:#ffd7000d;border-color:var(--color-gold);box-shadow:0 0 15px var(--color-gold-glow)}@media (max-width: 1024px){.custom-cursor,.custom-cursor-dot{display:none}}.screen-flash{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999;opacity:0;transition:opacity .08s ease-out}.screen-flash.flash-red{background:#ff000040;opacity:1}.screen-flash.flash-gold{background:#ffd7004d;opacity:1}.screen-flash.flash-green{background:#00ff6640;opacity:1}.shake-screen{animation:shake .25s linear}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translateY(2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(2px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(2px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.app-layout{display:flex;min-height:100vh;width:100vw;overflow:hidden;position:relative;z-index:2}.sidebar{width:240px;background:#08080af2;border-right:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:space-between;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-logo{padding:1.5rem 1.2rem;display:flex;align-items:center;gap:.8rem;border-bottom:1px solid rgba(255,215,0,.08)}.logo-symbol{font-size:1.8rem;filter:drop-shadow(0 0 5px var(--color-gold-glow))}.logo-text{display:flex;flex-direction:column}.logo-title{font-family:var(--font-title-dec);font-size:1.25rem;font-weight:700;color:var(--color-gold);letter-spacing:2px;text-shadow:0 0 8px rgba(255,215,0,.2)}.logo-subtitle{font-size:.65rem;font-weight:600;color:#9ca3af;letter-spacing:1.5px}.sidebar-nav{display:flex;flex-direction:column;gap:.3rem;padding:1rem .6rem;flex-grow:1;overflow-y:auto}.nav-btn{background:transparent;border:1px solid transparent;color:#9ca3af;padding:.8rem 1rem;border-radius:4px;cursor:pointer;font-family:var(--font-body);font-weight:500;text-align:left;display:flex;align-items:center;gap:1rem;transition:var(--transition-fast);position:relative}.nav-btn i{width:20px;font-size:1.1rem;transition:var(--transition-fast)}.nav-btn:hover{color:#f3f4f6;background:#ffd7000a;border-color:#ffd7000d}.nav-btn.active{color:var(--color-gold);background:#ffd70014;border-color:var(--color-border);box-shadow:inset 0 0 10px #ffd7000d;font-weight:600}.nav-btn.active i{color:var(--color-gold);filter:drop-shadow(0 0 3px var(--color-gold-glow))}.nav-badge{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:var(--color-red);color:#fff;font-size:.7rem;font-weight:700;padding:.1rem .45rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 5px #f336}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,215,0,.08);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.footer-action-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#9ca3af;width:32px;height:32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.footer-action-btn:hover{color:var(--color-gold);border-color:var(--color-border);background:#ffd7000d}.game-version{font-size:.7rem;color:#4b5563;font-weight:500}.main-workspace{flex-grow:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;background:radial-gradient(circle at center,#14151b,#060608);position:relative}.hud-header{height:75px;background:#0a0a0ce6;border-bottom:1px solid var(--color-border);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0006}.hud-guild-block{display:flex;flex-direction:column}.hud-guild-name{font-family:var(--font-title);font-size:1.35rem;font-weight:700;color:#fff;letter-spacing:.5px}.hud-reputation{font-size:.8rem;color:#9ca3af;display:flex;align-items:center;gap:.3rem}.hud-resources{display:flex;align-items:center;gap:1.5rem}.res-item{display:flex;align-items:center;gap:.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:.4rem .8rem;border-radius:4px;font-weight:600;font-size:.95rem;transition:var(--transition-fast)}.res-item:hover{border-color:var(--color-border);background:#ffd70008}.res-item i{font-size:1.1rem}.text-gold{color:var(--color-gold);text-shadow:0 0 5px rgba(255,215,0,.2)}.text-red{color:var(--color-red);text-shadow:0 0 5px rgba(255,51,51,.2)}.text-green{color:var(--color-green);text-shadow:0 0 5px rgba(0,255,102,.2)}.text-purple{color:var(--color-purple);text-shadow:0 0 5px rgba(179,51,255,.2)}.text-grey{color:var(--color-grey)}.text-brown{color:var(--color-brown)}.view-content{flex-grow:1;padding:1.8rem;overflow-y:auto;z-index:10}.view-panel{display:none}.view-panel.active{display:block;animation:panelFadeIn .35s cubic-bezier(.25,.8,.25,1) forwards}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.view-header{margin-bottom:1.5rem;border-left:3px solid var(--color-gold);padding-left:.8rem}.view-header h2{font-family:var(--font-title);font-size:1.6rem;letter-spacing:.5px;color:#fff}.view-header p{font-size:.85rem;color:#9ca3af;margin-top:.2rem}.gothic-card{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:6px;padding:1.5rem;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition-normal)}.gothic-card:hover{background:var(--color-bg-panel-hover);border-color:var(--color-border-glow);box-shadow:0 8px 32px var(--color-gold-glow),inset 0 0 15px #ffd70005}.gothic-card h3{font-family:var(--font-title);font-size:1.2rem;margin-bottom:.8rem;color:#fff;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between}.card-desc{font-size:.8rem;color:#9ca3af;margin-bottom:1.2rem}.btn{background:transparent;border:1px solid #4b5563;color:#f3f4f6;padding:.55rem 1.2rem;border-radius:4px;font-family:var(--font-body);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:var(--transition-fast);outline:none;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.btn:hover:not(:disabled){background:#ffffff0d;border-color:#9ca3af}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:#ffd70014;border-color:var(--color-border);color:var(--color-gold)}.btn-primary:hover:not(:disabled){background:var(--color-gold);color:#000;border-color:var(--color-gold);box-shadow:0 0 15px var(--color-gold-glow)}.btn-secondary{background:#ffffff05;border-color:#ffffff14;color:#d1d5db}.btn-secondary:hover:not(:disabled){border-color:#ffffff40;color:#fff}.btn-success{background:#00ff6614;border-color:#0f63;color:var(--color-green)}.btn-success:hover:not(:disabled){background:var(--color-green);color:#000;border-color:var(--color-green);box-shadow:0 0 15px var(--color-green-glow)}.btn-accent{background:#b333ff14;border-color:#b333ff33;color:var(--color-purple)}.btn-accent:hover:not(:disabled){background:var(--color-purple);color:#fff;border-color:var(--color-purple);box-shadow:0 0 15px #b333ff66}.btn-glow{position:relative;overflow:hidden}.btn-glow:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 0 20px var(--color-gold-glow);opacity:0;transition:opacity .3s;pointer-events:none}.btn-glow:hover:after{opacity:1}.btn-block{display:flex;width:100%}.btn-sm{padding:.35rem .8rem;font-size:.75rem}.btn-lg{padding:.8rem 2rem;font-size:.95rem}.castle-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem}.panel-column{display:flex;flex-direction:column;gap:1.8rem}.clicker-section{display:flex;flex-direction:column}.clicker-buttons{display:flex;flex-direction:column;gap:.8rem}.buildings-list{display:flex;flex-direction:column;gap:1rem}.building-item{display:flex;align-items:center;gap:1rem;background:#0003;border:1px solid rgba(255,255,255,.03);padding:.8rem 1rem;border-radius:4px;transition:var(--transition-fast)}.building-item:hover{border-color:#ffffff12;background:#ffffff03}.b-icon{font-size:1.5rem;width:40px;height:40px;border-radius:4px;background:#ffd7000d;border:1px solid rgba(255,215,0,.1);color:var(--color-gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.b-details{flex-grow:1}.b-header{display:flex;align-items:center;gap:.5rem}.b-name{font-weight:600;color:#fff;font-size:.95rem}.b-level{font-size:.75rem;background:var(--color-border);color:var(--color-gold);padding:.05rem .4rem;border-radius:3px;font-weight:700;border:1px solid rgba(255,215,0,.15)}.b-desc{font-size:.75rem;color:#9ca3af;margin-top:.15rem}.btn-upgrade{background:#ffd7000d;border-color:var(--color-border);color:var(--color-gold);flex-shrink:0;display:flex;flex-direction:column;gap:.1rem;padding:.35rem .8rem;line-height:1.2}.btn-upgrade:hover{background:var(--color-gold);color:#000;border-color:var(--color-gold)}.btn-upgrade .cost-val{font-size:.65rem;opacity:.8}.rarity-common{color:var(--color-common);border-color:#9ca3af33}.rarity-rare{color:var(--color-rare);border-color:#0088ff4d}.rarity-epic{color:var(--color-epic);border-color:#b333ff66}.rarity-legendary{color:var(--color-legendary);border-color:#ffd70066;text-shadow:0 0 8px rgba(255,215,0,.35)}.heroes-compact-grid{display:flex;flex-direction:column;gap:.8rem;max-height:280px;overflow-y:auto;padding-right:.3rem}.hero-compact-row{display:flex;align-items:center;justify-content:space-between;background:#0003;border:1px solid rgba(255,255,255,.03);padding:.6rem .9rem;border-radius:4px;transition:var(--transition-fast)}.hero-compact-row:hover{background:#ffffff05;border-color:#ffffff14}.hero-info-left{display:flex;align-items:center;gap:.8rem}.hero-avatar{width:32px;height:32px;border-radius:4px;background:#ffffff08;border:1.5px solid var(--color-common);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;background-size:cover;background-position:center}.hero-avatar.avatar-common{border-color:var(--color-common);box-shadow:inset 0 0 5px #9ca3af33}.hero-avatar.avatar-rare{border-color:var(--color-rare);box-shadow:inset 0 0 5px #0088ff4d}.hero-avatar.avatar-epic{border-color:var(--color-epic);box-shadow:inset 0 0 5px #b333ff66}.hero-avatar.avatar-legendary{border-color:var(--color-legendary);box-shadow:inset 0 0 8px #ffd70066}.hero-stats-mini{display:flex;flex-direction:column}.hero-name-label{font-weight:600;font-size:.88rem;color:#fff;display:flex;align-items:center;gap:.4rem}.hero-sublabel{font-size:.7rem;color:#9ca3af}.hero-status-tag{font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:3px}.status-idle{background:#00ff661a;color:var(--color-green);border:1px solid rgba(0,255,102,.15)}.status-quest{background:#ffd7001a;color:var(--color-gold);border:1px solid rgba(255,215,0,.15)}.status-hospital{background:#ff33331a;color:var(--color-red);border:1px solid rgba(255,51,51,.15)}.warehouse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.6rem;max-height:150px;overflow-y:auto;padding-right:.3rem}.item-slot{width:50px;height:50px;border-radius:4px;background:#00000059;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:var(--transition-fast)}.item-slot:hover{background:#ffffff08;border-color:#ffffff26}.item-slot i{font-size:1.35rem}.item-slot.slot-common{border-color:#9ca3af4d}.item-slot.slot-rare{border-color:#0088ff73}.item-slot.slot-epic{border-color:#b333ff80}.item-slot.slot-legendary{border-color:#ffd70080;box-shadow:inset 0 0 5px var(--color-gold-glow)}.item-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#08080af2;border:1px solid var(--color-border);border-radius:4px;padding:.6rem .8rem;z-index:200;width:150px;pointer-events:none;box-shadow:0 4px 15px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.item-slot:hover .item-tooltip{display:block}.tooltip-title{font-weight:600;font-size:.75rem;margin-bottom:.2rem}.tooltip-desc{font-size:.65rem;color:#d1d5db}.tooltip-durability{font-size:.6rem;color:#9ca3af;margin-top:.2rem}.placeholder-text{color:#4b5563;font-style:italic;font-size:.85rem;text-align:center;padding:1.5rem 0}.placeholder-text-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#4b5563;text-align:center;padding:3rem}.tavern-container{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem}.summon-showcase{background:#0003;border:1px dashed rgba(255,215,0,.15);border-radius:6px;display:flex;align-items:center;justify-content:center;min-height:320px;position:relative;overflow:hidden}.summon-card-placeholder{color:#4b5563;text-align:center;font-size:1.1rem;display:flex;flex-direction:column;gap:.8rem}.summon-card-placeholder i{font-size:3rem;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:.5}}.hero-summoned-card{width:250px;background:#0c0c0ed9;border:2px solid var(--color-border);border-radius:8px;padding:1.5rem;text-align:center;box-shadow:0 10px 40px #000c;animation:summonReveal .6s cubic-bezier(.175,.885,.32,1.275) forwards;position:relative;z-index:10}@keyframes summonReveal{0%{transform:scale(.6) rotate(-5deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.hero-summoned-card.card-common{border-color:var(--color-common);box-shadow:0 0 15px #9ca3af26}.hero-summoned-card.card-rare{border-color:var(--color-rare);box-shadow:0 0 25px #0088ff40}.hero-summoned-card.card-epic{border-color:var(--color-epic);box-shadow:0 0 35px #b333ff59}.hero-summoned-card.card-legendary{border-color:var(--color-gold);box-shadow:0 0 45px var(--color-gold-glow)}.summon-rarity-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:800;text-transform:uppercase;padding:.2rem 1rem;border-radius:20px;color:#000;box-shadow:0 3px 10px #00000080}.summon-rarity-badge.badge-common{background:var(--color-common)}.summon-rarity-badge.badge-rare{background:var(--color-rare);color:#fff}.summon-rarity-badge.badge-epic{background:var(--color-epic);color:#fff}.summon-rarity-badge.badge-legendary{background:var(--color-gold)}.summon-class-icon{font-size:3rem;margin:1.5rem 0 1rem}.summon-hero-name{font-family:var(--font-title);font-size:1.35rem;margin-bottom:.5rem}.summon-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1.2rem 0;text-align:left;font-size:.8rem;background:#0003;padding:.8rem;border-radius:4px}.summon-stat{display:flex;justify-content:space-between;color:#d1d5db}.summon-stat span:first-child{color:#9ca3af}.summon-hero-lore{font-size:.7rem;color:#9ca3af;font-style:italic;line-height:1.4;border-top:1px solid rgba(255,255,255,.05);padding-top:.8rem}.recruit-flash-effect{position:absolute;width:100%;height:100%;background:radial-gradient(circle,#ffd700 0%,transparent 70%);opacity:0;animation:recruitFlash .5s ease-out;pointer-events:none;z-index:5}@keyframes recruitFlash{0%{opacity:.8;transform:scale(.2)}to{opacity:0;transform:scale(2)}}.map-layout{display:grid;grid-template-columns:280px 1fr;gap:1.8rem}.map-locations-list{display:flex;flex-direction:column;gap:.8rem}.location-item{background:#0003;border:1px solid rgba(255,255,255,.03);padding:.8rem;border-radius:4px;cursor:pointer;transition:var(--transition-fast)}.location-item:hover{border-color:#ffffff14;background:#ffffff03}.location-item.active{border-color:var(--color-border);background:#ffd7000a}.location-item-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.9rem;color:#fff}.location-item.active .location-item-header{color:var(--color-gold)}.location-level-tag{font-size:.7rem;color:var(--color-gold)}.location-item-desc{font-size:.75rem;color:#9ca3af;margin-top:.2rem}.location-display-image-box{width:100%;height:140px;border-radius:4px;overflow:hidden;margin-bottom:1rem;border:1px solid rgba(255,255,255,.05);background:#000}.location-display-image-box img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:transform .5s}.location-details-box:hover .location-display-image-box img{transform:scale(1.03)}.loc-details-meta{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;background:#00000040;padding:.8rem 1rem;border-radius:4px;margin:1rem 0;font-size:.85rem}.loc-meta-row{display:flex;justify-content:space-between}.loc-meta-label{color:#9ca3af}.loc-meta-val{font-weight:600;color:#fff}.squad-selection-container{border-top:1px solid rgba(255,255,255,.05);padding-top:1rem}.squad-selection-title{font-family:var(--font-title);font-size:1.05rem;margin-bottom:.5rem;color:#fff}.squad-slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1rem}.squad-slot{height:70px;border:1.5px dashed rgba(255,255,255,.08);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;color:#4b5563;transition:var(--transition-fast);background:#00000026}.squad-slot:hover{border-color:var(--color-border);color:#9ca3af;background:#ffd70005}.squad-slot.occupied{border-style:solid;border-color:#ffffff26;color:#fff;background:#ffffff05}.squad-slot.occupied:hover{border-color:var(--color-red)}.squad-slot-name{font-weight:600;font-size:.85rem}.squad-slot-sub{font-size:.65rem;color:#9ca3af}.party-pool-list{max-height:120px;overflow-y:auto;border:1px solid rgba(255,255,255,.05);background:#00000026;border-radius:4px;padding:.4rem;margin-bottom:1rem}.pool-hero-row{padding:.4rem .6rem;font-size:.8rem;display:flex;justify-content:space-between;cursor:pointer;border-radius:3px}.pool-hero-row:hover{background:#ffffff0a}.active-quests-container{margin-top:1.8rem}.active-quests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}.quest-progress-card{background:#00000040;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;transition:var(--transition-fast)}.quest-progress-card:hover{border-color:var(--color-border)}.quest-progress-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:.5rem;color:#fff}.quest-progress-bar-container{height:8px;background:#ffffff0d;border-radius:10px;overflow:hidden;margin:.8rem 0;border:1px solid rgba(255,255,255,.02)}.quest-progress-fill{height:100%;background:var(--color-gold);box-shadow:0 0 8px var(--color-gold-glow);width:0%;transition:width .1s linear}.quest-progress-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#9ca3af}.battle-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#040406f2;z-index:1000;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.battle-window{width:90%;max-width:850px;background:#0c0c0ed9;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 10px 50px #000000e6;display:flex;flex-direction:column;overflow:hidden}.battle-header-hud{padding:1rem 1.5rem;background:#0000004d;border-bottom:1px solid rgba(255,215,0,.08);display:flex;justify-content:space-between;align-items:center}.location-info-hud{font-family:var(--font-title);font-size:1.2rem;color:#fff;display:flex;align-items:center;gap:1.2rem}.wave-count{font-size:.8rem;background:#ffd70014;color:var(--color-gold);border:1px solid var(--color-border);padding:.1rem .5rem;border-radius:3px;font-weight:700}.battle-close-btn{cursor:pointer;font-size:1.2rem;color:#9ca3af;transition:var(--transition-fast)}.battle-close-btn:hover{color:var(--color-red)}.battle-arena{display:grid;grid-template-columns:1fr 60px 1fr;gap:1rem;padding:2rem;background:linear-gradient(180deg,#0c0c0e00,#14151c40);border-bottom:1px solid rgba(255,255,255,.02)}.arena-side{display:flex;flex-direction:column;gap:1rem;justify-content:center}.arena-vs{display:flex;align-items:center;justify-content:center;font-family:var(--font-title-dec);font-size:1.6rem;color:var(--color-red);text-shadow:0 0 8px rgba(255,51,51,.4)}.arena-hero-card,.arena-monster-card{background:#0000004d;border:1px solid rgba(255,255,255,.04);border-radius:4px;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem}.arena-hero-card.dead,.arena-monster-card.dead{opacity:.3}.arena-char-details{flex-grow:1}.arena-char-name{font-weight:600;font-size:.85rem;color:#fff;display:flex;align-items:center;justify-content:space-between}.hp-bar-outer{height:6px;background:#ffffff0d;border-radius:4px;overflow:hidden;margin-top:.4rem;border:1px solid rgba(255,255,255,.02)}.hp-bar-fill{height:100%;background:var(--color-green);width:100%;transition:width .25s ease-out}.arena-monster-card .hp-bar-fill{background:var(--color-red)}.battle-logs-box{flex-grow:1;background:#060608f2;border-bottom:1px solid rgba(255,215,0,.08);display:flex;flex-direction:column;height:180px}.logs-header{background:#0000004d;padding:.4rem 1.2rem;font-size:.75rem;font-weight:600;color:#9ca3af;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.02)}.logs-content{padding:.8rem 1.2rem;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;font-size:.82rem;font-family:monospace;flex-grow:1}.log-line{color:#d1d5db;animation:logFadeUp .15s ease-out forwards}@keyframes logFadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.battle-actions-footer{padding:1.2rem;background:#00000040;display:flex;justify-content:center;align-items:center;min-height:60px}.battle-status-text{font-style:italic;color:#9ca3af;font-size:.85rem}.damage-number-container{position:absolute;pointer-events:none;z-index:1001;width:0;height:0}.floating-dmg{position:absolute;font-family:var(--font-title);font-weight:900;font-size:1.3rem;animation:dmgFloat .8s ease-out forwards;white-space:nowrap;text-shadow:0 0 4px #000}.floating-dmg.dmg-hero{color:#f3f4f6}.floating-dmg.dmg-monster{color:var(--color-red)}.floating-dmg.dmg-crit{color:var(--color-gold);font-size:1.6rem}.floating-dmg.dmg-heal{color:var(--color-green)}@keyframes dmgFloat{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1;transform:translateY(-10px) scale(1.1)}30%{transform:translateY(-15px) scale(1)}to{transform:translateY(-40px) scale(.85);opacity:0}}.hospital-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem;min-height:120px}.hospital-hero-card{background:#ff333305;border:1px solid rgba(255,51,51,.15);border-radius:4px;padding:1.2rem;transition:var(--transition-fast);display:flex;flex-direction:column;justify-content:space-between}.hospital-hero-card:hover{border-color:#ff33334d;background:#ff33330a}.hospital-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.hospital-hero-name{font-weight:600;font-size:.95rem;color:#fff}.hospital-rarity{font-size:.7rem;font-weight:700}.death-timer-block{margin:.8rem 0;background:#0003;padding:.6rem;border-radius:4px;text-align:center;border:1px solid rgba(255,51,51,.1)}.death-timer-label{font-size:.65rem;color:#9ca3af;text-transform:uppercase}.death-timer-countdown{font-size:1.15rem;font-weight:700;font-family:monospace;color:var(--color-red);margin-top:.2rem}.rescue-meta-box{font-size:.75rem;color:#d1d5db;margin-bottom:1rem;line-height:1.4}.forge-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem}.craft-options{display:flex;flex-direction:column;gap:.8rem}.craft-card{display:flex;align-items:center;justify-content:space-between;background:#00000040;border:1px solid rgba(255,255,255,.03);padding:.8rem 1rem;border-radius:4px;transition:var(--transition-fast)}.craft-card:hover{border-color:#ffffff14}.craft-icon{font-size:1.5rem;width:42px;height:42px;border-radius:4px;background:#ffd7000d;display:flex;align-items:center;justify-content:center}.craft-info{flex-grow:1;padding:0 1rem}.craft-info h4{font-weight:600;color:#fff}.craft-info p{font-size:.75rem;color:#9ca3af}.orders-list{display:flex;flex-direction:column;gap:.8rem;max-height:420px;overflow-y:auto;padding-right:.3rem}.order-card{background:#0003;border:1px solid rgba(255,255,255,.03);border-radius:4px;padding:.9rem 1.1rem;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-fast)}.order-card:hover{border-color:#ffffff14;background:#ffffff03}.order-info{display:flex;flex-direction:column;gap:.15rem}.order-adventurer-name{font-weight:600;font-size:.88rem;color:#fff}.order-request-desc{font-size:.78rem;color:#d1d5db}.order-budget{font-size:.72rem;color:#9ca3af}.btn-sell{font-size:.75rem;padding:.35rem .8rem}.alchemy-layout{display:flex;justify-content:center;align-items:center;padding:3rem 0}.alchemy-craft-card{display:flex;gap:2rem;max-width:550px;width:100%}.cauldron-animation{width:120px;height:120px;background:#00ff6608;border:1.5px solid rgba(0,255,102,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 20px #00ff660d;flex-shrink:0}.cauldron-icon{font-size:3.5rem;animation:cauldronShake 3s ease-in-out infinite}@keyframes cauldronShake{0%{transform:rotate(0) scale(1)}50%{transform:rotate(5deg) scale(1.05);filter:drop-shadow(0 0 10px rgba(0,255,102,.4))}to{transform:rotate(0) scale(1)}}.bubbles{position:absolute;width:100%;height:100%;border-radius:50%;overflow:hidden}.recipe-box{background:#0003;border-radius:4px;padding:.8rem 1rem;margin:1rem 0;font-size:.82rem}.recipe-box h4{color:#fff;margin-bottom:.4rem}.recipe-box ul{list-style:none;display:flex;flex-direction:column;gap:.25rem}.recipe-box li i{width:18px}.market-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:1.8rem}.market-items-grid{display:flex;flex-direction:column;gap:.8rem;max-height:480px;overflow-y:auto;padding-right:.3rem}.market-item-card{display:flex;justify-content:space-between;align-items:center;background:#00000040;border:1px solid rgba(255,255,255,.03);padding:.8rem 1.1rem;border-radius:4px;transition:var(--transition-fast)}.market-item-card:hover{border-color:#ffffff14}.market-item-left{display:flex;align-items:center;gap:1rem}.market-item-icon{font-size:1.5rem;width:38px;height:38px;border-radius:4px;background:#ffffff05;display:flex;align-items:center;justify-content:center}.market-item-name{font-weight:600;color:#fff;font-size:.88rem}.market-item-desc{font-size:.72rem;color:#9ca3af}.market-item-price-block{display:flex;align-items:center;gap:1.2rem}.market-price{font-weight:700;font-size:.95rem}.sell-form{display:flex;flex-direction:column;gap:1rem;background:#00000026;padding:1.2rem;border-radius:4px;border:1px solid rgba(255,255,255,.02)}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.78rem;color:#9ca3af;font-weight:500}.form-group select,.form-group input{background:#08080acc;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:.5rem;color:#fff;font-family:var(--font-body);outline:none;transition:var(--transition-fast)}.form-group select:focus,.form-group input:focus{border-color:var(--color-border)}.player-listings-list{display:flex;flex-direction:column;gap:.6rem;max-height:160px;overflow-y:auto;padding-right:.2rem}.player-listing-item{background:#0003;padding:.5rem .8rem;border-radius:4px;font-size:.78rem;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.02)}.listing-status-tag{font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:3px}.boss-card{text-align:center;display:flex;flex-direction:column;align-items:center}.boss-icon{font-size:3.5rem;height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.boss-meta{width:100%;background:#0003;border-radius:4px;padding:.8rem;margin:1rem 0 1.2rem;font-size:.82rem;display:flex;flex-direction:column;gap:.35rem;text-align:left}.boss-meta div{display:flex;justify-content:space-between}.boss-meta .label{color:#9ca3af}.boss-meta .val{font-weight:600;color:#fff}.assembly-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.6rem;margin-bottom:.8rem}.assembly-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:1.8rem}.compact-hero-selector-grid{display:flex;flex-direction:column;gap:.5rem;max-height:250px;overflow-y:auto;padding-right:.3rem}.selector-hero-row{display:flex;justify-content:space-between;align-items:center;background:#00000040;border:1px solid rgba(255,255,255,.03);padding:.5rem .8rem;border-radius:4px;cursor:pointer;transition:var(--transition-fast)}.selector-hero-row:hover{border-color:#ffffff14}.selector-hero-row.selected{border-color:var(--color-border);background:#ffd70008}.selected-squad-slots{display:flex;flex-direction:column;gap:.5rem}.selected-squad-row{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:.5rem .8rem;display:flex;justify-content:space-between;align-items:center}.raid-arena-screen{animation:fadeIn .4s ease forwards}.raid-arena-header{border-bottom:1px solid rgba(255,215,0,.08);padding-bottom:1rem;margin-bottom:1.5rem}.raid-boss-hp-bar-container{margin-top:.6rem;position:relative}.boss-hp-label{text-align:center;font-weight:700;font-size:.85rem;color:#fff;margin-bottom:.2rem}.boss-hp-bar{height:16px;background:#ffffff0d;border-radius:8px;overflow:hidden;border:1px solid rgba(255,51,51,.15);box-shadow:0 0 10px #ff33330d}.boss-hp-fill{height:100%;background:linear-gradient(90deg,red,#b30000);box-shadow:0 0 10px #f006;transition:width .3s ease-out}.raid-arena-main{display:grid;grid-template-columns:1fr 180px 1.2fr;gap:1.2rem}.raid-team-grid{display:flex;flex-direction:column;gap:.6rem}.raid-team-member{background:#00000040;border:1px solid rgba(255,255,255,.03);padding:.6rem .8rem;border-radius:4px;display:flex;align-items:center;gap:1rem;position:relative;transition:var(--transition-fast)}.raid-team-member.active-turn{border-color:var(--color-border);box-shadow:0 0 10px var(--color-gold-glow);background:#ffd70005}.raid-team-member.dead{opacity:.3}.member-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:1.5px solid var(--color-common);background-size:cover;background-position:center;flex-shrink:0}.member-avatar.av-warrior{border-color:var(--color-common)}.member-avatar.av-mage{border-color:var(--color-rare)}.member-avatar.av-priest{border-color:var(--color-green)}.member-avatar.av-rogue{border-color:var(--color-epic)}.member-avatar.av-bot{border-color:var(--color-gold)}.member-details{flex-grow:1}.member-name{font-weight:600;font-size:.82rem;color:#fff;display:flex;justify-content:space-between}.raid-logs-container{display:flex;flex-direction:column}.raid-logs-content{background:#060608f2;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:1rem;height:240px;overflow-y:auto;font-size:.8rem;font-family:monospace;display:flex;flex-direction:column;gap:.4rem}.raid-actions-bar{margin-top:1.5rem;background:#0003;border:1px solid rgba(255,255,255,.04);padding:1.2rem;border-radius:4px}.active-turn-prompt{font-weight:600;font-size:.9rem;margin-bottom:.8rem}.action-buttons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.target-selector-box{margin-top:1rem;background:#08080ae6;padding:.8rem;border-radius:4px;border:1px solid var(--color-border);animation:fadeIn .2s ease forwards}.target-buttons-group{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.raid-result-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:150;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.raid-result-content{max-width:400px;width:90%;text-align:center}.raid-result-content h3{font-size:1.8rem;margin-bottom:.5rem}#raid-result-loot-box{background:#0000004d;padding:.8rem;border-radius:4px;margin:1rem 0;font-size:.85rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-pulse{animation:pulse 2s infinite}@media (max-width: 900px){.app-layout{flex-direction:column}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--color-border)}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:.5rem}.nav-btn span,.logo-subtitle{display:none}.main-workspace{height:calc(100vh - 120px)}.hud-header{padding:0 1rem;height:60px}.hud-resources{gap:.5rem;overflow-x:auto;max-width:60%}.res-item{padding:.2rem .5rem;font-size:.8rem}.castle-grid,.tavern-container,.map-layout,.forge-layout,.market-layout,.raid-arena-main,.assembly-layout{grid-template-columns:1fr}.battle-window{width:95%}.battle-arena{grid-template-columns:1fr}.arena-vs{margin:.5rem 0}.action-buttons-grid{grid-template-columns:1fr 1fr}}.arena-char-portrait{width:44px;height:44px;border-radius:4px;background-size:cover;background-position:center;border:1.5px solid var(--color-border);flex-shrink:0;background-color:#0006;display:flex;align-items:center;justify-content:center}.arena-monster-portrait{font-size:1.4rem;color:var(--color-red);border-color:#ff333340;box-shadow:0 0 10px #ff333326}.arena-hero-card,.arena-monster-card{display:flex!important;gap:.8rem;align-items:center;transition:transform .2s ease-out}.arena-hero-card:not(.dead){animation:heroIdle 3.2s ease-in-out infinite}.arena-monster-card:not(.dead){animation:monsterIdle 3.5s ease-in-out infinite}.raid-team-member:not(.dead){animation:heroIdle 3.2s ease-in-out infinite}.raid-boss-card:not(.dead){animation:bossIdle 4s ease-in-out infinite}@keyframes heroIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px) scale(1.01)}}@keyframes monsterIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px) scale(1.01)}}@keyframes bossIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px) scale(1.01) rotate(.5deg)}}.anim-attack-left{animation:attackLeft .45s cubic-bezier(.25,.8,.25,1);z-index:50}.anim-attack-right{animation:attackRight .45s cubic-bezier(.25,.8,.25,1);z-index:50}@keyframes attackLeft{0%{transform:translate(0) scale(1)}30%{transform:translate(50px) scale(1.05) rotate(4deg);filter:brightness(1.2)}to{transform:translate(0) scale(1)}}@keyframes attackRight{0%{transform:translate(0) scale(1)}30%{transform:translate(-50px) scale(1.05) rotate(-4deg);filter:brightness(1.2)}to{transform:translate(0) scale(1)}}.anim-hit{animation:takeHit .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes takeHit{0%{transform:translate(0);filter:brightness(1) sepia(0)}15%{transform:translate(-12px) rotate(-3deg);filter:brightness(1.6) sepia(1) hue-rotate(-50deg)}30%{transform:translate(10px) rotate(3deg)}45%{transform:translate(-6px)}60%{transform:translate(4px)}to{transform:translate(0);filter:brightness(1) sepia(0)}}.anim-dodge{animation:dodgeMove .4s ease-out}@keyframes dodgeMove{0%{transform:translate(0)}25%{transform:translate(-20px) scale(.92);opacity:.8}to{transform:translate(0) scale(1);opacity:1}}.anim-cast{animation:castSpell .5s ease-in-out}@keyframes castSpell{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.06) translateY(-5px);filter:brightness(1.8) drop-shadow(0 0 12px var(--color-gold))}to{transform:scale(1);filter:brightness(1)}}.arena-hero-card.dead,.arena-monster-card.dead,.raid-team-member.dead,.raid-boss-card.dead{animation:deathRotate .6s ease-out forwards}@keyframes deathRotate{0%{transform:rotate(0) translateY(0);opacity:1}to{transform:rotate(90deg) translateY(35px);opacity:.25;filter:grayscale(1)}}.raid-boss-avatar-container{display:flex;align-items:center;justify-content:center}.raid-boss-card{background:linear-gradient(135deg,#141418e6,#0c0c0ee6),url(/assets/gothic_pattern.jpg);background-blend-mode:multiply;background-size:cover;border:1px solid var(--color-red);border-radius:6px;padding:1.5rem;text-align:center;width:100%;box-shadow:0 0 15px #ff333326;transition:var(--transition-normal)}.raid-boss-card:hover{box-shadow:0 0 25px #ff333359;border-color:#f55}.raid-boss-portrait-large{font-size:3.5rem;height:80px;display:flex;align-items:center;justify-content:center;color:var(--color-red);filter:drop-shadow(0 0 8px rgba(255,51,51,.5));margin-bottom:.8rem}.boss-status-text{font-size:.7rem;letter-spacing:2px;color:var(--color-red);font-weight:700;margin-top:.4rem;display:block;text-shadow:0 0 5px rgba(255,51,51,.3)}.gothic-card{background:linear-gradient(135deg,#0c0c0ed1,#14151cd1),url(/assets/gothic_pattern.jpg)!important;background-blend-mode:multiply!important;background-size:cover!important}.sidebar{background:linear-gradient(180deg,#08080af2,#0c0c0ef2),url(/assets/gothic_pattern.jpg)!important;background-blend-mode:multiply!important;background-size:cover!important}