:root{--body:#161b26;--text:#ffffff;--text-dark:#d3d3d3;--link:#6efff5d3;--link-hover:#58dbffd3;--back:#2135cbd3;--back2:hsla(219, 35%, 50%, 0.827);--back3:#78d4dfd3;--slight-gray-background:#51515177;--header-back:var(--back2);--blur:blur(10px);--header-height:60px;--global-hue:218;--global-saturation:30%;--regular-font:'Poppins',sans-serf;--monospace-font:monospace}html{min-height:100%}body{background:hsl(var(--global-hue) var(--global-saturation) 11.8%);background-attachment:fixed}*{color:var(--text);font-family:var(--regular-font)}a{color:var(--link);transition:.2s ease-out color}a:hover{color:var(--link-hover)}button,input{background:hsl(var(--global-hue) var(--global-saturation) 30%);border:none;border-radius:10px;transition:.2s ease-out;padding:5px}button:hover,input:hover{background:hsl(var(--global-hue) var(--global-saturation) 40%);filter:drop-shadow(0 0 5px hsl(var(--global-hue) var(--global-saturation) 40%))}#header{position:absolute;top:calc(var(--header-height)/ 6);left:10px;width:calc(100vw - 20px);height:calc(var(--header-height)/ 1.2);border-radius:10px;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);z-index:10}#header .headerWrap .left,#header .headerWrap .middle,#header .headerWrap .right{position:absolute;left:0;width:max-content;height:100%;display:flex;justify-content:flex-start;align-items:center;gap:10px;box-sizing:border-box;padding:0 15px;z-index:6}#header .headerWrap .middle{justify-content:center;width:100%;z-index:5}#header .headerWrap .right{left:unset;right:0;justify-content:flex-end}@media (display-mode:window-controls-overlay){#header{position:fixed;left:env(titlebar-area-x,0);top:env(titlebar-area-y,0);width:100vw;padding-top:5px;padding-bottom:5px;background:hsl(var(--global-hue) var(--global-saturation) 11.8%);border-radius:0}#header{-webkit-app-region:drag;app-region:drag}#header .headerWrap .left *,#header .headerWrap .middle *,#header .headerWrap .right *{-webkit-app-region:no-drag;app-region:no-drag}#header .headerWrap .right{right:150px}}#header .headerWrap{position:relative;width:100%;height:100%}#header .headerWrap .bar{background:hsl(var(--global-hue) var(--global-saturation) 30%);border-radius:10px;padding:5px}#header .headerWrap a{text-decoration:none;font-size:19px;transition:.2s ease-out;padding:5px;border-radius:5px;text-wrap:nowrap;color:var(--text);display:inline-block;line-height:20px;cursor:pointer}#header .headerWrap a:hover{background:hsl(var(--global-hue) var(--global-saturation) 40%);filter:drop-shadow(0 0 5px hsl(var(--global-hue) var(--global-saturation) 40%))}#header .headerWrap a.current{background:hsl(var(--global-hue) var(--global-saturation) 20%);pointer-events:none}#header .headerWrap a:has(i.fa-solid){width:20px;height:20px;line-height:20px;text-align:center}#header .headerWrap a span.play,#header .headerWrap a span.snipe{font-size:25px;font-weight:700}#header .headerWrap a span.play{color:#70ffe9}#header .headerWrap a:has(span.snipe){background:0 0}#header .headerWrap #search-form{width:600px;max-width:calc(100vw - 700px);height:45px;position:relative}#header .headerWrap #search-form input{width:100%;height:100%;background:hsl(var(--global-hue) var(--global-saturation) 30%);border-radius:45px;border:none;padding:10px 15px;box-sizing:border-box;font-size:18px;transition:.2s ease-out}#header .headerWrap #search-form input::placeholder{color:#e6e6e6}#header .headerWrap #search-form input:focus,#header .headerWrap #search-form input:hover{background:hsl(var(--global-hue) var(--global-saturation) 40%);filter:drop-shadow(0 0 5px hsl(var(--global-hue) var(--global-saturation) 40%));outline:0}#header .headerWrap #search-form .fa-magnifying-glass{position:absolute;right:10px;top:0;line-height:45px}#header .headerWrap #search-form #search-results{position:absolute;top:calc(100% + 10px);max-height:50vh;width:100%;left:0;backdrop-filter:var(--blur);border-radius:10px;display:flex;flex-direction:column;overflow:scroll;gap:5px;box-sizing:border-box;padding:0;background:hsl(var(--global-hue) var(--global-saturation) 40%);filter:drop-shadow(0 0 5px hsl(var(--global-hue) var(--global-saturation) 40%));transition:.2s ease-out transform;transform-origin:top;transform:scaleY(0)}#header .headerWrap #search-form #search-results:has(.search-game:focus),#header .headerWrap #search-form input:focus~#search-results{transform:none}#header .headerWrap #search-form #search-results:has(.search-game){padding:5px}#header .headerWrap #search-form #search-results .search-game{width:100%;height:50px;display:flex;box-sizing:border-box;padding:5px;gap:10px;cursor:pointer;border-radius:10px;transition:.2s ease-out}#header .headerWrap #search-form #search-results .search-game:hover{background:hsl(var(--global-hue) var(--global-saturation) 50%);filter:drop-shadow(0 0 5px hsl(var(--global-hue) var(--global-saturation) 50%))}#header .headerWrap #search-form #search-results .search-game img{height:40px;width:40px;border-radius:5px}#header .headerWrap #search-form #search-results .search-game span{font-size:20px}#header .headerWrap #search-form #search-results .search-game:nth-child(1){background:hsl(var(--global-hue) var(--global-saturation) 45%);filter:drop-shadow(0 0 5px hsl(var(--global-hue) var(--global-saturation) 45%))}#header .headerWrap #search-form #search-results .fa-solid.fa-turn-down.fa-rotate-90{position:absolute;right:20px;top:15px}#header .headerWrap a#profileAnchor{height:40px;width:40px;border-radius:10px;background:hsl(var(--global-hue) var(--global-saturation) 30%);padding:0}#profileAnchor img{width:100%;height:100%;object-fit:cover;object-position:50% 0;border-radius:10px}#header .headerWrap a:has(i.fa-bell){position:relative}#header .headerWrap a:has(i.fa-bell)::after{content:'•';color:#f5291b;position:absolute;right:5px;top:0;font-size:30px;line-height:20px}.wrap{margin-top:70px;overflow-x:hidden}#temp-wrap #temp-menu{position:fixed;left:var(--posX);top:var(--posY);background:hsl(var(--global-hue) var(--global-saturation) 30%);border-radius:10px;padding:10px;z-index:999999999}#dotdotdot-menu{width:300px}notificationWrap{position:fixed;bottom:-100vh;display:flex;justify-content:center;width:100vw;z-index:999999999;opacity:0}notification{width:max-content;padding:5px 50px;border-radius:8px;background:hsl(var(--global-hue),var(--global-saturation),40%);filter:drop-shadow(0 0 5px hsl(var(--global-hue) var(--global-saturation) 50%));transition:.2s ease-out;position:relative;font-size:20px;overflow:hidden;height:35px;box-sizing:border-box;line-height:25px;display:block}notificationWrap.visible{animation:notificationAnim 2s}@keyframes notificationAnim{0%{bottom:50px}10%{opacity:1;bottom:50px}85%{opacity:1;bottom:50px}90%{opacity:0;bottom:50px}100%{bottom:-100vh}}notification .progress{width:100%;height:5px;background:var(--white);position:absolute;bottom:0;left:0;transition:0s}notification .progress.empty{width:0%;transition:2s}notification .x{position:absolute;right:0;top:0;width:35px;height:35px;border-radius:0 8px 8px 0;transition:.2s ease-out;font-size:25px;text-align:center;line-height:35px;cursor:pointer}notification .x:hover{background:var(--back3)}#pop-up-wrap{position:fixed;top:0;left:0;width:100vw;height:100vh;justify-content:center;align-items:center;transition:.2s ease-out;display:flex;z-index:-999}.pop-up-visible #pop-up-wrap{backdrop-filter:blur(10px) brightness(80%);-webkit-backdrop-filter:blur(10px) brightness(50%);z-index:99999999}#pop-up{display:flex;flex-direction:column;background:hsl(var(--global-hue) var(--global-saturation) 30%);min-width:500px;min-height:300px;box-sizing:border-box;padding:20px;border-radius:10px;transform:scale(0);transition:.2s ease-out}.pop-up-visible #pop-up{transform:scale(100%)}#pop-up .title{margin-top:5px}