.site-header{position:sticky;background:url('/images/ui/parachment.webp') center/cover no-repeat;top:0;z-index:20}.main-header-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-content:center;padding:.5rem 1.5rem;margin:0 auto;gap:2rem;position:relative;box-shadow:rgba(0,0,0,.3) 0 19px 38px,rgba(0,0,0,.22) 0 15px 12px,rgba(0,0,0,.2) 0 -3px 0 inset;border-bottom:3px solid #8a5c2e;border-top:2px solid rgba(218,165,32,.3)}.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:.8rem 1.5rem;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;background-color:var(--bg-secondary,#f5e9c5);backdrop-filter:saturate(120%) blur(2px);border-bottom:3px solid #8a5c2e;border-top:2px solid rgba(218,165,32,.3);box-shadow:rgba(0,0,0,.3) 0 8px 20px,rgba(0,0,0,.22) 0 6px 10px,rgba(0,0,0,.2) 0 -3px 0 inset;position:sticky;top:52px;z-index:-1}.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-size:var(--font-size);text-align:center;transition:.3s;border-radius:6px;border:1px solid transparent;position:relative;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.main-nav ul li a:hover{background:linear-gradient(135deg,rgba(218,165,32,.2),rgba(139,111,71,.2));border:1px solid rgba(138,92,46,.4);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.main-nav ul li a.active{background:linear-gradient(135deg,rgba(218,165,32,.3),rgba(139,111,71,.3));border:1px solid #8a5c2e;font-weight:700;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.main-nav ul li a.premium-link{-webkit-text-stroke:1px rgba(255,132,2,0.616);text-shadow:2px 2px 2px rgba(235,140,15,.882)}.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:2s ease-in-out infinite survivalGlow;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{transform:scale(1.1) rotate(5deg);box-shadow:0 5px 10px rgba(0,0,0,.4);background:linear-gradient(135deg,#f0c040 0,#daa520 100%)}.server-select-btn:active{transform:scale(.95)}.game-time{padding:.5rem 1rem;color:var(--body-text,#fff);font-size:.95rem;background:linear-gradient(135deg,rgba(218,165,32,.15),rgba(139,111,71,.15));border:1px solid rgba(138,92,46,.3);border-radius:6px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.2);white-space:nowrap}.nav-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:.5rem}.hamburger,.hamburger::after,.hamburger::before{content:'';display:block;width:25px;height:3px;background:var(--header-text,#fff);transition:.3s}.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)}.player-bars{display:flex;gap:.5rem;justify-content:flex-start;flex-wrap:wrap;width:auto;justify-self:start;position:relative}.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:linear-gradient(135deg,rgba(218,165,32,.15) 0,rgba(139,111,71,.1) 100%);transform:translateY(-2px) scale(1.05);box-shadow:0 2px 6px rgba(0,0,0,.15)}.mail-icon .icon{width:28px;height:28px;filter:drop-shadow(1px 1px 2px rgba(0, 0, 0, .3));transition:filter .2s}.mail-icon:hover .icon{filter:drop-shadow(2px 2px 4px rgba(0, 0, 0, .4))}.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:var(--font-size);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:var(--font-size);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:var(--font-size);border:1px solid #fff;width:16px;height:16px;border-radius:50%;align-items:center;justify-content:center;text-align:center;margin-right:5px}.gold-display,.material-display{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;background:linear-gradient(135deg,rgba(218,165,32,.12) 0,rgba(139,111,71,.08) 100%);border:1px solid rgba(139,111,71,.75);border-radius:6px;font-size:15px;color:var(--body-text,#3d2b1f);box-shadow:0 2px 4px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.05);transition:.2s;position:relative}.gold-display::before,.material-display::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(218,165,32,.4),transparent);border-radius:6px 6px 0 0}.gold-display:hover,.material-display:hover{background:linear-gradient(135deg,rgba(218,165,32,.18) 0,rgba(139,111,71,.12) 100%);border-color:rgba(218,165,32,.5);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.4),0 0 10px rgba(218,165,32,.15)}.gold-display:active,.material-display:active{transform:translateY(0)}.gold-display img.icon,.material-display img.icon{width:20px;height:20px}.gold-display span,.material-display span{white-space:nowrap;font-size:var(--font-size);font-weight:700}.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:var(--font-size);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:.5rem;flex-shrink:0;white-space:nowrap;padding:.3rem .5rem;border-radius:6px;transition:.2s;position:relative}.countdown-timer:hover{background:linear-gradient(135deg,rgba(218,165,32,.15) 0,rgba(139,111,71,.1) 100%);transform:translateY(-2px);box-shadow:0 2px 6px rgba(0,0,0,.1)}.countdown-timer .icon{width:24px;height:24px;flex-shrink:0}.countdown,.ready{font-size:var(--font-size);color:var(--body-text);line-height:1.2;font-weight:700}.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{background-color:#f0e6d6;border:2px solid #8b4513;border-radius:12px;padding:0;box-shadow:0 8px 24px rgba(0,0,0,.2);margin:0 auto}.companion-header{background:linear-gradient(135deg,#d7bca1 0,#c9ad8f 100%);border-bottom:2px solid #8b4513;padding:20px;border-radius:10px 10px 0 0}.companion-header h2{color:#3e2723;font-family:MedievalSharp,cursive;margin:0 0 15px;font-size:1.8em;text-align:center;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.companion-mascot-image{max-width:60px;margin:0 auto 10px;display:block;border-radius:50%;border:3px solid #8b4513;box-shadow:0 2px 8px rgba(0,0,0,.2)}.companion-status-indicators{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.companion-energy-display,.companion-global-tick-display{background-color:#fff;padding:10px 15px;border-radius:8px;color:#3e2723;font-weight:600;font-size:.95em;border:1px solid #d7ccc8;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.companion-global-tick-display strong{color:#4caf50;font-size:1.1em}.companion-cooldowns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:0}.companion-cooldowns span{background-color:#fff;padding:8px 12px;border-radius:6px;border:1px solid #d7ccc8;text-align:center;font-size:.9em;box-shadow:0 2px 4px rgba(0,0,0,.1)}.companion-cooldowns strong{color:#2196f3;font-weight:700;display:block;margin-top:3px;font-size:1.05em}.companion-body{display:flex;min-height:400px;max-height:70vh}.companion-sidebar{width:220px;background-color:#e8ddc5;border-right:2px solid #d7ccc8;padding:15px 10px}.companion-sidebar .companion-tab{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;margin-bottom:8px;cursor:pointer;border-radius:8px;transition:.2s;background-color:#fff;border:1px solid #d7ccc8;box-shadow:0 1px 3px rgba(0,0,0,.05)}.companion-sidebar .companion-tab:hover{background-color:#f5ead8;transform:translateX(3px);box-shadow:0 2px 6px rgba(0,0,0,.1)}.companion-sidebar .companion-tab.active{background-color:#d7bca1;border-color:#8b4513;font-weight:600}.companion-sidebar .companion-tab .tab-icon{font-size:1.2em;min-width:24px;text-align:center}.companion-sidebar .companion-tab .tab-text{flex:1;margin-left:10px;font-size:.95em;color:#3e2723}.companion-sidebar .companion-main-toggle{font-weight:700;background:linear-gradient(135deg,#8bc34a 0,#689f38 100%);color:#fff;border-color:#558b2f}.companion-sidebar .companion-main-toggle:hover{background:linear-gradient(135deg,#9ccc65 0,#7cb342 100%)}.companion-sidebar .sidebar-divider{border:0;border-top:2px solid #d7ccc8;margin:15px 0}.companion-sidebar .switch-label{flex-shrink:0}.companion-content-area{flex:1;padding:20px;overflow-y:auto;background-color:#faf7f2}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.setting-group{background-color:#faf3e0;padding:15px;border-radius:6px;border:1px solid #e0cda8}.setting-group h4{margin-top:0;margin-bottom:10px;color:#6a4f4b;border-bottom:1px solid #d7ccc8;padding-bottom:5px}.medieval-input,.medieval-select{width:100%;padding:8px;margin-bottom:10px;border:1px solid #bcaaa4;border-radius:4px;background-color:#fff;box-sizing:border-box;font-family:inherit}.medieval-select[multiple]{min-height:220px}.custom-select option:disabled{color:#aaa;background-color:#f0f0f0}.note{font-size:.9em;color:#795548;margin-top:5px}.error-note{color:#c62828;font-weight:700}.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:8px;border:1px solid rgba(0,0,0,.25);background:rgba(239,230,214,.9);color:#3d2b1f;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2);font-size:18px}.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 2px 6px rgba(0,0,0,.2)}@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}.medieval-ulist{list-style-type:none;padding:0;margin:5px 0;max-height:120px;overflow-y:auto;border:1px solid #bcaaa4;border-radius:4px;background-color:#fff}.medieval-ulist li{padding:6px 10px;cursor:pointer;border-bottom:1px solid #eee}.medieval-ulist li:last-child{border-bottom:none}.medieval-ulist li:hover{background-color:#e0cda8}.medieval-ulist li.already-selected-suggestion{background-color:#d0bca0;color:#555;cursor:not-allowed}.selected-items-display{margin-top:5px;padding:5px;background-color:#f5f0e1;border-radius:4px}.selected-item-pill{display:inline-block;background-color:#8b4513;color:#fff;padding:3px 8px;margin-right:5px;margin-bottom:5px;border-radius:12px;font-size:.9em}.remove-pill{margin-left:5px;cursor:pointer;font-weight:700}.medieval-table{width:100%;border-collapse:collapse;margin-top:10px}.medieval-table td,.medieval-table th{border:1px solid #d7ccc8;padding:8px;text-align:left}.medieval-table th{background-color:#e0cda8;color:#5d4037}.medieval-table tbody tr:nth-child(odd){background-color:#f5f0e1}.medieval-table tbody tr:hover{background-color:#ede3c2}.custom-scroll::-webkit-scrollbar{width:8px}.custom-scroll::-webkit-scrollbar-track{background:#f0e6d6;border-radius:4px}.custom-scroll::-webkit-scrollbar-thumb{background:#8b4513;border-radius:4px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#a05a2c}.companion-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s;overflow-y:auto;padding:20px}.companion-modal-overlay.show{opacity:1}.companion-modal-container{position:relative;max-width:950px;width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden;border-radius:12px;transform:scale(.9);transition:transform .3s}.companion-modal-container::-webkit-scrollbar{width:10px}.companion-modal-container::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:10px}.companion-modal-container::-webkit-scrollbar-thumb{background:#8b4513;border-radius:10px}.companion-modal-container::-webkit-scrollbar-thumb:hover{background:#a05a2c}.companion-modal-overlay.show .companion-modal-container{transform:scale(1)}.companion-modal-close{display:block;width:200px;margin:20px auto 0;padding:12px 24px;background:linear-gradient(to bottom,#cab58d,#a68a64);border:2px solid #8b6f47;border-radius:8px;color:#3d2b1f;font-size:1.1em;font-weight:700;font-family:MedievalSharp,cursive;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.3);transition:.2s;text-transform:uppercase;letter-spacing:1px}.companion-modal-close:hover{background:linear-gradient(to bottom,#d4c09f,#b89a74);transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.4)}.companion-modal-close:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width:768px){.companion-modal-overlay{padding:10px}.companion-modal-container{max-height:95vh}.companion-body{flex-direction:column}.companion-sidebar{width:100%;border-right:none;border-bottom:2px solid #d7ccc8;padding-bottom:15px;margin-bottom:15px}.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}.nav-toggle{display:block;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.main-nav{position:absolute;top:100%;left:0;width:100%;background:rgba(255,240,216,.95);backdrop-filter:blur(10px);flex-direction:column;max-height:0;overflow:hidden;transition:max-height .3s,opacity .2s;border-bottom:2px solid #8a5c2e;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:1000;will-change:max-height;transform:translateZ(0);contain:layout paint;opacity:0}.main-nav.open{max-height:600px;overflow-y:auto;overflow-x:hidden}.main-nav.open,.main-nav.opening{opacity:1}.main-nav.opening{pointer-events:none}.main-nav.no-animate{transition:none!important}.main-nav ul{flex-direction:column;width:100%;padding:1rem;gap:0}.main-nav ul li{width:100%}.main-nav ul li:not(:last-child)::after{display:none}.main-nav ul li a{padding:1rem;text-align:center;border-bottom:1px solid rgba(138,92,46,.2);border-radius:0}.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){.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}.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}.main-nav ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0;flex-wrap:wrap;gap:.1rem}.main-nav ul li{position:relative}.main-nav ul li:not(:last-child)::after{content:'|';position:absolute;right:-.5rem;color:var(--body-text)}.material-display .icon{width:16px;height:16px}.hp-bar,.mp-bar,.xp-bar{width:70px;height:10px}}html.fit-screen{zoom:var(--fit-zoom,100%)}@supports not (zoom:1){html.fit-screen{overflow:hidden}html.fit-screen body{transform:scale(var(--fit-scale,1));transform-origin:top center;height:calc(100vh / var(--fit-scale,1));width:calc(100vw / var(--fit-scale,1))}}.energy-tooltip{text-align:center;min-width:260px;padding:10px 12px;background:rgba(239,230,214,.98);border:1px solid rgba(139,111,71,.35);border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.15);color:var(--body-text,#3d2b1f);font-family:var(--font-family, inherit);--energy-btn-width:92px;pointer-events:auto!important}.energy-tooltip .et-title{font-weight:800;margin-bottom:8px;font-size:15px;color:#8b6f47;text-shadow:0 1px 0 rgba(255,255,255,.4);letter-spacing:.2px}.energy-tooltip--expedition .et-title{color:#d4af37}.energy-tooltip--arena .et-title{color:#e45757}.energy-tooltip--dungeon .et-title{color:#7a4a21}.energy-tooltip .et-current{margin-bottom:8px;font-size:13px;font-weight:600}.energy-tooltip .et-desc{font-size:13px;margin-bottom:10px;opacity:.9;line-height:1.35}.energy-tooltip .et-actions{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.energy-tooltip .et-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;font-size:11px;line-height:1;border:1px solid rgba(0,0,0,.15);color:#fff;border-radius:5px;cursor:pointer;min-width:56px;height:24px;box-shadow:0 1px 0 rgba(255,255,255,.15) inset,0 1px 2px rgba(0,0,0,.15);transition:transform .05s,filter .15s,box-shadow .15s,background .15s;text-transform:uppercase;letter-spacing:.2px}.energy-tooltip .et-btn:hover{filter:brightness(1.05);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 2px 4px rgba(0,0,0,.2)}.energy-tooltip .et-btn:active{transform:translateY(1px)}.energy-tooltip .et-btn:focus{outline:#8B6F47 solid 2px;outline-offset:1px}.energy-tooltip .et-btn,.energy-tooltip .et-btn--blue,.energy-tooltip .et-btn--green,.energy-tooltip .et-btn--purple{background:linear-gradient(#9b7b52,#7d5f3a);border-color:#6e5333}.energy-tooltip .et-btn--disabled{background:#6c757d!important;cursor:not-allowed!important;opacity:.7!important;filter:grayscale(.25);box-shadow:0 0 0 transparent!important}.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-bar{position:relative;width:calc(100% - var(--energy-btn-width) - 8px)}.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-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:3s ease-in-out infinite eventPulse}@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:.5s ease-in-out infinite alternate fireFlicker}@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{flex-direction:column;gap:6px}.event-banner .event-bonuses{justify-content:center}}