:root{--bg-dark:#050505;--bg-card:#0f0f0f;--text-main:#e0e0e0;--red-cdpr:#b91d1d;--gold-ui:#c5a059;--color-main:#ffd700;--color-side:#e0e0e0;--color-contract:#ff4500;--color-base:#2ecc71;--color-hos:#5caeff;--color-baw:#ff6b6b}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-main);font-family:'Lato',sans-serif;line-height:1.7;width:100%}body.fixed-scroll{overflow:hidden;height:100vh}h1,h2,h3,h4,.cinzel{font-family:'Cinzel',serif;text-transform:uppercase;letter-spacing:1px}.container{max-width:1300px;margin:0 auto;padding:0 20px}.yt-header{height:70px;background:#0f0f0f;border-bottom:1px solid #222;position:fixed;width:100%;top:0;z-index:3000;display:flex;align-items:center;padding:0}.yt-header .nav-inner{height:100%;width:100%;max-width:none;padding:0 25px;display:flex;align-items:center;justify-content:space-between}.left-nav{display:flex;align-items:center;gap:25px}.logo{font-size:1.6rem;font-weight:900;color:#fff;text-decoration:none}.logo span{color:var(--red-cdpr)}.menu-toggle-btn{color:#e0e0e0;font-size:1.4rem;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:0.2s}.menu-toggle-btn:hover{color:var(--red-cdpr)}.yt-layout{display:flex;padding-top:70px;height:100vh;overflow:hidden;background:#050505}.yt-sidebar{width:260px;background:#0f0f0f;height:100%;border-right:1px solid #222;display:flex;flex-direction:column;flex-shrink:0;transition:width 0.3s ease,transform 0.3s ease;z-index:2000}.sidebar-search{padding:20px 15px 10px 15px;margin-bottom:5px;position:relative}.sidebar-search input{width:100%;background:#181818;border:1px solid #333;color:#fff;padding:10px 10px 10px 40px;border-radius:20px;font-size:.95rem}.sidebar-search input:focus{border-color:var(--gold-ui);outline:none;background:#000}.sidebar-search .fa-search{position:absolute;left:30px;top:58%;transform:translateY(-50%);color:#666;font-size:.9rem}.sidebar-scroll{flex-grow:1;overflow-y:auto;padding:0 10px 20px 10px;scrollbar-width:thin;scrollbar-color:#333 #0f0f0f}.sidebar-title{font-size:.7rem;color:#888;margin:15px 0 5px 10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.sidebar-divider{height:1px;background:#222;margin:10px 0}.yt-btn{width:100%;display:flex;align-items:center;gap:15px;background:#fff0;border:none;color:#e0e0e0;padding:10px 15px;font-size:.95rem;cursor:pointer;border-radius:8px;transition:0.2s;text-align:left;text-decoration:none;font-family:'Lato',sans-serif;white-space:nowrap;overflow:hidden;border-right:3px solid #fff0}.yt-btn i{width:24px;text-align:center;font-size:1.1rem;color:#999;flex-shrink:0}.yt-btn:hover{background:#272727}.yt-btn.active{background:rgb(255 255 255 / .1);color:#fff;font-weight:700}.yt-btn.btn-base:hover,.yt-btn.btn-base.active{background:rgb(46 204 113 / .15);color:var(--color-base)}.yt-btn.btn-base.active{border-right-color:var(--color-base)}.yt-btn.btn-base.active i{color:var(--color-base)}.yt-btn.btn-hos:hover,.yt-btn.btn-hos.active{background:rgb(92 174 255 / .15);color:var(--color-hos)}.yt-btn.btn-hos.active{border-right-color:var(--color-hos)}.yt-btn.btn-hos.active i{color:var(--color-hos)}.yt-btn.btn-baw:hover,.yt-btn.btn-baw.active{background:rgb(255 107 107 / .15);color:var(--color-baw)}.yt-btn.btn-baw.active{border-right-color:var(--color-baw)}.yt-btn.btn-baw.active i{color:var(--color-baw)}.yt-btn.btn-main:hover,.yt-btn.btn-main.active{background:rgb(255 215 0 / .1);color:var(--color-main)}.yt-btn.btn-main.active{border-right-color:var(--color-main)}.yt-btn.btn-main.active i{color:var(--color-main)}.yt-btn.btn-side:hover,.yt-btn.btn-side.active{background:rgb(224 224 224 / .1);color:var(--color-side)}.yt-btn.btn-side.active{border-right-color:var(--color-side)}.yt-btn.btn-side.active i{color:var(--color-side)}.yt-btn.btn-contract:hover,.yt-btn.btn-contract.active{background:rgb(255 69 0 / .1);color:var(--color-contract)}.yt-btn.btn-contract.active{border-right-color:var(--color-contract)}.yt-btn.btn-contract.active i{color:var(--color-contract)}.sidebar-footer{padding:15px;border-top:1px solid #222;background:#0f0f0f;margin-top:auto}.back-btn{color:#888;border-right:none}.back-btn:hover{color:#fff;background:#222}.yt-main{flex-grow:1;padding:40px 60px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--red-cdpr) #111;background:#050505}.yt-main::-webkit-scrollbar{width:8px}.yt-main::-webkit-scrollbar-track{background:#0f0f0f}.yt-main::-webkit-scrollbar-thumb{background:var(--red-cdpr);border-radius:4px}.quest-hero-mini h1{font-size:2.5rem;color:#fff;border-bottom:1px solid #333;padding-bottom:20px;margin:0 0 40px 0;text-align:center;width:100%}.quest-list{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:15px;padding-bottom:50px}.gear-card{background:#111;border:1px solid #222;border-left:4px solid var(--gold-ui);border-radius:4px;overflow:hidden;transition:0.3s}.gear-card:hover{transform:translateX(5px);border-color:#444}.gear-header{padding:20px 25px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:linear-gradient(90deg,#151515,#111)}.gear-info-top{display:flex;align-items:center;gap:20px}.gear-icon-frame{width:55px;height:55px;background:#080808;border:1px solid #333;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--gold-ui);border-radius:4px}.gear-titles h3{font-size:1.2rem;color:#e0e0e0;margin:0;font-family:'Cinzel',serif}.gear-titles small{color:#666;font-size:.85rem;display:block;margin-top:4px}.gear-level-tag{font-size:.65rem;padding:2px 8px;border-radius:3px;margin-left:10px;border:1px solid #444;vertical-align:middle}.level-master{color:gold;border-color:gold;background:rgb(255 215 0 / .1)}.level-grandmaster{color:#ff4d4d;border-color:#ff4d4d;background:rgb(255 77 77 / .1)}.arrow-icon{color:#444;transition:0.3s}.gear-card.active .arrow-icon{transform:rotate(180deg);color:var(--gold-ui)}.gear-body{max-height:0;overflow:hidden;transition:max-height 0.5s ease-out;background:#0a0a0a}.gear-card.active .gear-body{max-height:2000px;border-top:1px solid #222}.gear-content{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.stats-box h4,.mats-box h4{color:var(--gold-ui);margin-bottom:20px;font-size:.9rem;border-bottom:1px solid #222;padding-bottom:10px;font-family:'Cinzel',serif}.stats-list{list-style:none}.stats-list li{font-size:.95rem;color:#ccc;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #151515}.mats-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.mats-list li{background:#181818;padding:6px 12px;border-radius:4px;font-size:.85rem;color:#aaa;border:1px solid #333}.gear-loc{margin-top:25px;font-size:.9rem;color:#777;font-style:italic;border-left:2px solid var(--red-cdpr);padding-left:15px}body.sidebar-collapsed .yt-sidebar{width:80px}body.sidebar-collapsed .yt-main{margin-left:80px}body.sidebar-collapsed .sidebar-title,body.sidebar-collapsed .yt-btn span,body.sidebar-collapsed .sidebar-search input{opacity:0;pointer-events:none;display:none}body.sidebar-collapsed .sidebar-search{display:flex;justify-content:center;padding:20px 0}body.sidebar-collapsed .sidebar-search .fa-search{position:static;transform:none;font-size:1.2rem;cursor:pointer}body.sidebar-collapsed .yt-btn{justify-content:center;padding:15px 0}body.sidebar-collapsed .yt-btn i{margin:0;font-size:1.3rem}body.sidebar-collapsed .sidebar-footer{display:flex;justify-content:center}.sidebar-mobile-head{display:none}.gear-content{padding:40px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:start;background:url(https://www.transparenttextures.com/patterns/dark-leather.png)}.stats-box{background:rgb(0 0 0 / .3);padding:20px;border:1px solid rgb(197 160 89 / .1);border-radius:4px}.gear-action-side{display:flex;flex-direction:column;gap:30px}.preview-link-box{width:100%;padding:0}.view-gear-btn{width:100%;justify-content:center;background:linear-gradient(to right,rgb(185 29 29 / .2),rgb(185 29 29 / .05));border:1px solid var(--gold-ui);color:#fff!important;padding:20px;font-size:1rem;transition:0.3s;box-shadow:0 5px 15px rgb(0 0 0 / .4)}.view-gear-btn:hover{background:var(--red-cdpr);color:#fff!important;transform:scale(1.02)}.mats-box{background:rgb(20 20 20 / .6);padding:25px;border:1px solid #222;border-top:2px solid var(--gold-ui)}.mats-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mats-list li{background:#0a0a0a;border:1px solid #333;font-size:.8rem;padding:8px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:1024px){.gear-content{grid-template-columns:1fr;gap:30px;padding:20px}.mats-list{grid-template-columns:1fr}.yt-sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;background:#0f0f0f;z-index:5000;transform:translateX(-100%);transition:transform 0.3s ease-in-out;border-right:1px solid #222;box-shadow:5px 0 20px rgb(0 0 0 / .5)}.yt-sidebar.open{transform:translateX(0)}.sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #222;background:#0f0f0f}.sidebar-mobile-head .logo{font-size:1.2rem}.close-btn{font-size:1.5rem;color:#fff;cursor:pointer;padding:5px;transition:0.2s}.close-btn:hover{color:var(--red-cdpr)}.yt-main{margin-left:0!important;padding:20px 15px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .7);z-index:4500;backdrop-filter:blur(2px)}.sidebar-overlay.active{display:block}}