:root{--layout-max-width:1440px;--layout-template-columns:1fr var(--layout-max-width) 1fr;--text-default:hsl(207 6% 20%/1);--text-secondary:hsl(207 6% 40%/1);--bg-accent:#fff;@media (max-width:1440px){--layout-max-width:1fr;--layout-template-columns:20px var(--layout-max-width) 20px}@media (max-width:768px){--layout-max-width:1fr;--layout-template-columns:var(--layout-max-width)}}@keyframes preloader-fade-in{0%{opacity:0}to{opacity:1}}@keyframes preloader-fade-out{0%{opacity:1}to{opacity:0}}@keyframes preloader-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes preloader-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes preloader-progress{0%{width:0;margin-left:0}50%{width:75%;margin-left:12.5%}to{width:0;margin-left:100%}}.preloader-enter{animation:preloader-fade-in .3s ease-out}.preloader-exit{animation:preloader-fade-out .5s ease-in}html{overflow-y:visible;@media (max-width:768px){overflow-x:hidden}}body{margin:0;font-size:14px;line-height:1.4;font-family:Inter,sans-serif;background:hsl(207 6% 96%/1);min-height:101vh}h1{&.h1-headline{font-size:15px;font-weight:600;line-height:1.6}}h2{font-size:16px;margin-bottom:6px;font-weight:500}.ds-alfa{position:relative;&:before{content:"α";text-transform:lowercase;margin-right:6px;font-size:11px;font-weight:600;position:absolute;top:4px;right:0;border-radius:8px}}.ds-beta{position:relative;&:before{content:"β";text-transform:lowercase;padding:2px 6px;font-size:11px;font-weight:600;position:absolute;top:4px;right:0;border-radius:8px}}.layout{display:grid}.header{background:#172336;color:#fff;display:grid;grid-template:". container ." 35px/var(--layout-template-columns);align-items:center;@media (max-width:768px){grid-template-areas:"container";padding-left:16px;padding-bottom:0;padding-right:16px;padding-top:0}>.header-container{grid-area:container;display:grid;grid-template:"logo headnav usernav"/auto 1fr;align-items:center;gap:20px;height:100%;@media (max-width:768px){grid-template:"logo usernav"/1fr auto;.language-switcher-trigger{display:none}}.headnav{grid-area:headnav;height:100%;display:flex;align-items:center;@media screen and (max-width:768px){display:none}}.usernav{grid-area:usernav;height:100%}}.headnav-item{padding:0 15px;display:flex;height:100%;align-items:center;text-transform:uppercase;&.active{background:hsl(220 10% 46%/.5)}&:hover{background:hsl(220 10% 46%/.6)}&:active{background:hsl(220 10% 46%/.4)}}}.main-container{display:grid;grid-template:". contentLayout ."/var(--layout-template-columns);padding-top:15px;@media (max-width:768px){padding-top:0;grid-template:"contentLayout"/var(--layout-template-columns)}}.servers-layout{grid-area:contentLayout;display:grid;grid-template-areas:"nav content";grid-template-columns:210px 1fr;gap:15px;@media screen and (max-width:768px){display:flex;flex-direction:column;background:#fff}}.nav{grid-area:nav;@media screen and (max-width:768px){display:grid}.nav-list{@media screen and (max-width:768px){flex-direction:row;gap:10px;padding-left:10px;padding-bottom:0;padding-right:10px;padding-top:0;hr{display:none}}}.nav-item{transition:cubic-bezier(.075,.82,.165,1);transition-duration:1s;@media screen and (max-width:768px){background:#f7f7f7;svg{display:none}}&.nav-active{background:hsl(219deg 14% 91%)}&:active{box-shadow:inset 0 0 0 1px hsl(219deg 14% 60%)}&.item-favourites{@media screen and (max-width:768px){order:-1;svg{display:block}span{display:none}}}}.game-selector{@media screen and (max-width:768px){display:none}}}.servers-page-grid{display:grid;grid-template-areas:"main sub";grid-template-columns:1fr 360px;gap:15px;@media screen and (max-width:768px){display:flex;flex-direction:column;background:#fff}>.main{grid-area:main}}.server-page-content{@media screen and (max-width:768px){padding-left:10px;padding-bottom:0;padding-right:10px;padding-top:0}}.server-top-grid{display:grid;grid-template-areas:"main preview";grid-template-columns:1fr 400px;gap:15px;@media screen and (max-width:768px){display:flex;flex-direction:column;background:#fff}}.server-middle-grid{display:grid;grid-template-areas:"info bar";grid-template-columns:1fr 348px;gap:35px;@media screen and (max-width:768px){grid-template-columns:1fr;grid-template-areas:none}}.main{background:var(--bg-accent);border-radius:6px;min-height:500px;box-shadow:0 1px 1px 0 #33333326}.server-list-v1{display:flex;flex-direction:column;padding:0 10px;font-size:13px;.server-item-v1{border-bottom:1px solid hsl(0 0% 97%/1);width:100%;display:flex;align-items:center;padding:13px 2px 13px 10px;gap:6px;border-radius:6px;>.col{display:flex;white-space:nowrap}.overflow-fix{display:grid;align-items:center;min-width:0}.name{width:40%;font-weight:600;padding-right:10px;.hostname{display:block;overflow:hidden;text-overflow:ellipsis}}.map{width:124px;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;font-size:13px;padding:0 2px;color:#6f6f6f;@media (max-width:768px){display:none}}.players{width:70px;font-size:13px;.players-wrapper{background:#f4f5f5;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:500;display:flex;align-items:center}.slash{margin:0 4px;font-size:10px;color:#7c8082}}.players-progress{.progress-wrapper{background:#4db2fe;border-radius:6px;isolation:isolate;.inner{color:#ffffff;border:1px solid #4db2fe;border-radius:6px;align-items:center;width:52px;padding:1px 8px;font-size:12px;font-weight:500;display:flex;justify-content:center;color:#B24D01;mix-blend-mode:difference;&:after{display:block;text-align:center;font-size:13px;color:#222;mix-blend-mode:difference}}}}.ip{padding:0 8px 0 4px;width:156px;justify-content:end;@media (max-width:768px){display:none}.ip-box{overflow:hidden;text-overflow:ellipsis;display:block;text-align:right}}.country{width:18px;.flag{border-radius:2px;box-shadow:0 0 0 1px #f4f5f5}}.quick-info{color:#5e5e5e;margin:0 -6px}.info{width:16px;justify-content:center}.more{color:#5e5e5e;width:fit-content;button{&:hover{cursor:pointer}&.active,&:hover{color:#0091ff}}}.trend{margin:-3px 0;padding:0 8px}.added{align-items:center;padding:2px 8px}.added,.wiped{background:#f4f5f5;border-radius:6px;font-size:12px;font-weight:500;display:flex}.wiped{width:75px;padding:2px 6px;margin:0 12px;gap:4px}&.processing,&:hover{background:#f4f5f5}}.server-item-skeleton{&:hover{background:unset}}}.project-section{height:32px;background:hsl(228 93% 98%/1);border-radius:4px;font-size:13px;padding:2px 10px}.s-nav-item{height:unset;color:#313539;border-radius:5px;padding:6px 10px;font-size:12px;font-weight:500;letter-spacing:.2px;line-height:12px;text-transform:uppercase;white-space:nowrap;background:#f4f5f5;&:hover{cursor:pointer;background:hsl(0 0% 90%/1)}&.active{background:#d6d8dc}}.game-card{position:relative;background:hsl(0 0% 100%/1);border-radius:8px;padding:5px;cursor:pointer;height:215px;display:flex;flex-direction:column;gap:10px;transition:background-color .2s ease-in-out;&:hover{background:hsl(0 0% 97%/1)}.game-card-title{font-size:16px;font-weight:600;color:var(--text-default)}.game-card-description{font-size:14px;color:var(--text-secondary)}.preview-block{position:absolute;bottom:0}.preview-block:before{content:"";filter:blur(10px);background:#ffffffe6;border-radius:8px;width:110%;position:absolute;inset:0 0 -5% -5%}.game-genre{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}.game-selector-button{height:38px;text-align:left;background:#404a5c;&:active{box-shadow:inset 0 0 0 1px hsl(0deg .69% 7.54%/36%)}}.server-ip-clickable{cursor:pointer;color:hsl(204 73% 44%/1)}.server-ip-clickable:hover{color:hsl(205.82deg 100% 50%)}.server-info-sidebar{padding:1rem;background:var(--card);border-radius:6px;height:fit-content;position:sticky;top:15px}.server-info-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--foreground);word-break:break-word}.server-info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.server-info-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--muted-foreground);padding:.25rem;line-height:1;transition:color .2s ease;margin-left:.5rem}.server-info-close:hover{color:var(--foreground)}.server-info-body{display:flex;flex-direction:column;gap:1rem}.server-info-item{display:flex;flex-direction:column;gap:.5rem}.server-info-item label{font-weight:500;color:var(--foreground);font-size:.875rem}.server-info-item p,.server-info-item span{color:var(--muted-foreground);font-size:.875rem}.server-info-ip{display:flex;flex-direction:column;gap:.5rem}.copy-button{background:var(--primary);color:var(--primary-foreground);border:none;padding:.5rem .75rem;border-radius:calc(var(--radius) - 2px);cursor:pointer;font-size:.75rem;font-weight:500;transition:background-color .2s ease;width:fit-content}.copy-button:hover{opacity:.9}.copy-button.copied{background:#22c55e}.server-tags{display:flex;flex-wrap:wrap;gap:.375rem}.server-tag{background:var(--secondary);color:var(--secondary-foreground);padding:.25rem .5rem;border-radius:calc(var(--radius) - 2px);font-size:.75rem;font-weight:500}.footer{display:grid;grid-template:". container ." auto/var(--layout-template-columns);margin-top:20px;@media (max-width:768px){grid-template-areas:"container";padding-left:16px;padding-bottom:0;padding-right:16px;padding-top:0;padding-bottom:55px}.footer-container{display:grid;grid-area:container;grid-template-columns:210px 1fr 360px;gap:15px;@media (max-width:768px){display:flex}}.footer-content{color:hsl(207 6% 40%/1);font-size:13px}.social-media{a{opacity:.9;&:hover{opacity:1}}}.end-part{background:#172336;border-radius:8px;color:#fff;padding:2px 18px;margin-bottom:16px;height:35px}}.hero-section{background:#e5e7eb;border-radius:6px;padding:20px;text-align:center}.hero-container{max-width:600px;margin:0 auto}.hero-header{margin-bottom:20px}.hero-logo-title{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.hero-logo{flex-shrink:0}.hero-title{font-size:24px;font-weight:600;color:var(--text-default);margin:0}.hero-slogan{font-size:16px;color:var(--text-secondary);margin:0 0 6px;font-weight:500}.hero-search{margin-bottom:20px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:300px;margin:0 auto}.hero-stat-item{text-align:center}.hero-stat-number{font-size:16px;font-weight:600;color:var(--text-default)}.hero-stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.2px}.search-form{max-width:400px;margin:0 auto}.search-container{position:relative}.search-input{width:100%;padding:8px 40px 8px 12px;font-size:14px;color:var(--text-default);background:hsl(0 0% 100%/1);border:1px solid hsl(0 0% 90%/1);border-radius:4px;outline:none;transition:border-color .2s ease}.search-input:focus{border-color:hsl(220 90% 60%/1)}.search-input::placeholder{color:var(--text-secondary)}.search-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);transition:color .2s ease}.search-button:hover{color:var(--text-default)}.search-icon{width:16px;height:16px}.homepage-games-section{border-radius:6px;padding:20px}.homepage-games-container{max-width:var(--layout-max-width);margin:0 auto}.homepage-games-header{text-align:center;margin-bottom:20px}.homepage-games-title{font-size:18px;font-weight:600;color:var(--text-default);margin:0 0 6px}.homepage-games-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.homepage-games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.homepage-game-card{background:hsl(0 0% 100%/1);border-radius:6px;padding:12px;cursor:pointer;transition:background-color .2s ease;display:flex;flex-direction:column;height:fit-content}.homepage-game-card:hover{background:hsl(0 0% 97%/1)}.homepage-game-image{margin-bottom:10px}.homepage-game-preview{width:100%;height:auto;border-radius:4px;object-fit:cover}.homepage-game-content{flex:1}.homepage-game-title{font-size:16px;font-weight:600;color:var(--text-default);margin:0 0 4px}.homepage-game-description{font-size:13px;color:var(--text-secondary);margin:0 0 10px;line-height:1.3}.homepage-game-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:8px;border-top:1px solid hsl(0 0% 95%/1)}.homepage-game-stat{text-align:center}.homepage-game-stat-number{display:block;font-size:14px;font-weight:600;color:var(--text-default)}.homepage-game-stat-label{display:block;font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.2px;margin-top:2px}.homepage{display:grid;gap:15px}@media (max-width:768px){.homepage-games-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.hero-stats{grid-template-columns:repeat(3,1fr);gap:10px}.hero-title{font-size:20px}}.ServerContextMenu{background:hsl(217deg 40% 15%/85%);color:#fff;backdrop-filter:blur(1px);border-radius:6px;div{&[data-state=checked]{color:#0091ff}}}.game-filter-wrapper{padding:12px 14px;border-radius:6px;.tag-item{box-shadow:0 0 1px 0 rgba(51,51,51,.15)}}.mobile-game-selector{backdrop-filter:blur(5px);background:rgba(229,231,235,.77);border-top:1px solid #eee;width:min-content;white-space:nowrap;display:flex;position:fixed;bottom:60px;left:50%;transform:translateX(-50%);border-radius:10px;padding:0 10px;font-size:13px;z-index:10;align-items:center;gap:6px;span:first-letter{text-transform:uppercase}@media (min-width:768px){display:none}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.layout-promotion{grid-area:contentLayout;display:grid;grid-template-areas:"nav main";grid-template-columns:210px 1fr;gap:15px;@media screen and (max-width:768px){display:flex;flex-direction:column;background:#fff}>.main{grid-area:main}}.promotion-page{display:grid;grid-template-columns:1fr 360px;gap:15px;min-height:calc(100vh - 200px)}.promotion-service-card{transition:all .3s ease;transform-origin:center}.promotion-service-card:hover:not(.selected){transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.promotion-service-card.selected{transform:scale(1.02);box-shadow:0 12px 35px rgba(59,130,246,.15)}.promotion-progress-line{transition:all .5s ease}.promotion-input-valid{border-color:#10b981;background-color:#f0fdf4}.promotion-input-invalid{border-color:#ef4444;background-color:#fef2f2}.promotion-button-pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.promotion-step-indicator{position:relative}.promotion-step-indicator:after{content:"";position:absolute;top:50%;left:100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#e5e7eb 50%,transparent);transform:translateY(-50%)}.promotion-mobile-summary{position:sticky;bottom:0;z-index:10;background:white;border-top:1px solid #e5e7eb;padding:16px;margin:0 -16px}@media (max-width:768px){.promotion-page{padding:10px}.promotion-service-card{margin-bottom:16px}.promotion-step-indicator:after{display:none}}.promotion-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.promotion-form-group{position:relative}.promotion-form-error{position:absolute;bottom:-20px;left:0;font-size:12px;color:#ef4444;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.promotion-success-animation{animation:success-bounce .6s ease-in-out}@keyframes success-bounce{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.search-apply-btn{background:hsl(206.12deg 100% 40.98%);box-shadow:inset 0 0 6px -1px #6e768d;font-size:13px}.rotate-center{fill:#0091ff;stroke:hsl(206.12deg 100% 40.98%);animation:rotate-center .7s ease-in-out both}@keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.MobileNav_mobileBoxNav__xdm7O{position:fixed;@media (min-width:768px){display:none}}.MobileNav_mobileNav__VvGoc{display:flex;background:#e5e7ebc4;border-top:1px solid #eee;backdrop-filter:blur(5px);.MobileNav_mobNavItem__wnMzf{display:flex;flex-direction:column;align-items:center;flex-basis:25%;gap:4px;padding:6px 12px;font-size:11px}.MobileNav_mobNavItemActive__ygG9s{color:#0091ff;font-weight:600}}