@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Anton&display=swap');@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');:root{--nav-height:80px;--nav-z-index:2000;--c-bg-dark:#050505;--c-bg-panel:#0f0f11;--c-accent:#ff3366;--c-accent-dim:rgba(255,51,102,0.15);--c-text-main:#f4f4f5;--c-text-muted:#a1a1aa;--c-text-dark:#71717a;--c-border:#27272a;--glass-blur:blur(16px);--transition-tech:0.3s cubic-bezier(0.25,0.8,0.25,1);}@media (min-width:993.1px){.p5-nav{width:100% !important;height:var(--nav-height);background:rgba(5,5,5,0.95) !important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);position:sticky;top:0;margin:0;border-bottom:1px solid rgba(255,255,255,0.05);z-index:var(--nav-z-index);box-shadow:0 10px 30px rgba(0,0,0,0.5);}.p5-nav::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--c-accent) 50%,transparent 100%);opacity:0.7;}.nav-container{display:flex;align-items:center;justify-content:space-between;height:100%;width:100%;max-width:100%;margin:0;padding:0 clamp(1rem,2vw,2.5rem);box-sizing:border-box;}.nav-left{flex:0 0 auto;display:flex;align-items:center;}.logo{display:flex;align-items:center;}.logo img{height:44px;width:auto;object-fit:contain;transition:transform 0.3s ease;display:block;}.logo:hover img{transform:scale(1.03);}.desktop-nav-links{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:0 10px;}#desktop-links{display:flex;align-items:center;justify-content:center;height:100%;margin:0;padding:0;list-style:none;gap:clamp(0px,0.2vw,4px);}.nav-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;}#settings-widget{position:relative;display:flex;align-items:center;height:100%;}.desktop-nav-item,.desktop-dropdown-item{height:100%;display:flex;align-items:center;position:relative;}.desktop-nav-link{font-family:'Poppins',sans-serif;font-size:clamp(0.75rem,0.8vw + 0.2rem,0.9rem);font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:0.05em;text-decoration:none;padding:0 clamp(4px,0.7vw,12px);height:44px;display:flex;align-items:center;position:relative;z-index:1;transition:color 0.2s ease,background-color 0.2s ease;border-radius:6px;white-space:nowrap;}.nav-link-content{display:flex;align-items:center;gap:clamp(4px,0.5vw,8px);}.desktop-nav-link .svg-maske + span{display:none;}.desktop-nav-link i,.desktop-nav-link .fa,.desktop-nav-link .fas,.desktop-nav-link .fa-solid,.desktop-nav-link .fab{font-family:"Font Awesome 6 Free","Font Awesome 6 Brands",sans-serif !important;font-weight:900;font-style:normal;min-width:clamp(14px,1vw,18px);text-align:center;font-size:1.1em;}.desktop-nav-link .far,.desktop-nav-link .fa-regular{font-weight:400;}.desktop-nav-link:hover,.desktop-dropdown-item:hover > .desktop-nav-link{color:var(--c-text-main);background-color:rgba(255,255,255,0.03);}.desktop-nav-link:hover .desktop-icon{color:var(--c-accent);}.desktop-nav-link.active{color:var(--c-text-main);background-color:rgba(255,51,102,0.05);}.desktop-nav-link.active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:30px;height:3px;border-radius:3px 3px 0 0;background:var(--c-accent);box-shadow:0 0 10px rgba(255,51,102,0.5);}.desktop-nav-link.active .desktop-icon{color:var(--c-accent) !important;background-color:var(--c-accent) !important;}.desktop-chevron{font-size:0.7em;margin-left:clamp(2px,0.5vw,6px);color:var(--c-text-dark);transition:transform 0.3s ease,color 0.3s ease;}.desktop-dropdown-item:hover > .desktop-nav-link .desktop-chevron{color:var(--c-accent);transform:rotate(180deg);}ul.desktop-dropdown-menu{position:absolute;background:var(--c-bg-panel);border:1px solid var(--c-border);border-top:2px solid var(--c-accent);border-radius:0 0 8px 8px;width:max-content;min-width:240px;max-width:320px;padding:8px 0;opacity:0;visibility:hidden;left:0;top:calc(100% + 15px);transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);z-index:2001;box-shadow:0 15px 40px rgba(0,0,0,0.6);display:flex;flex-direction:column;}.desktop-dropdown-item:hover > ul.desktop-dropdown-menu{opacity:1;visibility:visible;top:100%;}ul.desktop-dropdown-menu ul.desktop-dropdown-menu{top:-2px;left:100%;border-top:1px solid var(--c-border);border-left:2px solid var(--c-accent);border-radius:0 8px 8px 8px;margin-left:10px;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);}ul.desktop-dropdown-menu .desktop-dropdown-item:hover > ul.desktop-dropdown-menu{margin-left:0;top:-2px;}ul.desktop-dropdown-menu .desktop-nav-item,ul.desktop-dropdown-menu .desktop-dropdown-item{display:block;height:auto;width:100%;position:relative;}ul.desktop-dropdown-menu li{width:100%;}ul.desktop-dropdown-menu .desktop-nav-link{height:auto;padding:12px 24px;font-size:0.9rem;font-weight:500;border-radius:0;justify-content:flex-start;background:transparent;color:var(--c-text-muted);white-space:nowrap;transition:padding-left 0.25s ease,color 0.2s ease,background 0.2s ease;}ul.desktop-dropdown-menu .desktop-nav-link::after{display:none;}ul.desktop-dropdown-menu .desktop-nav-link:hover{background:rgba(255,51,102,0.05);padding-left:28px;color:var(--c-text-main);}ul.desktop-dropdown-menu .desktop-dropdown-item:hover > .desktop-nav-link .desktop-chevron{transform:translateX(3px) rotate(0);color:var(--c-accent);}ul.desktop-dropdown-menu .desktop-nav-link .desktop-chevron{margin-left:auto;}#widget-button{width:44px;height:44px;background:transparent;border:1px solid rgba(255,255,255,0.1);border-radius:50%;color:var(--c-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:var(--transition-tech);}#widget-button:hover,#widget-button.active{background:var(--c-accent);border-color:var(--c-accent);color:white;box-shadow:0 0 15px rgba(255,51,102,0.4);}#settings-panel{position:absolute;top:calc(100% + 15px);right:0;width:380px;background:var(--c-bg-panel);border:1px solid var(--c-border);border-top:3px solid var(--c-accent);border-radius:0 0 12px 12px;box-shadow:0 20px 50px rgba(0,0,0,0.8);display:none;z-index:2002;overflow:hidden;}#settings-panel.visible-panel{display:block;animation:panelSlideDown 0.3s cubic-bezier(0.25,0.8,0.25,1);}@keyframes panelSlideDown{from{opacity:0;transform:translateY(-15px);}to{opacity:1;transform:translateY(0);}}.panel-header{padding:20px 24px;background:rgba(0,0,0,0.4);border-bottom:1px solid var(--c-border);display:flex;justify-content:space-between;align-items:center;color:var(--c-text-main);font-family:'Poppins',sans-serif;font-weight:700;font-size:0.95rem;text-transform:uppercase;letter-spacing:1px;}#changelog-content{padding:24px;color:var(--c-text-muted);font-family:'Poppins',sans-serif;font-size:0.9rem;line-height:1.6;min-height:150px;position:relative;}@media (max-width:1300px){.desktop-nav-link{padding:0 4px;font-size:0.75rem;}.nav-link-content{gap:4px;}.desktop-chevron{margin-left:3px;}.nav-container{padding:0 1rem;}}}.loading-container{padding:40px 20px;text-align:center;color:var(--c-text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;}.loading-spinner{width:36px;height:36px;border:3px solid rgba(255,51,102,0.1);border-top:3px solid var(--c-accent);border-radius:50%;margin:0 auto 15px auto;animation:spin 0.8s linear infinite;position:relative;}.loading-spinner::after{content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;border:3px solid transparent;border-bottom:3px solid rgba(255,51,102,0.3);animation:spinReverse 1.2s linear infinite;}.loading-container span{font-family:'Poppins',sans-serif;font-size:0.85rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--c-text-dark);animation:pulseText 1.5s ease-in-out infinite alternate;}@keyframes spin{100%{transform:rotate(360deg);}}@keyframes spinReverse{100%{transform:rotate(-360deg);}}@keyframes pulseText{from{opacity:0.5;}to{opacity:1;color:var(--c-text-main);}}.icon{display:inline-block;width:1em;height:1em;vertical-align:middle;margin-right:0.5em;}.desktop-icon.svg-maske{width:clamp(14px,1vw,18px);height:clamp(14px,1vw,18px);background-color:currentColor;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-size:contain;mask-position:center;mask-repeat:no-repeat;transition:background-color 0.3s ease;}.icon-battlefield-svg{-webkit-mask-image:url('https://die-lounge.net/battlefield.svg');mask-image:url('https://die-lounge.net/battlefield.svg');}.icon-cs2-svg{-webkit-mask-image:url('https://die-lounge.net/cs2.svg');mask-image:url('https://die-lounge.net/cs2.svg');}.icon-d4-svg{-webkit-mask-image:url('https://die-lounge.net/d4.svg');mask-image:url('https://die-lounge.net/d4.svg');}.icon-league-svg{-webkit-mask-image:url('https://die-lounge.net/league.svg');mask-image:url('https://die-lounge.net/league.svg');}.icon-arc-svg{-webkit-mask-image:url('https://die-lounge.net/arc.svg');mask-image:url('https://die-lounge.net/arc.svg');}.icon-dbd-svg{-webkit-mask-image:url('https://die-lounge.net/dbd.svg');mask-image:url('https://die-lounge.net/dbd.svg');}.icon-ffxiv-svg{-webkit-mask-image:url('https://die-lounge.net/ffxiv.svg');mask-image:url('https://die-lounge.net/ffxiv.svg');}.icon-valorant-svg{-webkit-mask-image:url('https://die-lounge.net/valorant.svg');mask-image:url('https://die-lounge.net/valorant.svg');}.icon-warframe-svg{-webkit-mask-image:url('https://die-lounge.net/warframe.svg');mask-image:url('https://die-lounge.net/warframe.svg');}.icon-path-of-exile-2-svg{-webkit-mask-image:url('https://die-lounge.net/poe2.svg');mask-image:url('https://die-lounge.net/poe2.svg');}.icon-battlefield-svg,.icon-cs2-svg,.icon-d4-svg,.icon-league-svg,.icon-arc-svg,.icon-dbd-svg,.icon-ffxiv-svg,.icon-valorant-svg,.icon-warframe-svg,.icon-path-of-exile-2-svg{color:#e5e7eb;transition:color var(--transition-tech);margin-right:0;width:clamp(3.5rem,5vw,5.75rem) !important;height:clamp(1.3rem,2vw,2.2rem) !important;flex-shrink:0;vertical-align:middle;}#desktop-links > li > a:hover .icon-battlefield-svg,#desktop-links > li > a:hover .icon-cs2-svg,#desktop-links > li > a:hover .icon-d4-svg,#desktop-links > li > a:hover .icon-league-svg,#desktop-links > li > a:hover .icon-arc-svg,#desktop-links > li > a:hover .icon-dbd-svg,#desktop-links > li > a:hover .icon-ffxiv-svg,#desktop-links > li > a:hover .icon-valorant-svg,#desktop-links > li > a:hover .icon-warframe-svg,#desktop-links > li > a:hover .icon-path-of-exile-2-svg{color:var(--c-text-main);}#desktop-links > li > a.active .icon-battlefield-svg,#desktop-links > li > a.active .icon-cs2-svg,#desktop-links > li > a.active .icon-d4-svg,#desktop-links > li > a.active .icon-league-svg,#desktop-links > li > a.active .icon-arc-svg,#desktop-links > li > a.active .icon-dbd-svg,#desktop-links > li > a.active .icon-ffxiv-svg,#desktop-links > li > a.active .icon-valorant-svg,#desktop-links > li > a.active .icon-warframe-svg,#desktop-links > li > a.active .icon-path-of-exile-2-svg{color:var(--c-accent);}.sidebar-links a:hover .icon-battlefield-svg,.sidebar-links a:hover .icon-cs2-svg,.sidebar-links a:hover .icon-d4-svg,.sidebar-links a:hover .icon-league-svg,.sidebar-links a:hover .icon-arc-svg,.sidebar-links a:hover .icon-dbd-svg,.sidebar-links a:hover .icon-ffxiv-svg,.sidebar-links a:hover .icon-valorant-svg,.sidebar-links a:hover .icon-warframe-svg,.sidebar-links a:hover .icon-path-of-exile-2-svg{color:#fff;}.sidebar-links a.active .icon-battlefield-svg,.sidebar-links a.active .icon-cs2-svg,.sidebar-links a.active .icon-d4-svg,.sidebar-links a.active .icon-league-svg,.sidebar-links a.active .icon-arc-svg,.sidebar-links a.active .icon-dbd-svg,.sidebar-links a.active .icon-ffxiv-svg,.sidebar-links a.active .icon-valorant-svg,.sidebar-links a.active .icon-warframe-svg,.sidebar-links a.active .icon-path-of-exile-2-svg{color:var(--c-accent);}