html{height:100%;position:relative;overflow:hidden}body{color:#fff;box-sizing:border-box;height:100%;margin:0;padding:0;font-family:Rajdhani;font-weight:300;position:relative;overflow:hidden}.screen{background-color:#111;width:100%;height:100%;position:fixed}.window{background-color:#111;border:2px solid #272727}a,a:hover,a:visited{color:var(--theme-link-visited,#e7c3da)}a:active{color:var(--theme-accent,#e67bbe)}input,textarea,select{color:#fff;box-sizing:border-box;background:#282828;border:none;border-radius:2px;outline:none;height:34px;padding:0 10px;font-family:Rajdhani;font-size:18px;font-weight:500}#gameadsbanner-container{z-index:100;display:flex;position:absolute!important}#gameadsbanner{transform-origin:0 0;width:200px;height:120px}.notify>.notify-content>.notify__text{font-weight:700}.sn-notifications-container.sn-notifications-container{--sn-notifications-gap:10px;--sn-notifications-padding:14px;--sn-notify-radius:8px;--sn-success-progress-color:#26a72d;--sn-error-progress-color:#dc3545;--sn-warning-progress-color:#e0a800;--sn-info-progress-color:#007bff;min-height:0!important;max-height:100%!important}.sn-notifications-container.sn-notifications-container .sn-notify{box-shadow:0 8px 24px #0006, inset 3px 0 0 var(--sn-notify-icon-color);border:1px solid #ffffff0f;font-family:Ubuntu,sans-serif}.sn-notifications-container.sn-notifications-container .sn-notify.sn-notify-filled{--sn-notify-background-color:#343a40;--sn-notify-title-color:#fff;--sn-notify-text-color:#ffffffd9;--sn-notify-close-icon-color:#fff9}.sn-notifications-container.sn-notifications-container .sn-notify.sn-notify-filled.sn-notify-success{--sn-notify-icon-color:#39d340}.sn-notifications-container.sn-notifications-container .sn-notify.sn-notify-filled.sn-notify-error{--sn-notify-icon-color:#f34556}.sn-notifications-container.sn-notifications-container .sn-notify.sn-notify-filled.sn-notify-warning{--sn-notify-icon-color:#f5b800}.sn-notifications-container.sn-notifications-container .sn-notify.sn-notify-filled.sn-notify-info{--sn-notify-icon-color:#3998ff}.sn-notifications-container.sn-notifications-container .sn-notify-text{font-size:14px}.flex{display:flex}.text-right{text-align:right}.text-center{text-align:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#212121}::-webkit-scrollbar-thumb{background:var(--ui-accent,#fe70c3)}::-webkit-scrollbar-thumb:hover{background:var(--ui-accent-dark,#c35696)}#loader{z-index:100000;opacity:1;background-color:#111;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1s;display:flex;position:fixed;top:0;left:0}#loader .senpaio-logo{width:280px}@media screen and (width>=768px) and (height>=360px){#loader .senpaio-logo{width:330px}}@media screen and (width>=1024px) and (height>=768px){#loader .senpaio-logo{width:400px}}.chat-input{color:#ddd;background:#444;border:none;border-bottom:3px solid #222;outline:none;width:350px;margin-left:auto;margin-right:auto;padding:10px;font-size:14px;display:none;position:fixed;bottom:30px;left:0;right:0}.chat-input.active{display:inline-block}#chat-room{-webkit-user-select:text;user-select:text;resize:none;width:227px;min-width:200px;height:300px;min-height:200px;margin-bottom:5px;padding:0 0 10px;overflow:hidden;transform:scale(1)}#chat-room div{font-family:Rajdhani,Titillium Web,Ubuntu,sans-serif;font-size:14px;font-weight:500;line-height:21px}#chat-room div .time{color:#555;margin-left:4px;font-weight:400}#chat-room div .nick{color:var(--theme-accent,#e67bbe);margin-left:4px}#chat-room div .message{color:#fffc;margin-left:4px}#chat-room #chat-control{z-index:999999;width:100%;height:31px;position:relative}#chat-room #chat-control button{color:#fff;float:left;cursor:pointer;text-transform:uppercase;background:#0a0a0a4d;border:none;outline:none;min-width:46px;height:26px;margin:0;font-family:inherit}#chat-room #chat-control button.active{background-color:var(--theme-accent,#e67bbe)}#chat-room #chat-room-inner{transform-origin:0;background:#0a0a0a4d;width:calc(100% - 10px);min-width:200px;height:calc(100% - 26px);min-height:200px;padding-left:10px;position:fixed;bottom:0;overflow:hidden auto}#chat-room #chat-room-inner::-webkit-scrollbar{width:3px}#chat-room #chat-room-inner::-webkit-scrollbar-thumb{background:#383838}#chat-room #chat-room-inner .current-chat-room{padding-top:21px}.popup-container{pointer-events:none;letter-spacing:normal;z-index:9000;width:250px;margin:0;padding:0;display:block;position:fixed;inset:auto auto 30px 5px}.popup-container .popup{text-align:left;color:#fff;background-color:#14141466;border-radius:4px;width:100%;margin:0 0 5px;padding:10px;font-family:Rajdhani;font-size:14px;line-height:20px;position:relative;overflow:hidden}.popup-container .popup.dismissed{animation:.5s ease-out slideDown}.popup-container .popup.animate{animation:.5s ease-out slideUp}@keyframes slideUp{0%{height:0;margin-bottom:0;padding-top:0;padding-bottom:0}to{height:var(--notification-height);margin-bottom:5px;padding-top:10px;padding-bottom:10px}}@keyframes slideDown{0%{height:var(--notification-height);margin-bottom:5px;padding-top:10px;padding-bottom:10px}to{height:0;margin-bottom:0;padding-top:0;padding-bottom:0}}.leaderboard{transform-origin:100% 0;background:#0000004d;width:180px;padding:10px;position:fixed;top:5px;right:5px;overflow:hidden}.leaderboard .title{text-align:center;color:var(--theme-accent,#e67bbe);font-family:Rajdhani;font-size:30px;font-weight:500}.leaderboard .positions{text-align:center;white-space:nowrap;font-family:Rajdhani;font-size:14px;font-weight:500;line-height:21px}.minimap-root{transform-origin:100% 100%;clip-path:none;border:1px solid #263238;border-radius:0%;width:180px;height:180px;position:fixed;bottom:5px;right:5px}.minimap-root #minimap,.minimap-root #minimapNode{width:100%;height:100%;position:absolute}.minimap-root .server-timer{color:#fff;background:#00000080;margin:0;padding:4px 8px;font-family:Geogrotesque,Titillium Web,Ubuntu,sans-serif;font-size:12px;position:fixed;bottom:185px;right:0}.room-stats-display{background:#0006;padding:2px;font-family:arial;font-size:14px;position:fixed;top:0;left:50%;transform:translate(-50%)}.stats-display{color:#fff;white-space:pre;transform-origin:0 100%;background:#0006;margin:0;padding:5px 10px;font-size:20px;font-weight:600}.team-players-list{transform-origin:0 0;width:auto;padding:10px;position:fixed;top:5px;left:5px;overflow:hidden}.team-players-list .team-players-title{color:var(--theme-accent,#e67bbe);text-transform:uppercase;background:#0000004d;margin-bottom:2px;padding:1px 0 1px 4px;font-family:Geogrotesque,Titillium Web,Ubuntu,sans-serif;font-size:13px;font-weight:300;display:inline-block}.team-players-list .team-players-positions{text-align:left;white-space:nowrap;font-family:Ubuntu;font-size:14px;font-weight:500;line-height:21px}.team-players-list .team-players-positions div.playerRow{background:#0000004d;margin-bottom:3px;padding:1px 4px;display:inline-block}.team-players-list .team-players-positions div.playerRow span{vertical-align:middle;text-align:left;color:#fff;margin-bottom:2px;margin-right:5px;font-family:Geogrotesque,Titillium Web,Ubuntu,sans-serif;font-size:12px;display:inline-block}.team-players-list .team-players-positions div.playerRow span.playerNick{max-width:180px;overflow:hidden}.team-players-list .team-players-positions div.playerRow span.playerMass{width:40px}.team-players-list .team-players-positions div.playerRow span.playerLocation{width:25px}#server-message{text-align:center;box-sizing:border-box;width:100%;padding:0 100px;font-size:22px;font-weight:700;position:fixed;top:25px;left:0}.emoji-radial{z-index:40;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;animation:.12s ease-out emoji-radial-fade;position:fixed;inset:0}.emoji-radial .emoji-radial-ring{width:0;height:0;transform:scale(var(--s,1));position:absolute;top:50%;left:50%}.emoji-radial .emoji-radial-disc{pointer-events:none;background:#0000004d;border-radius:50%;width:480px;height:480px;margin:-240px 0 0 -240px;animation:.25s cubic-bezier(.34,1.3,.64,1) backwards emoji-radial-disc;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 2px #ffffff2e,0 0 30px #00000040}.emoji-radial .emoji-radial-item{cursor:pointer;touch-action:manipulation;width:160px;height:160px;transform:translate(var(--x), var(--y));animation:.28s cubic-bezier(.34,1.4,.64,1) backwards emoji-radial-pop;animation-delay:calc(var(--i) * 45ms);background:0 0;border:none;border-radius:50%;outline:none;margin:-80px 0 0 -80px;padding:0;transition:opacity .15s,filter .15s;position:absolute;top:0;left:0}.emoji-radial .emoji-radial-item img{object-fit:cover;pointer-events:none;border-radius:50%;width:100%;height:100%;transition:transform .15s ease-out;display:block;box-shadow:0 0 0 3px #ffffffd9,0 6px 18px #00000059}.emoji-radial .emoji-radial-item:hover:not(:disabled) img,.emoji-radial .emoji-radial-item:active:not(:disabled) img{transform:scale(1.1)}.emoji-radial .emoji-radial-item:disabled{opacity:.45;filter:grayscale(.6);cursor:default}.emoji-radial .emoji-radial-item .key{box-sizing:border-box;color:#fff;text-transform:uppercase;pointer-events:none;background:#000000bf;border-radius:7px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 7px;font-family:Ubuntu,sans-serif;font-size:13px;font-weight:500;line-height:1;display:flex;position:absolute;top:2px;left:2px}.emoji-radial .emoji-radial-cooldown{color:#fff;white-space:nowrap;pointer-events:none;background:#0009;border-radius:12px;padding:6px 12px;font-family:Ubuntu,sans-serif;font-size:16px;font-weight:500;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}@keyframes emoji-radial-fade{0%{opacity:0}to{opacity:1}}@keyframes emoji-radial-disc{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes emoji-radial-pop{0%{opacity:0;transform:translate(0)scale(.2)}to{transform:translate(var(--x), var(--y)) scale(1);opacity:1}}.emoji-fab{box-sizing:border-box;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transform-origin:bottom;--cd:0;background:#00000073;border:2px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;padding:0;font-size:26px;transition:bottom .15s,background-color .15s,border-color .15s;display:flex;position:fixed;bottom:12px;left:50%}.emoji-fab.chat-open{bottom:78px}.emoji-fab:hover,.emoji-fab.open{border-color:var(--ui-accent,#fe70c3);background:#0009}.emoji-fab i{transition:transform .15s ease-out}.emoji-fab.open i{transform:scale(1.12)}.emoji-fab:before{content:"";background:conic-gradient(var(--ui-accent,#fe70c3) calc((1 - var(--cd)) * 360deg), transparent 0);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .2s;position:absolute;inset:-2px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.emoji-fab.cooling:before{opacity:1}.emoji-fab.cooling{border-color:#0000}.emoji-fab .seconds{box-sizing:border-box;background:#464d55;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-family:Ubuntu,sans-serif;font-size:12px;font-weight:500;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.hud-left-bottom{transform-origin:0 100%;position:fixed;bottom:5px;left:5px}.HUD{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.HUD>*{pointer-events:all}._replay_bar_1yemc_1{text-shadow:2px 2px 1px #000;padding:18px;transition:opacity .5s ease-in-out;position:fixed;bottom:0;left:0;right:0}._replay_bar_1yemc_1 ._opacity_1yemc_10{text-align:right}._replay_bar_1yemc_1 ._opacity_1yemc_10 div ._slider_1yemc_13{width:105px;display:inline-block}._replay_bar_1yemc_1 div ._text_1yemc_17{flex:1}._replay_bar_1yemc_1 ._slider_1yemc_13{-webkit-appearance:none;background:#ffd4ef;border-radius:5px;outline:none;width:100%;height:8px;margin:0;padding:0;display:block}._replay_bar_1yemc_1 ._slider_1yemc_13::-moz-range-thumb{background:var(--theme-accent,#e67bbe);border-radius:100%;width:20px;height:20px}._replay_bar_1yemc_1 ._slider_1yemc_13::-webkit-slider-thumb{appearance:none;background:var(--theme-accent,#e67bbe);border-radius:100%;width:15px;height:15px}._replay_bar_1yemc_1 ._slider_1yemc_13{cursor:pointer}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:998;pointer-events:none;background:#00000073;transition:opacity .25s ease-in-out;position:fixed;inset:0}.modal-backdrop.backdrop-plain{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.modal{z-index:999;background:#343a40;border:1px solid #ffffff0f;border-radius:8px;font-family:Ubuntu,sans-serif;transition:all .25s ease-in-out;position:fixed;overflow-y:hidden;box-shadow:0 16px 48px #00000080}.modal .close-button{box-sizing:border-box;color:#ff5252;cursor:pointer;z-index:1;background:#0003;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;transition:background-color .2s,color .2s;display:flex;position:absolute;top:13px;right:14px}.modal .close-button:hover{color:#fff;background:#ff5252}#account-box{flex-direction:column;flex:1;min-height:0;display:flex}#account-box .account-loading{flex:1;justify-content:center;align-items:center;display:flex}#account-box .account-loading h2{color:#fff9;font-weight:500}#account-box .truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#account-box .account-profile{flex-direction:column;flex:1;justify-content:space-between;gap:12px;min-height:0;display:flex}#account-box .account-profile .profile-card{background:#0003;border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}#account-box .account-profile .profile-card .profile-top{align-items:center;width:100%;min-width:0;display:flex}#account-box .account-profile .profile-card .profile-avatar{background:#00000040;border-radius:50%;flex:none;padding:7px}#account-box .account-profile .profile-card .profile-avatar img{object-fit:cover;background-color:#2a2e33;border-radius:50%;width:84px;height:84px;transition:transform .3s ease-out;display:block}#account-box .account-profile .profile-card .profile-avatar img:hover{transform:scale(1.08)}#account-box .account-profile .profile-card .profile-stats{flex-direction:column;flex:1;gap:2px;min-width:0;padding:0 4px 0 14px;display:flex}#account-box .account-profile .profile-card .profile-stats .profile-name{font-size:20px;font-weight:500}#account-box .account-profile .profile-card .profile-stats .profile-level{font-size:15px;font-weight:300}#account-box .account-profile .profile-card .profile-stats .profile-id{color:#fff9;font-size:13px;font-weight:300}#account-box .account-profile .profile-card .profile-stats .profile-coins{color:#e6cf00;align-items:center;gap:6px;margin-top:4px;font-size:16px;font-weight:500;display:flex}#account-box .account-profile .profile-card .profile-stats .profile-coins i{font-size:14px}#account-box .account-profile .profile-card .profile-stats .profile-coins .add-coins{background:var(--ui-accent,#fe70c3);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;margin-left:2px;padding:0;font-size:10px;transition:background-color .15s;display:inline-flex}#account-box .account-profile .profile-card .profile-stats .profile-coins .add-coins:hover{background:var(--ui-accent-hover,#ff8ed0)}#account-box .account-profile .profile-card .xp-bar{box-sizing:border-box;background:#00000040;border-radius:10px;width:100%;padding:4px;position:relative}#account-box .account-profile .profile-card .xp-bar .xp-fill{background:var(--ui-accent,#fe70c3);border-radius:7px;min-width:18px;height:18px;transition:width 1s}#account-box .account-profile .profile-card .xp-bar .xp-text{text-shadow:0 1px 2px #0009;pointer-events:none;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex;position:absolute;inset:0}#account-box .account-profile .account-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}#account-box .account-profile .account-buttons .btn-hybrid{white-space:nowrap;padding:10px 6px;font-size:16px;overflow:hidden}#account-box .account-profile .account-buttons .btn-hybrid i{font-size:14px}#account-box .account-profile .account-buttons .logout{background-color:#dc35458c}#account-box .account-profile .account-buttons .logout:hover:not(:disabled){background-color:#dc3545}#account-box .login-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}#account-box .login-screen .login-screen-text{text-align:center;width:100%;margin-bottom:28px;font-size:18px}#account-box .login-screen .login-details{flex-direction:column;gap:12px;font-size:18px;font-weight:300;display:flex}#account-box .login-screen .login-details>div{align-items:center;gap:12px;display:flex}#account-box .login-screen .login-details>div i{text-align:center;width:30px;color:var(--ui-accent,#fe70c3);font-size:22px}#account-box .login-screen .login-buttons{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:32px;display:flex}#account-box .login-screen .login-buttons .login-btn{width:100%;max-width:270px;font-size:20px}#account-box .login-screen .login-buttons .login-btn svg{flex:none}.coins-balance{box-sizing:border-box;color:#e6cf00;-webkit-user-select:none;user-select:none;background:#0003;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 12px;font-family:Ubuntu,sans-serif;font-size:16px;font-weight:500;display:flex;position:absolute;top:13px;left:14px}.coins-balance i{font-size:14px}.user-card{color:#fff;box-sizing:border-box;background:#ffffff1a;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:8px 12px;font-family:Ubuntu,sans-serif;display:flex}.user-card .avatar{-webkit-user-select:none;user-select:none;background:#00000040;border-radius:50%;flex:none;width:44px;height:44px}.user-card .info{flex-direction:column;gap:1px;min-width:0;display:flex}.user-card .info .name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.user-card .info .meta{color:#fff9;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.user-card .id-badge{background:#00000040;border-radius:6px;flex-direction:column;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:4px 12px;display:flex}.user-card .id-badge .label{letter-spacing:1px;color:#ffffff59;font-size:10px;font-weight:500}.user-card .id-badge .value{color:var(--ui-accent,#fe70c3);font-size:20px;font-weight:700;line-height:1.1}.sn-notifications-container{--sn-success-color:#6fcf97;--sn-success-progress-color:#54aa78;--sn-error-color:#eb5757;--sn-error-progress-color:#c04545;--sn-warning-color:#f2c94c;--sn-warning-progress-color:#c4a64f;--sn-info-color:#51cdf3;--sn-info-progress-color:#54a9c4;--sn-notifications-gap:20px;--sn-notifications-padding:20px;--sn-notify-width:320px;--sn-notify-radius:6px;--sn-notify-transition-timing-function:ease;--sn-notify-transition-duration:.5s;--sn-notify-autoclose-timeout:30s;--sn-notify-padding:.75em;--sn-notify-icon-size:2em;--sn-notify-close-icon-size:1em;--sn-notify-border-size:1px;--sn-notify-border-color:transparent;--sn-notify-border-style:solid;--sn-notify-progress-color:#333;--sn-notify-close-icon-color:#333;--sn-notify-title-color:#333;--sn-notify-text-color:#4d4d4d;--sn-notify-shadow-color:transparent;--sn-notify-progress-height:5px;pointer-events:none;z-index:9999;grid-gap:var(--sn-notifications-gap);align-content:flex-start;gap:var(--sn-notifications-gap);width:100%;max-width:100%;min-height:100vh;max-height:100vh;padding:var(--sn-notifications-padding);grid-auto-rows:min-content;display:grid;position:fixed;inset:0}.sn-notifications-container.sn-is-x-center{justify-content:center}.sn-notifications-container.sn-is-y-center{place-content:center flex-end}.sn-notifications-container.sn-is-center{place-content:center}.sn-notifications-container.sn-is-left{justify-content:flex-start}.sn-notifications-container.sn-is-right{justify-content:flex-end}.sn-notifications-container.sn-is-top{align-content:flex-start}.sn-notifications-container.sn-is-bottom{align-content:flex-end}.sn-notify{pointer-events:auto;transition-timing-function:var(--sn-notify-transition-timing-function);transition-duration:var(--sn-notify-transition-duration);border-radius:var(--sn-notify-radius);background-color:var(--sn-notify-background-color,transparent);border:var(--sn-notify-border-size) var(--sn-notify-border-style) var(--sn-notify-border-color);padding:var(--sn-notify-padding);box-sizing:border-box;width:var(--sn-notify-width);align-items:center;text-decoration:none;transition-property:transform,opacity;display:flex;position:relative;overflow:hidden}.sn-notify-icon{width:var(--sn-notify-icon-size);height:var(--sn-notify-icon-size);color:var(--sn-notify-icon-color);flex-shrink:0;justify-content:center;align-items:center;margin-right:.75em;display:flex}.sn-notify-close{-webkit-user-select:none;user-select:none;cursor:pointer;height:var(--sn-notify-close-icon-size);width:var(--sn-notify-close-icon-size);color:var(--sn-notify-close-icon-color);justify-content:center;align-items:center;display:flex;position:absolute;top:.75em;right:.75em}.sn-notify-title{padding-right:calc(var(--sn-notify-padding) + var(--sn-notify-close-icon-size));color:var(--sn-notify-title-color);font-size:1rem;font-weight:600}.sn-notify-text{color:var(--sn-notify-text-color);margin-top:.25rem;font-size:.875rem}.sn-notify-outline{--sn-notify-background-color:#fff;--sn-notify-border-color:var(--sn-success-color);box-shadow:0 2px 26px var(--sn-notify-shadow-color)}.sn-notify-outline.sn-notify-success{--sn-notify-border-color:var(--sn-success-color);--sn-notify-icon-color:var(--sn-success-color);--sn-notify-shadow-color:#52d7001a}.sn-notify-outline.sn-notify-error{--sn-notify-border-color:var(--sn-error-color);--sn-notify-icon-color:var(--sn-error-color);--sn-notify-shadow-color:#d700001a}.sn-notify-outline.sn-notify-warning{--sn-notify-border-color:var(--sn-warning-color);--sn-notify-icon-color:var(--sn-warning-color);--sn-notify-shadow-color:#f2c94c1a}.sn-notify-outline.sn-notify-info{--sn-notify-border-color:var(--sn-info-color);--sn-notify-icon-color:var(--sn-info-color);--sn-notify-shadow-color:#54afca1a}.sn-notify-outline .sn-notify-title{--sn-notify-title-color:#333}.sn-notify-outline .sn-notify-text{--sn-notify-text-color:#4d4d4d}.sn-notify-outline .sn-notify-close{--sn-notify-close-icon-color:#828282}.sn-notify-filled{--sn-notify-title-color:#333;--sn-notify-text-color:#333;--sn-notify-icon-color:#333;--sn-notify-close-icon-color:#333}.sn-notify-filled.sn-notify-success{--sn-notify-background-color:var(--sn-success-color)}.sn-notify-filled.sn-notify-error{--sn-notify-background-color:var(--sn-error-color)}.sn-notify-filled.sn-notify-warning{--sn-notify-background-color:var(--sn-warning-color)}.sn-notify-filled.sn-notify-info{--sn-notify-background-color:var(--sn-info-color)}.sn-notify-fade{opacity:0;will-change:opacity}.sn-notify-fade-in{opacity:1}.sn-notify-slide{opacity:0;will-change:opacity,transform;transform:translate3d(var(--sn-notify-x),var(--sn-notify-y),0)}.sn-is-left .sn-notify-slide{--sn-notify-x:-100%;--sn-notify-y:0}.sn-is-right .sn-notify-slide,.sn-is-y-center:not(.sn-is-left) .sn-notify-slide{--sn-notify-x:100%;--sn-notify-y:0}.sn-is-top.sn-is-x-center .sn-notify-slide,.sn-is-x-center .sn-notify-slide{--sn-notify-y:-100%;--sn-notify-x:0}.sn-is-bottom.sn-is-x-center .sn-notify-slide{--sn-notify-y:100%;--sn-notify-x:0}.sn-notify-slide-in{opacity:1;transform:translateZ(0)}.sn-notify-autoclose{padding-bottom:calc(var(--sn-notify-padding) + var(--sn-notify-progress-height))}.sn-notify-autoclose.sn-notify-success{--sn-notify-progress-color:var(--sn-success-progress-color)}.sn-notify-autoclose.sn-notify-error{--sn-notify-progress-color:var(--sn-error-progress-color)}.sn-notify-autoclose.sn-notify-warning{--sn-notify-progress-color:var(--sn-warning-progress-color)}.sn-notify-autoclose.sn-notify-info{--sn-notify-progress-color:var(--sn-info-progress-color)}.sn-notify-autoclose:before{content:"";will-change:width;width:100%;height:var(--sn-notify-progress-height);background-color:var(--sn-notify-progress-color);animation:progress var(--sn-notify-autoclose-timeout) linear forwards;border-radius:0 999px 999px 0;display:block;position:absolute;bottom:0;left:0}.sn-notify-content{padding-right:calc(var(--sn-notify-close-icon-size) + 2px)}@keyframes progress{to{width:0%}}.emoji-shop{box-sizing:border-box;color:#fff;-webkit-user-select:none;user-select:none;background:#0003;border-radius:0 0 8px 8px;flex-direction:column;min-height:320px;max-height:480px;padding:14px;font-family:Ubuntu,sans-serif;display:flex}.emoji-shop .emoji-shop-state{text-align:center;color:#fff9;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;font-size:16px;display:flex}.emoji-shop .emoji-shop-state.error{color:#ff8a8a}.emoji-shop .emoji-shop-state .retry{background:var(--ui-accent,#fe70c3);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:8px 18px;font-family:Roboto,Ubuntu,sans-serif;font-size:15px;font-weight:500}.emoji-shop .emoji-shop-state .retry:hover{background:var(--ui-accent-hover,#ff8ed0)}.emoji-shop .emoji-shop-grid{flex:1;grid-template-columns:repeat(4,1fr);grid-auto-rows:max-content;gap:10px;min-height:0;padding-right:4px;display:grid;overflow:hidden auto}.emoji-shop .emoji-shop-grid::-webkit-scrollbar{width:5px}.emoji-shop .emoji-shop-grid::-webkit-scrollbar-track{background:#0003;border-radius:2px}.emoji-shop .emoji-shop-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.emoji-shop .emoji-shop-grid::-webkit-scrollbar-thumb:hover{background:#fff6}.emoji-shop .emoji-shop-grid.loading{opacity:.45;pointer-events:none;transition:opacity .15s}.emoji-shop .emoji-shop-item{box-sizing:border-box;text-align:center;background:#0003;border:4px solid #0000001a;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px 8px;display:flex;position:relative}.emoji-shop .emoji-shop-item img{object-fit:cover;border-radius:50%;width:96px;height:96px;transition:transform .3s ease-out}.emoji-shop .emoji-shop-item:hover img{transform:scale(1.08)}.emoji-shop .emoji-shop-item .gif-badge{box-sizing:border-box;color:#fff9;letter-spacing:.5px;pointer-events:none;background:#ffffff1f;border-radius:6px;align-items:center;height:20px;padding:0 7px;font-size:12px;font-weight:500;line-height:1;display:flex;position:absolute;top:6px;right:6px}.emoji-shop .emoji-shop-item .owned-label{color:#39d340;background:#26a72d2e;border-radius:5px;justify-content:center;align-items:center;gap:7px;width:100%;height:34px;font-family:Roboto,Ubuntu,sans-serif;font-size:15px;font-weight:500;display:inline-flex}.emoji-shop .emoji-shop-item .owned-label i{font-size:13px}.emoji-shop .emoji-shop-item .buy{background:var(--ui-accent,#fe70c3);color:#fff;white-space:nowrap;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;gap:7px;width:100%;height:34px;font-family:Roboto,Ubuntu,sans-serif;font-size:15px;font-weight:500;transition:background-color .15s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.emoji-shop .emoji-shop-item .buy i{color:#e6cf00;font-size:13px}.emoji-shop .emoji-shop-item .buy:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 0%,#ffffff59 50%,#0000 100%);width:45%;height:100%;animation:4s ease-in-out infinite buy-shine;position:absolute;top:0;left:-80%;transform:skew(-20deg)}.emoji-shop .emoji-shop-item .buy:hover{background:var(--ui-accent-hover,#ff8ed0);box-shadow:0 0 14px rgba(var(--ui-accent-rgb,254, 112, 195), .55)}.emoji-shop .emoji-shop-item .buy.poor{background:rgba(var(--ui-accent-rgb,254, 112, 195), .45)}.emoji-shop .emoji-shop-item .buy.poor:after{content:none}.emoji-shop .emoji-shop-item:first-child .buy:after{animation-delay:0s}.emoji-shop .emoji-shop-item:nth-child(2) .buy:after{animation-delay:.18s}.emoji-shop .emoji-shop-item:nth-child(3) .buy:after{animation-delay:.36s}.emoji-shop .emoji-shop-item:nth-child(4) .buy:after{animation-delay:.54s}.emoji-shop .emoji-shop-item:nth-child(5) .buy:after{animation-delay:.72s}.emoji-shop .emoji-shop-item:nth-child(6) .buy:after{animation-delay:.9s}.emoji-shop .emoji-shop-item:nth-child(7) .buy:after{animation-delay:1.08s}.emoji-shop .emoji-shop-item:nth-child(8) .buy:after{animation-delay:1.26s}.emoji-buy-confirm{z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;border-radius:8px;justify-content:center;align-items:center;animation:.15s ease-out shop-confirm-fade;display:flex;position:absolute;inset:0}.emoji-buy-confirm .card{box-sizing:border-box;text-align:center;background:#343a40;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:8px;width:320px;padding:22px 22px 18px;animation:.18s ease-out shop-confirm-pop;display:flex;box-shadow:0 12px 40px #0000008c}.emoji-buy-confirm .preview{width:150px;height:150px;margin-bottom:4px;position:relative}.emoji-buy-confirm .preview img{object-fit:cover;border-radius:50%;width:100%;height:100%}.emoji-buy-confirm .preview .gif-badge{color:#fff9;letter-spacing:.5px;background:#464d55;border-radius:6px;align-items:center;height:20px;padding:0 7px;font-size:12px;font-weight:500;display:flex;position:absolute;bottom:4px;right:4px}.emoji-buy-confirm .price{color:#e6cf00;align-items:center;gap:8px;font-size:22px;font-weight:500;display:flex}.emoji-buy-confirm .price i{font-size:18px}.emoji-buy-confirm .balance{color:#fff9;font-size:13px}.emoji-buy-confirm .balance.poor{color:#f34556}.emoji-buy-confirm .actions{grid-template-columns:1fr 1.4fr;gap:10px;width:100%;margin-top:12px;display:grid}.emoji-buy-confirm .actions button{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:40px;font-family:Roboto,Ubuntu,sans-serif;font-size:16px;font-weight:500;transition:background-color .15s;display:inline-flex}.emoji-buy-confirm .actions button i{font-size:14px}.emoji-buy-confirm .actions button:disabled{opacity:.6;cursor:default}.emoji-buy-confirm .actions .cancel{color:#fff;background:#ffffff1a}.emoji-buy-confirm .actions .cancel:hover:not(:disabled){background:#fff3}.emoji-buy-confirm .actions .confirm{background:var(--ui-accent,#fe70c3);color:#fff}.emoji-buy-confirm .actions .confirm:hover:not(:disabled){background:var(--ui-accent-hover,#ff8ed0)}.cell-preview{box-sizing:border-box;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;width:64px;height:64px;display:inline-block;position:relative;overflow:visible}.cell-preview.no-skin{background:#ffffff1f}.cell-preview .cell-preview-skin{object-fit:cover;pointer-events:none;border-radius:50%;width:100%;height:100%;display:block}.cell-preview .cell-preview-hat{object-fit:contain;pointer-events:none;display:block;position:absolute}.hat-shop{box-sizing:border-box;color:#fff;-webkit-user-select:none;user-select:none;background:#0003;border-radius:0 0 8px 8px;flex-direction:column;min-height:320px;max-height:min(480px,100vh - 140px);padding:14px;font-family:Ubuntu,sans-serif;display:flex}.hat-shop .hat-shop-state{text-align:center;color:#fff9;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;font-size:16px;display:flex}.hat-shop .hat-shop-state.error{color:#ff8a8a}.hat-shop .hat-shop-state .retry{background:var(--ui-accent,#fe70c3);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:8px 18px;font-family:Roboto,Ubuntu,sans-serif;font-size:15px;font-weight:500}.hat-shop .hat-shop-state .retry:hover{background:var(--ui-accent-hover,#ff8ed0)}.hat-shop .hat-shop-grid{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;gap:10px;min-height:0;padding-right:4px;display:grid;overflow:hidden auto}.hat-shop .hat-shop-grid::-webkit-scrollbar{width:5px}.hat-shop .hat-shop-grid::-webkit-scrollbar-track{background:#0003;border-radius:2px}.hat-shop .hat-shop-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.hat-shop .hat-shop-grid::-webkit-scrollbar-thumb:hover{background:#fff6}.hat-shop .hat-shop-grid.loading{opacity:.45;pointer-events:none;transition:opacity .15s}.hat-shop .hat-shop-item{box-sizing:border-box;text-align:center;background:#0003;border:4px solid #0000001a;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:44px 8px 8px;transition:border-color .15s;display:flex;position:relative}.hat-shop .hat-shop-item .try-on{cursor:pointer;border-radius:50%;outline:none;margin-bottom:4px;display:block}.hat-shop .hat-shop-item .try-on:focus-visible .cell-preview{box-shadow:0 0 0 3px rgba(var(--ui-accent-rgb,254, 112, 195), .6)}.hat-shop .hat-shop-item .cell-preview{width:64px;height:64px;transition:transform .3s ease-out;display:block}.hat-shop .hat-shop-item .try-on:hover .cell-preview{transform:scale(1.08)}.hat-shop .hat-shop-item .name{white-space:nowrap;text-overflow:ellipsis;width:100%;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.hat-shop .hat-shop-item .actions{gap:6px;width:100%;display:flex}.hat-shop .hat-shop-item .owned-label{color:#39d340;background:#26a72d2e;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;height:32px;font-family:Roboto,Ubuntu,sans-serif;font-size:14px;font-weight:500;display:inline-flex}.hat-shop .hat-shop-item .owned-label i{font-size:12px}.hat-shop .hat-shop-item .buy{background:var(--ui-accent,#fe70c3);color:#fff;white-space:nowrap;cursor:pointer;border:none;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;height:32px;font-family:Roboto,Ubuntu,sans-serif;font-size:14px;font-weight:500;transition:background-color .15s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.hat-shop .hat-shop-item .buy i{color:#e6cf00;font-size:12px}.hat-shop .hat-shop-item .buy:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 0%,#ffffff59 50%,#0000 100%);width:45%;height:100%;animation:4s ease-in-out infinite buy-shine;position:absolute;top:0;left:-80%;transform:skew(-20deg)}.hat-shop .hat-shop-item .buy:hover{background:var(--ui-accent-hover,#ff8ed0);box-shadow:0 0 14px rgba(var(--ui-accent-rgb,254, 112, 195), .55)}.hat-shop .hat-shop-item .buy.poor{background:rgba(var(--ui-accent-rgb,254, 112, 195), .45)}.hat-shop .hat-shop-item .buy.poor:after{content:none}.hat-shop .hat-shop-item:first-child .buy:after{animation-delay:0s}.hat-shop .hat-shop-item:nth-child(2) .buy:after{animation-delay:.18s}.hat-shop .hat-shop-item:nth-child(3) .buy:after{animation-delay:.36s}.hat-shop .hat-shop-item:nth-child(4) .buy:after{animation-delay:.54s}.hat-shop .hat-shop-item:nth-child(5) .buy:after{animation-delay:.72s}.hat-shop .hat-shop-item:nth-child(6) .buy:after{animation-delay:.9s}.hat-shop .hat-shop-item:nth-child(7) .buy:after{animation-delay:1.08s}.hat-shop .hat-shop-item:nth-child(8) .buy:after{animation-delay:1.26s}.hat-overlay{z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;border-radius:8px;animation:.15s ease-out shop-confirm-fade;display:flex;position:absolute;inset:0;overflow-y:auto}.hat-overlay .card{box-sizing:border-box;text-align:center;background:#343a40;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:4px;width:320px;margin:auto;padding:16px 22px;animation:.18s ease-out shop-confirm-pop;display:flex;box-shadow:0 12px 40px #0000008c}.hat-overlay .cell-toggle{background:#0003;border-radius:6px;gap:3px;padding:3px;display:flex}.hat-overlay .cell-toggle button{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:4px;height:26px;padding:0 14px;font-family:Roboto,Ubuntu,sans-serif;font-size:13px;font-weight:500;transition:background-color .15s,color .15s}.hat-overlay .cell-toggle button:hover{color:#fff}.hat-overlay .cell-toggle button.active{background:var(--ui-accent,#fe70c3);color:#fff}.hat-overlay .preview{width:120px;height:120px;margin:74px 0 10px}.hat-overlay .preview .cell-preview{width:100%;height:100%;display:block}.hat-overlay .hat-name{font-size:17px;font-weight:500}.hat-overlay .wear-note{color:#fff9;font-size:13px}.hat-overlay .owned-note{color:#39d340;align-items:center;gap:8px;margin-top:4px;font-size:14px;display:flex}.hat-overlay .owned-note i{font-size:12px}.hat-overlay .price{color:#e6cf00;align-items:center;gap:8px;margin-top:4px;font-size:22px;font-weight:500;display:flex}.hat-overlay .price i{font-size:18px}.hat-overlay .balance{color:#fff9;font-size:13px}.hat-overlay .balance.poor{color:#f34556}.hat-overlay .actions{grid-template-columns:1fr 1.4fr;gap:10px;width:100%;margin-top:10px;display:grid}.hat-overlay .actions button{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:40px;font-family:Roboto,Ubuntu,sans-serif;font-size:16px;font-weight:500;transition:background-color .15s;display:inline-flex}.hat-overlay .actions button i{font-size:14px}.hat-overlay .actions button:disabled{opacity:.6;cursor:default}.hat-overlay .actions .cancel{color:#fff;background:#ffffff1a}.hat-overlay .actions .cancel:hover:not(:disabled){background:#fff3}.hat-overlay .actions .confirm{background:var(--ui-accent,#fe70c3);color:#fff}.hat-overlay .actions .confirm:hover:not(:disabled){background:var(--ui-accent-hover,#ff8ed0)}.hat-overlay .actions.single{grid-template-columns:1fr}.store-coins-modal{color:#fff;-webkit-user-select:none;user-select:none;flex-direction:column;width:620px;font-family:Ubuntu,sans-serif;display:flex;position:relative}.store-coins-modal .tabs{gap:8px;padding:13px 136px;display:flex}.store-coins-modal .tabs button{color:#fff;white-space:nowrap;cursor:pointer;background:#0003;border:none;border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;gap:8px;min-width:0;height:38px;padding:0 6px;font-family:Ubuntu,sans-serif;font-size:16px;transition:background-color .25s;display:flex}.store-coins-modal .tabs button i{font-size:16px}.store-coins-modal .tabs button:hover:not(:disabled){background:#fff3}.store-coins-modal .tabs button:disabled{background:var(--ui-accent,#fe70c3);cursor:default}.store-coins-modal .gift-bar{background:#0003;border-bottom:1px solid #ffffff0f;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.store-coins-modal .gift-bar .gift-toggle{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.store-coins-modal .gift-bar .gift-toggle .label{align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.store-coins-modal .gift-bar .gift-toggle .label i{color:var(--ui-accent,#fe70c3)}.store-coins-modal .gift-bar .gift-toggle .toggle-btn{flex:none;width:40px;height:22px;position:relative}.store-coins-modal .gift-bar .gift-toggle .toggle-btn .slide{background:#ffffff26;border-radius:11px;transition:background-color .25s;position:absolute;inset:0}.store-coins-modal .gift-bar .gift-toggle .toggle-btn .ball{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .25s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.store-coins-modal .gift-bar .gift-toggle .toggle-btn.active .slide{background:var(--ui-accent,#fe70c3)}.store-coins-modal .gift-bar .gift-toggle .toggle-btn.active .ball{left:20px}.store-coins-modal .gift-bar .gift-controls{align-items:center;gap:10px;display:flex}.store-coins-modal .gift-bar .gift-controls .input-field{color:#fff;box-sizing:border-box;-webkit-user-select:text;user-select:text;background:#6c757d;border:none;border-radius:5px;outline:none;flex:none;width:190px;height:36px;padding:0 12px;font-family:Ubuntu,sans-serif;font-size:15px;font-weight:500;transition:box-shadow .15s}.store-coins-modal .gift-bar .gift-controls .input-field::placeholder{color:#ffffff59}.store-coins-modal .gift-bar .gift-controls .input-field:focus{box-shadow:0 0 0 2px rgba(var(--ui-accent-rgb,254, 112, 195), .45)}.store-coins-modal .gift-bar .gift-controls .gift-found{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.store-coins-modal .gift-bar .gift-controls .gift-found>i{color:#39d340;flex:none;font-size:17px}.store-coins-modal .gift-bar .gift-controls .gift-found .user-card{flex:1;padding:6px 10px}.store-coins-modal .gift-bar .gift-controls .gift-status{color:#fff9;align-items:center;gap:6px;min-width:0;font-size:13px;display:flex;overflow:hidden}.store-coins-modal .gift-bar .gift-controls .gift-status.error{color:#f34556}.store-coins-modal .blocks{background:#0003;border-radius:0 0 8px 8px;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;display:grid}.store-coins-modal .block{box-sizing:border-box;background:#0003;border:4px solid #0000001a;border-radius:8px;flex-direction:column;align-items:center;padding:14px 10px 10px;display:flex}.store-coins-modal .block .count{font-size:22px;font-weight:500}.store-coins-modal .block img{-webkit-user-select:none;user-select:none;width:90px;height:90px;margin:12px 0}.store-coins-modal .block .discount{text-align:center;margin-bottom:8px;font-size:14px;font-weight:500}.store-coins-modal .block .discount .old-price{color:#9fb2bf;width:fit-content;display:inline-block;position:relative}.store-coins-modal .block .discount .old-price:before{content:"";border-bottom:2px solid #f009;width:100%;height:50%;position:absolute;transform:rotate(-13deg)}.store-coins-modal .block .discount .time{color:#ffffffbf;margin-left:6px;display:inline-block}.store-coins-modal .block button{background:var(--ui-accent,#fe70c3);color:#fff;cursor:pointer;border:none;border-radius:5px;width:100%;margin-top:auto;padding:8px 6px;font-family:Roboto,Ubuntu,sans-serif;font-size:16px;font-weight:500;transition:background-color .15s,box-shadow .2s;position:relative;overflow:hidden}.store-coins-modal .block button:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 0%,#ffffff59 50%,#0000 100%);width:45%;height:100%;animation:4s ease-in-out infinite buy-shine;position:absolute;top:0;left:-80%;transform:skew(-20deg)}.store-coins-modal .block button:hover:not(:disabled){background:var(--ui-accent-hover,#ff8ed0);box-shadow:0 0 14px rgba(var(--ui-accent-rgb,254, 112, 195), .55)}.store-coins-modal .block button:disabled{cursor:not-allowed;background:#6c757d}.store-coins-modal .block button:disabled:after{content:none;animation:none}.store-coins-modal .block:first-child button:after{animation-delay:0s}.store-coins-modal .block:nth-child(2) button:after{animation-delay:.18s}.store-coins-modal .block:nth-child(3) button:after{animation-delay:.36s}.store-coins-modal .block:nth-child(4) button:after{animation-delay:.54s}.store-coins-modal .block:nth-child(5) button:after{animation-delay:.72s}.store-coins-modal .block:nth-child(6) button:after{animation-delay:.9s}@keyframes buy-shine{0%{left:-80%}35%{left:130%}to{left:130%}}@keyframes shop-confirm-fade{0%{opacity:0}to{opacity:1}}@keyframes shop-confirm-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.popup-color-picker{position:relative}.react-colorful{z-index:10}.popover{border-radius:9px;position:absolute;top:calc(100% + 2px);left:-110%;box-shadow:0 6px 12px #00000026}.react-colorful{background:#2a2e33;border:2px solid #00000059;border-radius:12px;padding:16px;box-shadow:0 10px 30px #00000073}.react-colorful__saturation{border-bottom:none;margin-top:15px;border-radius:5px!important}.react-colorful__hue{order:-1;border-radius:3px!important}.react-colorful__hue,.react-colorful__alpha{border-radius:5px;height:14px}.react-colorful__hue-pointer,.react-colorful__alpha-pointer{width:20px;height:20px}.swatch{cursor:pointer;vertical-align:middle;background-position:-80px 0;border:1px solid #333;width:18px;height:18px;margin:0;padding:0;display:inline-block;position:absolute;top:5px;left:auto;right:5px}.swatch span{position:absolute;inset:0}.clans-modal{color:#fff;flex-direction:column;width:1028px;height:550px;font-family:Ubuntu,sans-serif;display:flex}.clans-modal .text-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clans-modal button{background:var(--ui-accent,#fe70c3);color:#fff;cursor:pointer;border:none;border-radius:5px;outline:none;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-family:Roboto,Ubuntu,sans-serif;font-size:15px;font-weight:500;transition:background-color .15s;display:inline-flex}.clans-modal button i{font-size:.9em}.clans-modal button:hover{background:var(--ui-accent-hover,#ff8ed0)}.clans-modal button:disabled{cursor:default;pointer-events:none;background:#a0a0a0}.clans-modal .tabs{-webkit-user-select:none;user-select:none;gap:10px;padding:13px 64px 13px 14px;display:flex}.clans-modal .tabs .tab{cursor:pointer;background:#0003;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:9px;height:38px;font-size:17px;transition:background-color .25s;display:flex;position:relative}.clans-modal .tabs .tab i{font-size:15px}.clans-modal .tabs .tab:hover{background:#fff3}.clans-modal .tabs .tab.active,.clans-modal .tabs .tab.active:hover{background:var(--ui-accent,#fe70c3);cursor:default}.clans-modal .tabs .tab .counter{box-sizing:border-box;background:#dc3545;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:500;display:flex;position:absolute;top:-6px;right:-6px}.clans-modal .content{box-sizing:border-box;background:#0003;border-radius:0 0 8px 8px;flex-direction:column;flex:1;min-height:0;padding:14px;display:flex}.clans-modal .content .notFound{color:#ffffff59;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:100%;font-size:18px;display:flex}.clans-modal .clan-item,.clans-modal .member-item{background:#ffffff1a;border-radius:5px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 10px;font-size:16px;display:flex}.clans-modal .clan-item .position,.clans-modal .member-item .position{background:#0003;border-radius:5px;flex:none;justify-content:center;align-items:center;min-width:44px;height:40px;font-weight:500;display:flex}.clans-modal .clan-item .icon,.clans-modal .member-item .icon{background:#4b4b4b;border-radius:5px;flex:none;width:44px;height:44px}.clans-modal .clan-item .name,.clans-modal .member-item .name{text-align:left;flex:1;min-width:0;font-size:17px;font-weight:500}.clans-modal .clan-item .tag,.clans-modal .member-item .tag{color:#fff9;background:#0003;border-radius:4px;flex:none;padding:3px 9px;font-size:14px}.clans-modal .clan-item .places,.clans-modal .member-item .places{color:#fff9;flex:none;justify-content:center;align-items:center;gap:6px;width:86px;font-size:14px;display:flex}.clans-modal .clan-item .places i,.clans-modal .member-item .places i{font-size:11px}.clans-modal .clan-item .xps,.clans-modal .member-item .xps{flex:none;justify-content:flex-end;align-items:center;gap:5px;width:140px;font-weight:500;display:flex}.clans-modal .clan-item .xps .xp-icon,.clans-modal .member-item .xps .xp-icon{width:22px;height:22px}.clans-modal .clan-item .delete-invite,.clans-modal .member-item .delete-invite{color:#ff5252;background:#0003;flex:none;width:32px;height:32px;padding:0;font-size:14px}.clans-modal .clan-item .delete-invite:hover,.clans-modal .member-item .delete-invite:hover{color:#fff;background:#ff5252}.clans-modal .clan-item{cursor:pointer;transition:background-color .15s}.clans-modal .clan-item:hover{background:#fff3}.clans-modal .clansTop,.clans-modal .clansInvitation{flex:1;min-height:0;padding-right:4px;overflow:hidden auto}.clans-modal .clansTop::-webkit-scrollbar{width:5px}.clans-modal .clansInvitation::-webkit-scrollbar{width:5px}.clans-modal .clansTop::-webkit-scrollbar-track{background:#0003;border-radius:2px}.clans-modal .clansInvitation::-webkit-scrollbar-track{background:#0003;border-radius:2px}.clans-modal .clansTop::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.clans-modal .clansInvitation::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.clans-modal .clansTop::-webkit-scrollbar-thumb:hover{background:#fff6}.clans-modal .clansInvitation::-webkit-scrollbar-thumb:hover{background:#fff6}.clans-modal .clansFree{flex-direction:column;flex:1;min-height:0;display:flex}.clans-modal .clansFree .search-block{justify-content:center;gap:10px;margin-bottom:12px;display:flex}.clans-modal .clansFree .search-block input{color:#fff;box-sizing:border-box;background:#6c757d;border:none;border-radius:5px;outline:none;width:340px;height:38px;margin:0;padding:0 12px;font-family:Ubuntu,sans-serif;font-size:16px;transition:box-shadow .15s}.clans-modal .clansFree .search-block input::placeholder{color:#ffffff59}.clans-modal .clansFree .search-block input:focus{box-shadow:0 0 0 2px rgba(var(--ui-accent-rgb,254, 112, 195), .45)}.clans-modal .clansFree .search-block button{height:38px}.clans-modal .clansFree .clans-items{flex:1;min-height:0;padding-right:4px;overflow:hidden auto}.clans-modal .clansFree .clans-items::-webkit-scrollbar{width:5px}.clans-modal .clansFree .clans-items::-webkit-scrollbar-track{background:#0003;border-radius:2px}.clans-modal .clansFree .clans-items::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.clans-modal .clansFree .clans-items::-webkit-scrollbar-thumb:hover{background:#fff6}.clans-modal .startMenuClan{text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.clans-modal .startMenuClan .description{max-width:620px;margin-bottom:36px;font-size:20px;line-height:1.55}.clans-modal .startMenuClan .actions{align-items:center;gap:16px;display:flex}.clans-modal .startMenuClan .actions button{background:#ffffff14;width:180px;padding:11px;font-size:16px}.clans-modal .startMenuClan .actions button:hover{background:var(--ui-accent,#fe70c3)}.clans-modal .startMenuClan .actions .gachiMuchi{color:#fff9}.clans-modal .loadingClan{color:#fff9;justify-content:center;align-items:center;height:100%;display:flex}.clans-modal .clanWatch{flex-direction:column;flex:1;min-height:0;display:flex}.clans-modal .clanWatch>.clan,.clans-modal .clanWatch>.clan-creator,.clans-modal .clanWatch>.startMenuClan,.clans-modal .clanWatch>.loadingClan{flex:1;min-height:0}.clans-modal .clanWatch .clan{gap:12px;height:100%;min-height:0;display:flex}.clans-modal .clanWatch .clan>.info{text-align:center;box-sizing:border-box;background:#0000001f;border-radius:8px;flex-direction:column;flex:none;align-items:center;width:36%;padding:12px;display:flex;position:relative}.clans-modal .clanWatch .clan>.info .admin-row{gap:10px;width:100%;margin-bottom:10px;display:flex}.clans-modal .clanWatch .clan>.info .admin-row button{flex:1;padding:8px 6px}.clans-modal .clanWatch .clan>.info .admin-row .invite{background:#26a72d}.clans-modal .clanWatch .clan>.info .admin-row .invite:hover{background:#39d340}.clans-modal .clanWatch .clan>.info .admin-row .settings{background:#007bff}.clans-modal .clanWatch .clan>.info .admin-row .settings:hover{background:#3998ff}.clans-modal .clanWatch .clan>.info .admin-row .back-to{background:#ffffff14}.clans-modal .clanWatch .clan>.info .admin-row .back-to:hover{background:#fff3}.clans-modal .clanWatch .clan>.info>.icon{object-fit:cover;background:#4b4b4b;border-radius:14px;flex:none;width:96px;height:96px;margin:4px 0 10px}.clans-modal .clanWatch .clan>.info>.name{max-width:100%;font-size:23px;font-weight:500}.clans-modal .clanWatch .clan>.info .xps{color:#e6cf00;justify-content:center;align-items:center;gap:6px;margin:6px 0;font-size:18px;font-weight:500;display:flex}.clans-modal .clanWatch .clan>.info .xps .xp-icon{width:24px;height:24px}.clans-modal .clanWatch .clan>.info>.description{color:#ffffffbf;width:100%;max-height:66px;margin-bottom:10px;font-size:14px;overflow:hidden auto}.clans-modal .clanWatch .clan>.info>.description::-webkit-scrollbar{width:5px}.clans-modal .clanWatch .clan>.info>.description::-webkit-scrollbar-track{background:#0003;border-radius:2px}.clans-modal .clanWatch .clan>.info>.description::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.clans-modal .clanWatch .clan>.info>.description::-webkit-scrollbar-thumb:hover{background:#fff6}.clans-modal .clanWatch .clan>.info .other{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.clans-modal .clanWatch .clan>.info .other .item{background:#ffffff14;border-radius:8px;padding:8px 6px}.clans-modal .clanWatch .clan>.info .other .item .title{color:#fff9;margin-bottom:2px;font-size:13px}.clans-modal .clanWatch .clan>.info .other .item .info{font-size:15px;font-weight:500}.clans-modal .clanWatch .clan>.info .buttons{width:100%;margin-top:auto;padding-top:10px}.clans-modal .clanWatch .clan>.info .buttons .leave{background:#dc3545;width:100%}.clans-modal .clanWatch .clan>.info .buttons .leave:hover{background:#f34556}.clans-modal .clanWatch .clan>.info .buttons .join{background:#26a72d;width:100%}.clans-modal .clanWatch .clan>.info .buttons .join:hover{background:#39d340}.clans-modal .clanWatch .clan>.info .invite-block{z-index:2;background:#22262b;border-radius:8px;padding:12px;position:absolute;top:56px;left:12px;right:12px;box-shadow:0 12px 32px #00000080}.clans-modal .clanWatch .clan>.info .invite-block .close{color:#ff5252;background:#00000040;width:24px;height:24px;padding:0;font-size:13px;position:absolute;top:6px;right:6px}.clans-modal .clanWatch .clan>.info .invite-block .close:hover{color:#fff;background:#ff5252}.clans-modal .clanWatch .clan>.info .invite-block .title{margin-bottom:10px;font-size:15px}.clans-modal .clanWatch .clan>.info .invite-block .action{gap:8px;display:flex}.clans-modal .clanWatch .clan>.info .invite-block .action input{color:#fff;box-sizing:border-box;background:#6c757d;border:none;border-radius:5px;outline:none;flex:1;min-width:0;height:36px;margin:0;padding:0 10px;font-family:Ubuntu,sans-serif;font-size:15px}.clans-modal .clanWatch .clan>.info .invite-block .action button{flex:none;height:36px;padding:0 14px}.clans-modal .clanWatch .clan .members{flex-direction:column;flex:1;min-width:0;display:flex}.clans-modal .clanWatch .clan .members .count{text-align:center;-webkit-user-select:none;user-select:none;background:#0003;border-radius:5px;flex:none;margin-bottom:10px;padding:10px;font-size:16px;font-weight:500}.clans-modal .clanWatch .clan .members .members-store{flex:1;min-height:0;padding-right:4px;overflow:hidden auto}.clans-modal .clanWatch .clan .members .members-store::-webkit-scrollbar{width:5px}.clans-modal .clanWatch .clan .members .members-store::-webkit-scrollbar-track{background:#0003;border-radius:2px}.clans-modal .clanWatch .clan .members .members-store::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.clans-modal .clanWatch .clan .members .members-store::-webkit-scrollbar-thumb:hover{background:#fff6}.clans-modal .clanWatch .clan .members .members-store .member{background:#ffffff1a;border-radius:5px;align-items:center;gap:10px;margin-bottom:8px;padding:6px 10px;display:flex;position:relative}.clans-modal .clanWatch .clan .members .members-store .member .idx{background:#0003;border-radius:5px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-weight:500;display:flex}.clans-modal .clanWatch .clan .members .members-store .member .member-avatar{object-fit:cover;border-radius:5px;flex:none;width:40px;height:40px}.clans-modal .clanWatch .clan .members .members-store .member .member-info{text-align:left;flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.clans-modal .clanWatch .clan .members .members-store .member .member-info .name{font-size:16px;font-weight:500}.clans-modal .clanWatch .clan .members .members-store .member .member-info .right{font-size:12px}.clans-modal .clanWatch .clan .members .members-store .member .member-xp{flex:none;align-items:center;gap:5px;display:flex}.clans-modal .clanWatch .clan .members .members-store .member .member-xp .xp-icon{width:22px;height:22px}.clans-modal .clanWatch .clan .members .members-store .member .member-xp .xp{font-size:15px;font-weight:500}.clans-modal .clanWatch .clan .members .members-store .member .player-menu-control{color:#fff9;cursor:pointer;flex:none;justify-content:center;align-items:center;width:28px;height:36px;transition:color .15s;display:flex}.clans-modal .clanWatch .clan .members .members-store .member .player-menu-control:hover{color:#fff}.clans-modal .clanWatch .clan .members .members-store .member .player-menu{z-index:3;background:#464d55;border-radius:8px;width:195px;position:absolute;top:46px;right:8px;overflow:hidden;box-shadow:0 12px 32px #00000080}.clans-modal .clanWatch .clan .members .members-store .member .player-menu .item{color:#ffffffd9;cursor:pointer;text-align:left;align-items:center;gap:8px;padding:9px 12px;font-size:14px;display:flex}.clans-modal .clanWatch .clan .members .members-store .member .player-menu .item:hover{background:#ffffff1a}.clans-modal .clanWatch .clan .members .members-store .member .player-menu .item i{text-align:center;width:14px}.clans-modal .clanWatch .clan-creator{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.clans-modal .clanWatch .clan-creator>.back-to{background:#ffffff14;position:absolute;top:0;left:0}.clans-modal .clanWatch .clan-creator>.back-to:hover{background:#fff3}.clans-modal .clanWatch .clan-creator>.title{-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;height:38px;margin-bottom:12px;font-size:22px;font-weight:500;display:flex}.clans-modal .clanWatch .clan-creator .setup{flex:1;gap:12px;min-height:0;display:flex}.clans-modal .clanWatch .clan-creator .setup .title{text-align:center;-webkit-user-select:none;user-select:none;margin-bottom:12px;font-size:17px;font-weight:500}.clans-modal .clanWatch .clan-creator .setup input,.clans-modal .clanWatch .clan-creator .setup textarea,.clans-modal .clanWatch .clan-creator .setup select{color:#fff;box-sizing:border-box;background:#6c757d;border:none;border-radius:5px;outline:none;margin:0;font-family:Ubuntu,sans-serif;font-size:15px}.clans-modal .clanWatch .clan-creator .setup input::placeholder,.clans-modal .clanWatch .clan-creator .setup textarea::placeholder,.clans-modal .clanWatch .clan-creator .setup select::placeholder{color:#ffffff59}.clans-modal .clanWatch .clan-creator .setup .main{background:#0000001a;border-radius:8px;flex:1.25;padding:14px;overflow-y:auto}.clans-modal .clanWatch .clan-creator .setup .main::-webkit-scrollbar{width:5px}.clans-modal .clanWatch .clan-creator .setup .main::-webkit-scrollbar-track{background:#0003;border-radius:2px}.clans-modal .clanWatch .clan-creator .setup .main::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.clans-modal .clanWatch .clan-creator .setup .main::-webkit-scrollbar-thumb:hover{background:#fff6}.clans-modal .clanWatch .clan-creator .setup .main .item{align-items:center;gap:10px;margin-bottom:10px;display:flex}.clans-modal .clanWatch .clan-creator .setup .main .item input,.clans-modal .clanWatch .clan-creator .setup .main .item textarea,.clans-modal .clanWatch .clan-creator .setup .main .item select{flex:none;width:250px;height:36px;padding:0 10px}.clans-modal .clanWatch .clan-creator .setup .main .item textarea{resize:none;height:auto;padding:8px 10px}.clans-modal .clanWatch .clan-creator .setup .main .item select{cursor:pointer}.clans-modal .clanWatch .clan-creator .setup .main .item .ps{color:#fff9;text-align:left;flex:1;font-size:13px}.clans-modal .clanWatch .clan-creator .setup .setup-other{background:#0000001a;border-radius:8px;flex-direction:column;flex:1;padding:14px;display:flex}.clans-modal .clanWatch .clan-creator .setup .setup-other .other .icon{object-fit:cover;background:#252525;border-radius:12px;width:72px;height:72px;margin:0 auto 14px;display:block}.clans-modal .clanWatch .clan-creator .setup .setup-other .other .item{display:block}.clans-modal .clanWatch .clan-creator .setup .setup-other .other .item select,.clans-modal .clanWatch .clan-creator .setup .setup-other .other .item button{width:100%;margin-bottom:8px}.clans-modal .clanWatch .clan-creator .setup .setup-other .other .item select{cursor:pointer;height:36px;padding:0 10px}.clans-modal .clanWatch .clan-creator .setup .setup-other .other .item .upload-wrap{position:relative}.clans-modal .clanWatch .clan-creator .setup .setup-other .other .item .upload-wrap input#loadClanIcon{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.clans-modal .clanWatch .clan-creator .setup .setup-other .other .item .ps{color:#fff9;font-size:13px}.clans-modal .clanWatch .clan-creator .setup .setup-other .other .item .popup-color-picker{background:#ffffff1a;border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:3px 10px;display:flex}.clans-modal .clanWatch .clan-creator .setup .setup-other .other .item .popup-color-picker input{background:0 0;width:90px;height:30px;padding:0;font-family:Ubuntu Mono,monospace;font-size:16px}.clans-modal .clanWatch .clan-creator .setup .setup-other .other .item .popup-color-picker .swatch{border:none;border-radius:6px;flex:none;order:2;width:30px;height:30px;position:static;overflow:hidden}.clans-modal .clanWatch .clan-creator .setup .setup-other .other .item .popup-color-picker .swatch span{width:100%;height:100%;display:block;position:static}.clans-modal .clanWatch .clan-creator .setup .setup-other .other .item .popup-color-picker .popover{z-index:3;top:calc(100% + 6px);left:auto;right:0}.clans-modal .clanWatch .clan-creator .setup .setup-other button.action{width:100%;margin-top:auto;padding:10px;font-size:16px}.clans-modal .clanWatch .clan-creator .add-slotes{background:#0000001a;border-radius:8px;flex:none;align-items:center;gap:12px;margin-top:12px;padding:10px 14px;display:flex}.clans-modal .clanWatch .clan-creator .add-slotes .title{text-align:left;-webkit-user-select:none;user-select:none;flex:1;font-size:17px;font-weight:500}.clans-modal .clanWatch .clan-creator .add-slotes .action{align-items:center;gap:14px;display:flex}.clans-modal .clanWatch .clan-creator .add-slotes .action .slots{color:#ffffffd9;font-size:15px}.clans-modal .clanWatch .clan-creator .add-slotes .action button{background:#dc3545}.clans-modal .clanWatch .clan-creator .add-slotes .action button:hover{background:#f34556}.reserved-names-modal{color:#fff;flex-direction:column;width:840px;height:520px;font-family:Ubuntu,sans-serif;display:flex}.reserved-names-modal .title{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:38px;margin:13px 64px;font-size:22px;font-weight:500;display:flex}.reserved-names-modal .body{background:#0003;border-radius:0 0 8px 8px;flex:1;min-height:0;display:flex;overflow:hidden}.reserved-names-modal .owned{box-sizing:border-box;background:#0000001a;flex-direction:column;width:55%;padding:14px;display:flex}.reserved-names-modal .owned .owned-title{text-align:center;-webkit-user-select:none;user-select:none;margin-bottom:12px;font-size:20px;font-weight:500}.reserved-names-modal .owned .names{flex:1;min-height:0;padding-right:4px;overflow:hidden auto}.reserved-names-modal .owned .names::-webkit-scrollbar{width:5px}.reserved-names-modal .owned .names::-webkit-scrollbar-track{background:#0003;border-radius:2px}.reserved-names-modal .owned .names::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.reserved-names-modal .owned .names::-webkit-scrollbar-thumb:hover{background:#fff6}.reserved-names-modal .owned .names .no-names{text-align:center;color:#ffffff59;-webkit-user-select:none;user-select:none;margin-top:32px;font-size:16px}.reserved-names-modal .owned .block{background:#ffffff1a;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:8px 10px;display:flex}.reserved-names-modal .owned .block .name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:18px;font-weight:500;overflow:hidden}.reserved-names-modal .owned .block .change-color{flex:none;align-items:center;gap:8px;display:flex}.reserved-names-modal .owned .block .change-color .popup-color-picker input{width:70px}.reserved-names-modal .owned .block .change-color .btn-change-color{background:var(--ui-accent,#fe70c3);color:#fff;white-space:nowrap;cursor:pointer;border:none;border-radius:5px;align-items:center;gap:6px;padding:8px 12px;font-family:Roboto,Ubuntu,sans-serif;font-size:14px;font-weight:500;transition:background-color .15s;display:inline-flex}.reserved-names-modal .owned .block .change-color .btn-change-color i{font-size:12px}.reserved-names-modal .owned .block .change-color .btn-change-color:hover{background:var(--ui-accent-hover,#ff8ed0)}.reserved-names-modal .create{box-sizing:border-box;flex-direction:column;flex:1;align-items:center;padding:14px 26px;display:flex}.reserved-names-modal .create .new-name-preview{text-align:center;word-break:break-all;flex:none;justify-content:center;align-items:center;width:100%;height:140px;font-size:30px;font-weight:700;display:flex;overflow:hidden}.reserved-names-modal .create .create-controls{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px;display:flex}.reserved-names-modal .create .create-controls .input-field{color:#fff;box-sizing:border-box;background:#6c757d;border:none;border-radius:5px;outline:none;width:100%;height:38px;margin:0;padding:0 12px;font-family:Ubuntu,sans-serif;font-size:16px;font-weight:500;transition:box-shadow .15s}.reserved-names-modal .create .create-controls .input-field::placeholder{color:#ffffff59}.reserved-names-modal .create .create-controls .input-field:focus{box-shadow:0 0 0 2px rgba(var(--ui-accent-rgb,254, 112, 195), .45)}.reserved-names-modal .create .create-controls .opt-toggle{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;width:100%;display:flex}.reserved-names-modal .create .create-controls .opt-toggle .name{color:#ffffffd9;font-size:14px}.reserved-names-modal .create .create-controls .opt-toggle .name i{font-size:12px}.reserved-names-modal .create .create-controls .opt-toggle .toggle-btn{cursor:pointer;flex:none;width:40px;height:22px;position:relative}.reserved-names-modal .create .create-controls .opt-toggle .toggle-btn .slide{background:#ffffff26;border-radius:11px;transition:background-color .25s;position:absolute;inset:0}.reserved-names-modal .create .create-controls .opt-toggle .toggle-btn .ball{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .25s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.reserved-names-modal .create .create-controls .opt-toggle .toggle-btn.active .slide{background:var(--ui-accent,#fe70c3)}.reserved-names-modal .create .create-controls .opt-toggle .toggle-btn.active .ball{left:20px}.reserved-names-modal .create .create-controls .add{background:var(--ui-accent,#fe70c3);color:#fff;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-family:Roboto,Ubuntu,sans-serif;font-size:17px;font-weight:500;transition:background-color .15s;display:inline-flex}.reserved-names-modal .create .create-controls .add i{font-size:14px}.reserved-names-modal .create .create-controls .add:hover{background:var(--ui-accent-hover,#ff8ed0)}.reserved-names-modal .popup-color-picker{box-sizing:content-box;background:#ffffff1a;border-radius:5px;align-items:center;height:34px;padding:0 10px;display:flex}.reserved-names-modal .popup-color-picker input{color:#fff;background:0 0;border:none;outline:none;width:80px;height:auto;margin:0;padding:0;font-family:Ubuntu Mono,monospace;font-size:16px}.reserved-names-modal .popup-color-picker .swatch{box-sizing:border-box;border:none;border-radius:6px;flex:none;order:2;width:30px;height:30px;margin-left:8px;position:static;overflow:hidden}.reserved-names-modal .popup-color-picker .swatch span{width:100%;height:100%;display:block;position:static}.reserved-names-modal .popup-color-picker .popover{z-index:3}.reserved-names-modal .create .popup-color-picker{box-sizing:border-box;justify-content:space-between;width:100%;height:38px}.reserved-names-modal .create .popup-color-picker .popover{top:auto;bottom:calc(100% + 6px);left:0}.reserved-names-modal .owned .popup-color-picker .popover{left:auto;right:0}.leaderboard-modal{color:#fff;flex-direction:column;width:860px;height:550px;font-family:Ubuntu,sans-serif;display:flex}.leaderboard-modal .text-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard-modal .lb-header{-webkit-user-select:none;user-select:none;justify-content:center;padding:13px 64px;display:flex}.leaderboard-modal .lb-header .lb-selector{background:#0003;border-radius:8px;gap:4px;padding:4px;display:flex}.leaderboard-modal .lb-header .lb-selector>div{text-align:center;cursor:pointer;border-radius:6px;min-width:110px;padding:6px 18px;font-size:16px;transition:background-color .2s}.leaderboard-modal .lb-header .lb-selector>div:hover:not(.selected){background:#ffffff14}.leaderboard-modal .lb-header .lb-selector>div.selected{background:var(--ui-accent,#fe70c3);cursor:default}.leaderboard-modal .lb-body{box-sizing:border-box;background:#0003;border-radius:0 0 8px 8px;flex-direction:column;flex:1;min-height:0;padding:14px 14px 10px;display:flex}.leaderboard-modal .lb-body .lb-title{text-align:center;-webkit-user-select:none;user-select:none;flex:none;margin-bottom:12px;font-size:20px;font-weight:500}.leaderboard-modal .lb-body .lb-rows{flex:1;min-height:0;padding:0 10% 4px;overflow:hidden auto}.leaderboard-modal .lb-body .lb-rows::-webkit-scrollbar{width:5px}.leaderboard-modal .lb-body .lb-rows::-webkit-scrollbar-track{background:#0003;border-radius:2px}.leaderboard-modal .lb-body .lb-rows::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.leaderboard-modal .lb-body .lb-rows::-webkit-scrollbar-thumb:hover{background:#fff6}.leaderboard-modal .lb-body .lb-rows .lb-empty{text-align:center;color:#ffffff59;margin-top:40px;font-size:16px}.leaderboard-modal .lb-body .lb-row{box-sizing:border-box;background:#ffffff1a;border-radius:5px;align-items:center;gap:10px;margin-bottom:8px;padding:6px 12px;font-size:16px;display:flex}.leaderboard-modal .lb-body .lb-row .pos{background:#0003;border-radius:5px;flex:none;justify-content:center;align-items:center;min-width:48px;height:34px;padding:0 6px;font-size:14px;font-weight:500;display:flex}.leaderboard-modal .lb-body .lb-row .avatar,.leaderboard-modal .lb-body .lb-row .clan-icon{object-fit:cover;background-color:#4b4b4b;background-size:cover;border-radius:5px;flex:none;width:40px;height:40px}.leaderboard-modal .lb-body .lb-row .name{text-align:left;flex:1;min-width:0;font-size:17px;font-weight:500}.leaderboard-modal .lb-body .lb-row .tag{color:#fff9;background:#0003;border-radius:4px;flex:none;padding:3px 9px;font-size:14px}.leaderboard-modal .lb-body .lb-row .level{text-align:center;color:#ffffffd9;flex:none;width:100px;font-size:14px}.leaderboard-modal .lb-body .lb-row .members{color:#fff9;flex:none;justify-content:center;align-items:center;gap:6px;width:86px;font-size:14px;display:flex}.leaderboard-modal .lb-body .lb-row .members i{font-size:11px}.leaderboard-modal .lb-body .lb-row .xps{flex:none;justify-content:flex-end;align-items:center;gap:5px;width:150px;font-weight:500;display:flex}.leaderboard-modal .lb-body .lb-row .xps .xp-icon{width:22px;height:22px}.leaderboard-modal .lb-body .lb-row.lb-top-1{background:linear-gradient(52deg,#ba9300 0%,#ffda00 100%)}.leaderboard-modal .lb-body .lb-row.lb-top-1 .pos,.leaderboard-modal .lb-body .lb-row.lb-top-1 .tag{background:#00000040}.leaderboard-modal .lb-body .lb-row.lb-top-2{background:linear-gradient(28deg,#787878 0%,#c3c3c3 100%)}.leaderboard-modal .lb-body .lb-row.lb-top-2 .pos,.leaderboard-modal .lb-body .lb-row.lb-top-2 .tag{background:#00000040}.leaderboard-modal .lb-body .lb-row.lb-top-3{background:linear-gradient(28deg,#583f00 0%,#b18600 100%)}.leaderboard-modal .lb-body .lb-row.lb-top-3 .pos,.leaderboard-modal .lb-body .lb-row.lb-top-3 .tag{background:#00000040}.leaderboard-modal .lb-body .lb-row.myself{border:1px solid var(--ui-accent,#fe70c3);box-shadow:0 0 10px #ff8ccfa6}.leaderboard-modal .lb-body .lb-me-row{flex:none;margin:6px 10% 0}.profile-controls{justify-content:center;align-items:center;gap:14px;width:100%;margin:44px 0 4px;display:flex}.profile-controls .arrow{color:#ffffff4d;padding:6px;font-size:36px;transition:color .2s}.profile-controls .arrow:hover{color:#ffffffe6}.profile-controls .skin-preview{background-color:#00000040;border-radius:50%;flex:none;width:84px;height:84px;position:relative;background-position:50%!important;background-size:cover!important}.profile-controls .skin-preview:after{content:"";pointer-events:none;border:5px solid #0003;border-radius:50%;transition:border-color .25s;position:absolute;inset:0}.profile-controls .skin-preview:active:after,.profile-controls .skin-preview:hover:after{border-color:var(--ui-accent,#fe70c3)}.profile-controls .skin-preview+.skin-preview{margin-left:26px}.profile-controls .skin-preview .cell-preview{width:100%;height:100%;display:block}.profile-controls .skin-preview .cell-preview.no-skin{background:0 0}.profile-controls .skin-preview .cell-preview-hat{z-index:1}.profile-controls .inline{vertical-align:middle;cursor:pointer;display:inline-block}button{cursor:pointer}button:disabled,button[disabled]{cursor:auto}.skins-modal{color:#fff;-webkit-user-select:none;user-select:none;flex-direction:column;width:920px;height:620px;font-family:Ubuntu,sans-serif;display:flex}.skins-modal .skins-error{color:#ff8a8a;padding:6px 16px;font-size:14px}.skins-modal .tabs{gap:10px;padding:13px 64px 13px 14px;display:flex}.skins-modal .tabs button{color:#fff;cursor:pointer;background:#0003;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:10px;height:38px;font-family:Ubuntu,sans-serif;font-size:17px;transition:background-color .25s;display:flex}.skins-modal .tabs button i{font-size:16px}.skins-modal .tabs button:hover:not(:disabled){background:#fff3}.skins-modal .tabs button:disabled{background:var(--ui-accent,#fe70c3);cursor:default}.skins-modal .content{box-sizing:border-box;background:#0003;border-radius:0 0 8px 8px;flex-direction:column;flex:1;min-height:0;padding:12px 14px;display:flex}.skins-modal .content .searchBox{color:#fff;box-sizing:border-box;background:#6c757d;border:none;border-radius:5px;outline:none;width:100%;height:38px;margin:0 0 12px;padding:0 12px;font-family:Ubuntu,sans-serif;font-size:16px;transition:box-shadow .15s}.skins-modal .content .searchBox::placeholder{color:#ffffff59}.skins-modal .content .searchBox:focus{box-shadow:0 0 0 2px rgba(var(--ui-accent-rgb,254, 112, 195), .45)}.skins-modal .content .scrollview{flex:1;min-height:0;padding-right:4px;overflow:hidden auto}.skins-modal .content .scrollview::-webkit-scrollbar{width:5px}.skins-modal .content .scrollview::-webkit-scrollbar-track{background:#0003;border-radius:2px}.skins-modal .content .scrollview::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.skins-modal .content .scrollview::-webkit-scrollbar-thumb:hover{background:#fff6}.skins-modal .content .scrollview .grid-container{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.skins-modal .content .scrollview .grid-container.loading{opacity:.45;pointer-events:none;transition:opacity .15s}.skins-modal .content .scrollview .grid-item{text-align:center;box-sizing:border-box;background:#0003;border:4px solid #0000001a;border-radius:8px;flex-direction:column;align-items:center;padding:12px 8px 8px;display:flex;position:relative}.skins-modal .content .scrollview .grid-item.equipped{border-color:rgba(var(--ui-accent-rgb,254, 112, 195), .55)}.skins-modal .content .scrollview .grid-item img{-webkit-user-select:none;user-select:none;background-color:#00000040;border-radius:50%;width:105px;height:105px;transition:transform .3s ease-out}.skins-modal .content .scrollview .grid-item img:hover{transform-origin:50%;transform:scale(1.1)}.skins-modal .content .scrollview .grid-item .title{justify-content:center;align-items:center;height:2.4em;font-size:16px;font-weight:500;display:flex;overflow:hidden}.skins-modal .content .scrollview .grid-item .icon{color:#ffffff4d;cursor:pointer;transition:color .15s,transform .15s ease-out;position:absolute;top:8px;right:10px}.skins-modal .content .scrollview .grid-item .icon .fas{font-size:22px}.skins-modal .content .scrollview .grid-item .icon:hover{color:#ecba14;transform-origin:50%;transform:scale(1.15)}.skins-modal .content .scrollview .grid-item .icon.selected{color:#ecba14}.skins-modal .content .scrollview .grid-item .icon.delete-icon{color:#fff6}.skins-modal .content .scrollview .grid-item .icon.delete-icon:hover,.skins-modal .content .scrollview .grid-item .icon.delete-icon.selected:hover{color:#ff5252}.skins-modal .content .scrollview .grid-item .icon.delete-icon.selected{color:#fff6}.skins-modal .content .scrollview .grid-item button{background:var(--ui-accent,#fe70c3);color:#fff;white-space:nowrap;border:none;border-radius:5px;width:100%;padding:7px 6px;font-family:Roboto,Ubuntu,sans-serif;font-size:16px;font-weight:500;transition:background-color .15s;overflow:hidden}.skins-modal .content .scrollview .grid-item button i{margin-right:4px;font-size:13px}.skins-modal .content .scrollview .grid-item button:hover{background:var(--ui-accent-hover,#ff8ed0)}.skins-modal .content .scrollview .grid-item button.delete{background:#dc3545}.skins-modal .content .scrollview .grid-item button.delete:hover{background:#f34556}.skins-modal .content .scrollview .grid-item button:disabled{pointer-events:none;-webkit-user-select:none;user-select:none;background:#a0a0a0}.skins-modal .content .pagination{justify-content:center;gap:6px;padding-top:10px;display:flex}.skins-modal .content .pagination a{text-align:center;color:#eee;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;min-width:38px;padding:7px 0;font-size:16px;text-decoration:none;transition:background-color .15s}.skins-modal .content .pagination a.active{background-color:var(--ui-accent,#fe70c3);color:#fff}.skins-modal .content .pagination a:hover:not(.active):not(.disabled){background-color:#ffffff1a}.skins-modal .content .pagination a.disabled{opacity:.35;pointer-events:none;cursor:auto}.skins-modal .submit-page{text-align:center;max-width:520px;margin:48px auto 0}.skins-modal .submit-page h3{margin:0 0 12px;font-size:26px;font-weight:500}.skins-modal .submit-page h2{margin:0 0 12px;font-size:30px;font-weight:500}.skins-modal .submit-page p{color:#fffc;font-size:16px}.skins-modal .submit-page p i{color:#fff9;font-size:14px}.skins-modal .submit-page button,.skins-modal .submit-page .submit-button{background:var(--ui-accent,#fe70c3);color:#fff;cursor:pointer;border:none;border-radius:5px;width:100%;height:42px;margin-top:8px;font-family:Roboto,Ubuntu,sans-serif;font-size:18px;font-weight:500;transition:background-color .15s}.skins-modal .submit-page button:hover,.skins-modal .submit-page .submit-button:hover{background:var(--ui-accent-hover,#ff8ed0)}.skins-modal .submit-page button:disabled,.skins-modal .submit-page .submit-button:disabled{pointer-events:none;background:#a0a0a0}.skins-modal .submit-page .upload{margin-top:20px;position:relative}.skins-modal .submit-page .upload .imageUploadFile{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.server-panel{-webkit-user-select:none;user-select:none}.server-panel .panel-title{text-align:center;width:100%;font-size:22px;font-weight:500}.server-panel .region-select{background-color:#464d55;border-radius:5px;margin-top:12px;display:flex;overflow:hidden}.server-panel .region-select .region-tab{text-align:center;white-space:nowrap;cursor:pointer;flex:auto;padding:7px 8px;font-size:14px;transition:background-color .15s}.server-panel .region-select .region-tab:hover{background-color:#ffffff1a}.server-panel .region-select .region-tab.active,.server-panel .region-select .region-tab.active:hover{background-color:#fff3}.server-panel .server-header{text-align:center;grid-template-columns:1.1fr .9fr 1.2fr;margin-top:10px;padding:0 10px 4px 6px;font-size:13px;font-weight:500;display:grid}.server-panel .server-rows{background-color:#ffffff1a;border-radius:5px;flex:1;min-height:0;max-height:315px;overflow-y:auto}.server-panel .server-rows::-webkit-scrollbar{width:5px}.server-panel .server-rows::-webkit-scrollbar-track{background:#0003;border-radius:2px}.server-panel .server-rows::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.server-panel .server-rows::-webkit-scrollbar-thumb:hover{background:#fff6}.server-panel .server-rows .no-servers{text-align:center;color:#ffffff59;margin-top:24px;font-size:15px}.server-panel .server-rows .server-row{text-align:center;cursor:pointer;grid-template-columns:1.1fr .9fr 1.2fr;align-items:center;padding:.5px 6px;font-size:14px;line-height:19px;transition:background-color .15s;display:grid}.server-panel .server-rows .server-row:hover{background-color:#fff3}.server-panel .server-rows .server-row.active,.server-panel .server-rows .server-row.active:hover{background-color:var(--ui-accent,#fe70c3)}.server-panel .server-rows .server-row .server-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:500;overflow:hidden}.server-panel .server-rows .server-row .server-players{font-family:Ubuntu Mono,monospace}.server-panel .server-rows .server-row .server-mode{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}#bottomBar{transform-origin:bottom;flex:none;justify-content:center;align-items:flex-end;width:100%;display:flex}.support-holder{background-position:50%;background-repeat:no-repeat}.support-holder>div{width:100%;height:100%}.support-bottom{background-color:#00000045;background-image:url(/img/support_middle.jpg);width:970px;height:250px}.support-middleHome,.support-middleEndgame{background-image:url(/img/support_main.jpg)}#endGame{z-index:10;transition:all 2s ease-out}#endGame .endgame-container{box-sizing:border-box;color:#fff;text-align:center;flex-direction:column;width:340px;padding:14px;font-family:Ubuntu,sans-serif;display:flex}#endGame .endgame-container .banner{background:#141414;border-radius:8px;width:100%;line-height:0;overflow:hidden}#endGame .endgame-container .banner iframe{border:none;width:100%;height:180px}#endGame .endgame-container #continue-button{background:var(--ui-accent,#fe70c3);color:#fff;cursor:pointer;border:none;border-radius:5px;outline:none;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:12px;padding:11px;font-family:Roboto,Ubuntu,sans-serif;font-size:19px;font-weight:500;transition:background-color .15s;display:inline-flex}#endGame .endgame-container #continue-button i{font-size:15px}#endGame .endgame-container #continue-button:hover{background:var(--ui-accent-hover,#ff8ed0)}#endGame .endgame-container .support-label-endgame{letter-spacing:1.5px;text-transform:uppercase;color:#ffffff59;-webkit-user-select:none;user-select:none;margin:12px 0 6px;font-size:12px}#endGame .endgame-container .support-middleEndgame{width:300px;height:250px;margin:0 auto}#captcha-overlay{visibility:hidden;z-index:1000;box-sizing:border-box;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;padding-bottom:24vh;display:flex;position:absolute;top:0;left:0}#cf-turnstile{transform:scale(var(--ui-scale,1));transform-origin:50%;background-color:#282828e6;border-radius:10px;padding:20px;box-shadow:0 0 15px #00000080}.turnstile-badge{visibility:hidden}@keyframes un-wiggle{0%{transform:rotate(-7deg)scale(.95)}to{transform:rotate(7deg)scale(1.05)}}#menu{color:#fff;flex-direction:column;width:100%;height:100%;font-family:Ubuntu,sans-serif;display:flex;position:absolute;inset:0}#menu .custom-games-btn{z-index:5;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-text-stroke:2px #000;paint-order:stroke fill;background-color:var(--ui-accent,#fe70c3);box-shadow:0 0 14px rgba(var(--ui-accent-rgb,254, 112, 195), .55), 0 0 26px rgba(var(--ui-accent-rgb,254, 112, 195), .25), 0 4px 12px #00000059;transform:scale(var(--ui-scale,1));transform-origin:100% 0;border:none;border-radius:5px;align-items:center;padding:11px 14px;font-family:Roboto,Ubuntu,sans-serif;font-size:18px;font-weight:500;transition:background-color .15s,transform .1s;display:inline-flex;position:absolute;top:14px;right:14px}#menu .custom-games-btn:before{content:"";z-index:1;background-image:url(/img/new-blinker.png);background-size:100% 100%;width:54px;height:54px;margin-top:22px;margin-left:-30px;animation:.5s ease-in-out infinite alternate un-wiggle;display:block;position:absolute;top:0;left:0}#menu .custom-games-btn:hover{background-color:var(--ui-accent-hover,#ff8ed0)}#menu .custom-games-btn:active{transform:translateY(1px) scale(var(--ui-scale,1))}#menu .menu-area{flex:auto;justify-content:center;align-items:center;min-height:0;padding:0 10px;display:flex;overflow:hidden}#menu .support-block{width:310px;height:260px;margin:0 auto}#menu .support-block .support-middleHome{width:100%;height:100%}#menu .main-menu{flex-direction:column;flex-shrink:0;align-items:center;display:flex}#menu .main-menu .menu-columns{align-items:stretch;gap:10px;display:flex}#menu .main-menu .menu-col{box-sizing:border-box;flex-direction:column;gap:10px;width:336px;min-width:336px;display:flex}#menu .main-menu .menu-panel{box-sizing:border-box;background:#343a40;border:1px solid #ffffff0f;border-radius:8px;box-shadow:0 8px 24px #00000059}#menu .main-menu .btn{color:#fff;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;border:none;border-radius:5px;outline:none;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-family:Roboto,Ubuntu,sans-serif;font-size:18px;font-weight:500;text-decoration:none;transition:background-color .15s,transform .1s;display:inline-flex}#menu .main-menu .btn i{font-size:.9em}#menu .main-menu .btn:active{transform:translateY(1px)}#menu .main-menu .btn-blue{background-color:#007bff}#menu .main-menu .btn-blue:hover{background-color:#3998ff}#menu .main-menu .btn-yellow{background-color:#e0a800}#menu .main-menu .btn-yellow:hover{background-color:#f5b800}#menu .main-menu .btn-pink{background-color:var(--ui-accent,#fe70c3)}#menu .main-menu .btn-pink:hover{background-color:var(--ui-accent-hover,#ff8ed0)}#menu .main-menu .btn-red{background-color:#dc3545}#menu .main-menu .btn-red:hover{background-color:#f34556}#menu .main-menu .btn-discord{background-color:#5865f2}#menu .main-menu .btn-discord:hover{background-color:#6d79ff}#menu .main-menu .btn-fb{background-color:#4267b2}#menu .main-menu .btn-fb:hover{background-color:#567fd1}#menu .main-menu .btn-x{background-color:#000}#menu .main-menu .btn-x:hover{background-color:#0e0e0e}#menu .main-menu .btn-youtube{background-color:red}#menu .main-menu .btn-youtube:hover{background-color:#ff3e3e}#menu .main-menu .btn-forum{background-color:#ffa600}#menu .main-menu .btn-forum:hover{background-color:#ffb732}#menu .main-menu .btn-hybrid{background-color:#0003;border-radius:8px;font-family:Ubuntu,sans-serif;font-weight:400;transition:background-color .3s,transform .1s}#menu .main-menu .btn-hybrid:hover:not(:disabled){background-color:var(--ui-accent,#fe70c3)}#menu .main-menu .btn-hybrid:disabled{opacity:.5;cursor:default}#menu .main-menu .quick-panel{flex-direction:column;align-items:center;padding:15px;display:flex}#menu .main-menu .quick-panel .quick-buttons{justify-content:center;gap:8px;width:100%;display:flex}#menu .main-menu .quick-panel .quick-buttons .btn{white-space:nowrap;flex:1 1 0;gap:6px;min-width:0;padding:6px 8px;font-size:15px}#menu .main-menu .account-panel{flex-direction:column;flex:1;min-height:0;padding:15px;display:flex}#menu .main-menu .logo{text-align:center;width:460px;max-width:100%;margin-bottom:4px}#menu .main-menu .logo img{-webkit-user-select:none;user-select:none;filter:brightness();width:100%;transition:all .2s ease-in}#menu .main-menu .logo img:active{filter:brightness(3);transition:none}#menu .main-menu .play-panel{flex-direction:column;gap:10px;padding:15px;display:flex}#menu .main-menu .play-panel #primary-inputs{gap:10px;display:flex}#menu .main-menu .play-panel #primary-inputs .input-field{color:#e8e8f0;box-sizing:border-box;background:#6c757d;border:none;border-radius:5px;outline:none;height:42px;margin:0;padding:7px 12px;font-family:Ubuntu,sans-serif;font-size:20px;font-weight:500;transition:box-shadow .15s}#menu .main-menu .play-panel #primary-inputs .input-field::placeholder{color:#ffffff59}#menu .main-menu .play-panel #primary-inputs .input-field:focus{box-shadow:0 0 0 2px rgba(var(--ui-accent-rgb,254, 112, 195), .55)}#menu .main-menu .play-panel #primary-inputs #tag{text-align:center;flex:none;width:82px}#menu .main-menu .play-panel #primary-inputs #name{flex:1;min-width:0}#menu .main-menu .play-panel .action-row{gap:10px;display:flex}#menu .main-menu .play-panel .action-row .btn{flex:1;padding:10px 12px;font-size:20px}#menu .main-menu .play-panel #settings-btn{width:100%;padding:8px 12px;font-size:20px}#menu .main-menu .play-panel .info-footer{color:#fff9;justify-content:space-around;align-items:center;margin-top:2px;font-size:13px;display:flex}#menu .main-menu .play-panel .info-footer a,#menu .main-menu .play-panel .info-footer a:visited{color:#fff9;text-decoration:none;transition:color .15s}#menu .main-menu .play-panel .info-footer a:hover{color:#fff}#menu .main-menu .support-panel{text-align:center;padding:10px 0 12px}#menu .main-menu .support-panel .support-label{letter-spacing:1.5px;text-transform:uppercase;color:#ffffff59;margin-bottom:8px;font-size:12px}#menu .main-menu .server-panel{flex-direction:column;flex:1;min-height:0;padding:15px;display:flex}#menu .main-menu .social-panel{flex:none;justify-content:space-evenly;align-items:center;height:80px;display:flex}#menu .main-menu .social-panel .btn{width:50px;height:50px;padding:0}#menu .main-menu .social-panel .btn svg{flex:none;display:block}.options{color:#fff;-webkit-user-select:none;user-select:none;flex-direction:column;width:920px;height:560px;display:flex}.options .category-row{gap:10px;padding:13px 64px 13px 14px;display:flex}.options .category-row .category{color:#fff;cursor:pointer;background:#0003;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:10px;height:38px;font-family:Ubuntu,sans-serif;font-size:17px;transition:background-color .25s;display:flex}.options .category-row .category i{font-size:16px}.options .category-row .category:hover{background:#fff3}.options .category-row .category.active,.options .category-row .category.active:hover{background:var(--ui-accent,#fe70c3);cursor:default}.options .options-body{background:#0003;border-radius:0 0 8px 8px;flex:1;min-height:0;display:flex;overflow:hidden}.options .options-body .sidebar{background:#0003;flex-direction:column;flex:none;width:185px;display:flex}.options .options-body .sidebar .section{color:#fff;text-transform:capitalize;text-align:center;cursor:pointer;background:0 0;border:none;padding:16px 10px;font-family:Ubuntu,sans-serif;font-size:16px;transition:background-color .2s}.options .options-body .sidebar .section:hover{background:#2a2e33}.options .options-body .sidebar .section.active,.options .options-body .sidebar .section.active:hover{box-shadow:inset 3px 0 0 var(--ui-accent,#fe70c3);cursor:default;background:#2a2e33}.options .options-body .content{flex:1;min-width:0;overflow:hidden auto}.options .options-body .content::-webkit-scrollbar{width:5px}.options .options-body .content::-webkit-scrollbar-track{background:#0003;border-radius:2px}.options .options-body .content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.options .options-body .content::-webkit-scrollbar-thumb:hover{background:#fff6}.options .options-body .content .setting{justify-content:space-between;align-items:center;padding:14px 26px;transition:background-color .2s;display:flex}.options .options-body .content .setting:hover{background:#0000001a}.options .options-body .content .setting .name{font-size:16px;font-weight:400}.options .options-body .content .setting .name .message{color:#fff9;margin-top:4px;font-size:13px}.options .options-body .content .setting.opt-toggle .name{padding-right:20px}.options .options-body .content .setting.opt-toggle .toggle-btn{cursor:pointer;flex:none;width:40px;height:22px;position:relative}.options .options-body .content .setting.opt-toggle .toggle-btn .slide{background:#ffffff26;border-radius:11px;transition:background-color .25s;position:absolute;inset:0}.options .options-body .content .setting.opt-toggle .toggle-btn .ball{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .25s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.options .options-body .content .setting.opt-toggle .toggle-btn.active .slide{background:var(--ui-accent,#fe70c3)}.options .options-body .content .setting.opt-toggle .toggle-btn.active .ball{left:20px}.options .options-body .content .setting.opt-toggle.disabled{opacity:.6}.options .options-body .content .setting.opt-toggle.disabled .toggle-btn{cursor:not-allowed}.options .options-body .content .setting.opt-range{flex-direction:column;align-items:stretch;gap:10px}.options .options-body .content .setting.opt-range .range-header{align-items:center;gap:8px;display:flex}.options .options-body .content .setting.opt-range .range-header .value{color:#fffc;background:#0003;border-radius:5px;padding:2px 9px;font-family:Ubuntu Mono,monospace;font-size:13px}.options .options-body .content .setting.opt-range .range-box{width:100%;height:22px;position:relative}.options .options-body .content .setting.opt-range .range-box input[type=range]{padding:0}.options .options-body .content .setting.opt-range .range-box .real-range{-webkit-appearance:none;background:0 0;width:100%;height:22px;margin:0;position:absolute}.options .options-body .content .setting.opt-range .range-box .real-range:focus{outline:none}.options .options-body .content .setting.opt-range .range-box .real-range::-webkit-slider-runnable-track{width:100%;height:0}.options .options-body .content .setting.opt-range .range-box .real-range::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;background:#fff;border-radius:50%;width:20px;height:20px;margin-top:-10px;box-shadow:0 1px 4px #00000080}.options .options-body .content .setting.opt-range .range-box .real-range::-moz-range-track{width:100%;height:0}.options .options-body .content .setting.opt-range .range-box .real-range::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #00000080}.options .options-body .content .setting.opt-range .range-box .fake-range{background:#00000059;border-radius:4px;width:100%;height:8px;position:absolute;top:7px;overflow:hidden}.options .options-body .content .setting.opt-range .range-box .fake-range .fill-outer{width:calc(100% - 20px);height:100%}.options .options-body .content .setting.opt-range .range-box .fake-range .fill-outer .fill{border-left:10px solid var(--ui-accent,#fe70c3);background:var(--ui-accent,#fe70c3);border-right:10px solid #0000;width:40%;height:100%}.options .options-body .content .setting.opt-dropdown .name{padding-right:20px}.options .options-body .content .setting.opt-dropdown .dropdown-box{cursor:pointer;background:#0003;border-radius:5px;flex:none;align-items:center;gap:8px;padding:7px 12px;font-size:16px;transition:background-color .15s;display:flex;position:relative}.options .options-body .content .setting.opt-dropdown .dropdown-box:hover{background:#00000059}.options .options-body .content .setting.opt-dropdown .dropdown-box .selected{text-transform:capitalize;white-space:nowrap}.options .options-body .content .setting.opt-dropdown .dropdown-box i{color:#fff9;font-size:12px}.options .options-body .content .setting.opt-dropdown .dropdown-box .dropdown-list{z-index:2;background:#464d55;border-radius:5px;min-width:100%;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 20px #0006}.options .options-body .content .setting.opt-dropdown .dropdown-box .dropdown-list .dropdown-item{white-space:nowrap;text-transform:capitalize;padding:8px 14px}.options .options-body .content .setting.opt-dropdown .dropdown-box .dropdown-list .dropdown-item:hover{background:#ffffff1a}.options .options-body .content .setting.opt-dropdown .dropdown-box:hover .dropdown-list{display:block}.options .options-body .content .setting.opt-colorpicker .popup-color-picker{background:#ffffff1a;border-radius:5px;flex:none;align-items:center;padding:0 10px;display:flex}.options .options-body .content .setting.opt-colorpicker .popup-color-picker input{color:#fff;background:0 0;border:none;outline:none;width:80px;margin:0;padding:0;font-family:Ubuntu Mono,monospace;font-size:16px}.options .options-body .content .setting.opt-colorpicker .popup-color-picker .swatch{box-sizing:border-box;border:none;border-radius:6px;flex:none;order:2;width:30px;height:30px;margin-left:8px;position:static;overflow:hidden}.options .options-body .content .setting.opt-colorpicker .popup-color-picker .swatch span{width:100%;height:100%;display:block;position:static}.options .options-body .content .setting.opt-colorpicker .popup-color-picker .popover{z-index:3;top:calc(100% + 6px);left:auto;right:0}.options .options-body .content .setting.opt-hotkey .name{padding-right:20px}.options .options-body .content .setting.opt-hotkey .hotkey{box-sizing:border-box;text-align:center;color:#0000;text-shadow:0 0 #fff;cursor:pointer;background:#0003;border:3px solid #ffffff1a;border-radius:5px;outline:none;flex:none;width:100px;height:34px;padding:0;font-family:Ubuntu,sans-serif;font-size:16px;transition:border-color .15s}.options .options-body .content .setting.opt-hotkey .hotkey:focus{border-color:#ffffff80}.options .options-body .content .setting.opt-input{flex-direction:column;align-items:stretch;gap:8px}.options .options-body .content .setting.opt-input .text{color:#fff;box-sizing:border-box;background:#0003;border:none;border-radius:5px;outline:none;width:100%;height:auto;margin:0;padding:9px 12px;font-family:Ubuntu,sans-serif;font-size:16px;transition:box-shadow .15s}.options .options-body .content .setting.opt-input .text:focus{box-shadow:0 0 0 2px rgba(var(--ui-accent-rgb,254, 112, 195), .45)}.options .options-body .content .settings-btn{gap:10px;padding:16px 26px;display:flex}.options .options-body .content .settings-btn button{color:#fff;cursor:pointer;background:#464d55;border:none;border-radius:5px;flex:1;padding:10px;font-family:Roboto,Ubuntu,sans-serif;font-size:16px;font-weight:500;transition:background-color .15s}.options .options-body .content .settings-btn button:first-child{background:var(--ui-accent,#fe70c3)}.options .options-body .content .settings-btn button:first-child:hover{background:var(--ui-accent-hover,#ff8ed0)}.options .options-body .content .settings-btn button:nth-child(2){background:#007bff}.options .options-body .content .settings-btn button:nth-child(2):hover{background:#3998ff}.options .options-body .content .settings-btn button:nth-child(3){background:#dc3545}.options .options-body .content .settings-btn button:nth-child(3):hover{background:#f34556}.clan-wars-modal{color:#fff;flex-direction:column;width:820px;height:520px;font-family:Ubuntu,sans-serif;display:flex}.clan-wars-modal .text-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clan-wars-modal>.title{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:38px;margin:13px 64px;font-size:22px;font-weight:500;display:flex}.clan-wars-modal .body{box-sizing:border-box;background:#0003;border-radius:0 0 8px 8px;flex:1;gap:12px;min-height:0;padding:14px;display:flex}.clan-wars-modal .players{flex-direction:column;flex:1;min-width:0;display:flex}.clan-wars-modal .players .table-heading,.clan-wars-modal .players .trow{border-radius:5px;align-items:center;gap:10px;padding:8px 12px;display:flex}.clan-wars-modal .players .table-heading{color:#fff9;-webkit-user-select:none;user-select:none;background:#0003;margin-bottom:8px;font-size:14px}.clan-wars-modal .players .table-heading>div:first-child{text-align:left;flex:1}.clan-wars-modal .players .table-heading>div:nth-child(2){text-align:center;flex:none;width:130px}.clan-wars-modal .players .table-body{outline:none;flex:1;min-height:0;padding-right:4px;overflow:hidden auto}.clan-wars-modal .players .table-body::-webkit-scrollbar{width:5px}.clan-wars-modal .players .table-body::-webkit-scrollbar-track{background:#0003;border-radius:2px}.clan-wars-modal .players .table-body::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.clan-wars-modal .players .table-body::-webkit-scrollbar-thumb:hover{background:#fff6}.clan-wars-modal .players .table-body .no-players{text-align:center;color:#ffffff59;-webkit-user-select:none;user-select:none;margin-top:32px;font-size:16px}.clan-wars-modal .players .table-body .trow{background:#ffffff1a;margin-bottom:8px;font-size:16px}.clan-wars-modal .players .table-body .trow .num{background:#0003;border-radius:5px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:500;display:flex}.clan-wars-modal .players .table-body .trow .player-name{text-align:left;flex:1;min-width:0;font-weight:500}.clan-wars-modal .players .table-body .trow select{color:#fff;cursor:pointer;box-sizing:border-box;background:#6c757d;border:none;border-radius:5px;outline:none;flex:none;width:130px;height:34px;margin:0;padding:0 10px;font-family:Ubuntu,sans-serif;font-size:15px;font-weight:500}.clan-wars-modal .players .table-body .trow select.team-red{color:#ff6b6b}.clan-wars-modal .players .table-body .trow select.team-blue{color:#6ba4ff}.clan-wars-modal .players .table-body .trow select option{color:#fff}.clan-wars-modal .players .table-body .trow .team-badge{box-sizing:border-box;text-align:center;-webkit-user-select:none;user-select:none;background:#0003;border-radius:5px;flex:none;width:130px;padding:6px 0;font-size:14px;font-weight:500}.clan-wars-modal .players .table-body .trow .team-badge.team-spectator{color:#fff9}.clan-wars-modal .players .table-body .trow .team-badge.team-red{color:#ff6b6b;background:#ff525226}.clan-wars-modal .players .table-body .trow .team-badge.team-blue{color:#6ba4ff;background:#5b9bff26}.clan-wars-modal .side{box-sizing:border-box;text-align:center;background:#0000001a;border-radius:8px;flex-direction:column;flex:none;width:230px;padding:14px;display:flex}.clan-wars-modal .side .side-title{-webkit-user-select:none;user-select:none;margin-bottom:8px;font-size:18px;font-weight:500}.clan-wars-modal .side p{color:#ffffffb3;margin:0;font-size:14px;line-height:1.5}.clan-wars-modal .side #startGame{color:#fff;cursor:pointer;background:#26a72d;border:none;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:11px;font-family:Roboto,Ubuntu,sans-serif;font-size:16px;font-weight:500;transition:background-color .15s;display:inline-flex}.clan-wars-modal .side #startGame i{font-size:13px}.clan-wars-modal .side #startGame:hover{background:#39d340}.replays-modal{color:#fff;-webkit-user-select:none;user-select:none;flex-direction:column;width:1028px;height:522px;font-family:Ubuntu,sans-serif;display:flex}.replays-modal .nav-bar{align-items:center;gap:10px;padding:13px 64px 13px 14px;display:flex}.replays-modal .nav-bar .import-tap{position:relative}.replays-modal .nav-bar .import-tap input{opacity:0;z-index:1;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.replays-modal .nav-bar button{color:#fff;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 16px;font-family:Roboto,Ubuntu,sans-serif;font-size:15px;font-weight:500;transition:background-color .15s;display:inline-flex}.replays-modal .nav-bar button i{font-size:17px}.replays-modal .nav-bar .btn-blue{background:#007bff}.replays-modal .nav-bar .btn-blue:hover{background:#3998ff}.replays-modal .nav-bar .btn-green{background:#26a72d}.replays-modal .nav-bar .btn-green:hover{background:#39d340}.replays-modal .nav-bar .btn-red{background:#dc3545}.replays-modal .nav-bar .btn-red:hover{background:#f34556}.replays-modal .nav-bar .replay-arrows{flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.replays-modal .nav-bar .replay-arrows .pages{color:#ffffffd9;font-family:Ubuntu Mono,monospace;font-size:16px}.replays-modal .nav-bar .replay-arrows .arrow{color:#ffffff4d;cursor:pointer;padding:0 6px;font-size:30px;transition:color .2s}.replays-modal .nav-bar .replay-arrows .arrow:hover{color:#ffffffe6}.replays-modal .nav-bar .replay-arrows .arrow.disabled{color:#ffffff26;cursor:default;pointer-events:none}.replays-modal .nav-bar .replay-arrows .page-jump{box-sizing:border-box;color:#fff;background:#0003;border:none;border-radius:5px;outline:none;flex:none;width:118px;height:38px;padding:0 12px;font-family:Roboto,Ubuntu,sans-serif;font-size:14px}.replays-modal .nav-bar .replay-arrows .page-jump::placeholder{color:#ffffff59}.replays-modal .nav-bar .replay-arrows .page-jump:focus{box-shadow:0 0 0 2px #ffffff2e}.replays-modal .replays{box-sizing:border-box;background:#0003;border-radius:0 0 8px 8px;flex:1;grid-template-columns:repeat(4,1fr);align-content:flex-start;gap:10px;min-height:0;padding:14px;display:grid;overflow:hidden auto}.replays-modal .replays::-webkit-scrollbar{width:5px}.replays-modal .replays::-webkit-scrollbar-track{background:#0003;border-radius:2px}.replays-modal .replays::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.replays-modal .replays::-webkit-scrollbar-thumb:hover{background:#fff6}.replays-modal .replays .no-replays{text-align:center;color:#ffffff59;grid-column:1/-1;margin-top:32px;font-size:16px}.replays-modal .replays .replay{aspect-ratio:16/9;cursor:pointer;background-color:#141414;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:5px;position:relative;overflow:hidden}.replays-modal .replays .replay .replay-title{z-index:1;background-color:#0009;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;font-size:14px;display:flex;position:absolute;top:0;left:0;right:0}.replays-modal .replays .replay .replay-title .replay-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.replays-modal .replays .replay .replay-title .replay-controls{flex:none;align-items:center;gap:8px;display:flex}.replays-modal .replays .replay .replay-title .replay-controls .replay-icon{color:#fff9;cursor:pointer;font-size:16px;transition:color .15s}.replays-modal .replays .replay .replay-title .replay-controls .replay-icon.download:hover{color:#39d340}.replays-modal .replays .replay .replay-title .replay-controls .replay-icon.delete:hover{color:#ff5252}.replays-modal .replays .replay .play-overlay{opacity:0;pointer-events:none;background:#00000059;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.replays-modal .replays .replay .play-overlay i{color:#ffffffe6;filter:drop-shadow(0 2px 6px #0009);font-size:34px}.replays-modal .replays .replay:hover .play-overlay{opacity:1}.ps .ps__rail-y,.ps .ps__rail-y.ps--clicking{right:0}.ps__thumb-y{background-color:var(--ui-accent,#fe70c3)}.ps .ps__rail-y:hover,.ps .ps__rail-y:focus,.ps .ps__rail-y.ps--clicking{background-color:#0000}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:var(--ui-accent,#fe70c3);width:6px}#replay-controls{text-shadow:2px 2px 1px #000;padding:18px;transition:opacity .5s ease-in-out;display:none;position:fixed;bottom:0;left:0;right:0}.replay-slider{-webkit-appearance:none;background:#ffd4ef;border-radius:5px;outline:none;width:100%;height:8px;margin:0;display:block}.replay-slider::-webkit-slider-thumb{appearance:none;background:var(--ui-accent,#fe70c3);border-radius:100%;width:15px;height:15px}.replay-slider::-moz-range-thumb{background:var(--ui-accent,#fe70c3);border-radius:100%;width:20px;height:20px}.private-servers-modal{color:#fff;flex-direction:column;width:920px;height:550px;font-family:Ubuntu,sans-serif;display:flex}.private-servers-modal .text-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.private-servers-modal>.title{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:38px;margin:13px 64px;font-size:22px;font-weight:500;display:flex}.private-servers-modal .body{box-sizing:border-box;background:#0003;border-radius:0 0 8px 8px;flex:1;gap:12px;min-height:0;padding:14px;display:flex}.private-servers-modal .games{flex-direction:column;flex:1;min-width:0;display:flex}.private-servers-modal .games .table-heading,.private-servers-modal .games .trow{border-radius:5px;align-items:center;gap:10px;padding:8px 12px;display:flex}.private-servers-modal .games .table-heading>div:first-child,.private-servers-modal .games .trow>div:first-child{text-align:left;flex:1;min-width:0;font-weight:500}.private-servers-modal .games .table-heading>div:nth-child(2),.private-servers-modal .games .trow>div:nth-child(2){text-align:center;flex:none;width:70px}.private-servers-modal .games .table-heading>div:nth-child(3),.private-servers-modal .games .trow>div:nth-child(3){text-align:center;flex:none;width:110px}.private-servers-modal .games .table-heading>div:nth-child(4),.private-servers-modal .games .trow>div:nth-child(4){flex:none;width:150px}.private-servers-modal .games .table-heading{color:#fff9;-webkit-user-select:none;user-select:none;background:#0003;margin-bottom:8px;font-size:14px}.private-servers-modal .games .table-body{flex:1;min-height:0;padding-right:4px;overflow:hidden auto}.private-servers-modal .games .table-body::-webkit-scrollbar{width:5px}.private-servers-modal .games .table-body::-webkit-scrollbar-track{background:#0003;border-radius:2px}.private-servers-modal .games .table-body::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.private-servers-modal .games .table-body::-webkit-scrollbar-thumb:hover{background:#fff6}.private-servers-modal .games .table-body .no-games{text-align:center;color:#ffffff59;-webkit-user-select:none;user-select:none;margin-top:32px;font-size:16px}.private-servers-modal .games .table-body .trow{background:#ffffff1a;margin-bottom:8px;font-size:16px}.private-servers-modal .games .table-body .trow .row-actions{justify-content:flex-end;gap:6px;display:flex}.private-servers-modal .games .table-body .trow .row-actions .btn{color:#fff;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-family:Roboto,Ubuntu,sans-serif;font-size:14px;font-weight:500;transition:background-color .15s;display:inline-flex}.private-servers-modal .games .table-body .trow .row-actions .btn i{font-size:11px}.private-servers-modal .games .table-body .trow .row-actions .join{background:var(--ui-accent,#fe70c3)}.private-servers-modal .games .table-body .trow .row-actions .join:hover{background:var(--ui-accent-hover,#ff8ed0)}.private-servers-modal .games .table-body .trow .row-actions .full{cursor:default;pointer-events:none;background:#a0a0a0}.private-servers-modal .games .table-body .trow .row-actions .delete{background:#dc3545}.private-servers-modal .games .table-body .trow .row-actions .delete:hover{background:#f34556}.private-servers-modal .side{box-sizing:border-box;text-align:center;background:#0000001a;border-radius:8px;flex-direction:column;flex:none;width:250px;padding:14px;display:flex}.private-servers-modal .side .side-title{-webkit-user-select:none;user-select:none;margin-bottom:8px;font-size:18px;font-weight:500}.private-servers-modal .side p{color:#ffffffb3;margin:0;font-size:14px;line-height:1.5}.private-servers-modal .side #createGame{background:var(--ui-accent,#fe70c3);color:#fff;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:11px;font-family:Roboto,Ubuntu,sans-serif;font-size:16px;font-weight:500;transition:background-color .15s;display:inline-flex}.private-servers-modal .side #createGame i{font-size:13px}.private-servers-modal .side #createGame:hover{background:var(--ui-accent-hover,#ff8ed0)}.modal.confirm-model{width:560px;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.modal.confirm-model .inner-content{color:#fff;box-sizing:border-box;flex-direction:column;gap:12px;padding:13px 15px 15px;font-family:Ubuntu,sans-serif;display:flex}.modal.confirm-model .inner-content .dialog-title{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:38px;margin:0 50px;font-size:20px;font-weight:500;display:flex}.modal.confirm-model .inner-content .field{text-align:left;flex-direction:column;gap:6px;display:flex}.modal.confirm-model .inner-content .field .txt{color:#ffffffbf;-webkit-user-select:none;user-select:none;font-size:14px}.modal.confirm-model .inner-content .field input,.modal.confirm-model .inner-content .field select{color:#fff;box-sizing:border-box;background:#6c757d;border:none;border-radius:5px;outline:none;width:100%;height:38px;margin:0;padding:0 10px;font-family:Ubuntu,sans-serif;font-size:15px}.modal.confirm-model .inner-content .field input::placeholder,.modal.confirm-model .inner-content .field select::placeholder{color:#ffffff59}.modal.confirm-model .inner-content .field input:focus{box-shadow:0 0 0 2px rgba(var(--ui-accent-rgb,254, 112, 195), .45)}.modal.confirm-model .inner-content .field select{cursor:pointer}.modal.confirm-model .inner-content .options-grid{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.modal.confirm-model .inner-content .toggle-field{flex-direction:row;justify-content:space-between;align-items:center}.modal.confirm-model .inner-content .toggle-field .txt{color:#fff;font-size:15px}.modal.confirm-model .inner-content .sw-btn label{cursor:pointer;display:block}.modal.confirm-model .inner-content .sw-btn input{opacity:0;width:0;height:0;position:absolute}.modal.confirm-model .inner-content .sw-btn span{background:#ffffff26;border-radius:11px;width:40px;height:22px;transition:background-color .25s;display:block;position:relative}.modal.confirm-model .inner-content .sw-btn span:after{content:" ";background:#fff;border-radius:50%;width:18px;height:18px;transition:left .25s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.modal.confirm-model .inner-content .sw-btn input:checked+span{background:var(--ui-accent,#fe70c3)}.modal.confirm-model .inner-content .sw-btn input:checked+span:after{left:20px}.modal.confirm-model .inner-content .btn-container{justify-content:center;gap:10px;margin-top:4px;display:flex}.modal.confirm-model .inner-content .btn-container .btn{color:#fff;cursor:pointer;border:none;border-radius:5px;min-width:130px;padding:10px 16px;font-family:Roboto,Ubuntu,sans-serif;font-size:15px;font-weight:500;transition:background-color .15s}.modal.confirm-model .inner-content .btn-container .cancel{background:#ffffff14}.modal.confirm-model .inner-content .btn-container .cancel:hover{background:#fff3}.modal.confirm-model .inner-content .btn-container .confirm{background:var(--ui-accent,#fe70c3)}.modal.confirm-model .inner-content .btn-container .confirm:hover{background:var(--ui-accent-hover,#ff8ed0)}.welcome-modal{color:#fff;flex-direction:column;width:640px;font-family:Ubuntu,sans-serif;display:flex}.welcome-modal .title{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:38px;margin:13px 64px;font-size:24px;font-weight:500;display:flex}.welcome-modal .body{text-align:center;background:#0003;border-radius:0 0 8px 8px;padding:22px 20px 26px;font-size:21px;line-height:1.55}.welcome-modal .body p{margin:0 0 10px}.welcome-modal .body p:last-child{margin-bottom:0}.welcome-modal .body a,.welcome-modal .body a:visited{color:#8b9dff;font-weight:500;text-decoration:none;transition:color .15s}.welcome-modal .body a svg,.welcome-modal .body a:visited svg{vertical-align:-4px}.welcome-modal .body a:hover,.welcome-modal .body a:visited:hover{color:#aebcff;text-decoration:underline}.welcome-modal .body img{vertical-align:middle;border-radius:8px;max-width:100%;max-height:300px}.welcome-modal .body .channel{color:#7aa5ff;white-space:nowrap;background:#00000040;border-radius:5px;padding:2px 9px;font-family:Ubuntu Mono,monospace;font-size:19px}.gift-received-modal{color:#fff;-webkit-user-select:none;user-select:none;flex-direction:column;width:520px;font-family:Ubuntu,sans-serif;display:flex;position:relative}.gift-received-modal .confetti{pointer-events:none;z-index:2;border-radius:8px;width:100%;height:100%;position:absolute;inset:0}.gift-received-modal .title{justify-content:center;align-items:center;height:38px;margin:13px 64px;font-size:24px;font-weight:500;display:flex}.gift-received-modal .body{background:#0003;border-radius:0 0 8px 8px;flex-direction:column;align-items:center;gap:12px;padding:18px 24px 22px;display:flex}.gift-received-modal .body .coins{flex-direction:column;align-items:center;display:flex}.gift-received-modal .body .coins img{filter:drop-shadow(0 0 18px #e6cf0059);width:110px;height:110px;animation:.5s gift-pop}.gift-received-modal .body .coins .amount{color:#e6cf00;margin-top:2px;font-size:30px;font-weight:700}.gift-received-modal .body .coins .amount i{font-size:22px}.gift-received-modal .body .from-label{color:#fff9;font-size:14px}.gift-received-modal .body .givers{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;max-height:320px;padding-right:12px;display:flex;overflow:hidden auto}.gift-received-modal .body .givers::-webkit-scrollbar{width:5px}.gift-received-modal .body .givers::-webkit-scrollbar-track{background:#0003;border-radius:2px}.gift-received-modal .body .givers::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.gift-received-modal .body .givers::-webkit-scrollbar-thumb:hover{background:#fff6}.gift-received-modal .body .givers .giver{align-items:center;gap:10px;display:flex}.gift-received-modal .body .givers .giver .user-card{flex:1;min-width:0}.gift-received-modal .body .givers .giver .giver-coins{text-align:right;color:#e6cf00;white-space:nowrap;flex:none;width:92px;font-size:15px;font-weight:500}.gift-received-modal .body .givers .giver .giver-coins i{font-size:12px}.gift-received-modal .body .hint{color:#fff9;font-size:13px}@keyframes gift-pop{0%{transform:scale(.4)}70%{transform:scale(1.12)}to{transform:scale(1)}}.emojis-modal{color:#fff;-webkit-user-select:none;user-select:none;flex-direction:column;width:920px;height:620px;font-family:Ubuntu,sans-serif;display:flex}.emojis-modal .title{justify-content:center;align-items:center;height:38px;margin:13px 160px;font-size:22px;font-weight:500;display:flex}.emojis-modal .btn-accent{background:var(--ui-accent,#fe70c3);color:#fff;white-space:nowrap;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 18px;font-family:Roboto,Ubuntu,sans-serif;font-size:15px;font-weight:500;transition:background-color .15s,box-shadow .2s;display:inline-flex}.emojis-modal .btn-accent i{font-size:13px}.emojis-modal .btn-accent:hover{background:var(--ui-accent-hover,#ff8ed0);box-shadow:0 0 14px rgba(var(--ui-accent-rgb,254, 112, 195), .55)}.emojis-modal .content{box-sizing:border-box;background:#0003;border-radius:0 0 8px 8px;flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px 14px;display:flex}.emojis-modal .slots-bar{background:#00000026;border:1px solid #0000;border-radius:8px;flex-direction:column;flex:none;align-items:center;gap:10px;padding:14px 14px 10px;transition:border-color .2s;display:flex}.emojis-modal .slots-bar.picking{border-color:rgba(var(--ui-accent-rgb,254, 112, 195), .6)}.emojis-modal .slots-bar .slots{gap:18px;display:flex}.emojis-modal .slots-bar .slots-hint{text-align:center;color:#fff9;font-size:13px;line-height:1.4}.emojis-modal .slots-bar .slots-hint b{color:#fff;font-weight:500}.emojis-modal .slots-bar .slots-hint .hint-link{color:var(--ui-accent,#fe70c3);cursor:pointer;margin-left:8px;text-decoration:underline}.emojis-modal .slots-bar .slots-hint .hint-link:hover{color:var(--ui-accent-hover,#ff8ed0)}.emojis-modal .slot-tile{box-sizing:border-box;cursor:pointer;background:#00000040;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;transition:background-color .15s,border-color .15s,transform .15s ease-out;display:flex;position:relative}.emojis-modal .slot-tile:hover{background:#fff3;transform:translateY(-1px)}.emojis-modal .slot-tile.empty{border-style:dashed;border-color:#fff3}.emojis-modal .slot-tile.selected{border-color:var(--ui-accent,#fe70c3);box-shadow:0 0 0 3px rgba(var(--ui-accent-rgb,254, 112, 195), .3)}.picking .emojis-modal .slot-tile:hover{border-color:var(--ui-accent,#fe70c3)}.emojis-modal .slot-tile img{object-fit:cover;pointer-events:none;border-radius:50%;width:100%;height:100%}.emojis-modal .slot-tile .placeholder{color:#ffffff59;font-size:26px}.emojis-modal .slot-tile .key{box-sizing:border-box;text-transform:uppercase;pointer-events:none;background:#464d55;border:1px solid #ffffff26;border-radius:7px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:13px;font-weight:500;line-height:1;display:flex;position:absolute;top:0;left:0}.emojis-modal .slot-tile .clear{color:#fff;opacity:0;cursor:pointer;background:#dc3545;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;transition:opacity .15s,background-color .15s;display:flex;position:absolute;top:0;right:0}.emojis-modal .slot-tile .clear:hover{background:#f34556}.emojis-modal .slot-tile:hover .clear{opacity:1}.emojis-modal .emojis-state{text-align:center;color:#fff9;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;font-size:16px;display:flex}.emojis-modal .emojis-state.error{color:#ff8a8a}.emojis-modal .emoji-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:max-content;gap:10px;min-height:0;padding-right:4px;display:grid;overflow:hidden auto}.emojis-modal .emoji-grid::-webkit-scrollbar{width:5px}.emojis-modal .emoji-grid::-webkit-scrollbar-track{background:#0003;border-radius:2px}.emojis-modal .emoji-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.emojis-modal .emoji-grid::-webkit-scrollbar-thumb:hover{background:#fff6}.emojis-modal .emoji-grid.loading{opacity:.45;pointer-events:none;transition:opacity .15s}.emojis-modal .emoji-card{box-sizing:border-box;text-align:center;background:#0003;border:3px solid #0000001a;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:14px 10px 10px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.emojis-modal .emoji-card .name{white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:15px;font-weight:500;overflow:hidden}.emojis-modal .emoji-card .action{background:var(--ui-accent,#fe70c3);color:#fff;white-space:nowrap;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;gap:7px;width:100%;height:34px;font-family:Roboto,Ubuntu,sans-serif;font-size:15px;font-weight:500;transition:background-color .15s;display:inline-flex}.emojis-modal .emoji-card .action i{font-size:13px}.emojis-modal .emoji-card .action:hover:not(:disabled){background:var(--ui-accent-hover,#ff8ed0)}.emojis-modal .emoji-card .action:disabled{cursor:default;background:#a0a0a0}.emojis-modal .emoji-card .action.unequip{background:#dc3545}.emojis-modal .emoji-card .action.unequip:hover{background:#f34556}.emojis-modal .emoji-card.equipped{border-color:rgba(var(--ui-accent-rgb,254, 112, 195), .55)}.emojis-modal .emoji-card.assignable{cursor:pointer}.emojis-modal .emoji-card.assignable:hover{border-color:var(--ui-accent,#fe70c3);background:rgba(var(--ui-accent-rgb,254, 112, 195), .12)}.emojis-modal .emoji-card img{object-fit:cover;border-radius:50%;width:96px;height:96px;transition:transform .3s ease-out}.emojis-modal .emoji-card:hover img{transform:scale(1.08)}.emojis-modal .emoji-card .slot-badge,.emojis-modal .emoji-card .gif-badge{box-sizing:border-box;pointer-events:none;border-radius:6px;align-items:center;height:20px;padding:0 7px;font-size:12px;font-weight:500;line-height:1;display:flex;position:absolute;top:6px}.emojis-modal .emoji-card .slot-badge{background:var(--ui-accent,#fe70c3);color:#fff;left:6px}.emojis-modal .emoji-card .gif-badge{color:#fff9;letter-spacing:.5px;background:#ffffff1f;right:6px}.emojis-modal .shop-card{cursor:pointer;background:0 0;border:3px dashed #ffffff2e}.emojis-modal .shop-card .plus{color:#ffffff59;border:3px dashed #ffffff40;border-radius:50%;justify-content:center;align-items:center;font-size:34px;transition:border-color .2s,background-color .2s,color .2s,transform .3s ease-out;display:flex}.emojis-modal .shop-card .name{color:#fff9}.emojis-modal .shop-card .action.shop{color:#fff;background:#ffffff1a;transition:background-color .2s,box-shadow .2s}.emojis-modal .shop-card:hover{border-color:rgba(var(--ui-accent-rgb,254, 112, 195), .6);background:rgba(var(--ui-accent-rgb,254, 112, 195), .06)}.emojis-modal .shop-card:hover .plus{border-style:solid;border-color:var(--ui-accent,#fe70c3);background:rgba(var(--ui-accent-rgb,254, 112, 195), .18);color:var(--ui-accent,#fe70c3);transform:scale(1.08)rotate(90deg)}.emojis-modal .shop-card:hover .name{color:#fff}.emojis-modal .shop-card:hover .action.shop{background:var(--ui-accent,#fe70c3);box-shadow:0 0 14px rgba(var(--ui-accent-rgb,254, 112, 195), .55)}.emojis-modal .shop-card .plus{width:96px;height:96px}.hats-modal{color:#fff;-webkit-user-select:none;user-select:none;flex-direction:column;width:920px;height:620px;font-family:Ubuntu,sans-serif;display:flex}.hats-modal .title{justify-content:center;align-items:center;height:38px;margin:13px 160px;font-size:22px;font-weight:500;display:flex}.hats-modal .btn-accent{background:var(--ui-accent,#fe70c3);color:#fff;white-space:nowrap;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 18px;font-family:Roboto,Ubuntu,sans-serif;font-size:15px;font-weight:500;transition:background-color .15s,box-shadow .2s;display:inline-flex}.hats-modal .btn-accent i{font-size:13px}.hats-modal .btn-accent:hover{background:var(--ui-accent-hover,#ff8ed0);box-shadow:0 0 14px rgba(var(--ui-accent-rgb,254, 112, 195), .55)}.hats-modal .content{box-sizing:border-box;background:#0003;border-radius:0 0 8px 8px;flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px 14px;display:flex}.hats-modal .cells-bar{background:#00000026;border-radius:8px;flex-direction:column;flex:none;align-items:center;gap:8px;padding:10px 14px;display:flex}.hats-modal .cells-bar .profile-label{align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.hats-modal .cells-bar .profile-label .nick{color:#fff9;white-space:nowrap;text-overflow:ellipsis;background:#ffffff1a;border-radius:5px;max-width:260px;padding:2px 8px;font-weight:400;overflow:hidden}.hats-modal .cells-bar .cells{gap:40px;padding:36px 0 0;display:flex}.hats-modal .cells-bar .cells-hint{text-align:center;color:#fff9;font-size:13px;line-height:1.4}.hats-modal .cells-bar .cells-hint b{color:#fff;font-weight:500}.hats-modal .cell-tile{cursor:pointer;flex-direction:column;align-items:center;gap:10px;display:flex}.hats-modal .cell-tile .frame{box-sizing:border-box;background:#00000040;border:2px solid #fff3;border-radius:50%;width:84px;height:84px;padding:3px;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s ease-out;position:relative}.hats-modal .cell-tile .cell-preview{width:100%;height:100%;display:block}.hats-modal .cell-tile .label{color:#fff9;font-size:13px;font-weight:500;transition:color .15s}.hats-modal .cell-tile:hover .frame{background:#fff3;transform:translateY(-1px)}.hats-modal .cell-tile:hover .label{color:#fff}.hats-modal .cell-tile.selected .frame{border-color:var(--ui-accent,#fe70c3);box-shadow:0 0 0 3px rgba(var(--ui-accent-rgb,254, 112, 195), .3)}.hats-modal .cell-tile.selected .label{color:var(--ui-accent,#fe70c3)}.hats-modal .cell-tile .clear{color:#fff;opacity:0;cursor:pointer;background:#dc3545;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;transition:opacity .15s,background-color .15s;display:flex;position:absolute;top:0;right:0}.hats-modal .cell-tile .clear:hover{background:#f34556}.hats-modal .cell-tile:hover .clear{opacity:1}.hats-modal .hats-state{text-align:center;color:#fff9;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;font-size:16px;display:flex}.hats-modal .hats-state.error{color:#ff8a8a}.hats-modal .hat-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:max-content;gap:10px;min-height:0;padding-right:4px;display:grid;overflow:hidden auto}.hats-modal .hat-grid::-webkit-scrollbar{width:5px}.hats-modal .hat-grid::-webkit-scrollbar-track{background:#0003;border-radius:2px}.hats-modal .hat-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.hats-modal .hat-grid::-webkit-scrollbar-thumb:hover{background:#fff6}.hats-modal .hat-grid.loading{opacity:.45;pointer-events:none;transition:opacity .15s}.hats-modal .hat-card{box-sizing:border-box;text-align:center;background:#0003;border:3px solid #0000001a;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:44px 10px 10px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.hats-modal .hat-card .name{white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:15px;font-weight:500;overflow:hidden}.hats-modal .hat-card .action{background:var(--ui-accent,#fe70c3);color:#fff;white-space:nowrap;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;gap:7px;width:100%;height:34px;font-family:Roboto,Ubuntu,sans-serif;font-size:15px;font-weight:500;transition:background-color .15s;display:inline-flex}.hats-modal .hat-card .action i{font-size:13px}.hats-modal .hat-card .action:hover:not(:disabled){background:var(--ui-accent-hover,#ff8ed0)}.hats-modal .hat-card .action:disabled{cursor:default;background:#a0a0a0}.hats-modal .hat-card .action.unequip{background:#dc3545}.hats-modal .hat-card .action.unequip:hover{background:#f34556}.hats-modal .hat-card{cursor:pointer}.hats-modal .hat-card:hover{border-color:var(--ui-accent,#fe70c3);background:rgba(var(--ui-accent-rgb,254, 112, 195), .12)}.hats-modal .hat-card.equipped{border-color:rgba(var(--ui-accent-rgb,254, 112, 195), .55)}.hats-modal .hat-card .cell-preview{width:64px;height:64px;margin-bottom:4px;transition:transform .3s ease-out}.hats-modal .hat-card:hover .cell-preview{transform:scale(1.08)}.hats-modal .hat-card .cell-badges{z-index:1;pointer-events:none;gap:4px;display:flex;position:absolute;top:6px;left:6px}.hats-modal .hat-card .cell-badges span{box-sizing:border-box;background:var(--ui-accent,#fe70c3);color:#fff;border-radius:6px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:500;line-height:1;display:flex}.hats-modal .shop-card{cursor:pointer;background:0 0;border:3px dashed #ffffff2e}.hats-modal .shop-card .plus{color:#ffffff59;border:3px dashed #ffffff40;border-radius:50%;justify-content:center;align-items:center;font-size:34px;transition:border-color .2s,background-color .2s,color .2s,transform .3s ease-out;display:flex}.hats-modal .shop-card .name{color:#fff9}.hats-modal .shop-card .action.shop{color:#fff;background:#ffffff1a;transition:background-color .2s,box-shadow .2s}.hats-modal .shop-card:hover{border-color:rgba(var(--ui-accent-rgb,254, 112, 195), .6);background:rgba(var(--ui-accent-rgb,254, 112, 195), .06)}.hats-modal .shop-card:hover .plus{border-style:solid;border-color:var(--ui-accent,#fe70c3);background:rgba(var(--ui-accent-rgb,254, 112, 195), .18);color:var(--ui-accent,#fe70c3);transform:scale(1.08)rotate(90deg)}.hats-modal .shop-card:hover .name{color:#fff}.hats-modal .shop-card:hover .action.shop{background:var(--ui-accent,#fe70c3);box-shadow:0 0 14px rgba(var(--ui-accent-rgb,254, 112, 195), .55)}.hats-modal .shop-card .plus{box-sizing:border-box;width:64px;height:64px;margin-bottom:4px}