:root{--layout-max-width:1440px;--layout-template-columns:1fr var(--layout-max-width)1fr;--text-default:#303336;--text-extra:#515167;--text-secondary:#60676c;--text-bright:#000;--bg-accent:#fff;--bg-hover:#f4f5f5;--bg-active:#e5e7eb;--system-dark:#172336;--system-body:#f4f5f5;--system-bg-lighter:#fff;--system-body-nav-bg:unset;--system-body-nav-active:#e5e7eb;--system-body-nav-hover:#e5e7eb;--bg-server-wrapper:#ffffffb5;--border-bright:#fff6;--border-light:#f7f7f7;--border-medium:#e5e7eb;--border-explicit:#fff;--accent-primary:#0076d1;--accent-hover:#0091ff;--nav-bg:#172336;--nav-border:#3c424b;--card-shadow:0 1px 1px 0 #33333326;--mobile-nav-bg:#f4f5f5;--button-bg:#172336ba;--link-color:#1e81c2}@media (max-width:1480px){:root{--layout-max-width:1fr;--layout-template-columns:20px var(--layout-max-width)20px}}@media (max-width:768px){:root{--layout-max-width:1fr;--layout-template-columns:var(--layout-max-width)}}.dark{--text-default:#e4e6e7;--text-extra:#c9c9cf;--text-secondary:#aeb3b7;--text-bright:#fff;--bg-accent:#2d2f31;--bg-hover:#3a3c3e;--bg-active:#454a54;--system-dark:#181a1c;--system-body:#1f2123;--system-bg-lighter:#2d2f31;--system-body-nav-bg:unset;--system-body-nav-active:#454a54;--system-body-nav-hover:#454a54;--bg-server-wrapper:#323538a3;--border-bright:#00000040;--border-light:#404040;--border-medium:#3a3c3e;--border-explicit:#ffffff1f;--accent-primary:#0090ff;--accent-hover:#33a7ff;--nav-bg:#181a1c;--nav-border:#3a3c3e;--card-shadow:0 1px 3px 0 #0000004d;--mobile-nav-bg:#181a1cd4;--button-bg:#696f7aba;--link-color:#47a9eb}@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%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(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:.3s ease-out preloader-fade-in}.preloader-exit{animation:.5s ease-in preloader-fade-out}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{overflow-y:visible}@media (max-width:768px){html{overflow-x:hidden}}body{background:var(--system-body);color:var(--text-default);min-height:101vh;margin:0;font-family:Inter,sans-serif;font-size:14px;line-height:1.4}button:hover{cursor:pointer}h1.h1-headline{font-size:15px;font-weight:600;line-height:1.6}@media (max-width:768px){h1.h1-headline{margin-bottom:10px;font-size:16px;font-weight:700}}h2{margin-bottom:6px;font-size:16px;font-weight:500}.c-shadow-xs{box-shadow:0 0 1px #33333326}.c-btn-shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000008d}.squircle-corner{border-radius:10px}@supports (corner-shape:squircle){.squircle-corner{corner-shape:squircle;border-radius:12px}}.ds-alfa{position:relative}.ds-alfa:before{content:"α";text-transform:lowercase;border-radius:8px;margin-right:6px;font-size:11px;font-weight:600;position:absolute;top:4px;right:0}.ds-beta{position:relative}.ds-beta:before{content:"β";text-transform:lowercase;border-radius:8px;padding:2px 6px;font-size:11px;font-weight:600;position:absolute;top:4px;right:0}.layout{display:grid}.header{z-index:100;background:var(--nav-bg);color:#fff;grid-template:". container ." 35px/var(--layout-template-columns);align-items:center;display:grid;position:sticky;top:0}@media (max-width:768px){.header{position:unset;grid-template-areas:"container";padding:0 16px}}.header>.header-container{grid-template:"logo headnav usernav"/auto 1fr;grid-area:container;align-items:center;gap:20px;height:100%;display:grid}@media (max-width:768px){.header>.header-container{grid-template:"logo usernav"/1fr auto}.header>.header-container .language-switcher-trigger{display:none}}.header>.header-container .headnav{grid-area:headnav;align-items:center;height:100%;display:flex}@media screen and (max-width:768px){.header>.header-container .headnav{display:none}}.header>.header-container .usernav{grid-area:usernav;height:100%}.header .headnav-item{text-transform:uppercase;align-items:center;height:100%;padding:0 15px;display:flex}.header .headnav-item.active{background:#6a718180}.header .headnav-item:hover{background:#6a718199}.header .headnav-item:active{background:#6a718166}.header .nav-hover:hover{background:#6a718199}.header .nav-hover:active{background:#6a718166}.main-container{grid-template:". contentLayout ."/var(--layout-template-columns);padding-top:15px;display:grid}@media (max-width:768px){.main-container{grid-template:"contentLayout"/var(--layout-template-columns);padding-top:0}}.servers-layout{grid-area:contentLayout;grid-template-columns:210px 1fr;grid-template-areas:"nav content";gap:15px;display:grid}@media screen and (max-width:768px){.servers-layout{background:var(--bg-accent);flex-direction:column;gap:2px;min-height:100vh;display:flex}}.nav{grid-area:nav}@media screen and (max-width:768px){.nav{background:var(--nav-bg);border-top:1px solid var(--nav-border);color:#fff;display:grid}}@media screen and (max-width:768px){.nav .nav-list{flex-direction:row;gap:10px;margin-top:0;padding:4px 8px}.nav .nav-list hr{display:none}}.nav .nav-item{transition:all 1s cubic-bezier(.075,.82,.165,1)}.nav .nav-item:hover{background:var(--system-body-nav-hover)}@media screen and (max-width:768px){.nav .nav-item{background:0 0}.nav .nav-item svg{display:none}}.nav .nav-item.nav-active{background:var(--bg-active)}@media screen and (max-width:768px){.nav .nav-item.nav-active{background:#6a718180}}.nav .nav-item:active{box-shadow:inset 0 0 0 1px #8b95a7}@media screen and (max-width:768px){.nav .nav-item.item-favourites{order:-1}.nav .nav-item.item-favourites svg{display:block}.nav .nav-item.item-favourites span{display:none}}.nav .nav-item.item-add{display:none}@media screen and (max-width:768px){.nav .nav-item.item-add{order:-1;display:flex}.nav .nav-item.item-add svg{display:block}.nav .nav-item.item-add span{display:none}}@media screen and (max-width:768px){.nav .nav-item.item-add-mini{display:none}}@media screen and (max-width:768px){.nav .game-selector{display:none}}.servers-page-grid{grid-template-columns:1fr 360px;grid-template-areas:"main sub";gap:15px;display:grid}@media screen and (max-width:1440px){.servers-page-grid{grid-template-columns:1fr 340px}}@media screen and (max-width:1360px){.servers-page-grid{grid-template-columns:1fr 320px}}@media screen and (max-width:1340px){.servers-page-grid{grid-template-areas:"main";grid-template-columns:unset}.servers-page-grid .sidebar{display:none}}@media screen and (max-width:768px){.servers-page-grid{background:var(--system-bg-lighter);flex-direction:column;display:flex}}.servers-page-grid>.main{grid-area:main}@media screen and (max-width:768px){.server-page-content{padding:13px 16px}}.server-top-grid{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:var(--bg-server-wrapper);corner-shape:squircle;border-radius:8px;grid-template-columns:1fr 420px;grid-template-areas:"main preview";gap:15px;padding:20px;display:grid}@media screen and (max-width:768px){.server-top-grid{background:var(--bg-accent);flex-direction:column;padding:6px 0;display:flex}}.server-middle-grid{grid-template-columns:1fr 348px;grid-template-areas:"info bar";gap:20px 35px;display:grid}@media screen and (max-width:768px){.server-middle-grid{grid-template-columns:1fr;grid-template-areas:none}}.server-middle-grid .server-tab-nav{grid-column:1/3;gap:15px}@media screen and (max-width:768px){.server-middle-grid .server-tab-nav{flex-direction:column;grid-column:1/1;display:flex}}.main{background:var(--bg-accent);min-height:500px;box-shadow:var(--card-shadow);border-radius:6px}@media screen and (max-width:768px){.main{box-shadow:none}}.server-list-v1{flex-direction:column;padding:0 10px;font-size:13px;display:flex}@media screen and (max-width:768px){.server-list-v1{padding:0}}.server-list-v1 .server-item-v1{border-bottom:1px solid var(--border-light);border-radius:6px;align-items:center;gap:6px;width:100%;padding:13px 2px 13px 10px;display:flex}@media screen and (max-width:768px){.server-list-v1 .server-item-v1{border-radius:0;padding:13px 6px 13px 12px}}.server-list-v1 .server-item-v1>.col{white-space:nowrap;display:flex}.server-list-v1 .server-item-v1 .overflow-fix{align-items:center;min-width:0;display:grid}.server-list-v1 .server-item-v1 .name{width:40%;padding-right:10px;font-weight:600}.server-list-v1 .server-item-v1 .name .hostname{text-overflow:ellipsis;color:var(--text-bright);display:block;overflow:hidden}.server-list-v1 .server-item-v1 .name .hostname:hover{color:var(--accent-primary)}.server-list-v1 .server-item-v1 .map{text-overflow:ellipsis;white-space:nowrap;width:124px;color:var(--text-secondary);padding:0 2px;font-size:13px;display:block;overflow:hidden}@media (max-width:768px){.server-list-v1 .server-item-v1 .map{display:none}}.server-list-v1 .server-item-v1 .players{width:76px;font-size:13px}.server-list-v1 .server-item-v1 .players .players-wrapper{background:var(--bg-hover);border-radius:6px;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:flex}.server-list-v1 .server-item-v1 .players .slash{color:#7c8082;margin:0 4px;font-size:10px}.server-list-v1 .server-item-v1 .players-progress{background:#17233652;border-radius:6px;overflow:hidden}.server-list-v1 .server-item-v1 .players-progress .progress-wrapper{background:#2791ef;border-radius:4px}.server-list-v1 .server-item-v1 .players-progress .progress-wrapper .inner{color:#fff;border-radius:6px;justify-content:center;align-items:center;width:52px;padding:1px 8px;font-size:12px;font-weight:500;display:flex}.server-list-v1 .server-item-v1 .players-progress .progress-wrapper .inner:after{text-align:center;color:#222;mix-blend-mode:difference;font-size:13px;display:block}.server-list-v1 .server-item-v1 .ip{justify-content:end;width:156px;padding:0 8px 0 4px}@media (max-width:1280px){.server-list-v1 .server-item-v1 .ip{display:none}}.server-list-v1 .server-item-v1 .ip .ip-box{text-overflow:ellipsis;text-align:right;color:var(--link-color);display:block;overflow:hidden}.server-list-v1 .server-item-v1 .country{width:18px}.server-list-v1 .server-item-v1 .country .flag{box-shadow:0 0 0 1px var(--bg-hover);border-radius:2px}.server-list-v1 .server-item-v1 .country:first-of-type{margin-right:4px}.server-list-v1 .server-item-v1 .quick-info{margin:0 -6px 0 4px}@media screen and (max-width:768px){.server-list-v1 .server-item-v1 .quick-info{display:none}}.server-list-v1 .server-item-v1 .ip+.quick-info{color:var(--text-secondary);margin:0 -6px}.server-list-v1 .server-item-v1 .info{justify-content:center;width:16px}.server-list-v1 .server-item-v1 .more{color:var(--text-secondary);width:fit-content}.server-list-v1 .server-item-v1 .more button:hover{cursor:pointer;color:#0091ff}.server-list-v1 .server-item-v1 .more button.active{color:#0091ff}.server-list-v1 .server-item-v1 .trend{margin:-3px 0;padding:0 8px}.server-list-v1 .server-item-v1 .added{background:var(--bg-hover);border-radius:6px;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:flex}.server-list-v1 .server-item-v1 .wiped{width:75px;color:var(--text-secondary);border-radius:6px;gap:4px;margin:0 8px;padding:2px 6px;font-size:12px;font-weight:500;display:flex}@media screen and (max-width:560px){.server-list-v1 .server-item-v1 .wiped{display:none}.server-list-v1 .server-item-v1 .wiped.time{display:flex}}.server-list-v1 .server-item-v1 .css-version{color:var(--text-secondary);align-items:center;gap:3px;width:50px;font-size:12px;display:flex}.server-list-v1 .server-item-v1 .css-version .version-color-34{color:#8b721e}.server-list-v1 .server-item-v1 .platform-col{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}@media screen and (max-width:560px){.server-list-v1 .server-item-v1 .platform-col{display:none}}.server-list-v1 .server-item-v1 .platform-item{width:20px;height:20px;color:var(--text-secondary);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.server-list-v1 .server-item-v1 .platform-item.partial{color:var(--text-secondary);opacity:.85}.server-list-v1 .server-item-v1 .platform-item.active{color:var(--accent-primary);opacity:1}.server-list-v1 .server-item-v1 .lang{width:70px}@media screen and (max-width:560px){.server-list-v1 .server-item-v1 .lang{display:none}}.server-list-v1 .server-item-v1:hover,.server-list-v1 .server-item-v1.processing{background:var(--bg-hover)}@media (max-width:768px){.server-list-v1 .server-item-skeleton>.col:nth-child(n+3){display:none}}.server-list-v1 .server-item-skeleton:hover{background:unset}.project-section{background:var(--bg-hover);border-radius:4px;height:32px;padding:2px 10px;font-size:13px}.s-nav-item{height:unset;color:var(--text-default);letter-spacing:.2px;text-transform:uppercase;white-space:nowrap;background:var(--bg-hover);border-radius:5px;padding:6px 10px;font-size:12px;font-weight:500;line-height:12px}.s-nav-item:hover{cursor:pointer;background:var(--border-medium)}.s-nav-item.active{background:var(--border-medium)}.s-nav-item.filter-selector{display:none}@media (max-width:1340px){.s-nav-item.filter-selector{display:initial}}.game-card{background:var(--bg-accent);cursor:pointer;border-radius:8px;flex-direction:column;gap:10px;height:215px;padding:0;transition:background-color .2s ease-in-out;display:flex;position:relative}.game-card:hover{background:var(--bg-hover)}.game-card .game-card-title{color:var(--text-default);font-size:16px;font-weight:600}.game-card .game-card-description{color:var(--text-secondary);font-size:14px}.game-card .preview-block{position:absolute;bottom:0}.game-card .game-genre{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.game-selector-button{text-align:left;background:#404a5c;height:38px}.game-selector-button:active{box-shadow:inset 0 0 0 1px #1313135c}.server-ip-clickable{cursor:pointer;color:var(--link-color)}.server-ip-clickable:hover{color:var(--accent-hover)}.server-info-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-explicit);--foreground:#fff;--muted-foreground:#ffffffab;background:linear-gradient(#2a3c85 0%,#2a3c85eb 100%);border-radius:6px;height:fit-content;padding:1rem;box-shadow:0 10px 10px -10px #3e3e3e91}@supports (color:lab(0% 0 0)){.server-info-sidebar{--foreground:lab(100% 0 0)}}.server-info-header h3{color:var(--foreground);word-break:break-word;margin:0;font-size:1.125rem;font-weight:600}.server-info-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.server-info-close{cursor:pointer;color:var(--muted-foreground);background:0 0;border:none;margin-left:.5rem;padding:.25rem;font-size:1.25rem;line-height:1;transition:color .2s}.server-info-close:hover{color:var(--foreground)}.server-info-body{flex-direction:column;gap:1rem;display:flex}.server-info-item{flex-direction:column;gap:.5rem;display:flex}.server-info-item label{color:var(--foreground);font-size:.875rem;font-weight:500}.server-info-item span,.server-info-item p{color:var(--muted-foreground);font-size:.875rem}.server-info-ip{flex-direction:column;gap:.5rem;display:flex}.copy-button{background:var(--primary);color:var(--primary-foreground);border-radius:calc(var(--radius) - 2px);cursor:pointer;border:none;width:fit-content;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:background-color .2s}.copy-button:hover{opacity:.9}.copy-button.copied{background:#22c55e}.server-tags{flex-wrap:wrap;gap:.375rem;display:flex}.server-tag{background:var(--secondary);color:var(--secondary-foreground);border-radius:calc(var(--radius) - 2px);padding:.25rem .5rem;font-size:.75rem;font-weight:500}.server-tag-more{border:1px dashed var(--border);color:var(--muted-foreground);background:0 0}.server-info-title-link{color:inherit;flex:1;min-width:0;text-decoration:none}.server-info-ip-row{background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.server-info-ip-code{color:var(--foreground);flex:1;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.8125rem}.server-info-copy-icon{cursor:pointer;color:var(--muted-foreground);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .15s;display:flex}.server-info-copy-icon:hover{color:var(--foreground);background:#ffffff1a}.server-info-stats{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.server-info-stat{background:#ffffff14;border-radius:6px;align-items:flex-start;gap:.5rem;padding:.5rem;display:flex;position:relative;overflow:hidden}.server-info-stat-icon{color:var(--muted-foreground);flex-shrink:0}.server-info-stat-content{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.server-info-stat-value{color:var(--foreground);font-size:.875rem;font-weight:600;line-height:1.2}.server-info-stat-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.025em;font-size:.6875rem}.server-info-players-bar{background:#ffffff1a;height:3px;position:absolute;bottom:0;left:0;right:0}.server-info-players-fill{border-radius:0 3px 3px 0;height:100%;transition:width .3s}.server-info-tags-section{padding-top:.25rem}.server-info-actions{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:.5rem;padding-top:.5rem;display:flex}.server-info-action-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.server-info-action-primary{background:var(--primary);color:var(--primary-foreground)}.server-info-action-primary:hover{opacity:.9}.server-info-action-secondary{color:var(--foreground);background:#0000000d}.server-info-action-secondary:hover{background:#00000014}.server-info-action-secondary.copied{color:#16a34a;background:#dcfce7}.server-info-action-link{color:var(--muted-foreground);background:0 0;border:1px solid #0000001a}.server-info-action-link:hover{color:var(--foreground);background:#00000008;border-color:#00000026}.server-info-action-primary-dark{color:#1a1a2e;background:#fffffff2}.server-info-action-primary-dark:hover{background:#fff}.server-info-action-secondary-dark{color:#ffffffe6;background:#ffffff26}.server-info-action-secondary-dark:hover{background:#ffffff40}.server-info-action-secondary-dark.copied{color:#86efac;background:#22c55e4d}.server-info-action-link-dark{color:#ffffffb3;background:0 0;border:1px solid #fff3}.server-info-action-link-dark:hover{color:#fffffff2;background:#ffffff1a;border-color:#ffffff4d}.server-tags-dark .server-tag{color:#ffffffe6;background:#ffffff26}.server-tags-dark .server-tag-more{color:#fff9;background:0 0;border:1px dashed #ffffff4d}.footer{grid-template:". container ." auto/var(--layout-template-columns);margin-top:20px;display:grid}@media (max-width:768px){.footer{grid-template-areas:"container";padding:0 16px 55px}}.footer .footer-container{grid-area:container;grid-template-columns:210px 1fr 360px;gap:15px;display:grid}.footer .footer-container.container-info{grid-template-columns:240px 1fr 300px}@media (max-width:768px){.footer .footer-container{gap:unset;display:flex}}.footer .footer-content{color:var(--text-secondary);font-size:13px}.footer .social-media a{opacity:.9}.footer .social-media a:hover{opacity:1}.footer .end-part{background:var(--nav-bg);color:#fff;border-radius:8px;height:35px;margin-bottom:16px;padding:2px 18px}.footer a:hover{color:var(--text-bright)}.hero-section{background:var(--bg-hover);text-align:center;border-radius:6px;padding:20px}.hero-container{max-width:600px;margin:0 auto}.hero-header{margin-bottom:20px}.hero-logo-title{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.hero-logo{flex-shrink:0}.hero-title{color:var(--text-default);margin:0;font-size:24px;font-weight:600}.hero-slogan{color:var(--text-secondary);margin:0 0 6px;font-size:16px;font-weight:500}.hero-search{margin-bottom:20px}.hero-stats{grid-template-columns:repeat(3,1fr);gap:15px;max-width:300px;margin:0 auto;display:grid}.hero-stat-item{text-align:center}.hero-stat-number{color:var(--text-default);font-size:16px;font-weight:600}.hero-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.2px;font-size:12px}.search-form{max-width:400px;margin:0 auto}.search-container{position:relative}.search-input{width:100%;color:var(--text-default);background:var(--bg-accent);border:1px solid var(--border-medium);border-radius:4px;outline:none;padding:8px 40px 8px 12px;font-size:14px;transition:border-color .2s}.search-input:focus{border-color:var(--accent-primary)}.search-input::placeholder{color:var(--text-secondary)}.search-button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:4px;transition:color .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.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{color:var(--text-default);margin:0 0 6px;font-size:18px;font-weight:600}.homepage-games-subtitle{color:var(--text-secondary);margin:0;font-size:14px}.homepage-games-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;display:grid}.homepage-game-card{background:var(--bg-accent);cursor:pointer;border-radius:6px;flex-direction:column;height:fit-content;padding:12px;transition:background-color .2s;display:flex}.homepage-game-card:hover{background:var(--bg-hover)}.homepage-game-image{margin-bottom:10px}.homepage-game-preview{object-fit:cover;border-radius:4px;width:100%;height:auto}.homepage-game-content{flex:1}.homepage-game-title{color:var(--text-default);margin:0 0 4px;font-size:16px;font-weight:600}.homepage-game-description{color:var(--text-secondary);margin:0 0 10px;font-size:13px;line-height:1.3}.homepage-game-stats{border-top:1px solid var(--border-light);grid-template-columns:1fr 1fr;gap:8px;padding-top:8px;display:grid}.homepage-game-stat{text-align:center}.homepage-game-stat-number{color:var(--text-default);font-size:14px;font-weight:600;display:block}.homepage-game-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.2px;margin-top:2px;font-size:11px;display:block}.homepage{gap:15px;display:grid}@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{color:#fff;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#172336d9;border-radius:6px}.ServerContextMenu div[data-state=checked]{color:#0091ff}.game-filter-wrapper{border-radius:6px;padding:12px 14px}.game-filter-wrapper .tag-item{box-shadow:0 0 1px #33333326}@media screen and (max-width:1440px){.game-filter-wrapper{padding:12px 10px}}.mobile-game-selector{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--bg-hover);border-top:1px solid var(--border-medium);white-space:nowrap;z-index:10;border-radius:10px;align-items:center;gap:6px;width:min-content;padding:0 10px;font-size:13px;display:flex;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}.mobile-game-selector span:first-letter{text-transform:uppercase}@media (min-width:768px){.mobile-game-selector{display:none}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.layout-promotion{grid-area:contentLayout;grid-template-columns:210px 1fr;grid-template-areas:"nav main";gap:15px;display:grid}@media screen and (max-width:768px){.layout-promotion{background:var(--system-bg-lighter);flex-direction:column;display:flex}}.layout-promotion>.main{grid-area:main}.promotion-page{grid-template-columns:1fr 360px;gap:15px;min-height:calc(100vh - 200px);display:grid}.promotion-service-card{transform-origin:50%;transition:all .3s}.promotion-service-card:hover:not(.selected){transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.promotion-service-card.selected{transform:scale(1.02);box-shadow:0 12px 35px #3b82f626}.promotion-progress-line{transition:all .5s}.promotion-input-valid{background-color:#f0fdf4;border-color:#10b981}.promotion-input-invalid{background-color:#fef2f2;border-color:#ef4444}.promotion-button-pulse{animation:2s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.promotion-step-indicator{position:relative}.promotion-step-indicator:after{content:"";background:linear-gradient(90deg,#0000 0%,#e5e7eb 50%,#0000 100%);width:100%;height:2px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.promotion-mobile-summary{z-index:10;background:#fff;border-top:1px solid #e5e7eb;margin:0 -16px;padding:16px;position:sticky;bottom:0}@media (max-width:768px){.promotion-page{grid-template-columns:1fr;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%) 0 0/200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.promotion-form-group{position:relative}.promotion-form-error{color:#ef4444;font-size:12px;animation:.5s ease-in-out shake;position:absolute;bottom:-20px;left:0}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.promotion-success-animation{animation:.6s ease-in-out success-bounce}@keyframes success-bounce{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.search-apply-btn{background:#0076d1;font-size:13px;box-shadow:inset 0 0 6px -1px #6e768d}.rotate-center{fill:#0091ff;stroke:#0076d1;animation:.7s ease-in-out both rotate-center}@keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.holographic-card{transition:all .5s;position:relative;overflow:hidden}.holographic-card:before{content:"";opacity:0;z-index:0;background:linear-gradient(#0091ff4d,#0000 70%,#0000);width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.holographic-card img{transition:transform .3s}.holographic-card:hover img{transform:scale(1.05)}.holographic-card:hover:before{z-index:1;opacity:1}.home-container{max-width:1200px;height:100%;margin:0 auto}.preloader-wrapper{min-height:calc(100vh - 48px);padding-bottom:180px}
.MobileNav-module__bxs0eq__mobileBoxNav{position:fixed}@media (min-width:768px){.MobileNav-module__bxs0eq__mobileBoxNav{display:none}}.MobileNav-module__bxs0eq__mobileNav{background:color-mix(in srgb,var(--system-body-nav-bg,var(--system-body))80%,transparent);border-top:1px solid var(--border-medium,#eee);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding-bottom:env(safe-area-inset-bottom);background:var(--mobile-nav-bg);display:flex}.MobileNav-module__bxs0eq__mobileNav .MobileNav-module__bxs0eq__mobNavItem{flex-direction:column;flex-basis:20%;align-items:center;gap:4px;padding:6px 2px;font-size:11px;display:flex}.MobileNav-module__bxs0eq__mobileNav .MobileNav-module__bxs0eq__mobNavItemActive{color:var(--accent-primary,#0091ff);font-weight:600}.MobileNav-module__bxs0eq__gameItem{margin-bottom:5px}.MobileNav-module__bxs0eq__gameItem img{width:19px;height:19px}html.dark .MobileNav-module__bxs0eq__gameItem img{filter:none}.MobileNav-module__bxs0eq__gameItem .MobileNav-module__bxs0eq__gameItemIconWrapper{background:var(--accent-primary,#0091ff);border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;padding:3px;display:flex}