.site-header{position:sticky;background:url('/images/ui/parachment.webp') center/cover no-repeat #f0deb5;background-blend-mode:luminosity;top:0;z-index:20;font-family:var(--font-family);box-sizing:border-box}.main-header-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-content:center;padding:.4rem 1rem;margin:0 auto;gap:2rem;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,245,220,.15);border-bottom:3px solid #8a5c2e;box-sizing:border-box}.main-header-bar::after,.main-header-bar::before{content:'';position:absolute;width:80px;height:3px;background:linear-gradient(90deg,transparent,#8a5c2e,transparent);top:50%;transform:translateY(-50%)}.main-header-bar::before{left:10px}.main-header-bar::after{right:10px}.main-header-bar .logo2::after,.main-header-bar .main-nav::after{content:'';position:absolute;width:2px;height:40px;background:linear-gradient(180deg,transparent,#8a5c2e 20%,#8a5c2e 80%,transparent);right:-1rem;top:50%;transform:translateY(-50%)}.main-header-bar .main-nav::after{display:none}.player-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.35rem 1.25rem;gap:1rem;margin:0 auto;position:relative}.player-header::after,.player-header::before{content:'';position:absolute;width:60px;height:2px;background:linear-gradient(90deg,transparent,rgba(218,165,32,.4),transparent);top:50%;transform:translateY(-50%)}.player-header::before{left:10px}.player-header::after{right:10px}.second-header{display:block;background:url('/images/ui/parachment.webp') center/cover no-repeat #f0deb5;background-blend-mode:luminosity;border-bottom:3px solid #8a5c2e;box-shadow:0 2px 6px rgba(0,0,0,.2);position:sticky;top:52px;z-index:19;box-sizing:border-box;font-family:var(--font-family)}.site-header .logo2{background:url('/images/ui/logo.webp') 0 0/contain no-repeat;width:50px;height:50px;position:relative;filter:drop-shadow(2px 2px 4px rgba(0, 0, 0, .3));transition:transform .3s}.site-header .logo2:hover{transform:scale(1.05)}.main-nav{position:relative;flex:1;display:flex;justify-content:center}.main-nav ul{display:flex;flex-direction:row;list-style:none;margin:0;padding:0;gap:.8rem;align-items:center}.main-nav ul li{position:relative}.main-nav ul li:not(:last-child)::after{content:'';position:absolute;right:-.5rem;top:50%;transform:translateY(-50%);width:2px;height:14px;background:linear-gradient(180deg,transparent,#8a5c2e 20%,#8a5c2e 80%,transparent);opacity:.4;pointer-events:none}.main-nav ul li a{display:block;padding:.6rem 1rem;color:var(--body-text,#fff);text-decoration:none;font-family:var(--font-family);font-size:.85rem;letter-spacing:.8px;text-transform:uppercase;font-weight:400;text-align:center;transition:background .2s,border-color .2s;border-radius:6px;border:1px solid transparent;position:relative;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.main-nav ul li a:hover{background:rgba(245,230,200,.55);border:1px solid rgba(138,92,46,.4)}.main-nav ul li a.active{background:rgba(245,230,200,.85);border:1px solid #8a5c2e;font-weight:400}.main-nav ul li a.premium-link{color:#c99700;font-weight:700;letter-spacing:.4px;text-shadow:-1px -1px 0 #3a2a00,1px -1px 0 #3a2a00,-1px 1px 0 #3a2a00,1px 1px 0 #3a2a00,0 2px 3px rgba(0,0,0,.5);position:relative;transition:.2s}.main-nav ul li a.premium-link::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:linear-gradient(90deg,#b8860b,gold,#b8860b);opacity:.8;transform:scaleX(.6);transform-origin:center;transition:.25s}.main-nav ul li a.premium-link:hover{color:gold;text-shadow:-1px -1px 0 #2b1f00,1px -1px 0 #2b1f00,-1px 1px 0 #2b1f00,1px 1px 0 #2b1f00,0 3px 6px rgba(0,0,0,.7)}.main-nav ul li a.premium-link:hover::after{transform:scaleX(1);opacity:1}.main-nav ul li a.survival-link{background:linear-gradient(135deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;animation:none;position:relative}.main-nav ul li a.survival-link::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#e94560,#ff6b6b,#ffd93d);border-radius:4px;opacity:0;z-index:-1;transition:opacity .3s}.main-nav ul li a.survival-link:hover::before{opacity:.3}@keyframes survivalGlow{0%,100%{filter:brightness(1);text-shadow:0 0 5px rgba(233,69,96,.5)}50%{filter:brightness(1.3);text-shadow:0 0 15px rgba(233,69,96,.8),0 0 25px rgba(255,215,0,.5)}}.header-left-section,.header-right-section{display:flex;align-items:center;gap:1rem;position:relative}.header-left-section{justify-content:flex-start}.header-right-section{justify-content:flex-end}.server-select-btn{background:linear-gradient(135deg,#daa520 0,#b8860b 100%);border:2px solid #8a5c2e;border-radius:50%;width:45px;height:45px;font-size:20px;cursor:pointer;transition:.3s;box-shadow:0 3px 6px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;position:relative}.server-select-btn:hover{background:linear-gradient(135deg,#f0c040 0,#daa520 100%);box-shadow:0 3px 6px rgba(0,0,0,.3)}.server-select-btn:active{transform:scale(.95)}.game-time{padding:.25rem .5rem;color:#5a3e0f;font-family:var(--font-family);font-size:.75rem;letter-spacing:.8px;text-transform:uppercase;background:rgba(250,240,215,.55);border:1px solid rgba(138,92,46,.4);border-radius:2px;font-weight:400;white-space:nowrap}.mobile-nav-header{display:none}.main-nav ul li a .nav-icon{margin-right:.45rem;color:inherit;opacity:.85}.nav-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:.5rem;position:relative;width:44px;height:44px}.hamburger,.hamburger::after,.hamburger::before{content:'';display:block;width:25px;height:3px;background:var(--header-text,#fff);border-radius:2px;transition:transform .25s,opacity .25s,background .2s}.hamburger::before{transform:translateY(-8px)}.hamburger::after{transform:translateY(5px)}.nav-toggle.open .hamburger{background:0 0}.nav-toggle.open .hamburger::before{transform:rotate(45deg) translateY(0)}.nav-toggle.open .hamburger::after{transform:rotate(-45deg) translateY(0)}.nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .25s;z-index:10049}.nav-backdrop.visible{opacity:1;pointer-events:auto}.player-bars{display:flex;gap:.4rem;justify-content:flex-start;flex-wrap:wrap;width:auto;justify-self:start;position:relative;align-items:center}.player-bars::after{content:'';position:absolute;width:2px;height:40px;background:linear-gradient(180deg,transparent,rgba(218,165,32,.3) 20%,rgba(218,165,32,.3) 80%,transparent);right:-.5rem;top:50%;transform:translateY(-50%)}.icon{width:32px;height:32px}.mail-icons{display:grid;grid-auto-flow:column;gap:.5rem;width:auto;justify-self:end;align-items:center;position:relative}.mail-icons::before{content:'';position:absolute;width:2px;height:40px;background:linear-gradient(180deg,transparent,rgba(218,165,32,.3) 20%,rgba(218,165,32,.3) 80%,transparent);left:-.5rem;top:50%;transform:translateY(-50%)}.mail-icon{position:relative;padding:.4rem;border-radius:6px;transition:.2s;cursor:pointer}.mail-icon:hover{background:rgba(245,230,200,.55)}.mail-icon:hover .icon{filter:drop-shadow(2px 2px 4px rgba(0, 0, 0, .4))}.mail-icon a{position:relative;display:inline-block}.mail-icon .unread-badge,.mail-icon a .unread-badge,.mail-icon>.unread-badge{position:absolute;top:-5px;right:-6px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;font-size:.6rem;font-weight:700;font-family:Arial,sans-serif;min-width:15px;height:15px;line-height:15px;text-align:center;border-radius:10px;padding:0 3px;border:1.5px solid rgba(255,255,255,.8);box-shadow:0 1px 4px rgba(0,0,0,.35);z-index:5;pointer-events:none;animation:.3s ease-out badge-pop}@keyframes badge-pop{0%{transform:scale(0)}70%{transform:scale(1.2)}100%{transform:scale(1)}}.mail-icon .helper-icon{width:28px;height:28px;filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, .3))}.mail-icon img{width:24px;height:24px}.mail-list::-webkit-scrollbar{width:5px;background-color:var(--bg-secondary)}.mail-list::-webkit-scrollbar-thumb{background-color:var(--header-text);border-radius:5px}#notifBadge{position:absolute;top:-5px;right:-5px;background-color:#f44;color:#fff;font-size:1rem;width:16px;height:16px;border-radius:50%;display:none;align-items:center;justify-content:center;text-align:center}#dailyBadge,#logsBadge,#mailBadge,#packagesBadge{position:absolute;top:-5px;right:-5px;background-color:#c40233;color:#fff;font-size:1rem;border:1px solid #fac278;width:16px;align-items:center;justify-content:center;text-align:center;margin-right:5px}#newsBadge{position:absolute;top:-5px;right:-5px;background-color:#c40233;color:#fff;font-size:1rem;border:1px solid #fff;width:16px;height:16px;border-radius:50%;align-items:center;justify-content:center;text-align:center;margin-right:5px}.world-indicator{margin-left:1rem}.gold-display,.material-display{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .45rem;background:rgba(250,240,215,.7);border:1px solid rgba(138,92,46,.5);border-radius:3px;font-family:var(--font-family);font-size:.88rem;letter-spacing:.6px;text-transform:none;color:var(--body-text,#3d2b1f);transition:background .2s,border-color .2s;position:relative;min-height:36px;box-sizing:border-box}.gold-display::before,.material-display::before{display:none}.gold-display:hover,.material-display:hover{background:rgba(250,240,215,.75);border-color:rgba(138,92,46,.6)}.gold-display img.icon,.material-display img.icon{width:22px;height:22px}.gold-display span,.material-display span{white-space:nowrap;font-size:.88rem;font-weight:400;color:#5a3e0f;letter-spacing:.4px}.bar-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.bar-fill{top:55%;left:0;width:100%;height:11px;z-index:2}.bar-text{position:absolute;top:45%;left:50%;min-width:50%;text-align:center;transform:translate(-50%,-50%);font-size:1rem;color:#3d2b1f;z-index:3;pointer-events:none;font-family:var(--font-family)}.hp-bar,.mp-bar,.xp-bar{position:relative;overflow:hidden}.countdown-timers{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:auto;justify-self:center;position:relative;padding:0 1rem}.countdown-timers::after,.countdown-timers::before{content:'';position:absolute;width:2px;height:40px;background:linear-gradient(180deg,transparent,rgba(218,165,32,.3) 20%,rgba(218,165,32,.3) 80%,transparent);top:50%;transform:translateY(-50%)}.countdown-timers::before{left:0}.countdown-timers::after{right:0}.countdown-timer{display:flex;align-items:center;gap:.45rem;flex-shrink:0;white-space:nowrap;padding:.45rem .75rem;background:rgba(250,240,215,.7);border:1px solid rgba(138,92,46,.5);border-radius:3px;font-family:var(--font-family);font-size:.85rem;letter-spacing:.4px;text-transform:none;transition:background .2s;position:relative;min-height:36px;box-sizing:border-box}.countdown-timer:hover{background:rgba(250,240,215,.85)}.countdown-timer .icon{width:22px;height:22px;flex-shrink:0}.countdown,.ready{font-family:var(--font-family);font-size:.85rem;color:#5a3e0f;line-height:1.2;font-weight:400;letter-spacing:.8px}.energy-badge{font-size:.9em;color:#2c5f2d;background:rgba(144,238,144,.2);padding:2px 6px;border-radius:4px;margin-left:4px;font-weight:600;border:1px solid rgba(144,238,144,.4);white-space:nowrap}.et-title{font-size:1.1em;font-weight:700;margin-bottom:6px;color:#8b6f47}.et-current{font-size:1em;font-weight:600;margin-bottom:4px;color:#2c5f2d}.et-desc{font-size:.9em;color:#666;margin-bottom:6px}.et-cooldown{font-size:.9em;color:#5a3e2b;background:rgba(218,165,32,.15);padding:4px 8px;border-radius:4px;margin-bottom:8px;border-left:3px solid #daa520;font-weight:500}.et-usage{margin-top:8px}.et-usage-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.et-usage-label{flex:1;font-size:.9em;color:#333}.et-usage-remaining{font-weight:600;color:#2c5f2d}.et-usage-bar{flex:0 0 60px;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.et-usage-fill{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);transition:width .3s}.et-btn{padding:4px 12px;border:none;border-radius:4px;font-size:.85em;font-weight:600;cursor:pointer;transition:.2s}.et-btn--green{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.et-btn--green:hover:not([aria-disabled=true]){background:linear-gradient(135deg,#66bb6a,#81c784);transform:translateY(-1px)}.et-btn--blue{background:linear-gradient(135deg,#2196f3,#42a5f5);color:#fff}.et-btn--blue:hover:not([aria-disabled=true]){background:linear-gradient(135deg,#42a5f5,#64b5f6);transform:translateY(-1px)}.et-btn--purple{background:linear-gradient(135deg,#9c27b0,#ba68c8);color:#fff}.et-btn--purple:hover:not([aria-disabled=true]){background:linear-gradient(135deg,#ba68c8,#ce93d8);transform:translateY(-1px)}.et-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.diamond-cost{display:flex;align-items:center;gap:4px}.diamond-cost .diamond-icon{width:14px;height:14px}.raid-popup{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.raid-popup-content{background:#f8f2e7;padding:2rem;border-radius:8px;max-width:600px;width:90%;position:relative}.close-popup{position:absolute;top:12px;right:12px;font-size:24px;cursor:pointer}.status-msg{margin-top:1rem;font-weight:700;color:#b22}.waiting-screen{text-align:center}.loading-anim{margin-top:1rem;font-style:italic;color:#555}.member-row{background:#eed;margin:.3rem auto;padding:.4rem;border-radius:4px;width:80%}.swal2-popup .swal2-html-container{overflow:visible!important;max-height:none!important}.swal2-popup.medieval-popup .swal2-html-container{padding:1em .5em!important;margin:0!important}.medieval-title{font-size:1.8em;color:#634531;font-weight:700;margin-bottom:.5em;text-shadow:2px 2px 4px rgba(212,175,55,.3),1px 1px 2px rgba(255,255,255,.8);letter-spacing:1px;font-family:var(--font-family, inherit);text-transform:uppercase;position:relative;padding-bottom:.5em}.medieval-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60%;height:3px;background:linear-gradient(90deg,transparent 0,#d4af37 20%,#8b6f47 50%,#d4af37 80%,transparent 100%);border-radius:2px}.medieval-confirm{font-size:1em;padding:.5em 1.5em;border-radius:5px;border:1px solid #6f4e37;background:linear-gradient(to bottom,#a68a64,#8b6f47);color:#fff;transition:background .2s}.medieval-confirm:hover{background:linear-gradient(to bottom,#bfaf92,#a68a64)}.logs-tab{width:550px}.companion-menu{padding:0;margin:0}.companion-banner{background:rgba(245,230,200,.4);border:1px solid rgba(138,92,46,.4);border-radius:4px;padding:.85rem 1rem;margin:1.4rem 1.25rem 0;box-shadow:inset 0 0 18px rgba(138,92,46,.08);display:flex;align-items:center;gap:1rem}.companion-mascot-image{width:52px;height:52px;border-radius:50%;border:2px solid #8a5c2e;box-shadow:0 2px 6px rgba(0,0,0,.3);flex-shrink:0}.companion-banner-info h1{font-family:var(--font-family);font-size:1.15rem;letter-spacing:2.5px;text-transform:uppercase;color:#5a3e0f;margin:0 0 .25rem;text-shadow:1px 1px 2px rgba(0,0,0,.2);font-weight:400}.companion-active-bar{display:flex;align-items:center;gap:.5rem;font-family:var(--font-family);font-size:.78rem;color:#6b5540;letter-spacing:1px;text-transform:uppercase}.companion-status-row{display:flex;gap:.5rem;margin:.75rem 1.25rem;flex-wrap:wrap}.companion-stat-box{flex:1 1 0;min-width:120px;background:rgba(245,230,200,.4);border:1px solid rgba(138,92,46,.4);border-radius:3px;padding:.5rem .65rem;font-family:var(--font-family);font-size:.75rem;color:#6b5540;text-align:center;box-shadow:inset 0 0 14px rgba(138,92,46,.08);letter-spacing:.5px}.companion-stat-box strong{color:#5a3e0f;font-weight:bolder;display:block;margin-top:2px}.companion-nav{position:relative;margin:0 1.25rem .8rem}.companion-nav ul{list-style:none;display:flex;justify-content:flex-start;gap:4px;margin:0;padding:0;border-bottom:1px solid rgba(138,92,46,.45)}.companion-nav li{margin:0;display:block}.companion-nav .companion-tab{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.2rem;background:rgba(245,230,200,.4);border:1px solid rgba(138,92,46,.45);border-bottom:none;border-radius:4px 4px 0 0;color:#6b5540;font-family:var(--font-family);font-size:.8rem;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s;margin-bottom:-1px;cursor:pointer}.companion-nav .companion-tab:hover{background:rgba(250,240,215,.7);color:#3d2b1f;border-color:#8a5c2e}.companion-nav .companion-tab.active{background:rgba(250,240,215,.95);color:#3d2b1f;border-color:#8a5c2e}.module-toggle-bar{display:flex;align-items:center;gap:.65rem;padding:.5rem .85rem;margin-bottom:.85rem;background:rgba(245,230,200,.4);border:1px solid rgba(138,92,46,.4);border-radius:3px;box-shadow:inset 0 0 14px rgba(138,92,46,.08);font-family:var(--font-family);font-size:.8rem;color:#5a3e0f;letter-spacing:1px;text-transform:uppercase}.companion-content-area{padding:1rem 1.25rem .5rem;min-height:300px}.companion-content-area .settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.85rem}.companion-content-area .setting-group{background:rgba(245,230,200,.45);padding:.85rem;border-radius:4px;border:1px solid rgba(138,92,46,.35);box-shadow:inset 0 0 14px rgba(138,92,46,.06)}.setting-group h4{margin-top:0;margin-bottom:.55rem;color:#5a3e0f;font-family:var(--font-family);font-size:.82rem;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid rgba(138,92,46,.35);padding-bottom:.35rem}.medieval-input,.medieval-select{width:100%;padding:.38rem .55rem;margin-bottom:.55rem;font-family:var(--font-family);font-size:.82rem;background:rgba(250,240,215,.75);border:1px solid rgba(138,92,46,.5);border-radius:2px;color:#3d2b1f;box-sizing:border-box;transition:border-color .2s,background .2s}.medieval-input:focus,.medieval-select:focus{outline:0;border-color:#8a5c2e;background:rgba(250,240,215,.95);box-shadow:0 0 0 1px rgba(138,92,46,.3)}.medieval-select[multiple]{min-height:180px}.custom-select option:disabled{color:#aaa;background-color:#f0f0f0}.note{font-size:.78rem;color:#6b5540;margin-top:.3rem;font-style:italic}.error-note{color:#c62828;font-weight:700;font-style:normal}.healing-title{font-family:var(--font-family);font-size:.9rem;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:#5a3e0f;margin:0 0 .75rem;padding-bottom:.4rem;border-bottom:1px solid rgba(138,92,46,.35)}.potion-info{display:flex;align-items:center;gap:.65rem;margin-bottom:.75rem;padding:.5rem;background:rgba(245,230,200,.35);border-radius:3px;border:1px solid rgba(138,92,46,.25)}.potion-icon{width:36px;height:36px}.potion-info p{margin:0;font-size:.82rem;color:#6b5540}.healing-label{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#5a3e0f}.logs-title{font-family:var(--font-family);font-size:.9rem;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:#5a3e0f;margin:0 0 .75rem;padding-bottom:.4rem;border-bottom:1px solid rgba(138,92,46,.35)}.logs-content{background:rgba(60,40,20,.1);border:1px solid rgba(138,92,46,.35);border-radius:4px;padding:.5rem}.bonus-grid label{display:inline-flex;align-items:center;gap:.3rem;margin-right:1rem;font-size:.82rem;color:#5a3e0f;cursor:pointer}.general-tab label{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#5a3e0f;margin-bottom:.4rem}.switch-label{position:relative;display:inline-block;width:44px;height:24px;margin-left:10px}.switch-label input{opacity:0;width:0;height:0}.switch{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.switch:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.switch{background-color:#8b4513}input:checked+.switch:before{transform:translateX(20px)}.inline-switch{margin-left:10px;vertical-align:middle}.bgm-toggle{position:fixed;right:12px;bottom:12px;z-index:10000;width:38px;height:38px;border-radius:3px;border:1px solid #8a5c2e;background:rgba(245,230,200,.9);color:#5a3e0f;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.15);font-size:18px;transition:background .2s}.bgm-toggle:hover{background:#f5e6c8}.bgm-toggle:focus{outline:#8B6F47 solid 2px}.quick-toggles{position:fixed;right:12px;bottom:12px;z-index:10001;display:inline-flex;gap:8px}.quick-toggles .bgm-toggle{position:static;right:auto;bottom:auto;box-shadow:0 1px 3px rgba(0,0,0,.15)}@media (max-width:768px){.quick-toggles{bottom:8px;right:8px;gap:6px}.quick-toggles .bgm-toggle{width:34px;height:34px;font-size:16px}}.bgm-control{display:none!important}.sfx-control{position:relative}.bgm-control .volume-popover,.sfx-control .volume-popover{position:absolute;left:50%;transform:translateX(-50%);bottom:42px;background:rgba(239,230,214,.98);border:1px solid rgba(0,0,0,.2);border-radius:8px;padding:8px 10px;box-shadow:0 4px 10px rgba(0,0,0,.25);display:none;pointer-events:none;z-index:10002;min-width:120px}.bgm-control .volume-popover:hover,.bgm-control:focus-within .volume-popover,.bgm-control:hover .volume-popover,.sfx-control .volume-popover:hover,.sfx-control:focus-within .volume-popover,.sfx-control:hover .volume-popover{display:block;pointer-events:auto}.bgm-control .volume-popover input[type=range],.sfx-control .volume-popover input[type=range]{width:120px;accent-color:#8B6F47}.bgm-control::after,.sfx-control::after{content:"";position:absolute;left:0;right:auto;bottom:38px;width:100%;height:12px;pointer-events:auto;background:0 0}@media (max-width:480px){.bgm-control .volume-popover,.sfx-control .volume-popover{min-width:100px;padding:6px 8px}.bgm-control .volume-popover input[type=range],.sfx-control .volume-popover input[type=range]{width:100px}}.medieval-ulist{list-style-type:none;padding:0;margin:.3rem 0;max-height:120px;overflow-y:auto;border:1px solid rgba(138,92,46,.4);border-radius:3px;background:rgba(250,240,215,.75)}.medieval-ulist li{padding:.35rem .6rem;cursor:pointer;border-bottom:1px solid rgba(138,92,46,.15);font-size:.82rem;color:#3d2b1f;transition:background .15s}.medieval-ulist li:last-child{border-bottom:none}.medieval-ulist li:hover{background:rgba(245,230,200,.6)}.medieval-ulist li.already-selected-suggestion{background:rgba(138,92,46,.15);color:#8a7050;cursor:not-allowed}.selected-items-display{margin-top:.35rem;padding:.35rem;background:rgba(245,230,200,.35);border-radius:3px}.selected-item-pill{display:inline-block;background:linear-gradient(180deg,#c9a86b,#a8824e);color:#1a0f05;padding:.2rem .55rem;margin-right:.3rem;margin-bottom:.3rem;border-radius:3px;font-size:.75rem;font-family:var(--font-family);border:1px solid rgba(138,92,46,.5)}.remove-pill{margin-left:.3rem;cursor:pointer;font-weight:700}.medieval-table{width:100%;border-collapse:collapse;margin-top:.55rem;font-size:.78rem}.medieval-table td,.medieval-table th{border:1px solid rgba(138,92,46,.35);padding:.4rem .55rem;text-align:left;color:#3d2b1f}.medieval-table th{background:rgba(245,230,200,.5);color:#5a3e0f;font-weight:400;letter-spacing:1px;text-transform:uppercase;font-size:.72rem}.medieval-table tbody tr:nth-child(odd){background:rgba(245,230,200,.25)}.medieval-table tbody tr:hover{background:rgba(245,230,200,.45)}.custom-scroll::-webkit-scrollbar{width:8px}.custom-scroll::-webkit-scrollbar-track{background:rgba(138,92,46,.12);border-radius:4px}.custom-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a8824e,#5a3e0f);border-radius:4px;border:1px solid rgba(255,245,220,.2)}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#a05a2c}.companion-modal-overlay{position:fixed;inset:0;background:rgba(10,5,2,.82);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s;overflow-y:auto;padding:20px;backdrop-filter:blur(2px)}.companion-modal-overlay.show{opacity:1}.companion-modal-container{position:relative;max-width:960px;width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden;background:url('/images/ui/patternup1.png') top no-repeat,url('/images/ui/patternbottom.png') bottom no-repeat,url('/images/ui/parachment.webp') center/cover,#f5e6c8;background-blend-mode:luminosity;border:2px solid #3d2b1f;border-radius:6px;box-shadow:0 12px 40px rgba(0,0,0,.7),inset 0 0 24px rgba(138,92,46,.15);transform:scale(.92) translateY(12px);transition:transform .35s cubic-bezier(.34, 1.3, .64, 1);color:#0d0503;font-family:var(--font-family)}.companion-modal-container::-webkit-scrollbar{width:10px}.companion-modal-container::-webkit-scrollbar-track{background:rgba(138,92,46,.2);border-radius:5px}.companion-modal-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a8824e,#5a3e0f);border-radius:5px;border:1px solid rgba(255,245,220,.2)}.companion-modal-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c9a86b,#8a5c2e)}.companion-modal-overlay.show .companion-modal-container{transform:scale(1) translateY(0)}.companion-modal-close{display:block;width:220px;margin:20px auto 16px;padding:12px 28px;background:linear-gradient(180deg,#c9a86b,#8a5c2e);border:2px solid #3d2b1f;border-radius:4px;color:#1a0f05;font-family:var(--font-family);font-size:.95rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,245,220,.55),inset 0 -2px 0 rgba(80,40,10,.35);transition:transform .15s,filter .15s;text-shadow:0 1px 0 rgba(255,245,220,.5)}.companion-modal-close:hover{filter:brightness(1.08);transform:translateY(-1px)}.companion-modal-close:active{transform:translateY(0);filter:brightness(.98)}@media (max-width:768px){.companion-modal-overlay{padding:10px}.companion-modal-container{max-height:95vh}.companion-banner{flex-direction:column;text-align:center}.companion-status-row{flex-direction:column}.companion-nav ul{flex-wrap:wrap}.companion-nav .companion-tab{font-size:.7rem;padding:.4rem .8rem;letter-spacing:1px}}@media (max-width:1500px){.main-nav ul{gap:.4rem}.main-nav ul li a{padding:.5rem .7rem;font-size:.78rem;letter-spacing:.5px}.main-nav ul li:not(:last-child)::after{display:none}.main-header-bar{gap:1rem;padding:.4rem 1rem}.main-header-bar::after,.main-header-bar::before{display:none}.header-right-section{gap:.5rem}.game-time{font-size:.78rem;padding:.35rem .7rem}.second-header{padding:0}.player-header{padding:.3rem 1rem!important;gap:.5rem}.player-header::after,.player-header::before{display:none}.countdown-timer,.gold-display,.material-display{font-size:.8rem!important;padding:.32rem .55rem!important;min-height:30px!important;gap:.35rem!important}.countdown,.gold-display span,.material-display span,.ready{font-size:.8rem!important}.countdown-timer .icon,.gold-display .icon,.material-display .icon{width:18px!important;height:18px!important}.mail-icon{padding:.25rem!important}.mail-icon .helper-icon,.mail-icon img.icon{width:24px!important;height:24px!important}.site-header .logo2{width:42px;height:42px}}@media (max-width:1280px){.player-header{padding:.25rem .85rem!important;gap:.4rem!important}.countdown-timer,.gold-display,.material-display{font-size:.74rem!important;padding:.26rem .45rem!important;min-height:28px!important;gap:.3rem!important}.countdown,.gold-display span,.material-display span,.ready{font-size:.74rem!important}.countdown-timer .icon,.gold-display .icon,.material-display .icon{width:16px!important;height:16px!important}.mail-icon{padding:.2rem!important}.mail-icon .helper-icon,.mail-icon img.icon{width:22px!important;height:22px!important}.mail-icons,.player-bars{gap:.3rem!important}}@media (max-width:1100px){.site-header{flex-direction:column;align-items:flex-start}.main-header-bar{grid-template-columns:auto 1fr;padding:.5rem 1rem;gap:1rem}.main-header-bar::after,.main-header-bar::before{display:none}.header-left-section .logo2{width:40px;height:40px}.header-right-section{display:none}#fit-screen-toggle{display:none!important}.nav-toggle{display:block;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.main-nav{position:fixed;top:0;right:0;width:min(310px,86vw);max-width:100vw;height:100dvh;max-height:100dvh;background:url('/images/ui/patternup1.png') top no-repeat,url('/images/ui/patternbottom.png') bottom no-repeat,url('/images/ui/parachment.webp') center/cover,#f5e6c8;background-blend-mode:luminosity;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-left:2px solid #8a5c2e;box-shadow:-10px 0 30px rgba(0,0,0,.5);z-index:10050;transform:translateX(100%);transition:transform .28s cubic-bezier(.25,.8,.4,1);will-change:transform;padding-top:0;padding-bottom:env(safe-area-inset-bottom,.75rem);opacity:1;box-sizing:border-box}.main-nav.open{transform:translateX(0)}.mobile-nav-header{display:flex!important;align-items:center;justify-content:center;gap:.6rem;padding:1.1rem 1rem .9rem;margin:0;color:#5a3e0f;font-family:var(--font-family);font-size:.85rem;letter-spacing:2.5px;text-transform:uppercase;text-shadow:1px 1px 2px rgba(0,0,0,.15);border-bottom:1px solid rgba(138,92,46,.35);box-shadow:inset 0 -1px 0 rgba(245,230,200,.5);width:100%;box-sizing:border-box}.mobile-nav-ornament{color:#c9a86b;font-size:.9rem;text-shadow:0 0 4px rgba(201,168,107,.4)}.mobile-nav-title{font-weight:400}.main-nav ul{flex-direction:column;width:100%;max-width:100%;padding:.5rem .55rem;gap:0;list-style:none;margin:0;box-sizing:border-box;overflow-x:hidden}.main-nav ul li{width:100%;box-sizing:border-box}.main-nav ul li:not(:last-child)::after{display:none}.main-nav ul li a{display:flex;align-items:center;gap:.75rem;padding:.75rem .85rem;text-align:left;color:#3d2b1f;border:1px solid transparent;border-bottom:1px solid rgba(138,92,46,.18);border-radius:4px;font-family:var(--font-family);font-size:.92rem;letter-spacing:.8px;text-shadow:none;text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .15s;box-sizing:border-box;width:100%;max-width:100%}.main-nav ul li a .nav-icon{display:inline-block;width:22px;flex-shrink:0;margin-right:0;color:#8a5c2e;opacity:1;font-size:.95rem;text-align:center;transition:color .15s,transform .15s}.main-nav ul li a span{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-nav ul li a:active,.main-nav ul li a:focus-visible,.main-nav ul li a:hover{background:linear-gradient(90deg,rgba(201,168,107,.22),rgba(245,230,200,.15));border-color:rgba(138,92,46,.4);color:#2a1a0f}.main-nav ul li a:hover .nav-icon{color:#b8860b;transform:scale(1.08)}.main-nav ul li a.active{background:linear-gradient(90deg,rgba(201,168,107,.35),rgba(245,230,200,.2));border-color:rgba(201,168,107,.6);color:#2a1a0f;box-shadow:inset 3px 0 0 #c9a86b}.main-nav ul li a.active .nav-icon{color:#b8860b}.main-nav ul li a.premium-link{background:linear-gradient(135deg,rgba(201,151,0,.25),rgba(184,134,11,.15));border-color:rgba(201,151,0,.5);font-weight:700;margin-top:.25rem}.main-nav ul li a.premium-link .nav-icon{color:#c99700}.main-nav ul li a.premium-link:hover{background:linear-gradient(135deg,rgba(201,151,0,.4),rgba(184,134,11,.25));border-color:#c99700;box-shadow:0 0 10px rgba(201,151,0,.3)}.mobile-nav-logout{margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(138,92,46,.25)}.mobile-nav-logout a{color:#8a4040!important;border-bottom:none!important}.mobile-nav-logout a .nav-icon{color:#8a4040!important}.mobile-nav-logout a:hover{background:rgba(139,0,0,.08)!important;border-color:rgba(139,0,0,.3)!important;color:#6a2020!important}body.faction-elf .main-nav a,body.faction-human .main-nav a,body.faction-karus .main-nav a,body.faction-orc .main-nav a{color:#3d2b1f}.main-nav::-webkit-scrollbar{width:6px}.main-nav::-webkit-scrollbar-track{background:rgba(60,40,20,.1)}.main-nav::-webkit-scrollbar-thumb{background:#8a5c2e;border-radius:3px}.main-header-bar .logo2::after,.main-header-bar .main-nav::after{display:none}.countdown-timers,.player-bars{display:flex;flex-direction:row;gap:.5rem;width:100%;justify-content:center;align-items:center}.hp-bar,.mp-bar,.xp-bar{width:80px;height:15px}}@media (max-width:480px){.second-header{top:65px}.player-header{gap:1rem;display:flex;flex-direction:column}.logo{margin:.5rem 0;align-self:center}.gold-display{padding:.1rem .3rem;height:20px}.gold-display .icon{width:16px;height:16px}.material-display{padding:.1rem .3rem;height:20px}.material-display .icon{width:16px;height:16px}.hp-bar,.mp-bar,.xp-bar{width:70px;height:10px}}html.fit-screen{overflow:hidden;height:100vh}html.fit-screen body{transform-origin:top left;transform:scale(var(--fit-scale,1));width:calc(100vw / var(--fit-scale,1));height:calc(100vh / var(--fit-scale,1));overflow-y:auto;overflow-x:hidden}.energy-tooltip{text-align:center;min-width:240px;max-width:280px;padding:10px 12px;color:#3d2b1f;font-family:var(--font-family, inherit);--energy-btn-width:92px;pointer-events:auto!important}.energy-tooltip .et-title{font-weight:800;font-size:14px;margin-bottom:6px;letter-spacing:.5px}.energy-tooltip--expedition .et-title{color:#8a6d2f}.energy-tooltip--arena .et-title{color:#a03030}.energy-tooltip--dungeon .et-title{color:#5a3a1a}.energy-tooltip .et-current{font-size:20px;font-weight:800;color:#3d2b1f;margin-bottom:2px}.energy-tooltip .et-current .energy-current{color:#6b4f2d}.energy-tooltip .et-desc{font-size:11px;color:#6b5a45;margin-bottom:8px;line-height:1.3}.energy-tooltip .et-regen{margin-bottom:6px;padding:5px 8px;background:rgba(46,125,50,.08);border:1px solid rgba(46,125,50,.18);border-radius:5px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;color:#2e6b30}.energy-tooltip .et-regen .regen-countdown{font-weight:800;font-variant-numeric:tabular-nums;color:#1b5e20;min-width:38px;font-size:13px}.energy-tooltip .et-regen-rate{font-size:10px;color:#5a8a5a}.energy-tooltip .et-regen--full{color:#2e7d32;font-weight:700;font-size:12px;margin-bottom:6px;padding:5px 8px;background:rgba(46,125,50,.08);border:1px solid rgba(46,125,50,.18);border-radius:5px}.energy-tooltip .et-cooldown,.energy-tooltip .et-reset{font-size:11px;color:#7a6a50;margin-bottom:2px}.energy-tooltip .et-usage{margin-top:8px;padding-top:8px;border-top:1px solid rgba(139,111,71,.2)}.energy-tooltip .et-usage-row{display:flex;align-items:center;gap:6px;margin-bottom:5px}.energy-tooltip .et-usage-row:last-child{margin-bottom:0}.energy-tooltip .et-usage-label{flex:1;font-size:11px;color:#5a4a35;text-align:left}.energy-tooltip .et-usage-bar{flex:0 0 40px;position:relative;width:calc(100% - var(--energy-btn-width) - 8px)}.energy-tooltip .et-usage-fill{background:#8a6d2f}.energy-tooltip .et-btn{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;font-size:10px;font-weight:700;color:#fff;border-radius:4px;cursor:pointer;min-width:48px;height:20px;transition:.15s;text-transform:uppercase;letter-spacing:.3px;border:none}.energy-tooltip .et-btn:hover:not([aria-disabled=true]){filter:brightness(1.15)}.energy-tooltip .et-btn--green,.energy-tooltip .et-btn.refill-free10{background:#4a8a4a}.energy-tooltip .et-btn--blue,.energy-tooltip .et-btn.refill-25{background:#4a6a9a}.energy-tooltip .et-btn--purple,.energy-tooltip .et-btn.refill-50{background:#7a4a8a}.energy-tooltip .et-btn--disabled,.energy-tooltip .et-btn[aria-disabled=true]{background:#999!important;color:#ddd!important;cursor:not-allowed!important;opacity:.5}.energy-tooltip .et-actions{display:flex;gap:6px;justify-content:center;margin-top:6px}.energy-tooltip .diamond-cost{display:inline-flex;align-items:center;gap:2px}.energy-tooltip .diamond-cost .diamond-icon{width:11px;height:11px}.energy-tooltip .et-usage{font-size:14px;opacity:.95;line-height:1.35;display:flex;flex-direction:column;gap:6px}.energy-tooltip .et-usage-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;position:relative}.energy-tooltip .et-usage-fill{background:linear-gradient(#9b7b52,#7d5f3a)}.energy-tooltip .et-usage-row .et-btn.energy-refill{position:absolute;right:0;top:50%;transform:translateY(-50%);width:var(--energy-btn-width);min-width:var(--energy-btn-width);display:inline-flex;justify-content:center;align-items:center;padding:4px 10px;height:26px;white-space:nowrap;z-index:10;pointer-events:auto;cursor:pointer}@media (max-width:480px){.energy-tooltip{--energy-btn-width:82px}.energy-tooltip .et-usage-bar{width:calc(100% - var(--energy-btn-width) - 6px)}}.energy-tooltip .diamond-cost{display:inline-flex;align-items:center;font-variant-numeric:tabular-nums;pointer-events:none}.energy-tooltip .diamond-icon{display:inline-block;pointer-events:none}.energy-tooltip .et-usage-label{line-height:1;display:inline-flex;align-items:center;gap:6px;min-width:110px;font-weight:700}.energy-tooltip .et-usage-row{gap:8px}.energy-tooltip .et-usage-count{font-size:12px;opacity:.85}.energy-tooltip .et-usage-remaining{font-weight:700;font-size:11px;background:rgba(139,111,71,.15);border:1px solid rgba(139,111,71,.25);border-radius:999px;padding:2px 8px;color:#3d2b1f}.energy-tooltip .et-btn.et-btn--disabled{opacity:.6;filter:grayscale(15%);cursor:not-allowed}.energy-tooltip .et-usage-max-note{font-size:11px;color:#a33;font-weight:700;margin-left:4px}.energy-tooltip .et-usage-bar{grid-column:1/-1;height:6px;background:rgba(0,0,0,.08);border-radius:4px;overflow:hidden}.energy-tooltip .et-usage-fill{height:100%;width:0%;transition:width .2s}.energy-tooltip .et-usage-fill-10{background:linear-gradient(90deg,#7acb5a,#3f6f2a)}.energy-tooltip .et-usage-fill-25{background:linear-gradient(90deg,#5aa3d4,#2a5586)}.energy-tooltip .et-usage-fill-50{background:linear-gradient(90deg,#8a6ad4,#533a81)}.energy-tooltip .diamond-cost{display:inline-flex;align-items:center;gap:4px;background:rgba(0,0,0,.15);border-radius:999px;padding:2px 6px;margin-left:6px;font-size:11px;line-height:1}.energy-tooltip .diamond-icon{width:14px;height:14px;vertical-align:middle}.diamond-icon2{width:16px;height:16px;vertical-align:middle;filter:drop-shadow(0 0 2px rgba(255, 251, 232, .5))}.event-banner{background:linear-gradient(135deg,#8b0000,peru,#daa520);padding:6px 15px;text-align:center;border-bottom:2px solid #8a5c2e;animation:none}@keyframes eventPulse{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.event-banner-content{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.event-banner .event-icon{color:gold;font-size:1.2rem;animation:none}@keyframes fireFlicker{from{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.event-banner .event-title{color:#fff8dc;font-weight:700;font-size:.95rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.event-banner .event-bonuses{display:flex;gap:8px;flex-wrap:wrap}.event-banner .event-bonus{background:rgba(0,0,0,.3);color:gold;padding:3px 10px;border-radius:12px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:4px;border:1px solid rgba(255,215,0,.3)}.event-banner .event-bonus i{font-size:.75rem}@media (max-width:768px){.event-banner-content{gap:6px}.event-banner .event-bonuses{justify-content:center}}body.faction-karus .site-header,body.faction-orc .site-header{background:linear-gradient(180deg,rgba(58,72,51,.15) 0,rgba(74,93,65,.1) 100%),url('/images/ui/parachment.webp') center/cover no-repeat}body.faction-karus .main-header-bar,body.faction-orc .main-header-bar{border-bottom-color:#4a5d41}body.faction-karus .main-header-bar::after,body.faction-karus .main-header-bar::before,body.faction-orc .main-header-bar::after,body.faction-orc .main-header-bar::before{background:linear-gradient(90deg,transparent,#4a5d41,transparent)}body.faction-karus .main-header-bar .logo2::after,body.faction-karus .main-header-bar .main-nav::after,body.faction-orc .main-header-bar .logo2::after,body.faction-orc .main-header-bar .main-nav::after{background:linear-gradient(180deg,transparent,#4a5d41 20%,#4a5d41 80%,transparent)}body.faction-karus .second-header,body.faction-orc .second-header{background:linear-gradient(180deg,rgba(58,72,51,.12) 0,rgba(74,93,65,.08) 100%),url('/images/ui/parachment.webp') center/cover no-repeat;border-bottom-color:#4a5d41}body.faction-karus .player-header::after,body.faction-karus .player-header::before,body.faction-orc .player-header::after,body.faction-orc .player-header::before{background:linear-gradient(90deg,transparent,rgba(107,142,35,.4),transparent)}body.faction-karus .main-nav a,body.faction-orc .main-nav a{color:#313b2b}body.faction-karus .main-nav a.active,body.faction-karus .main-nav a:hover,body.faction-orc .main-nav a.active,body.faction-orc .main-nav a:hover{background:rgba(74,93,65,.25);border-color:#4a5d41}body.faction-karus .event-banner,body.faction-orc .event-banner{background:linear-gradient(90deg,#3d4a35,#4a5d41,#3d4a35);border-color:rgba(107,142,35,.4)}