/* Compact community client, inspired by the supplied OVERPRO reference. */
body{background:#101112;color:#eee;font-family:Manrope,Arial,sans-serif}.sidebar{width:66px;background:#090a0b;border:0;padding:23px 10px}.brand{margin:0 auto 36px;justify-content:center}.brand img{width:29px}.brand>span,.side-label,.nav span,.nav small,.side-footer{display:none}.nav{padding:16px 10px;justify-content:center;border-radius:0;margin:0 0 5px;position:relative}.nav svg{width:18px;height:18px}.nav.active{background:#ffffff05;color:#edc44a}.nav.active:before{content:'';position:absolute;left:-10px;top:12px;bottom:12px;width:2px;background:#edc44a}.nav:hover:after{content:attr(aria-label);position:absolute;left:45px;background:#252626;padding:8px;color:white}.app{margin-left:66px;transition:margin-right .22s}.topbar{height:62px;background:#08090a;border-bottom:1px solid #202123;padding:0 29px}.breadcrumbs{font-size:10px}.top-actions{gap:15px}.vk-link{border:0;padding:8px;color:#8c9095}.vk-login{border-radius:2px;font-size:10px;background:#315edb;border:0;padding:10px 16px}.open-chat-top{display:flex;align-items:center;gap:8px;font-size:10px;background:#242626;border:1px solid #343637;padding:9px 14px;border-radius:2px}.open-chat-top svg{width:14px;height:14px;color:#edc44a}main{padding:23px 29px 0;max-width:1600px}.page-title{margin-bottom:20px}h1{font:800 21px Arial;letter-spacing:-.3px}.overline{font-size:7px;letter-spacing:1.6px;margin-bottom:7px}h1>span{color:#edc44a}.game-chip{border:0;background:none;border-radius:0;padding:8px 0;color:#8e9399}.game-chip svg{color:#edc44a}.workspace{grid-template-columns:minmax(0,1fr) 245px;gap:22px}.spotlight{border-radius:0;border:0;height:225px;background:#17191e}.spotlight-bg{object-position:65% 33%;filter:saturate(.65);opacity:.75}.spotlight-shade{background:linear-gradient(90deg,#101319f5,#101319bb 40%,#10131900 85%),linear-gradient(0deg,#10111266,transparent)}.spotlight-content{padding:28px}.spotlight h2{font:900 36px Arial;letter-spacing:-1px;margin:24px 0 8px}.spotlight h2>span{color:#edc44a}.banner-subtitle{font-size:11px;color:#9b9da5}.spotlight .hero-meta{display:none}.hero-actions{margin-top:19px}.hero-actions .primary{border-radius:0;background:#345ae5;color:white;font-size:11px;padding:11px 22px}.glass{border-radius:0;border:1px solid #464852;background:#ffffff05}.tag{font-size:8px;color:#bbbcc2}.tag svg{color:#edc44a}.map-watermark{color:#aaa;font-size:8px}.section-title{margin:22px 0 13px}.section-title h2{font:700 13px Arial}.section-title h2>svg{width:14px;color:#b2b5b6}.section-title small{border-radius:0;background:#27292a}.filters,.search{border-radius:0;background:#181a1b;border-color:#2b2c2e}.filters button{border-radius:0;font-size:9px}.filters .selected{background:#303334;color:#e8d184}.server-grid{gap:12px}.server-card{border:1px solid #2a2c2e;border-radius:0;background:#1b1d1f}.card-art{height:62px}.card-art:after{background:linear-gradient(0deg,#1b1d1f,transparent)}.card-art img{opacity:.6}.card-body{padding:4px 15px 13px}.card-title h3{font-size:12px}.card-sub{font-size:9px;margin:7px 0 13px}.card-actions .primary{border-radius:1px;background:#323537;font-size:10px}.card-actions .primary:hover{background:#3e60dd;color:#fff}.square-button,.favorite{border-radius:1px}.favorite.on{color:#edc44a}.favorite.on svg{fill:#edc44a22}.occupancy{height:2px}.occupancy:after{background:#b5a04a}.mode-badge svg{color:#d4b85d}.pass-card,.bonus-rail,.community,.restore{border-radius:0;background:#1a1c1e;border:1px solid #2b2e30}.pass-card{height:325px}.pass-card>img{height:145px;filter:saturate(.4);opacity:.55}.pass-copy h3{font-family:Arial;font-size:21px}.countdown>div{border-radius:0;background:#121415;border-color:#333638}.countdown b{font-size:20px}.countdown>div:last-child b{color:#edc44a}.rail-heading h2{font-size:10px}.mini-quest{padding:13px 16px}.mini-quest b{font-size:12px}.chat-entry{border-radius:0;background:#242627;border-color:#383a3b;padding:13px}.chat-entry .community-icon{background:none;border-radius:0;color:#ddd;width:20px;height:26px}.chat-entry b{font-size:11px}.chat-entry small{font-size:8px}.chat-entry>svg{color:#edc44a}.community-icon{border-radius:2px;background:#292f3a}.restore{font-size:9px;margin-top:19px}.right-column{gap:14px}.reward-card{border-radius:2px}.partner-bonus,.reward-art,.reward-tabs,.reward-tabs button,.reward-cta{border-radius:2px}.reward-tabs .selected{background:#d7b445}.reward-cta{background:#345ae5;color:white}.reward-cta:hover{background:#456bf1!important}.chat-panel{position:fixed;inset:0 0 0 auto;width:330px;background:#17191b;z-index:45;border-left:1px solid #333638;display:flex;flex-direction:column;box-shadow:-10px 0 35px #0002}.chat-panel-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #2a2d30;background:#101214;flex-shrink:0}.chat-panel-head>div{display:flex;align-items:center;gap:8px}.chat-panel-head svg{width:15px;height:15px;color:#c3c7ca}.chat-panel-head h2{font-size:12px}.chat-soon{font:7px Arial;color:#c6ad60;padding:4px 5px;background:#c6ad6014}.chat-channel{height:46px;padding:15px 19px;font-size:11px;border-bottom:1px solid #25282b;color:#b7bbbf}.chat-channel>span{color:#e1c259;margin-right:7px}.chat-channel small{float:right;color:#6d7379;font:9px Arial}.chat-messages{flex:1;display:flex;align-items:center;justify-content:center;min-height:100px;padding:20px}.chat-welcome{text-align:center;max-width:240px}.chat-welcome-icon{width:46px;height:46px;display:grid;place-items:center;background:#24282a;color:#d6b85c;margin:0 auto 18px}.chat-welcome h3{font-size:15px;margin-bottom:12px}.chat-welcome p{font-size:11px;color:#8d949c;line-height:1.9}.chat-welcome>span{display:block;font-size:10px;color:#666f79;margin-top:25px;line-height:1.8}.chat-login-block{border-top:1px solid #2b2f32;padding:20px;text-align:center}.chat-login-block>svg{width:16px;height:16px;color:#a2a7ad}.chat-login-block p{font-size:11px;margin:10px 0 15px;color:#a7adb5}.chat-login-block .vk-login{width:100%;padding:12px}.chat-input-area{display:flex;gap:8px;padding:0 14px}.chat-input-area input{min-width:0;width:100%;padding:13px;background:#101214;border:1px solid #30353a;color:#77818d;font-size:11px}.chat-input-area button{background:#303337;color:#737982;display:grid;place-items:center;width:40px;flex-shrink:0}.chat-rules{padding:14px;text-align:center;font-size:8px;color:#5f666d}.chat-open .app{margin-right:330px}.chat-open .workspace{grid-template-columns:1fr}.chat-open .right-column{display:grid;grid-template-columns:1fr 1fr 1fr}.chat-open .pass-card{grid-row:span 2}.chat-open .community{grid-column:auto}.chat-open .chat-entry{display:none}.chat-backdrop{display:none}
@media(max-width:1100px){.chat-open .right-column{grid-template-columns:1fr 1fr}.chat-open .pass-card{grid-row:auto}.chat-open .community{grid-column:1/-1}.workspace{grid-template-columns:minmax(0,1fr) 220px}.top-actions{gap:7px}}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr}.chat-open .app{margin-right:0}.chat-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#0009;z-index:40}.chat-open .right-column{grid-template-columns:1fr 1fr}.pass-card{height:325px}.topbar{padding:0 20px}.vk-link{display:none}}
@media(max-width:600px){.sidebar{width:auto;height:66px;padding:0 10px;border-top:1px solid #353739}.sidebar .brand{display:none}.nav{padding:12px 3px;gap:5px;margin:0}.nav span{display:block}.nav.active:before{left:25%;right:25%;top:0;bottom:auto;width:auto;height:2px}.app{margin:0}.topbar{height:58px;padding:0 14px}.breadcrumbs{font-size:8px;gap:6px}.top-actions{gap:6px}.top-actions>.icon-btn{display:none}.open-chat-top{padding:8px;font-size:9px;gap:6px}.top-actions .vk-login{font-size:8px;padding:9px}.open-chat-top svg{height:13px;width:13px}main{padding:20px 14px 72px}.spotlight{height:216px}.spotlight-content{padding:23px 20px}.spotlight h2{font-size:31px;margin-top:25px}.banner-subtitle{font-size:10px}.spotlight-bg{object-position:68% 30%}.page-title h1{font-size:21px}.server-grid{gap:10px}.card-art{height:61px}.card-body{padding:2px 10px 11px}.card-title h3{font-size:12px}.pass-card{height:325px}.pass-copy h3{font-size:18px}.chat-panel{width:min(100%,370px)}.chat-panel-head{height:58px}.chat-login-block{padding:16px}.chat-rules{padding-bottom:max(14px,env(safe-area-inset-bottom))}.right-column{gap:11px}.chat-open .right-column{grid-template-columns:1fr 1fr}.chat-open .pass-card{grid-row:auto}.chat-open .bonus-rail{grid-column:auto}.chat-open .community{grid-column:1/-1}.nav:hover:after{display:none}}
.chat-messages{display:block;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:12px 13px;min-height:0;flex:1}.chat-messages .chat-welcome{margin:60px auto}.chat-loading{text-align:center;margin:40px 0;font-size:11px;color:#818995}.message{display:flex;gap:9px;margin:15px 0;min-width:0}.message-avatar{height:31px;width:31px;flex-shrink:0;border-radius:50%;background:#343b48;display:grid;place-items:center;color:#c7ced9;font-size:12px;position:relative;overflow:hidden}.message-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.message-content{min-width:0;flex:1}.message-head{display:flex;align-items:baseline;gap:8px;justify-content:space-between}.message-name{font-size:10px;color:#c5b278;overflow-wrap:anywhere}.message-time{font:8px Arial;color:#656f7b;white-space:nowrap}.message-body{font-size:12px;line-height:1.65;color:#d0d6dd;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px;user-select:text}.mine .message-name{color:#8ca9f1}.message-deleted{font-size:10px;color:#656d78;font-style:italic;margin-top:5px}.message-day{text-align:center;font-size:9px;color:#78818c;margin:20px 0 13px}.message-actions{display:flex;gap:12px;margin-top:5px}.message-actions button{font-size:8px;color:#788391;padding:3px 0}.message-actions button:hover{color:#c3d1e5}.message-quote{border-left:2px solid #7184a5;background:#ffffff04;padding:6px 8px;margin-top:7px;display:flex;flex-direction:column;gap:3px;font-size:9px;color:#939dac;overflow:hidden}.message-quote span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.load-older{display:block;margin:5px auto;padding:7px 18px;font-size:10px;color:#9ca7b8;border:1px solid #343a44}.chat-input-area{padding:10px 12px 0;gap:6px}.chat-input-area textarea{resize:none;min-width:0;width:100%;min-height:40px;max-height:105px;padding:11px 9px;background:#101214;border:1px solid #30353a;color:#dce1e9;font:12px/1.5 Manrope,Arial}.chat-input-area>button{width:32px;min-height:40px;align-self:end;font-size:19px}.chat-input-area button:disabled{opacity:.4;cursor:default}.chat-input-area #chat-send:not(:disabled){background:#345ae5;color:white}.chat-input-area #chat-send svg{width:17px}.chat-rules{display:flex;justify-content:space-between;font-size:8px;color:#717e8f;letter-spacing:0}.chat-rules .error{color:#d8a879}.chat-login-block{padding:14px}.chat-login-block p{margin:0 0 10px}#emoji-picker{display:flex;flex-wrap:wrap;gap:5px;padding:9px 12px;background:#20242b;border-top:1px solid #3c414a}#emoji-picker button{padding:5px;font-size:20px}#chat-new{position:absolute;bottom:125px;left:65px;right:65px;border:1px solid #4c659a;background:#2a4377;padding:9px;border-radius:14px;font-size:10px;box-shadow:0 3px 10px #0005}#chat-reply{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid #354056;border-left:2px solid #8194c5;padding:9px 14px;background:#1f2632}#chat-reply>div{min-width:0;font-size:10px}#chat-reply b,#chat-reply span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#chat-reply span{font-size:9px;color:#919fb4;margin-top:4px}#chat-reply button{font-size:20px}.chat-panel{height:100dvh}.chat-panel-head,.chat-channel,.chat-input-area,.chat-rules,.chat-login-block,#chat-reply{flex-shrink:0}
/* Persistent chat and recovery carousel */
.open-chat-top,.chat-entry,#close-chat,#chat-backdrop,.right-column{display:none!important}.app,.chat-open .app{margin-right:330px}.workspace,.chat-open .workspace{display:block}.chat-panel{display:flex!important;height:100dvh;z-index:25}.topbar{height:84px;gap:18px;padding:0 22px}.header-launch{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;max-width:350px}.header-launch>span{font-size:8px;letter-spacing:1px;color:#aaa38f}.header-launch .countdown{width:180px;gap:5px}.header-launch .countdown>div{padding:5px 0;gap:0;border:0;background:#1c1f22}.header-launch .countdown b{font-size:18px}.header-launch .countdown span{font-size:7px;margin-top:2px}.header-launch>small{font-size:7px;color:#787e87;width:100%;text-align:right;margin-top:-8px}.top-actions{gap:7px}.top-actions .cs-logo,.top-actions .divider,.top-actions .vk-link,.top-actions>.icon-btn{display:none}.recovery-slider{height:300px;background:#161a21;position:relative;overflow:hidden}#slides,.recovery-slide{height:100%}.recovery-slide>img{position:absolute;right:0;top:0;width:100%;height:100%;object-fit:cover;opacity:.42}.recovery-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11161ded,#11161d8a 70%,#11161d22)}.slide-copy{position:relative;z-index:2;padding:26px 30px;max-width:78%}.slide-copy>span{font-size:8px;letter-spacing:1.5px;color:#e0be5d;font-weight:800}.slide-copy h2{font:800 30px/1.2 Arial;margin:14px 0 12px;letter-spacing:-.4px}.slide-copy p{font-size:11px;line-height:1.85;color:#b0b7c3;max-width:420px}.slide-copy>a{display:inline-block;font-size:10px;color:#c2cce0;margin-top:17px;border-bottom:1px solid #657087;padding-bottom:4px}.slide-copy>small{display:block;margin-top:16px;color:#8b94a3;font-size:9px}.recovery-slide.feature>img{object-fit:contain;width:44%;right:0;opacity:.8}.recovery-slide.feature:after{background:linear-gradient(90deg,#141922,#14192200)}.feature .slide-copy{max-width:65%}.slider-controls{position:absolute;bottom:14px;left:30px;z-index:4;display:flex;align-items:center;gap:10px}.slider-controls>button{font:13px Arial;color:#a0aabb;padding:5px}#slide-dots{display:flex;gap:6px}#slide-dots button{width:18px;height:3px;background:#59616d;padding:0}#slide-dots .active{background:#e0bd5d}.profile-label{display:block;font-size:12px;color:#abb4c6;margin-bottom:15px}.nickname-input{display:block;width:100%;margin-top:9px;padding:12px;background:#12161d;border:1px solid #485164;border-radius:6px;color:#eee}.profile-refresh{font-size:11px;color:#98b5f1;text-decoration:underline}.avatar-upload{display:grid;grid-template-columns:60px 1fr;gap:8px 15px;margin-top:20px;align-items:center}.avatar-upload>img{width:60px;height:60px;border-radius:50%;object-fit:cover;grid-row:span 2}.avatar-pick{position:relative;cursor:pointer;overflow:hidden;border:1px solid #54617b;padding:10px;text-align:center;font-size:11px;border-radius:4px}.avatar-pick input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.avatar-upload>small{font-size:9px;color:#8d9aaf}.chat-panel-head{height:84px}.chat-channel{height:38px;padding-top:11px}.recovery-slider~#quest-section{margin-top:30px}#quest-list{grid-template-columns:repeat(3,minmax(0,1fr))}.reward-card{padding:15px}.reward-card header img{max-width:95px}.reward-art{height:190px}.reward-art>img{height:125px}.reward-cta{font-size:9px}.server-caption{margin-bottom:24px}
@media(max-width:1150px){.header-launch{max-width:235px;gap:6px}.header-launch>span{font-size:7px}.header-launch .countdown{width:140px}.topbar{gap:10px}.breadcrumbs{display:none}.slide-copy{max-width:85%}.slide-copy h2{font-size:28px}#quest-list{grid-template-columns:1fr 1fr}.reward-art{height:210px}.reward-art>img{height:145px}}
@media(max-width:900px){.app,.chat-open .app{margin-right:285px}.chat-panel{width:285px}.topbar{padding:0 14px}.header-launch{margin:0;max-width:190px}.header-launch>span{display:none}.header-launch>small{text-align:center;font-size:6px;margin-top:0}.header-launch .countdown{width:150px}.header-launch .countdown b{font-size:16px}.top-actions .vk-login{padding:8px;font-size:9px}.recovery-slider{height:330px}.slide-copy{padding:24px 20px;max-width:100%}.slide-copy h2{font-size:26px}.slide-copy p{font-size:10px}.recovery-slide.feature>img{width:50%;opacity:.45}.feature .slide-copy{max-width:90%}.slider-controls{left:20px}.reward-card{padding:12px}.reward-card header img{max-width:75px}.reward-flags{font-size:7px}#quest-list{grid-template-columns:1fr}.reward-cta{font-size:11px}}
@media(max-width:650px){.app,.chat-open .app{margin-right:0}.chat-panel{position:relative;inset:auto;width:100%;height:560px;max-height:none;border-top:1px solid #414750;border-left:0;margin:0 0 66px}.chat-panel-head{height:52px}.chat-messages{min-height:150px}.sidebar{z-index:40}main{padding-bottom:18px}.topbar{position:sticky;top:0;z-index:20;height:80px}.header-launch{max-width:220px;justify-content:flex-start}.header-launch .countdown{width:170px}.header-launch>small{font-size:7px}.top-actions{margin-left:auto}.top-actions .vk-login{font-size:9px;padding:9px 11px}.page-title h1{font-size:20px}.page-title{margin-bottom:17px}.recovery-slider{height:300px}.slide-copy{padding:25px;max-width:95%}.slide-copy h2{font-size:29px}.slide-copy p{font-size:11px}.slider-controls{left:25px}.feature .slide-copy{max-width:80%}.recovery-slide.feature>img{width:52%;opacity:.6}#quest-list{grid-template-columns:1fr}.reward-card{padding:21px}.reward-card header img{max-width:120px}.reward-art{height:225px}.reward-art>img{height:160px}.reward-flags{font-size:10px}.reward-cta{font-size:12px}.server-caption{font-size:8px}.chat-rules{padding-bottom:14px}}
/* The banner is the first content block. */
.page-title{display:none}
/* Brand actions and responsive chat. */
.primary,.hero-actions .primary,.reward-cta,.reward-tabs .selected{background:#ff6537;color:#151515}.primary:hover,.hero-actions .primary:hover,.reward-cta:hover{background:#ff8059!important;color:#151515}.card-actions .primary{background:#ff6537;color:#151515}.card-actions .primary:hover{background:#ff8059;color:#151515}.chat-input-area #chat-send:not(:disabled){background:#ff6537;color:#151515}.vk-login{background:#ff6537;color:#151515}.vk-login:hover{background:#ff8059}.favorite.on{color:#ff835b}.mode-badge svg,.tag svg,.nav.active,.game-chip svg{color:#ff7b50}.nav.active:before,.occupancy:after,#slide-dots .active{background:#ff6537}.slide-copy>span,.countdown>div:last-child b{color:#ff835b}.glass{color:#eee}.mobile-chat-nav{display:none}.message-actions{opacity:0;visibility:hidden;transition:opacity .12s}.message:hover .message-actions,.message:focus-within .message-actions,.message.actions-open .message-actions{opacity:1;visibility:visible}.message{outline:none}.message:focus-visible{outline:1px solid #ff6537;outline-offset:4px}
@media(min-width:901px){.server-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-title{flex-direction:column;align-items:flex-start;gap:7px}.card-title h3{font-size:12px}.card-body{padding:3px 11px 12px}.card-sub{font-size:8px;min-height:24px;line-height:1.6;margin-bottom:10px}.card-art{height:76px}.card-actions{gap:5px;flex-wrap:wrap}.card-actions .primary{font-size:10px;padding:9px;min-width:65px}.card-actions .square-button{width:29px}.card-actions .detail-button{display:none}.slots{font-size:9px}}
@media(hover:none){.message:hover .message-actions{opacity:0;visibility:hidden}.message.actions-open .message-actions,.message:focus-within .message-actions{opacity:1;visibility:visible}}
@media(max-width:650px){.mobile-chat-nav{display:flex}.sidebar{position:fixed;inset:auto 0 0;width:auto;height:66px;padding:0 10px;border-top:1px solid #353739;z-index:40}.sidebar nav{display:flex;justify-content:space-around}.sidebar .brand,.sidebar-bottom{display:none}.sidebar .nav{width:25%;flex-direction:column;gap:5px;padding:12px 3px}.sidebar .nav span{display:block;font-size:9px}.sidebar .nav small{display:none}.sidebar .nav.active:before{left:25%;right:25%;top:0;bottom:auto;width:auto;height:2px}.app{margin-left:0}.chat-panel{display:none!important;margin:0;position:fixed;inset:0;width:100%;height:100dvh;max-height:none;z-index:50;border:0}.mobile-chat-open .chat-panel{display:flex!important}.mobile-chat-open{overflow:hidden}.chat-panel #close-chat{display:grid!important}.chat-panel-head{height:58px;padding-top:env(safe-area-inset-top)}.chat-rules{padding-bottom:max(12px,env(safe-area-inset-bottom))}.mobile-chat-open .toast{z-index:100}.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar .mobile-chat-nav.active{color:#ff835b}.avatar-pick{border-color:#a75c40}}
/* Keep the character's face in frame on the recovery banner. */
.recovery-slide.status>img{width:62%;object-position:center 12%;opacity:.65}
@media(max-width:650px){.recovery-slide.status>img{width:100%;object-position:center 14%;opacity:.4}}
.cap-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin:5px 0 25px}.cap-kicker{color:#ff865b;font-size:8px;letter-spacing:1.5px;font-weight:800}.cap-heading :is(h1,h2){font:800 29px/1.3 Arial;margin:12px 0}.cap-heading :is(h1,h2) span{color:#ff6537}.cap-heading p{font-size:12px;color:#8f99a9;line-height:1.8}.cap-status{font-size:9px;color:#c6a16b;background:#9d753411;border:1px solid #6d573e;padding:8px 11px;white-space:nowrap}.cap-filters{display:flex;gap:5px;border-bottom:1px solid #303439;padding:0 0 15px;margin-bottom:21px;flex-wrap:wrap}.cap-filters button{font-size:10px;color:#8a94a5;padding:10px 14px;background:#1b1e23}.cap-filters .active{background:#ff6537;color:#151515;font-weight:800}.cap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.cap-card{min-width:0;background:linear-gradient(135deg,#20242b,#171a1f);border:1px solid #323944;overflow:hidden}.cap-card.cap-wide{grid-column:1/-1}.cap-copy{padding:24px 23px 19px}.cap-copy>span{display:flex;align-items:center;gap:7px;font:800 9px Arial;letter-spacing:1px;color:#e39b73}.cap-copy>span svg{width:14px;height:14px}.cap-copy h2{font:700 20px/1.35 Arial;color:#edf0f5;margin:11px 0 10px;letter-spacing:-.3px}.cap-copy p{font-size:11px;line-height:1.8;color:#929faf;max-width:590px}.cap-preview{display:block;position:relative;width:100%;padding:0 18px 19px;text-align:left;overflow:hidden}.cap-shot{overflow:hidden;position:relative;width:100%;background:#15181e;border:1px solid #454b56;border-radius:6px}.cap-shot img{position:absolute;max-width:none;height:auto;filter:brightness(1.12) saturate(1.05);transition:filter .2s}.cap-preview:hover img{filter:brightness(1.27) saturate(1.1)}.cap-zoom{position:absolute;bottom:30px;right:30px;background:#0b0e14d9;border:1px solid #626d8055;padding:7px 10px;color:#d2dbe9;font-size:8px;opacity:0;transition:opacity .15s}.cap-preview:hover .cap-zoom,.cap-preview:focus-visible .cap-zoom{opacity:1}.cap-shot.free{max-height:340px;aspect-ratio:1.3!important}.cap-shot.free img{top:-12%!important}.cap-note{font-size:10px;line-height:1.9;color:#798595;margin:23px 0}.cap-modal{width:1000px;max-width:calc(100vw - 35px);max-height:90dvh;overflow-y:auto;padding:30px}.cap-modal-heading>span{font-size:9px;color:#ff855a;letter-spacing:1px}.cap-modal-heading h2{margin:13px 0;font-size:22px}.cap-modal-heading p{font-size:12px}.cap-modal .cap-shot{margin-top:22px}.cap-modal .cap-shot.free{max-height:520px;width:min(100%,650px);margin-left:auto;margin-right:auto}.cap-modal-note{font-size:9px!important;color:#7e899a!important}.cap-modal-heading{padding-right:18px}.cap-modal .dialog-close{position:sticky;top:0;float:right;background:#111a;z-index:5}
@media(max-width:1150px){.cap-heading :is(h1,h2){font-size:25px}.cap-copy{padding:21px 18px 16px}.cap-copy h2{font-size:18px}.cap-heading{flex-wrap:wrap}.cap-preview{padding:0 13px 14px}.cap-grid{gap:14px}}
@media(max-width:900px){.cap-grid{grid-template-columns:1fr}.cap-copy h2{font-size:20px}.cap-card.cap-wide{grid-column:auto}.cap-zoom{opacity:1}.cap-status{font-size:8px}.cap-filters button{padding:9px 10px;font-size:9px}}
@media(max-width:650px){.sidebar .nav{width:20%}.sidebar .nav span{font-size:8px}.cap-heading{margin-top:4px}.cap-heading :is(h1,h2){font-size:25px}.cap-heading p{font-size:11px}.cap-copy{padding:22px 20px 18px}.cap-copy h2{font-size:21px}.cap-copy p{font-size:11px}.cap-preview{padding:0 12px 13px}.cap-modal{padding:20px 14px}.cap-modal-heading h2{font-size:20px}.cap-zoom{font-size:7px;bottom:22px;right:23px}.cap-filters{gap:4px}.cap-filters button{padding:10px 12px}.cap-note{font-size:9px}.cap-shot.free{max-height:290px}}
.frag-promo{position:relative;margin-top:22px;border:1px solid #a74f2e;background:radial-gradient(ellipse at 0% 0%,#ff653728,transparent 65%),linear-gradient(110deg,#292019,#1d1d20);padding:20px 23px;overflow:hidden}.frag-promo-top{display:flex;align-items:center;gap:9px;margin-bottom:16px}.frag-promo-date{font:800 9px Arial;letter-spacing:1.3px;color:#ffac88}.frag-promo-all{font:900 9px Arial;background:#ff6537;color:#171717;padding:5px 8px;transform:rotate(-3deg)}.frag-promo-top>svg{margin-left:auto;width:18px;height:18px;color:#b77050}.frag-promo-main{display:grid;grid-template-columns:1.1fr 1.3fr auto;gap:25px;align-items:center}.frag-promo h2{font:800 25px/1.25 Arial;letter-spacing:-.3px}.frag-promo h2 strong{color:#ff865d}.frag-promo p{font-size:10px;color:#ae9c90;margin:9px 0 0}.frag-promo-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}.frag-promo-steps li{display:flex;gap:10px;align-items:center}.frag-promo-steps li>span{display:grid;place-items:center;width:25px;height:25px;background:#ff653714;border:1px solid #a958353f;color:#ff9e72;font:800 11px Arial;flex-shrink:0}.frag-promo-steps b{font-size:11px;font-weight:800}.frag-promo-steps small{display:block;font-size:9px;color:#9b9391;margin-top:4px}.frag-promo-steps a{color:#cfaa99}.frag-promo-actions{display:flex;flex-direction:column;gap:9px;min-width:140px}.frag-promo-actions .primary{border-radius:2px;padding:12px 18px;font-size:11px;gap:9px}.frag-promo-actions .primary svg{width:14px;height:14px}.frag-promo-vk{border:1px solid #ff8b5a55;background:#ff653708;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#edc2b0;padding:11px 14px;border-radius:2px}.frag-promo-vk svg{width:14px;height:14px}.frag-promo-vk:hover{background:#ff653720}#server-grid{scroll-margin-top:110px}
@media(max-width:1150px){.frag-promo-main{grid-template-columns:1fr 1.2fr;gap:20px}.frag-promo-actions{grid-column:1/-1;flex-direction:row}.frag-promo-actions>a{flex:1}.frag-promo h2{font-size:24px}}
@media(max-width:900px){.frag-promo{padding:18px}.frag-promo-main{grid-template-columns:1fr;gap:18px}.frag-promo-actions{grid-column:auto}.frag-promo h2 br{display:none}.frag-promo h2{font-size:24px}.frag-promo-steps{gap:12px}}
@media(max-width:650px){.frag-promo{margin-top:17px;padding:18px}.frag-promo-top{margin-bottom:13px}.frag-promo h2{font-size:27px}.frag-promo h2 br{display:block}.frag-promo-main{gap:20px}.frag-promo p{font-size:11px}.frag-promo-steps b{font-size:12px}.frag-promo-steps small{font-size:10px}.frag-promo-actions{gap:8px}.frag-promo-actions .primary{padding:12px 15px}.frag-promo-vk{padding:12px 10px}}
.mobile-header-logo{display:none}
@media(max-width:650px){.mobile-header-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:29px;height:34px}.mobile-header-logo img{display:block;width:29px;height:29px}.topbar{gap:10px;padding-left:13px;padding-right:13px}.header-launch{flex:0 1 auto;min-width:0;max-width:none;margin:0}.header-launch .countdown{width:clamp(124px,40vw,170px)}.top-actions{min-width:0;margin-left:auto}.top-actions .vk-login{max-width:115px;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden}.top-actions .vk-login>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions .vk-login img{flex-shrink:0}.header-launch .countdown b{font-size:16px}}
@media(max-width:380px){.topbar{gap:8px;padding-inline:10px}.top-actions .vk-login{max-width:96px;font-size:8px;padding:8px}.top-actions .vk-login img{width:22px;height:22px;margin-right:5px!important}.mobile-header-logo,.mobile-header-logo img{width:26px}.mobile-header-logo img{height:26px}.header-launch .countdown{gap:4px}}
.login-heading h2{margin-bottom:8px}.login-heading p{font-size:12px;color:#929eaf}.login-options{display:flex;flex-direction:column;gap:12px;margin:24px 0}.login-provider{display:flex;align-items:center;gap:13px;padding:15px 17px;border-radius:7px;border:1px solid #40506d;font-size:13px;font-weight:700}.login-provider img{object-fit:contain;flex-shrink:0}.login-provider b{margin-left:auto;font:16px Arial;color:#a9bad5}.provider-vk{background:#0077ff20;border-color:#0077ff65}.provider-steam{background:#263344;border-color:#596b83}.login-provider:hover{border-color:#ff835b}.login-note{font-size:10px!important;color:#7e8b9f!important;line-height:1.8}

.profile-logout{display:inline-flex;align-items:center;gap:9px}.profile-logout svg{flex-shrink:0}

#new-games{margin:32px 0}.games-soon{font-size:9px;letter-spacing:1px;color:#b8a588}.games-intro{font-size:12px;color:#9b9d9f;margin:-4px 0 18px}.new-games-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.new-game-card{position:relative;display:flex;align-items:center;min-height:210px;border:1px solid #3e302d;border-radius:12px;overflow:hidden;background:linear-gradient(120deg,#211a1a,#141519);color:#eee;text-decoration:none;padding:24px;transition:border-color .2s,transform .2s}.game-mlbb{background:linear-gradient(120deg,#16232e,#141519);border-color:#293947}.new-game-card:hover{border-color:#ff653b;transform:translateY(-2px)}.new-game-card>img{position:absolute;right:-30px;width:230px;transform:rotate(-12deg);opacity:.6}.new-game-card>div{z-index:1;position:relative}.new-game-card h3{font-size:29px;margin:14px 0 6px}.new-game-card p{font-size:10px;color:#b8b8bd;margin-bottom:26px}.game-more{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#ff784b}.game-more svg{width:17px;height:17px}.new-game-card:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#14151944,#14151900)}@media(max-width:700px){.new-games-grid{grid-template-columns:1fr}.new-game-card{min-height:190px}.new-game-card>img{right:0;width:210px}}

.player-balance{display:inline-flex;position:relative;align-items:center;margin-left:10px;padding-left:10px;border-left:1px solid #ffffff30;color:#ffb47a;font-weight:800;white-space:nowrap}.top-actions [data-profile-button]{max-width:100%;display:inline-flex;align-items:center}.top-actions [data-profile-button]>span:first-of-type{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:650px){.top-actions [data-profile-button]>span:first-of-type{max-width:65px}.player-balance{margin-left:6px;padding-left:6px}}

.chat-messages{scrollbar-width:auto;scrollbar-color:auto;scrollbar-gutter:stable;overflow-anchor:none}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-track{background:#141619;border-radius:10px;margin:8px 0}.chat-messages::-webkit-scrollbar-thumb{background:#54565e;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#ba714d}.chat-messages::-webkit-scrollbar-button{display:none;width:0;height:0}.load-older:disabled{opacity:.55;cursor:default}

@supports not selector(::-webkit-scrollbar){.chat-messages{scrollbar-width:thin;scrollbar-color:#54565e #141619}}

.vk-login[data-login]{display:inline-flex;align-items:center;justify-content:center;gap:7px}.steam-login-icon{display:block;width:18px!important;height:18px!important;margin:0!important;flex-shrink:0;filter:brightness(0);opacity:.9}.home-capabilities{margin-top:35px;padding-top:23px;border-top:1px solid #2b2e32}

.site-online{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:7px 9px;background:#76dc9210;border:1px solid #76dc9224;border-radius:7px;color:#83d89a;font-size:10px;font-variant-numeric:tabular-nums}.site-online-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#72d58e;box-shadow:0 0 8px #72d58e44}.site-online svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}.site-online b{font-weight:700}.site-online-label{color:#93af9c;font-size:9px}.site-online.is-unavailable{color:#7f858e;background:#ffffff03;border-color:#ffffff0c}.site-online.is-unavailable .site-online-dot{background:#777;box-shadow:none}.message-identity{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}.message-admin{display:inline-flex;align-items:center;gap:3px;border:1px solid #ffac6c38;border-radius:4px;padding:2px 4px;color:#ffba86;background:#ff985914;font-size:7px;font-weight:700;line-height:1.2;white-space:nowrap;flex-shrink:0}.message-admin svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.8}.message.admin .message-name{color:#ffbe8b}@media(max-width:650px){.site-online{padding:6px 5px;gap:4px;border-radius:5px;font-size:9px}.site-online-label,.site-online-dot{display:none}.site-online svg{width:11px;height:11px}.topbar{gap:6px;padding-inline:10px}.header-launch .countdown{width:clamp(110px,32vw,145px)}}

.play-first-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,1fr);gap:16px;align-items:stretch;margin-bottom:21px}.play-first-row[hidden]{display:none!important}.play-first-row.servers-only{display:block}.play-first-row .recovery-slider{height:330px;border-radius:12px;border:1px solid #2b3037}.play-first-row .slide-copy{padding:25px 23px;max-width:100%}.play-first-row .slide-copy h2{font-size:27px;line-height:1.2}.play-first-row .slide-copy p{font-size:10px;line-height:1.8}.play-first-row .slide-copy>a{margin-top:12px}.play-first-row .recovery-slide.status>img{width:100%;opacity:.5;object-position:center 15%}.play-first-row .recovery-slide.status:after{background:linear-gradient(90deg,#11161de8,#11161d88 75%,#11161d44)}.play-first-row .recovery-slide.feature>img{width:60%;opacity:.55}.compact-servers{padding:16px;background:linear-gradient(160deg,#1d1e21,#111315);border:1px solid #343132;border-radius:12px;min-width:0;display:flex;flex-direction:column;justify-content:center}.compact-servers .section-title{margin:0 0 13px;gap:8px}.compact-servers .section-title h2{font-size:14px}.compact-servers .section-title h2>svg{color:#ff8859}.compact-servers .section-title>.text-button{font-size:0;padding:0}.compact-servers .section-title>.text-button svg{width:15px;height:15px}.compact-servers .server-toolbar,.compact-servers .empty,.compact-servers .favorite,.compact-servers .mode-badge,.compact-servers .detail-button{display:none}.compact-servers .server-grid{display:grid;grid-template-columns:1fr;gap:8px}.compact-servers .server-card{display:grid;grid-template-columns:42px minmax(0,1fr) 53px 30px 32px;grid-template-rows:18px 16px;gap:1px 7px;align-items:center;padding:9px 8px;border-radius:8px;border:1px solid #ffffff0b;background:#0e1013;position:relative;overflow:hidden}.compact-servers .card-art{grid-column:1;grid-row:1/3;width:42px;height:34px;border-radius:5px;overflow:hidden}.compact-servers .card-art img{width:100%;height:100%;object-fit:cover;opacity:.85}.compact-servers .card-art:after{display:none}.compact-servers .card-body,.compact-servers .card-title,.compact-servers .card-actions{display:contents}.compact-servers .card-title h3{grid-column:2;grid-row:1;font-size:10px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;color:#eceef1}.compact-servers .card-sub{grid-column:2;grid-row:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;color:#7a828e;margin:0;line-height:1.5}.compact-servers .slots{grid-column:3;grid-row:1/3;font-size:8px;display:flex;align-items:center;justify-content:center;gap:3px;color:#8e95a0;white-space:normal;text-align:center;line-height:1.3}.compact-servers .slots svg{width:10px;height:10px;flex-shrink:0}.compact-servers .slots.is-live{color:#a3d8b2}.compact-servers .card-actions .primary{grid-column:5;grid-row:1/3;display:flex;align-items:center;justify-content:center;font-size:0!important;padding:0!important;width:32px;height:32px;min-height:0;border-radius:6px;gap:0;background:#ff703c}.compact-servers .card-actions .primary svg{width:14px;height:14px;margin:0}.compact-servers .card-actions .square-button:not(.detail-button){grid-column:4;grid-row:1/3;width:30px;height:32px;border-radius:6px;padding:7px}.compact-servers .occupancy{position:absolute;bottom:0;left:0;right:0;margin:0;height:2px;opacity:.6}.compact-servers .server-caption{margin:13px 0 0;font-size:8px;line-height:1.5}.compact-servers .server-caption .status-dot{width:5px;height:5px}.play-first-row~.frag-promo{margin-top:0}.play-first-row.servers-only #server-section{margin-top:0}@media(max-width:1120px){.play-first-row{grid-template-columns:minmax(0,1fr) minmax(310px,1fr);gap:12px}.compact-servers{padding:13px}.compact-servers .server-card{grid-template-columns:35px minmax(0,1fr) 44px 28px 30px;gap:1px 5px;padding:9px 6px}.compact-servers .card-art{width:35px}.compact-servers .card-actions .primary{width:30px}.compact-servers .card-title h3{font-size:9px}.compact-servers .slots{font-size:7px}.play-first-row .slide-copy{padding:23px 20px}.play-first-row .slide-copy h2{font-size:25px}}@media(max-width:1000px){.play-first-row{grid-template-columns:1fr}.compact-servers{order:-1}.play-first-row .recovery-slider{height:270px}.play-first-row .slide-copy{max-width:75%}.compact-servers .server-card{grid-template-columns:42px minmax(0,1fr) 62px 34px 36px;gap:1px 10px}.compact-servers .card-art{width:42px;height:34px}.compact-servers .card-title h3{font-size:11px}.compact-servers .slots{font-size:9px}.compact-servers .card-actions .primary{width:36px}.compact-servers .card-actions .square-button:not(.detail-button){width:34px}}@media(max-width:650px){.play-first-row{gap:12px;margin-bottom:18px}.compact-servers{padding:14px 12px}.compact-servers .server-card{grid-template-columns:38px minmax(0,1fr) 47px 30px 32px;gap:1px 6px;padding:9px 6px}.compact-servers .card-art{width:38px}.compact-servers .card-title h3{font-size:10px}.compact-servers .slots{font-size:8px}.compact-servers .card-actions .primary{width:32px}.compact-servers .card-actions .square-button:not(.detail-button){width:30px}.compact-servers .server-caption{font-size:7px}.play-first-row .slide-copy{max-width:100%}.play-first-row .recovery-slider{height:270px}.play-first-row .slider-controls{left:20px}}

.compact-servers .card-actions .primary{min-width:0!important;max-width:100%;flex:none;justify-self:center}.compact-servers .card-actions .primary svg{display:block;flex:none}