@keyframes achievementSlideIn{0%{opacity:0;transform:translate(120%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes achievementSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(120%) scale(.9)}}.achievement-popup{position:fixed;bottom:24px;right:24px;z-index:9999;pointer-events:none;animation:achievementSlideIn .4s cubic-bezier(.16,1,.3,1) forwards;min-width:340px;max-width:400px}.achievement-popup-border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;border:2px solid;opacity:.5;pointer-events:none}.achievement-popup-content{position:relative;display:flex;align-items:flex-start;gap:14px;padding:16px 16px 14px 14px;background:linear-gradient(180deg,#1b2838 0%,#16202d 100%);border-radius:8px;border:1px solid #2a475e;box-shadow:0 8px 32px #0009,0 0 0 1px #66c0f41a;pointer-events:all;overflow:hidden}.achievement-popup-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#66c0f4,transparent);opacity:.6}.achievement-popup-icon{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0e1621;border-radius:8px;border:1px solid #2a475e;flex-shrink:0}.achievement-popup-info{flex:1;min-width:0}.achievement-popup-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#66c0f4;font-weight:700;margin:0 0 4px}.achievement-popup-title{font-size:14px;font-weight:600;color:#fff;margin:0 0 4px;letter-spacing:.01em}.achievement-popup-desc{font-size:12px;color:#8f98a0;margin:0 0 10px;line-height:1.4}.achievement-popup-footer{display:flex;justify-content:space-between;align-items:center}.achievement-popup-rarity{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.achievement-popup-xp{font-size:11px;color:#f0a830;font-weight:600}.achievement-popup-close{background:none;border:none;color:#8f98a0;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s,background-color .15s;flex-shrink:0;margin-top:-4px}.achievement-popup-close:hover{color:#fff;background-color:#ffffff1a}.achievement-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#16202d;border-radius:6px;border:1px solid #2a475e;transition:background-color .2s,border-color .2s;cursor:default}.achievement-badge:hover{background:#1e3243;border-color:#3d6b8a}.achievement-badge-icon{font-size:18px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0e1621;border-radius:6px;border:1px solid #2a475e}.achievement-badge-info{flex:1;min-width:0}.achievement-badge-title{font-size:13px;font-weight:600;color:#fff;margin:0}.achievement-badge-desc{font-size:11px;color:#8f98a0;margin:2px 0 0;line-height:1.3}.achievement-badge-rarity{font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;padding:2px 6px;border-radius:3px}.rarity-common{color:#b3b6b4;background:rgba(179,182,180,.1)}.rarity-rare{color:#67abe2;background:rgba(102,171,226,.1)}.rarity-epic{color:#a855f7;background:rgba(168,85,247,.1)}.rarity-legendary{color:#f0a830;background:rgba(240,168,48,.1)}.nav{position:fixed;top:0;left:0;z-index:1030;width:100%;font-family:Inter,Motiva Sans,Arial,Helvetica,sans-serif}.help-bar{width:100%;display:flex;align-items:center;justify-content:space-between;height:32px;background-color:#171a21;color:#8f98a0;font-size:11px;font-weight:400;padding:0 12px;border-bottom:1px solid #000;box-sizing:border-box}.left{display:flex;align-items:center;height:100%;flex:1;min-width:0}.left p{font-size:11px;margin:0;padding:0 10px;color:#8f98a0;transition:color .15s ease;text-transform:none;font-weight:400;letter-spacing:0;height:100%;display:flex;align-items:center}.left p:hover{color:#fff;cursor:pointer;background-color:#ffffff0d}.nav-little{display:flex;justify-content:center;align-items:center;margin-left:0;margin-right:4px;font-size:12px;font-weight:600;color:#66c0f4;padding:0 8px;height:100%;letter-spacing:.04em;gap:6px}.nav-little:hover{cursor:pointer;color:#fff;background-color:#ffffff0d}.nav-little-icon{width:98px;height:118px;object-fit:contain;display:block;filter:drop-shadow(0 0 4px rgba(20,26,29,.4))}.nav-little:hover .nav-little-icon{filter:drop-shadow(0 0 6px rgba(102,192,244,.7))}.nav-little span{margin-left:0}.right{display:flex;align-items:center;gap:0;height:100%;flex-shrink:0}.right p{font-size:13px;margin:0;color:#8f98a0;cursor:pointer;transition:color .15s ease;height:100%;display:flex;align-items:center}.nav-icon{background-color:#414e54;padding:0 14px;height:100%;display:flex;align-items:center;transition:background-color .2s ease}.nav-icon:hover{background-color:#4f5e64}.nav-icon .icon{font-size:13px;color:#fff}.guest-box{background-color:#5e6061;padding:0 12px;color:#c7d5e0;display:flex;align-items:center;border:none;border-right:2px solid #66c0f4;transition:background-color .2s ease;height:100%;gap:6px}.guest-box-name p{margin:0;padding:0;font-size:12px;color:#66c0f4!important;font-weight:600;letter-spacing:.02em;height:auto}.manage-user-dropdown{background-color:#171a21;position:absolute;top:32px;padding:4px 0;z-index:1500;width:220px;right:0;border:1px solid #000;box-shadow:0 6px 24px #0009}.manage-user-dropdown p{color:#c7d5e0!important;font-size:13px!important;padding:8px 14px;text-transform:none;font-weight:400;letter-spacing:0;display:block;margin:0;height:auto}.manage-user-dropdown p:hover{cursor:pointer;color:#fff!important;background-color:#66c0f426}#dd-profile{color:#66c0f4!important}#dd-profile:hover{color:#a4d2f5!important;background-color:#66c0f426}.hrboi{border:none;border-top:1px solid #2a475e;margin:4px 0}#right-hover-box{width:36px;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#8f98a0;transition:background-color .2s ease}#right-hover-box:hover{background-color:#4f5e64;color:#fff}nav{display:flex;align-items:stretch;background-color:#171a21;padding:0;margin-top:0;height:48px;border-bottom:1px solid #000;box-sizing:border-box;position:relative}.nav-arrows{display:flex;align-items:center;padding:0 12px;gap:8px;border-right:1px solid #2a2f37;height:100%}#arrow{font-size:16px;color:#67707b;cursor:pointer;transition:color .15s ease;padding:4px}#arrow:hover{color:#fff}.hover-menu{position:relative;display:flex;align-items:center;height:100%}.hover-menu-trigger{display:flex;align-items:center;height:100%;padding:0 18px;font-size:13px;font-weight:600;letter-spacing:.06em;color:#8f98a0;cursor:pointer;text-transform:uppercase;transition:color .15s ease,background-color .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.hover-menu-trigger:hover{color:#fff;background-color:#66c0f414}.hover-menu-active{color:#fff!important;background:linear-gradient(180deg,#67c1f5 0%,#2c7cb5 100%)}.hover-menu:hover .hover-menu-trigger{color:#fff;background-color:#66c0f41f}.hover-menu-popup{position:absolute;top:100%;left:0;min-width:280px;background-color:#1b2838;border:1px solid #000;border-top:2px solid #66c0f4;box-shadow:0 8px 24px #0009;display:flex;z-index:1100;animation:hoverMenuFadeIn .15s ease forwards}@keyframes hoverMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hover-menu-items{display:flex;flex-direction:column;min-width:200px;background-color:#16202d;padding:6px 0}.hover-menu-item{display:block;padding:10px 18px;color:#c7d5e0;font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:500;text-decoration:none;transition:background-color .15s ease,color .15s ease;border-left:2px solid transparent}.hover-menu-item:hover{background-color:#66c0f426;color:#fff;border-left-color:#66c0f4}.hover-menu-item-active{background-color:#66c0f433;color:#fff!important;border-left-color:#66c0f4}.hover-menu-description{flex:1;min-width:220px;padding:14px 18px;background-color:#1b2838;border-left:1px solid #0e1621}.hover-menu-description-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#66c0f4;font-weight:700;margin-bottom:6px}.hover-menu-description-text{font-size:12px;color:#8f98a0;line-height:1.5;text-transform:none;letter-spacing:0;font-weight:400}.hover-menu-description-block{margin-top:14px;padding-top:14px;border-top:1px solid #2a475e}.hover-menu-description-block:first-child{border-top:none;padding-top:0;margin-top:0}.game-bar{display:flex;justify-content:space-between;padding:15px;position:fixed;border:1px solid rgb(72,72,72);left:0;bottom:0;width:100%;background-color:#171a21;color:#80889f;text-align:center;z-index:9999}#add-game-icon{background-color:gray;color:#000;padding:.2px;margin-right:5px}.game-bar div{display:flex}.game-bar p{font-size:14px}.game-bar div:nth-child(1){display:flex;align-items:center}.game-bar div:nth-child(2) p{margin-left:5px}.game-bar div:nth-child(3) p{margin-right:5px}.game-bar div:hover{color:#fff;cursor:pointer}.bar-container{z-index:0;position:absolute;display:flex;margin-top:20px;justify-content:center;align-items:center;width:100%}.bar{display:flex;justify-content:space-between;align-items:center;width:65%;height:35px;background:linear-gradient(to left,#2a407b,#2a407b 50%,#5186a4 75%,#5186a4 75%)}.bar-links{display:flex;width:55%;justify-content:center}.search-bar{display:flex;width:16%;font-size:12px}.search-bar input{background-color:#5186a47e;color:#fff;border-radius:5px;font-style:italic}.search-bar input:hover{border:.5px solid rgba(0,255,255,.326)}.bar-title{margin:8px;padding-left:8px;font-size:12px;color:#b8b6b6}.bar-title:hover{cursor:pointer;background-color:#5186a4;opacity:.7}#search-icon{position:relative;left:-28px;top:2px;color:#454545;background-color:#5186a4;padding:8px;border-radius:2px}::placeholder{color:#000}.home-page{background-color:#1b2838;min-height:calc(100vh - 70px);padding-top:70px;background-image:linear-gradient(180deg,rgba(102,192,244,.04) 0%,rgba(0,0,0,0) 200px),linear-gradient(180deg,#1b2838 0%,#1b2838 100%)}.container{display:flex;justify-content:center;align-items:flex-start;background-color:#1b2838}.side{width:250px;margin-left:25px;position:sticky;top:80px}.carousel-container{display:flex;justify-content:center;background:linear-gradient(#1b2838,#344d6b);opacity:.9;align-items:center;height:450px;width:1100px;margin:0 auto;border-bottom:2px solid rgba(79,79,79,.5);box-shadow:0 30px 40px #0000}.car-container{display:flex;flex-direction:column;width:1050px;height:380px}.center-title{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;padding:5px;font-size:15px}.center-content{display:flex;align-items:center;width:100%;height:100%}.center-big-image{width:60%;height:100%;box-shadow:.6em 0 .4em #000}.center-big-image img{width:100%;height:100%;object-fit:cover;object-position:center top}.center-info{display:flex;z-index:-1;padding-left:10px;flex-direction:column;align-items:center;width:40%;height:100%;background-color:#0c1117;padding-top:10px;box-shadow:6px -3px 9px #000}.center-info-title{display:flex;flex-wrap:wrap;width:100%;height:20%;margin-left:15px;font-size:30px;font-weight:600;word-wrap:break-word}.center-info-screens{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;column-gap:10px;grid-row-gap:1px;width:100%;height:55%}.center-info-screens img{width:100%;height:100%;object-fit:cover;object-position:center top}.center-info-screens img{width:100%;height:90px;object-fit:cover;object-position:center top}.center-info-price{display:flex;flex-direction:column;padding:5px;height:35%;width:100%}.center-info-avai{font-size:15px;padding-left:5px}.tags{display:flex;width:100%}.tags ul{display:flex}.tags ul li{display:flex;justify-content:center;margin:0 5px;font-size:12px;text-align:center;padding:2px 4px;background-color:#393d42;width:90px}.price{display:flex;justify-content:flex-start;align-items:flex-end;height:100%;font-size:12px;padding-left:10px}#angle{font-size:50px;padding:20px 5px;background-color:#131c26;color:#fff}#angle:hover{cursor:pointer;background-color:#344d6b}.landing-image{display:flex;justify-content:center;align-items:center;height:40vh;width:100%;overflow:hidden;z-index:-1;margin-bottom:20px}.landing-image img{width:100%;height:auto;object-fit:cover}.special{display:flex;justify-content:center;align-items:center;flex-direction:row;height:50vh;background-color:#1b2838}.angle-left-s{display:flex;justify-content:flex-end;width:20%}.angle-left-r{width:20%}.special .special-center{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:60%}.special-center img{cursor:pointer}.special-title{display:flex;width:100%;justify-content:space-between}.special-title-left p{font-size:12px;font-weight:700}.special-title-right{border:1px solid gray;padding:0 10px}.special-title-right:hover{border:1px solid white;cursor:pointer}.special-title-right p{font-size:12px}.special-content{display:grid;margin-top:15px;width:100%;grid-template-columns:auto auto auto;grid-gap:10px}.special-content>div{padding:10px}.grid1{height:420px!important}.grid3{grid-column:3;grid-row:span 2;height:50%}.grid4{margin-top:12px;grid-column:3;grid-row:span 2;height:50%;border-radius:3px;border:1px solid black;box-shadow:2px 2px 2px #000}.special-details{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:15px;background-color:#1d6f95;height:30%}.special-details div{margin:5px}.special-details div:nth-child(1) p{font-size:14px;font-weight:600}.special-details div:nth-child(2) p{font-size:13px;color:#8bc9e6}.special-details div:nth-child(3){background-color:#4c6b22;color:#beee11;font-size:30px;padding:5px}.special-img-detail{height:70%}.special-img-detail-alt{height:75%}.special-details-alt{display:flex;align-items:center;justify-content:space-between;height:25%;color:#000;background-color:#b6dff5}.today{padding-left:8px}.special-img-detail img{height:100%;width:100%}.deals{display:flex;height:100%;justify-content:center;align-items:center;width:45%}.deals div:nth-child(1){background-color:#4c6b22;color:#beee11;height:100%;width:50%;display:flex;justify-content:center;align-items:center}.deals div:nth-child(1) p{font-size:25px}.deals div:nth-child(2){background-color:#3f4f65;height:100%;width:50%;display:flex;justify-content:center;align-items:center}.deals div:nth-child(2) p{color:#beee11}.steam-deck{display:flex;justify-content:center;height:30vh;background-color:#1b2838}.steam-deck-container{display:flex;width:53.2%;margin-top:50px}.steam-deck-img{width:70%}.valve-index{width:30%}.steam-deck-img:hover{cursor:pointer}.steam-deck-img img:hover{border-bottom:2px solid #1b2838;box-shadow:0 0 6px 5px #80b9ff83}.valve-index:hover{cursor:pointer}.valve-index img:hover{border-bottom:2px solid #1b2838;box-shadow:0 0 6px 5px #80b9ff83}.steam-deck-img,.valve-index{position:relative;display:inline-block}.overlay-text{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.7);color:#fff;padding:6px 16px;font-size:14px;letter-spacing:2px;border-radius:4px;opacity:0;transition:opacity .2s}.steam-deck-img:hover .overlay-text,.valve-index:hover .overlay-text{opacity:1}.category{display:flex;justify-content:center;align-items:center;background-color:#1b2838;height:20vh}.categories{display:flex;flex-direction:column}.category-title{margin-bottom:10px;font-weight:600}.categories-box{display:flex;justify-content:space-around}.categories-box div{margin:10px}.categories-box img{transition:transform .4s ease}.categories-box img:hover{cursor:pointer;transform:scale(1.1)}.queue{display:flex;justify-content:center;align-items:center;height:45vh;background-color:#1b2838;flex-direction:column}.queue-title{display:flex;justify-content:space-between;align-items:center;width:55%;margin-bottom:8px}.queue-title div:nth-child(2){border:1px solid gray;padding:0 10px}.queue-title div:nth-child(2) p{font-size:12px}.queue-title div:nth-child(2):hover{border:1px solid white;cursor:pointer}.queue-title div:nth-child(1) p{font-size:14px}.queue-content img:hover{cursor:pointer;filter:brightness(1.1)}.queue-content{transition:filter .3s ease;outline:none;border:none}.game-listing{display:flex;align-items:center;flex-direction:column;background-color:#1b2838;height:90vh}.game-listing-title-container{display:flex;justify-content:center;width:100%}.game-listing-title{display:flex;width:50%}.game-listing-title p{margin-left:15px;color:#3994bc;padding:2px 5px;border-radius:2px}.game-listing-title p:hover{color:#fff;background-color:#2a475e;cursor:pointer}.cards-active{border-left:3px solid #67abe2}.game-cards-images-header{display:flex;justify-content:space-between;width:100%;padding:5px 10px;align-items:center}.window-controls{display:flex;gap:8px;font-size:14px;color:#000}.window-controls svg{cursor:pointer}.card-desc{padding:5px 10px;color:#000;font-size:13px}.card-stack{padding:5px 10px;color:#000;font-size:12px}.card-links{display:flex;gap:10px;padding:5px 10px}.card-links a{background-color:#67abe2;color:#fff;padding:4px 12px;text-decoration:none;font-size:12px;border-radius:2px}.card-links a:hover{background-color:#4a9fc7}.game-listing-cards{background-color:#2a475e;height:100%;display:flex;justify-content:center;width:100%}#hawt{background-color:#2a475e;color:#fff}.game-listing-cards-box{display:flex;justify-content:center;width:60%}.game-cards{display:flex;flex-direction:column;justify-content:flex-start;width:50%;margin-top:10px}.cards{display:flex;justify-content:flex-start;align-items:center;width:100%;height:9%;margin-top:5px;background-color:#1b28384d}.cards-img{height:100%}.game-cards-title{display:flex;justify-content:flex-end;align-items:center;width:100%;padding-right:10px}.game-cards-title p{font-size:12px;margin-right:5px}.game-cards-title span{border:1px solid gray;padding:1px 10px;font-size:14px}.game-cards-title span:hover{border:1px solid white;cursor:pointer}.game-cards-images-details{display:flex;width:30%}.cards-details{display:flex;position:absolute;justify-content:space-between;align-items:center;width:372px;right:700px;height:70px;background-color:#9bc1d7}.cards-details-alt{display:flex;justify-content:space-between;align-items:center;width:90%;height:100%;background-color:#1e3243}.card-details-p{color:#000}.card-details-title{display:flex;justify-content:space-between;align-items:flex-start;margin-left:5px;padding:2px;flex-direction:column;width:60%;height:100%}.cards-details-alt .card-details-p{color:#fff}.card-details-tags{color:gray;font-size:12px}.card-details-price{display:flex;align-items:center;height:100%;padding-right:55px;width:70%;justify-content:space-between}.card-details-price-alt{display:flex;align-items:center;height:100%;width:70%;padding-right:20px;justify-content:space-between}.card-details-price div:nth-child(1){background-color:#4c6b22;color:#beee16;padding:3px 5px}.card-details-price div:nth-child(2){display:flex;justify-content:flex-end;width:100%}.card-details-price div:nth-child(2) p{color:#000;margin-right:15px}.cards-details:hover{cursor:pointer}.cards-details:hover .card-details-price div:nth-child(2) p{color:#000}#windows-logo{height:17px}.game-cards-images-details{display:flex;align-items:center;background-color:#9bc1d7;flex-direction:column;margin-left:10px}.game-cards-images-title p{font-size:25px;margin-top:15px;color:#000;width:100%}.card-reviews{display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;background-color:#4d5f6f;width:70%;border-radius:5px;margin-top:10px;padding:2px}.card-reviews p{font-size:12px;margin-left:5px}.card-reviews p:nth-child(2){color:#63a5b0}.card-reviews p:nth-child(2) span{color:#fff}.card-image-tags{display:flex;flex-direction:row;margin-top:10px}.card-image-tags p{font-size:12px;margin-left:6px;padding:1px 5px;background-color:#4d5f6f}.card-image-screenshot{display:flex;flex-direction:column;margin-top:10px}.card-image-screenshot img{margin-top:5px}.home-side{display:flex;justify-content:center;align-items:center;flex-direction:column}.side-ul-list{display:flex;justify-content:center;align-items:center}.side-ul-list ul{list-style:none}.side-ul-list h2{color:#557d9a;margin-top:15px;margin-bottom:5px;font-size:14px}.side-ul-list li{color:#506f86;font-size:13.5px}.side-ul-list ul li:hover{cursor:pointer;color:#30a2d3}.library{min-height:calc(100vh - 70px);background-color:#1b2838;padding-top:90px;padding-bottom:60px;display:flex}.library-sidebar{display:flex;border-right:2px solid rgba(0,0,0,.464);width:25%;flex-direction:column}.home-side-container{width:100%;padding:5px;display:flex;background-color:#0007;justify-content:space-between}.home-bar{display:flex;justify-content:flex-start;align-items:center;height:100%;border-radius:3px;width:90%;margin-right:5px;background-color:#252b34b5}.home-bar p{font-size:13px;padding:5px;color:gray}.home-bar:hover{filter:brightness(1.5);cursor:pointer}.home-bar-square{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:10%;margin-top:2px}.home-bar-square:hover{color:#fff;cursor:pointer;background-color:#e8e8e8}#square{font-size:14px;color:gray;margin:2px}.side-list-container{height:100%}.games-filter-box{display:flex;justify-content:space-between;align-items:center;width:100%}.games-filter-box div:nth-child(1){display:flex;justify-content:space-between;background-color:#1b2026ec;width:85%;margin:5px;padding:5px;border-radius:3px}#faDownGame{font-size:15px;margin-top:5px;color:gray}.games-filter-box div:nth-child(1):hover{filter:brightness(1.5);cursor:pointer}.games-filter-box div:nth-child(1) p{color:gray}.games-filter-box div:nth-child(2){display:flex;justify-content:space-evenly;width:15%}#clock{color:gray}#clock:hover{filter:brightness(1.7);cursor:pointer}#play{color:gray}#play:hover{filter:brightness(1.55);cursor:pointer}.search-box{position:relative;display:flex;justify-content:center;align-items:center;margin-top:2px}#search-box{position:absolute;left:15px;color:gray}.search-box input{width:97%;border-radius:0!important;background-color:#1b2026ec}.search-box input::placeholder{opacity:0}.search-box input:hover::placeholder{color:gray;padding-left:10px;opacity:1}#slider{color:gray;position:absolute;right:25px}.library-right{display:flex;flex-direction:column;width:75%;margin-left:15px}.recent-games-list{display:flex;justify-content:flex-start;align-items:center;height:10%}.recent-games-list p{font-size:15px;color:#aaa9a9;margin-left:10px}.recent-games-list hr{background:linear-gradient(to right,transparent,rgb(37,37,37));width:900px;height:1px;margin-left:10px}.sort-by-list{height:5%;display:flex;justify-content:flex-start;align-items:center}.sort-by-list p{font-size:12px;color:#aaa9a9;margin-left:10px;margin-top:5px}.sort-by-list span{margin-left:10px;margin-top:5px;font-size:12px;color:#aaa9a9;background-color:#4d4b4b;padding:1px 4px}.right-list{display:flex;flex-wrap:wrap;height:85%}.right-list div{margin:10px}.right-list img{height:250px;box-shadow:0 0 10px 4px #000}.right-list img:hover{transform:scale(1.05);cursor:pointer;box-shadow:0 0 10px 4px #000}.library-list{height:80%;margin-top:10px}.recent-list{width:100%}#plus{font-size:15px}.recent-list p{font-size:13px;padding:1px 1px 1px 5px;background-color:#233244}.recent-list p:hover{cursor:pointer;background-color:#374c65}#imdying{color:gray}.recent-games-list-idk{background-color:#1b2026ec}.recent-games-list-idk ul li{list-style:none}.recent-games-list-idk li{display:flex;justify-content:flex-start;align-items:center;margin-left:20px;font-size:12px}.recent-games-list-idk img{width:23px;padding-right:3px}.recent-games-list-idk li:hover{cursor:pointer;background-color:#374c65}.community{display:flex;background-color:#1b2838;min-height:calc(100vh - 70px);margin:0;padding:90px 0 60px;flex-direction:column}.community-title{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:30px}.community-title div:nth-child(1){display:flex;justify-content:flex-start;width:50%;margin-bottom:10px}.community-title div:nth-child(1) h4{font-size:25px}.community-title div:nth-child(2){display:flex;justify-content:flex-start;width:50%}.community-title div:nth-child(2) p{color:gray;font-size:16px}.recent-game-hubs{display:flex;width:50%;margin:10px auto 0}.recent-games{display:flex;justify-content:space-between;align-items:center;height:200px;width:65%;background-color:#192532}.recently-played{width:50%;height:100%;border-radius:2px}.recently-title{width:100%;padding:5px}.recently-title p{font-size:9px;margin-left:7px;color:gray}.recently-community-games{display:flex;flex-direction:column}.recently-community-games div{display:flex}.recently-community-games img{height:30px}.rp-container{margin-left:8px;margin-top:5px}.rp{display:flex;flex-direction:column;margin-left:5px}.rp p:nth-child(2){color:#2a7e8e}.recently-community-games p{font-size:12px}.recently-hubs{width:50%;height:100%}.hubs{background-color:#192532;width:35%;margin-left:10px;height:100%;padding:10px;border-radius:2px}.find-hubs{height:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-bottom:25px;border-bottom:2px solid #141414}.find-hubs div:nth-child(1){width:100%}.find-hubs div:nth-child(1) p{margin-left:10px;padding:5px;font-size:11px;color:gray}.find-hubs input{background-color:#2b475e}.find-hubs input::placeholder{color:#fff;font-size:12px}.hubs hr{width:90%;color:#000;margin:0 auto}.find-people{height:50%}.find-people{height:50%;display:flex;justify-content:center;align-items:center;flex-direction:column}.find-people div:nth-child(1){width:100%}.find-people div:nth-child(1) p{margin-left:10px;padding:5px;font-size:11px;color:gray}.find-people input{background-color:#2b475e}.find-people input::placeholder{color:#fff;font-size:12px}.find-people div:nth-child(2){position:relative}#hub-search{position:relative;left:-30px}.profile-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100vh - 70px);padding-top:90px;padding-bottom:60px;z-index:0;background-color:#1b2838}.profile-background{width:80%;height:130%;background-color:#0d1114;background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;top:75px;border-radius:5px;z-index:1;opacity:.5}.profile-content-div{display:flex;flex-direction:column;width:55%;height:100%;z-index:2;opacity:.8;background-color:#171a21}.profile-content-title{display:flex;justify-content:space-around;align-items:center;margin-top:40px;color:#dcdcdc}.profile-pic{width:25%;margin:0 16px}.profile-pic img{width:100%;height:170px;margin-left:20px;border:5px solid #e9a7ff;box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem #bc13fe,0 0 .8rem #bc13fe,0 0 2.8rem #bc13fe,inset 0 0 1.3rem #bc13fe;border-radius:15px}.profile-bio{display:flex;height:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:50%;margin-left:50px}.profile-bio h1{margin-bottom:50px}.profile-level{display:flex;flex-direction:column;justify-content:center;align-items:center;width:35%;margin-right:15px}.level{display:flex;justify-content:center;align-items:center;width:100%;height:50px}#ribbon{font-size:30px;margin-right:14px}.fav-badge{background-color:#0e1014;color:#b3b6b4;border-radius:5px;padding:10px 30px;margin:0 auto;display:flex;justify-content:center;align-items:center;width:70%}.profile-btns{display:flex;justify-content:center;align-items:center;width:100%;margin-top:3px;height:50px}.profile-btns button{background-color:#000;color:#fff;border-radius:2px;padding:10px;margin:0 3px;display:flex;justify-content:center;align-items:center;outline:none;border:none}.profile-btns button:hover{background-color:#0e1014;cursor:pointer}.profile-grid{display:grid;column-gap:10px}.level h2{padding:8px;border:1px solid rgb(138,87,255);border-radius:50%;margin-left:5px}.xp-bar-container{width:70%;height:8px;background:#0e1014;border-radius:4px;overflow:hidden;margin-top:6px}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#67abe2,#bc13fe);transition:width .5s ease}.badges{padding:10px 20px;color:#dcdcdc}.badges h3{font-size:14px;color:#b3b6b4}*{--bg-color: #0d1114;--main-bg-color: #25333d}.grid-container{margin-top:25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:10px}.grid-container>div{text-align:center;font-size:30px;border-radius:7px}.item1{display:flex;flex-direction:column;background-color:#2f4658;grid-column:1 / span 2;grid-row:1 / span 3}.item2{display:flex;flex-direction:column;background-color:#25333d;grid-column:3;grid-row:1 / span 11}.image-border{border-radius:10px;padding:5px}.item2 div{margin-top:30px;text-align:left;padding:5px}.item3{display:flex;flex-direction:column;background-color:var(--bg-color);grid-column:1 / span 2;grid-row:4 / span 1}.item4{display:flex;flex-direction:column;background-color:var(--bg-color);grid-column:1 / span 2;grid-row:5 / span 1}.item5{display:flex;flex-direction:column;background-color:var(--bg-color);grid-column:1 / span 2;grid-row:6 / span 1}.item6{display:flex;flex-direction:column;background-color:var(--bg-color);grid-column:1 / span 2;grid-row:7 / span 1}.item8{display:flex;flex-direction:column;background-color:var(--bg-color);grid-column:1 / span 2;grid-row:9 / span 1}.item7{display:flex;flex-direction:column;background-color:var(--bg-color);grid-column:1 / span 2;grid-row:8 / span 1}.game-achivements{display:flex;align-items:center;padding:5px;border-radius:5px;margin-top:5px;background-color:#25333d}.game-image{display:flex}.game-image p{color:#dcdcdc}.item3-wrapper{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 5px}.item3-wrapper p{font-size:20px;color:gray}.about-title{display:flex;justify-content:flex-start;background-color:#277cc2;width:100%;padding:5px;color:#dcdcdc}.favorite-game-image{display:flex;justify-content:space-between;color:#dcdcdc}.about-wrapper{display:flex;flex-direction:column;background-color:var(--bg-color);border-radius:5px;margin:10px;padding:5px}.about-wrapper p{display:flex;justify-content:center;align-items:center;font-size:30px;margin-left:15px}.online{margin:0;margin-top:0!important}.online p{text-align:left;font-size:19px;color:green!important}.item2 div p{display:flex;padding:3px;font-size:19px;color:#dcdcdc}.side-span{color:#fff;font-size:24px;margin-left:3px;padding-bottom:3px}.side-p:hover{text-decoration:underline;color:#fff;cursor:pointer}.side-p:hover .side-span{text-decoration:none}.side-container:hover .side-p{text-decoration:underline;color:#fff;cursor:pointer}.favorite-game-hours{display:flex;margin-top:13px;justify-content:flex-start;align-items:flex-start;color:#dcdcdc}.favorite-game-p p{display:flex;justify-content:flex-start;align-items:flex-start;font-size:20px;margin-bottom:13px;color:gray}.game-hours{display:flex;flex-direction:column;justify-content:flex-end}.game-text{font-size:15px!important}.game-hours p{font-size:15px}.item7{background-color:transparent!important}.item7 p{display:flex;justify-content:flex-end;padding:10px;color:#dcdcdc;font-size:12px!important}.item7 p:hover{text-decoration:underline;cursor:pointer}.achivement-p p{font-size:16px!important;color:#dcdcdc}.progress-bar{padding:5px;margin-bottom:5px}.friends-page{margin-top:0;min-height:calc(100vh - 70px);background-color:#1b2838;color:#c7d5e0;padding:90px 30px 60px}.friends-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.friends-header h2{font-size:24px;letter-spacing:2px}.friends-header p{color:#b3b6b4;margin-top:5px;font-size:12px}.friends-header-right p{background-color:#67abe2;padding:8px 16px;cursor:pointer;border-radius:4px;color:#fff}.friends-header-right p:hover{background-color:#4a9fc7}.friends-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:1px solid #2a475e;padding-bottom:8px}.friends-tabs p{padding:6px 16px;cursor:pointer;color:#b3b6b4;border-radius:4px}.friends-tabs p.active,.friends-tabs p:hover{background-color:#67abe2;color:#fff}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.friend-card{display:flex;background-color:#16202d;border-radius:6px;padding:16px;align-items:center;position:relative;transition:transform .2s}.friend-card:hover{transform:translateY(-2px);background-color:#1e2a3a}.friend-avatar{position:relative;margin-right:16px;flex-shrink:0}.friend-avatar img{width:70px;height:70px;border-radius:50%;object-fit:cover}.avatar-placeholder{width:70px;height:70px;border-radius:50%;background-color:#2a475e;display:flex;align-items:center;justify-content:center;font-size:28px;color:#67abe2}.status-dot{position:absolute;bottom:2px;right:2px;width:16px;height:16px;border-radius:50%;border:2px solid #16202d}.friend-info{flex:1;min-width:0}.friend-info h3{font-size:16px;color:#fff;margin-bottom:4px}.friend-handle{color:#67abe2;font-size:12px;margin-bottom:6px}.friend-tagline{color:#b3b6b4;font-size:12px;margin-bottom:10px}.friend-links{display:flex;gap:6px;flex-wrap:wrap}.friend-link{background-color:#2a475e;color:#a4d2f5;padding:4px 10px;border-radius:3px;font-size:11px;text-decoration:none;transition:background .2s}.friend-link:hover{background-color:#67abe2;color:#fff}.friend-actions{position:absolute;top:12px;right:12px;color:#b3b6b4;cursor:pointer}.wishlist-page{margin-top:0;min-height:calc(100vh - 70px);background-color:#1b2838;color:#c7d5e0;padding:90px 30px 60px}.wishlist-header{margin-bottom:30px}.wishlist-header h2{font-size:24px;letter-spacing:2px}.wishlist-header p{color:#b3b6b4;margin-top:5px;font-size:13px}.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.wishlist-card{background-color:#16202d;border-radius:6px;padding:20px;display:flex;flex-direction:column;gap:12px;border:1px solid #2a475e;transition:transform .2s}.wishlist-card:hover{transform:translateY(-3px);border-color:#67abe2}.wishlist-card-header{display:flex;justify-content:space-between;align-items:flex-start}.wishlist-company{display:flex;align-items:center;gap:12px}.wishlist-company h3{color:#fff;font-size:18px}.priority-badge{font-size:11px;padding:4px 10px;border:1px solid currentColor;border-radius:4px;letter-spacing:1px;text-transform:uppercase}.wishlist-notes{background:#1e2a3a;padding:10px;border-radius:4px;border-left:3px solid #67abe2}.wishlist-notes p{color:#b3b6b4;font-size:13px;font-style:italic}.wishlist-footer{display:flex;align-items:center;gap:8px;border-top:1px solid #2a475e;padding-top:10px}.wishlist-footer p{color:#b3b6b4;font-size:12px}.admin-layout{display:flex;min-height:100vh;background-color:#1b2838;color:#dcdcdc}.admin-sidebar{width:220px;background-color:#171a21;border-right:1px solid #2a475e;padding:20px 0;flex-shrink:0}.admin-sidebar h1{font-size:18px;padding:0 20px 20px;border-bottom:1px solid #2a475e;margin-bottom:10px;letter-spacing:2px;color:#67abe2}.admin-nav{list-style:none;padding:0;margin:0}.admin-nav li{padding:10px 20px;cursor:pointer;transition:all .15s;font-size:14px;border-left:3px solid transparent}.admin-nav li:hover{background-color:#2a475e;color:#fff}.admin-nav li.active{background-color:#2a475e;border-left:3px solid #67abe2;color:#67abe2;font-weight:700}.admin-content{flex:1;padding:30px;overflow-y:auto;max-height:100vh}.admin-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #2a475e}.admin-top-bar h2{font-size:22px;letter-spacing:1px}.admin-top-bar a{color:#67abe2;text-decoration:none;font-size:14px}.admin-top-bar a:hover{text-decoration:underline}.admin-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:13px}.admin-table th{background-color:#0e1014;color:#67abe2;padding:10px 12px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #2a475e}.admin-table td{padding:8px 12px;border-bottom:1px solid #2a475e;color:#b3b6b4;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-table tr:hover td{background-color:#16202d;color:#fff}.status-shipped{color:#63c85e}.status-wip{color:#f0a830}.status-archived{color:#b3b6b4}.status-online{color:#63c85e}.status-idle{color:#f0a830}.status-offline{color:#b3b6b4}.admin-form-container{margin-top:30px;padding:20px;background:#16202d;border-radius:6px;border:1px solid #2a475e}.admin-form-container h3{margin-bottom:20px;color:#67abe2;font-size:16px}.admin-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#b3b6b4;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{background-color:#1b2838;border:1px solid #2a475e;color:#fff;padding:8px 12px;border-radius:4px;font-size:13px;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#67abe2}.form-group textarea{resize:vertical}.form-group input[type=checkbox]{width:auto;margin-top:6px}.form-actions{grid-column:1 / -1;display:flex;gap:10px;margin-top:10px}.btn-primary{background:#67abe2;color:#fff;border:none;padding:10px 24px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700}.btn-primary:hover{background:#4a9fc7}.btn-edit{background:#2a475e;color:#a4d2f5;border:none;padding:4px 12px;border-radius:3px;cursor:pointer;font-size:12px;margin-right:6px}.btn-edit:hover{background:#67abe2;color:#fff}.btn-delete{background:#2a475e;color:#d94126;border:none;padding:4px 12px;border-radius:3px;cursor:pointer;font-size:12px}.btn-delete:hover{background:#d94126;color:#fff}.btn-cancel{background:transparent;color:#b3b6b4;border:1px solid #2a475e;padding:10px 24px;border-radius:4px;cursor:pointer;font-size:14px}.btn-cancel:hover{background:#2a475e;color:#fff}.admin-crud{padding:0}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-section-header h2{font-size:20px;letter-spacing:1px;color:#67abe2}.admin-gate{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#1b2838}.admin-gate-box{background:#171a21;padding:40px;border-radius:8px;width:400px;border:1px solid #2a475e}.admin-gate-box h2{color:#67abe2;margin-bottom:8px;text-align:center}.admin-gate-box p{color:#b3b6b4;text-align:center;margin-bottom:24px;font-size:13px}.admin-gate-box input{width:100%;padding:12px;background:#1b2838;border:1px solid #2a475e;color:#fff;border-radius:4px;font-size:16px;margin-bottom:12px;box-sizing:border-box}.admin-gate-box input:focus{outline:none;border-color:#67abe2}.admin-gate-box button{width:100%;padding:12px;background:#67abe2;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;font-weight:700}.admin-gate-box button:hover{background:#4a9fc7}.admin-gate-box .error{color:#d94126;font-size:13px;margin-top:8px;text-align:center}.admin-gate-box .locked{color:#f0a830;font-size:12px;text-align:center;margin-top:8px}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth;background-color:#1b2838}body{font-family:Inter,Motiva Sans,Arial,Helvetica,sans-serif;font-weight:400;color:#c7d5e0;background-color:#1b2838;letter-spacing:.01em;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Inter,Motiva Sans,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:#fff}button{font-family:inherit;text-transform:uppercase;letter-spacing:.05em;font-weight:600;cursor:pointer;transition:all .2s ease}a{color:#66c0f4;text-decoration:none;transition:color .2s ease}a:hover{color:#a4d2f5}.ujex-app{width:100%;min-height:100vh;background:linear-gradient(180deg,#1b2838 0%,#1b2838 80px,#1b2838 100%);display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:#1b2838}.app-main{flex:1;width:100%;background-color:#1b2838;min-height:calc(100vh - 100px)}.page-content{background-color:#1b2838;min-height:100vh;width:100%}.help-bar{width:100%;display:flex;align-items:center;height:32px;background-color:#171a21;color:#8f98a0;font-size:11px;font-weight:400;padding:0 12px;border-bottom:1px solid #000}.left{display:flex;align-items:center;flex:1;gap:0}.left p{font-size:11px;margin:0 10px;color:#8f98a0;padding:10px 5px;transition:color .15s ease;text-transform:none;font-weight:400;letter-spacing:0}.left p:hover{color:#fff;cursor:pointer}.right{display:flex;align-items:center;gap:5px}.right p{font-size:13px;margin:0 5px;color:#8f98a0;cursor:pointer;transition:color .15s ease}.nav-icon{background-color:#414e54;padding:4px 14px;margin-top:0;border-radius:0;transition:background-color .2s ease}.nav-icon:hover{background-color:#4f5e64;filter:brightness(1.2)}.guest-box{background-color:#5e6061;padding:5px 12px;color:#c7d5e0;border-radius:2px;display:flex;align-items:center;margin:0;border:none;border-right:2px solid #66c0f4;transition:background-color .2s ease}.guest-box:hover{background-color:#3d3e3f;cursor:pointer}.guest-box p{padding:0;font-size:12px;color:#66c0f4!important;margin:0 0 0 5px;font-weight:600;letter-spacing:.02em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0e1621}::-webkit-scrollbar-thumb{background:#2a475e;border-radius:5px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#66c0f4}::selection{background-color:#66c0f4;color:#171a21}.btn-steam{background:linear-gradient(180deg,#67c1f5 0%,#2c7cb5 100%);color:#fff;border:none;padding:10px 22px;font-size:14px;font-weight:600;letter-spacing:.04em;border-radius:2px;transition:all .2s ease;text-transform:uppercase;position:relative;overflow:hidden}.btn-steam:hover{background:linear-gradient(180deg,#a4d2f5 0%,#67c1f5 100%);transform:translateY(-1px);box-shadow:0 4px 12px #66c0f44d}.btn-steam:active{background:linear-gradient(180deg,#2c7cb5 0%,#1a5a8c 100%);transform:translateY(0)}.btn-steam-secondary{background:linear-gradient(180deg,#384959 0%,#1f2d3a 100%);color:#c7d5e0;border:none;padding:10px 22px;font-size:14px;font-weight:600;letter-spacing:.04em;border-radius:2px;transition:all .2s ease}.btn-steam-secondary:hover{background:linear-gradient(180deg,#4a5d6f 0%,#2a3e50 100%);color:#fff;transform:translateY(-1px)}.btn-steam-discount{background:linear-gradient(180deg,#75b022 0%,#588a1b 100%);color:#fff;border:none;padding:10px 22px;font-size:14px;font-weight:700;border-radius:2px;transition:all .2s ease}.btn-steam-discount:hover{background:linear-gradient(180deg,#8ed029 0%,#75b022 100%);transform:translateY(-1px);box-shadow:0 4px 12px #74b0224d}.link-blue{color:#66c0f4;font-weight:500;transition:color .2s ease}.link-blue:hover{color:#a4d2f5;text-decoration:underline}@keyframes skeletonPulse{0%{background-color:#2a475e}50%{background-color:#1f3a52}to{background-color:#2a475e}}.skeleton{animation:skeletonPulse 1.5s ease-in-out infinite;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.fade-in-scale{animation:fadeInScale .3s ease forwards}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000080}@keyframes pulse{0%{box-shadow:0 0 #66c0f4b3}70%{box-shadow:0 0 0 10px #66c0f400}to{box-shadow:0 0 #66c0f400}}.pulse{animation:pulse 2s infinite}