.dpad{-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:none;width:140px;height:140px;position:fixed}.dpad[data-position=right]{right:calc(40px + env(safe-area-inset-right,0px));bottom:calc(36px + env(safe-area-inset-bottom,0px));transform-origin:100% 100%;transform:scale(var(--hud-scale))}.dpad[data-position=left]{left:calc(40px + env(safe-area-inset-left,0px));bottom:calc(36px + env(safe-area-inset-bottom,0px));transform-origin:0 100%;transform:scale(var(--hud-scale)) scaleX(-1) translateX(-100%)}.dpad-button{box-sizing:border-box;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background-color:#0000;border:2px solid #9098ad66;border-radius:50%;outline:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute}.dpad-button>img,.dpad-button>span{pointer-events:none}.dpad-button>img{width:160%}.dpad-button>span{color:#a7a7a7;width:100%;font-family:Arial,sans-serif;font-size:18px;font-weight:600}.dpad-button[data-pressed=true],.dpad-button:active{border-color:#3c404a66}.dpad-button[data-pressed=true]>img,.dpad-button[data-pressed=true]>span{filter:invert()}body[data-theme=light] .dpad-button{background:#080a111a}body[data-theme=light] .dpad-button:not([data-pressed=true]){border-color:#9098ad66}.dpad-button.a,.dpad-button.d{width:44px;height:44px;font-size:20px}.dpad-button.b,.dpad-button.c{width:65px;height:65px;font-size:30px}.dpad-button.b>img,.dpad-button.c>img{transform:scale(1.2)}.dpad-button.a{top:28px;left:5px}.dpad-button.b{top:10px;right:10px}.dpad-button.c{bottom:-15px;left:10px}.dpad-button.d{bottom:-2px;right:5px}.dpad[data-position=left] .dpad-button>img,.dpad[data-position=left] .dpad-button>span{transform:scaleX(-1)}.dpad[data-position=left] .dpad-button.b>img,.dpad[data-position=left] .dpad-button.c>img{transform:scaleX(-1)scale(1.2)}.joystick{box-sizing:border-box;-webkit-user-select:none;user-select:none;pointer-events:none;touch-action:none;background-color:#5e5e5bcc;border-radius:50%;display:none;position:fixed;top:0;left:0}.joystick .joystick-ball{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#09090bcc;border-radius:50%;position:absolute;top:0;left:0}body[data-theme=light] .joystick{background-color:#202b5b2e}body[data-theme=light] .joystick .joystick-ball{background-color:#00000017}.leaderboard{opacity:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;pointer-events:none;touch-action:none;border:2px solid #ffffff42;border-radius:6px;width:0;height:min-content;transition:width .5s,opacity .5s;overflow:hidden}.leaderboard[data-open=true]{opacity:1;pointer-events:auto;width:140px}body[data-theme=light] .leaderboard{border-color:#9098ad66}.leaderboard-header{flex-direction:row;align-items:center;gap:10px;padding:8px;display:flex}.leaderboard-header .leaderboard-icon{object-fit:contain;flex:none;width:22px;height:22px}.leaderboard-header p{color:#707070;white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:600;overflow:hidden}body[data-theme=light] .leaderboard-header{background:#080a111a}.leaderboard-slots{letter-spacing:1px;text-shadow:0 1px 1px #000000bd,0 -1px 1px #0003;background-color:#0000;flex-direction:column;gap:5px;padding:7.5px 10px 5px 6px;font-weight:700;display:flex}body[data-theme=light] .leaderboard-slots{text-shadow:1px 2px #70707066,-1px 0 #70707066,0 -1px #70707066,0 1px #70707066;background:#1a1b2533}.leaderboard-slot{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:120px;font-family:Bruna,Ubuntu,sans-serif;font-size:15px;display:block;overflow:hidden}[data-colored=true]>.leaderboard-slot[data-own=true]{color:#e8d589}.leaderboard-slot:last-of-type{margin-bottom:2px}.leaderboard-toggle{color:#fff;-webkit-user-select:none;user-select:none;box-sizing:border-box;touch-action:manipulation;background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;width:46px;height:46px;margin:0;padding:0;font-size:20px;display:flex}.leaderboard-toggle>i,.leaderboard-toggle>.hud-button-icon{box-sizing:content-box;background:0 0;border:2px solid #ffffff42;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}body[data-theme=light] .leaderboard-toggle>i,body[data-theme=light] .leaderboard-toggle>.hud-button-icon{background:#080a111a;border-color:#9098ad66}.leaderboard-toggle{pointer-events:auto}.leaderboard-toggle[data-open=true]{display:none}.leaderboard-toggle>.hud-button-icon{box-sizing:content-box;width:28px;height:30px;padding:5px 7px 7px}.leaderboard-toggle .leaderboard-glyph{object-fit:contain;width:100%;height:100%}.menu-buttons{pointer-events:none;flex-direction:column;justify-content:flex-start;gap:5px;display:flex}.menu-buttons .hud-button{color:#fff;-webkit-user-select:none;user-select:none;box-sizing:border-box;touch-action:manipulation;background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;width:46px;height:46px;margin:0;padding:0;font-size:20px;display:flex}.menu-buttons .hud-button>i,.menu-buttons .hud-button>.hud-button-icon{box-sizing:content-box;background:0 0;border:2px solid #ffffff42;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}body[data-theme=light] .menu-buttons .hud-button>i,body[data-theme=light] .menu-buttons .hud-button>.hud-button-icon{background:#080a111a;border-color:#9098ad66}.menu-buttons .hud-button{pointer-events:auto}.menu-buttons .hud-button>i{text-shadow:-1px -1px #9098ad66,1px -1px #9098ad66,-1px 1px #9098ad66,1px 1px #9098ad66}.menu-buttons .hud-button[data-active=true]>i,.menu-buttons .hud-button[data-active=true]>.hud-button-icon{border-color:#e66acb}.minimap-root{transform-origin:0 0;pointer-events:none;touch-action:none;border:1px solid #444;border-radius:6px;width:120px;height:120px;display:none;position:relative;overflow:hidden}.minimap-root[data-open=true]{display:block}.minimap-root>canvas{width:100%;height:100%;position:absolute;inset:0}body[data-theme=light] .minimap-root{border-color:#9098ad66}body[data-theme=light] .minimap-root>canvas#minimap{background:#00000059}.zoom-buttons{pointer-events:none;gap:5px;display:flex}.zoom-buttons[data-placement=row]{flex-direction:row}.zoom-buttons[data-placement=col]{flex-direction:column}.zoom-buttons .hud-button{color:#fff;-webkit-user-select:none;user-select:none;box-sizing:border-box;touch-action:manipulation;background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;width:46px;height:46px;margin:0;padding:0;font-size:20px;display:flex}.zoom-buttons .hud-button>i,.zoom-buttons .hud-button>.hud-button-icon{box-sizing:content-box;background:0 0;border:2px solid #ffffff42;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}body[data-theme=light] .zoom-buttons .hud-button>i,body[data-theme=light] .zoom-buttons .hud-button>.hud-button-icon{background:#080a111a;border-color:#9098ad66}.zoom-buttons .hud-button{pointer-events:auto}.zoom-buttons .hud-button>i{text-shadow:-1px -1px #9098ad66,1px -1px #9098ad66,-1px 1px #9098ad66,1px 1px #9098ad66;border-radius:6px}.HUD{pointer-events:none;position:fixed;inset:0}.HUD[data-visible=false]{display:none}.App>.HUD{pointer-events:none}.hud-top-left{top:calc(12px + env(safe-area-inset-top,0px));left:calc(40px + env(safe-area-inset-left,0px));transform-origin:0 0;pointer-events:none;gap:10px;display:flex;position:fixed}.hud-top-right{top:calc(12px + env(safe-area-inset-top,0px));right:calc(40px + env(safe-area-inset-right,0px));transform-origin:100% 0;pointer-events:none;text-rendering:optimizelegibility;-webkit-text-stroke:.1px;-webkit-font-smoothing:subpixel-antialiased;flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:fixed}.hud-top-right[data-leaderboard=open]{flex-direction:row;align-items:flex-start}.hud-top-right-buttons{pointer-events:none;flex-direction:row;gap:5px;display:flex}.hud-top-right-buttons:has(.zoom-buttons[data-placement=col]){flex-direction:column;align-items:flex-end}.hud-top-right-buttons:has(.zoom-buttons[data-placement=col]) .leaderboard-toggle{order:-1}.modal-background{z-index:1000;-webkit-backdrop-filter:blur(10px);background:#000000b3;position:fixed;inset:0}.mobile-modal{z-index:1001;box-sizing:border-box;color:#fff;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding-top:calc(0px + env(safe-area-inset-top,0px));padding-right:calc(0px + env(safe-area-inset-right,0px));padding-bottom:calc(0px + env(safe-area-inset-bottom,0px));padding-left:calc(0px + env(safe-area-inset-left,0px));background:#2b2829;border:3px solid #191919;border-radius:10px;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-modal *{box-sizing:border-box}.mobile-modal.modal-fullscreen{background:#191919;border:none;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.modal-header{background:#2b2829;border-bottom:1px solid #ffffff1f;flex:none;justify-content:center;align-items:center;gap:10px;padding:10px 56px;display:flex;position:relative}.modal-header h2{letter-spacing:.5px;color:#fff;margin:0;font-family:Ubuntu,sans-serif;font-size:20px;font-weight:700}@media screen and (height>=1000px){.modal-header{padding:16px 72px}.modal-header h2{font-size:30px}}.modal-close{color:#fff;touch-action:manipulation;background:#00000047;border:2px solid #ffffff42;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:20px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}@media screen and (height>=1000px){.modal-close{width:54px;height:54px;font-size:28px}}.death-modal{text-align:center;width:min(420px,100vw - 32px);padding:28px 22px;padding-top:calc(28px + env(safe-area-inset-top,0px));padding-right:calc(22px + env(safe-area-inset-right,0px));padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));padding-left:calc(22px + env(safe-area-inset-left,0px));background:#191919;border:2px solid #c4c4c4;border-radius:15px;gap:20px}.death-modal h2{letter-spacing:1px;color:#fff;margin:0;font-family:Ubuntu,sans-serif;font-size:26px;font-weight:700}.death-stats{justify-content:center;gap:14px;margin:0;display:flex}.death-stats>div{background:#202020;border:2px solid #c4c4c4;border-radius:15px;flex:1 1 0;padding:12px 8px}.death-stats dt{letter-spacing:1.5px;text-transform:uppercase;color:#c7c6c9;font-family:Ubuntu,sans-serif;font-size:12px;font-weight:600}.death-stats dd{color:#e8d589;margin:4px 0 0;font-family:Ubuntu,sans-serif;font-size:26px;font-weight:700}.death-actions{gap:10px;display:flex}.death-actions button{border-radius:15px;flex:1 1 0;padding:16px 8px;font-size:17px}.death-actions .death-play-again{color:#fff;text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;box-sizing:border-box;text-shadow:-1px -1px #a63867,1px -1px #a63867,-1px 1px #a63867,1px 1px #a63867;background:#f765a3;border:1px solid #b03d6f;border-radius:6px;outline:none;flex-direction:column;justify-content:center;align-items:center;font-family:Ubuntu,sans-serif;font-weight:900;display:flex;box-shadow:0 5px 7px #00000036}.death-actions .death-main-menu{color:#fff;text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;box-sizing:border-box;text-shadow:-1px -1px #6f2e84,1px -1px #6f2e84,-1px 1px #6f2e84,1px 1px #6f2e84;background:#a155b9;border:1px solid #4c205a;border-radius:6px;outline:none;flex-direction:column;justify-content:center;align-items:center;font-family:Ubuntu,sans-serif;font-weight:900;display:flex;box-shadow:0 5px 7px #00000036}.mobile-modal.settings-modal{background:#000;font-family:Noto Sans,sans-serif}.mobile-modal.settings-modal .modal-header{box-sizing:content-box;background:#272727;border-bottom:1px solid #c4c4c44f;flex:0 auto;height:60px;min-height:0;padding:8px}.mobile-modal.settings-modal .modal-header h2{letter-spacing:normal;font-family:Noto Sans,sans-serif;font-size:18px;font-weight:600}.mobile-modal.settings-modal .modal-close{color:#fff;background:#1f6dc7;border:2px solid #183353;width:33px;height:33px;font-size:26px;top:50%;left:35px;right:auto;transform:translateY(-50%)}.mobile-modal.settings-modal .modal-close i{justify-content:center;align-items:center;display:flex}.mobile-modal.settings-modal .modal-close i:before{content:"";border-top:.18em solid;border-bottom:0 solid #0000;border-left:0 solid #0000;border-right:.18em solid;border-radius:10% 20% 10% 10%;width:.45em;height:.45em;display:block;position:relative;left:2px;transform:rotate(-135deg)}@media screen and (height>=1024px){.mobile-modal.settings-modal .modal-header{height:auto}.mobile-modal.settings-modal .modal-header h2{font-size:28px}.mobile-modal.settings-modal .modal-close{width:56px;height:56px;font-size:32px}}.setting-items{flex-direction:column;flex:auto;gap:10px;margin:10px;padding:0 30px;display:flex;overflow:hidden auto}.setting-row{background:#ffffff21;border-radius:15px;flex-direction:row;flex:none;align-items:center;padding:4px 4px 4px 15px;display:flex}.setting-row .setting-title{color:#fff;flex:auto;font-size:16px}@media screen and (height>=1024px){.setting-row .setting-title{font-size:26px}}.setting-row.toggle .toggle-box{box-sizing:border-box;touch-action:manipulation;background:#00000021;border:2px solid #000;border-radius:22px;outline:none;flex-direction:row;justify-content:flex-start;align-items:center;width:87px;padding:5.5px 15px 5.5px 6px;display:flex;transform:scale(.8)}.setting-row.toggle .toggle-box .toggle-ball{box-sizing:content-box;background:#848484;border:2px solid #666;border-radius:50%;width:25px;height:25px}.setting-row.toggle .toggle-box .toggle-text{color:#787878;margin-left:auto;font-family:Noto Sans,sans-serif;font-size:16px;font-weight:500}.setting-row.toggle[data-active] .toggle-box{background:#e66acb;border-color:#9b5b67;justify-content:flex-end;padding-left:10px;padding-right:7px}.setting-row.toggle[data-active] .toggle-box .toggle-text{color:#fff;margin-left:unset;margin-right:auto}@media screen and (height>=1024px){.setting-row.toggle .toggle-box{transform-origin:100%;transform:scale(1.25)}}.setting-row.choice .choices{border-radius:2px;flex-direction:row;display:flex}.setting-row.choice .choices button{box-sizing:content-box;color:#727272;text-align:center;touch-action:manipulation;background:#272727;border:2px solid #666;border-radius:10px;outline:none;width:50px;padding:8px 15px;font-size:20px;transform:scale(.9)}.setting-row.choice .choices button.active{color:#fff;background:#e66acb;border-color:#fff}@media screen and (height>=1024px){.setting-row.choice .choices{transform-origin:100%;transform:scale(1.25)}}.skins-modal{background:#191919;font-family:Ubuntu,sans-serif}body[data-theme=light] .skins-modal{color:#000;background:#f3f8fc}.skins-tabs{background:#2b2829;flex:none;gap:4px;padding:8px 8px 0;display:flex}.skins-tabs button{color:#c7c6c9;white-space:nowrap;text-overflow:ellipsis;background:#202020;border:1px solid #707070;border-bottom:none;border-radius:10px 10px 0 0;outline:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;min-width:0;padding:8px 2px;font-size:12px;font-weight:500;display:flex;overflow:hidden}.skins-tabs button i{font-size:14px}.skins-tabs button.active{color:#fff;background:#a155b9;border-color:#4c205a;font-weight:700}@media screen and (height<=450px){.skins-tabs button{flex-direction:row;gap:5px;padding:5px 2px;font-size:11px}}@media screen and (height>=1000px){.skins-tabs{gap:10px;padding:16px 20px 0}.skins-tabs button{gap:6px;padding:14px 6px;font-size:20px}.skins-tabs button i{font-size:22px}}body[data-theme=light] .skins-tabs{background:#1a1b2533}body[data-theme=light] .skins-tabs button{background:#707070;border-color:#707070}.skins-search{background:#252525;border-radius:5px;flex:none;margin:8px 12px 0;position:relative}.skins-search input{color:#c7c6c9;appearance:none;background:0 0;border:none;outline:none;width:100%;padding:12px 34px 12px 14px;font-size:15px}.skins-search input::placeholder{color:#c7c6c9}.skins-search i{color:#c7c6c9;pointer-events:none;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}@media screen and (height>=1000px){.skins-search{margin:16px 24px 0}.skins-search input{padding:18px 44px 18px 20px;font-size:22px}}body[data-theme=light] .skins-search{background:#080a111a}body[data-theme=light] .skins-search input{color:#000}.skins-message{text-align:center;color:#c7c6c9;flex:auto;justify-content:center;align-items:center;margin:0;padding:20px;font-size:16px;display:flex}.skins-message.error{color:#ff8a8a;flex:none}.skins-carousel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;scroll-snap-type:x proximity;flex:auto;align-items:stretch;gap:10px;min-height:0;padding:12px;display:flex;overflow:auto hidden}.skins-carousel::-webkit-scrollbar{height:5px}.skins-carousel::-webkit-scrollbar-track{background:#ffffff17;border-radius:20px}.skins-carousel::-webkit-scrollbar-thumb{background:#2b2829;border-radius:20px}.skin-card{text-align:center;scroll-snap-align:center;background:#282828;border:5px solid #0000;border-radius:8px;flex-direction:column;flex:none;align-items:center;gap:8px;width:42vw;max-width:240px;padding:10px;display:flex;position:relative}.skin-card img{aspect-ratio:1;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#191919;border:2px solid #111;border-radius:50%;flex:0 auto;width:100%;min-height:0;margin-top:auto}.skin-card[data-selected]{background:#f765a3;border-color:#ff4ed9;box-shadow:0 0 9px 4px #ff4ed9}.skin-card[data-locked] img{opacity:.5;filter:grayscale()}.skin-card[data-locked] .skin-name{opacity:.7}body[data-theme=light] .skin-card{background:#70707033}body[data-theme=light] .skin-card img{border-color:#9098ad66}.skin-name{letter-spacing:1px;color:#fff;justify-content:center;align-items:center;height:2.6em;font-size:15px;font-weight:700;line-height:1.3;display:flex;overflow:hidden}body[data-theme=light] .skin-name{color:#000}.skin-favorite{color:#707070;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:17px;display:flex;position:absolute;top:6px;right:8px}.skin-favorite[data-active]{color:#fff}.skin-action{color:#fff;text-shadow:-1px -1px #552963,1px -1px #552963,-1px 1px #552963,1px 1px #552963;background:#86419b;border:2px solid #552963;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:12px 4px;font-family:Ubuntu,sans-serif;font-size:15px;font-weight:600;display:flex}.skin-action:disabled{text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;background:0 0;border-color:#0000}.skin-card[data-selected] .skin-action{background:#272727;border-color:#707070;font-weight:400}.skins-pagination{flex:none;justify-content:center;gap:10px;padding:6px 10px 10px;display:flex}.skins-pagination button{color:#fff;background:#202020;border:2px solid #191919;border-radius:50%;outline:none;width:40px;height:40px;padding:0;font-size:15px;box-shadow:0 2px 6px #00000080}.skins-pagination button.active{opacity:1;background:#303030}.skins-pagination button:disabled:not(.active){opacity:.35}body[data-theme=light] .skins-pagination button{color:#000;background:#080a111a;border-color:#9098ad66}.skins-submit{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;flex:auto;gap:8px;min-height:0;padding:16px;display:flex;overflow-y:auto}.skins-submit::-webkit-scrollbar{width:5px}.skins-submit::-webkit-scrollbar-track{background:#ffffff17;border-radius:20px}.skins-submit::-webkit-scrollbar-thumb{background:#191919;border-radius:20px}.skins-submit h2,.skins-submit h3{margin:0;font-weight:700}.skins-submit h3{font-size:22px}.skins-submit h2{font-size:26px}.skins-submit p{color:#c7c6c9;margin:0;font-size:15px;line-height:1.4}.skins-submit p.hint{color:#707070;font-style:italic}body[data-theme=light] .skins-submit h2,body[data-theme=light] .skins-submit h3,body[data-theme=light] .skins-submit p{color:#000}.skins-submit-state{flex-direction:column;align-items:stretch;gap:10px;margin-top:auto;display:flex}.skins-submit-action{color:#fff;background:#e66acb;border:none;border-radius:10px;outline:none;padding:18px;font-family:Ubuntu,sans-serif;font-size:20px;font-weight:700}.skins-submit-action:disabled{background:#c5bcc2}@media screen and (height<=450px){.skin-card{gap:5px;width:30vw;padding:6px}.skin-name{height:auto;font-size:13px}.skin-action{padding:8px 4px;font-size:14px}.skins-pagination button{width:34px;height:34px;font-size:13px}.skins-submit{gap:4px;padding:10px 16px}.skins-submit h3{font-size:18px}.skins-submit p{font-size:13px}}@media screen and (height>=1000px){.skins-carousel{gap:20px;padding:24px}.skin-card{gap:14px;width:30vw;max-width:340px;padding:16px}.skin-name{font-size:24px}.skin-favorite{width:44px;height:44px;font-size:26px}.skin-action{padding:18px 6px;font-size:22px}.skins-pagination button{width:56px;height:56px;font-size:22px}.skins-submit{gap:16px;padding:32px}.skins-submit h3{font-size:34px}.skins-submit h2{font-size:40px}.skins-submit p{font-size:24px}.skins-submit-action{padding:24px;font-size:28px}}.AccountPanel{align-items:flex-end;display:flex}.account-pill{box-sizing:border-box;color:#fff;touch-action:manipulation;background-color:#252525;border:2px solid #000;border-radius:10px;outline:none;align-items:center;height:52px;padding:0 10px 0 0;font-family:Noto Sans,sans-serif;font-size:16px;font-weight:900;line-height:26px;display:flex}.account-pill>span{margin:10px}.account-pill i{padding:2px;font-size:20px}.account-pill[data-loading=true]{color:#c7c6c9;justify-content:center;width:52px;padding:0}.account-chip{color:#fff;touch-action:manipulation;background-color:#1f6dc7;border:2px solid #20538f;border-radius:6px;outline:none;align-items:center;gap:8px;padding:3px;font-family:Ubuntu,sans-serif;display:flex;box-shadow:0 5px 7px #00000036}.account-info{text-align:center;flex-direction:column;gap:3px;width:110px;display:flex}.account-level{color:#1f6dc7;background:#00b3ff;border:2px solid #1356a4;border-radius:5px;font-size:11px}.account-name{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.account-avatar{object-fit:cover;background:#ffffff2b;border:2px solid #20538f;border-radius:6px;width:35px;height:35px}.account-avatar[data-large=true]{border:2px solid #444;border-radius:11px;width:96px;height:96px}.modal.AccountModal{flex-direction:column;width:min(420px,100vw - 24px);padding-bottom:16px;display:flex;overflow:hidden}.account-header{border-bottom:1px solid #ffffff63;justify-content:center;align-items:center;min-height:44px;display:flex;position:relative}.account-header h3{margin:0;font-family:Ubuntu,sans-serif;font-size:17px}.account-header .account-close{color:#fff;touch-action:manipulation;background-color:#1f6dc7;border:2px solid #183353;border-radius:50%;outline:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.account-body{align-items:center;gap:18px;padding:20px;display:flex}.account-details{flex-direction:column;gap:8px;min-width:0;font-family:Ubuntu,sans-serif;display:flex}.account-real-name{text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:700;overflow:hidden}.account-badge{background:#00b3ff;border:2px solid #1356a4;border-radius:6px;width:fit-content;padding:3px 10px;font-size:12px}.account-coins{color:#e8d589;align-items:center;gap:6px;font-size:15px;display:flex}.account-logout{color:#fff;touch-action:manipulation;background-color:#dc3545;border:none;border-radius:7px;outline:none;justify-content:center;align-items:center;gap:8px;margin:0 20px;padding:10px;font-family:Ubuntu,sans-serif;font-size:15px;font-weight:700;display:flex}.modal.LoginModal{background:#171717;border:none;border-radius:10px;flex-direction:column;gap:10px;width:min(400px,100vw - 32px);padding:25px;font-family:Ubuntu,sans-serif;display:flex;box-shadow:0 4px 9px #0000005c}.login-title{padding-right:30px;font-size:18px;line-height:1.3}.login-perks{color:#c7c6c9;margin:0;padding-left:20px;font-size:14px;line-height:1.6}.login-buttons{flex-direction:column;gap:8px;display:flex}.login-button{color:#fff;touch-action:manipulation;border:none;border-radius:5px;outline:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px;font-family:Ubuntu,sans-serif;font-size:17px;font-weight:700;display:flex}.login-button i{font-size:22px}.login-button[data-provider=discord]{background:#5865f2}.login-button[data-provider=facebook]{background:#3b5997}.login-close{color:#fff;touch-action:manipulation;background-color:#1f6dc7;border:2px solid #1d3f66;border-radius:50%;outline:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex;position:absolute;top:10px;right:10px}.ProfileSelector{flex-direction:row;justify-content:center;align-items:center;display:flex}.ProfileSelector .profile-arrow{color:#ffa4b6;touch-action:manipulation;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;font-size:85px;line-height:1;display:flex;position:relative;top:-10px}.ProfileSelector .profile-arrow:active{color:#e66acb}.ProfileSelector .chevron.left{margin-right:50px}.ProfileSelector .chevron.right{margin-left:50px}.ProfileSelector .chevron:before{content:"";border-top:.09em solid;border-bottom:0 solid #0000;border-left:0 solid #0000;border-right:.09em solid;border-radius:10% 20% 10% 10%;width:.45em;height:.45em;display:flex;position:relative;top:.5rem}.ProfileSelector .chevron.left:before{transform:rotate(-135deg)}.ProfileSelector .chevron.right:before{transform:rotate(45deg)}.profile-form{flex-direction:row;align-items:center;gap:10px;display:flex}.profile-skins{flex-direction:row;gap:10px;display:flex}.skin-preview{color:#fff;touch-action:manipulation;background-color:#252525;border:2px solid #b9b9b9;border-radius:100%;outline:none;width:54px;height:54px;padding:0;display:flex;position:relative}.skin-preview img{object-fit:cover;pointer-events:none;border-radius:100%;width:100%;height:100%}.skin-preview .pluss{pointer-events:none;background-color:#272727;border:2px solid #ffffff42;border-radius:100%;width:11px;height:11px;display:flex;position:absolute;bottom:0;right:0}.skin-preview .pluss i{color:#c7c6c9;width:100%;height:100%;font-size:6px;display:flex}.skin-preview .pluss i:before{margin:auto}.profile-inputs{flex-direction:row;gap:10px;display:flex}.profile-inputs .input-box{box-sizing:content-box;color:#878787;background-color:#fff;border:2px solid #000;border-radius:10px;outline:none;padding:8px;font-family:Ubuntu,sans-serif;font-size:16px;font-weight:500;transition:border-color .4s}.profile-inputs .input-box::placeholder{color:#878787;font-weight:500}.profile-inputs .input-box:focus{border-color:#e66acb}.profile-inputs #tag{text-align:center;width:3rem}.profile-inputs #nick{width:9rem}@media (width<=360px){.profile-inputs #tag{width:2rem}.profile-inputs #nick{width:7rem}}.ServerList{background:#2b2829;flex-direction:column;flex:auto;min-height:0;display:flex}.server-columns{color:#bbb;text-align:center;background:#000;flex:none;grid-template-columns:1.4fr 1fr 1.2fr;padding:10px 16px;font-family:Ubuntu,sans-serif;font-size:13px;font-weight:500;display:grid}.server-columns span+span{border-left:.15rem solid #272727}.server-rows{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;flex:auto;gap:10px;min-height:0;padding:15px 0;display:flex;overflow-y:auto}.server-rows::-webkit-scrollbar{width:5px}.server-rows::-webkit-scrollbar-track{background:#ffffff17;border-radius:20px}.server-rows::-webkit-scrollbar-thumb{background:#191919;border-radius:20px}.server-rows .server-row{color:#c7c6c9;text-align:center;touch-action:manipulation;background:#151515;border:none;border-radius:6px;outline:none;flex-shrink:0;grid-template-columns:1.4fr 1fr 1.2fr;align-items:center;width:90%;margin:0 auto;padding:8px 0;font-family:Ubuntu,sans-serif;font-size:16px;display:grid}.server-rows .server-row>span{text-overflow:ellipsis;white-space:nowrap;padding:0 4px;overflow:hidden}.server-rows .server-row[data-active=true]{color:#fff;background-color:#e66acb;font-weight:600}.server-rows .server-empty{color:#707070;justify-content:center;align-items:center;gap:8px;padding:30px 16px;font-family:Ubuntu,sans-serif;font-size:15px;display:flex}.modal.ServerModal{flex-direction:column;width:min(560px,100vw - 24px);height:min(680px,100dvh - 48px);display:flex;overflow:hidden;box-shadow:0 5px 20px #000}.server-header{color:#fff;background-color:#191919;flex:none;align-items:flex-end;min-height:55px;padding:0 46px 0 12px;font-weight:600;display:flex;position:relative}.server-header .server-title{font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.server-header .server-close{color:#fff;touch-action:manipulation;background-color:#1f6dc7;border:2px solid #1d3f66;border-radius:50%;outline:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex;position:absolute;top:9px;right:10px}.server-regions{flex-direction:row;gap:11px;margin:0 auto;display:flex}.server-regions .server-region{color:#a9a8aa;touch-action:manipulation;background-color:#141414;border:none;border-radius:15px 15px 0 0;outline:none;width:65px;padding:.5rem;font-family:Ubuntu,sans-serif;font-size:12px}.server-regions .server-region[data-active=true]{color:#fff;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;background-color:#2b2829}@media (width<=360px){.server-regions{gap:6px}.server-regions .server-region{width:54px;font-size:11px}}.Menu{z-index:500;box-sizing:border-box;-webkit-backdrop-filter:blur(15px);color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;padding-top:calc(10px + env(safe-area-inset-top,0px));padding-right:calc(10px + env(safe-area-inset-right,0px));padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));padding-left:calc(10px + env(safe-area-inset-left,0px));background-image:url(/mobile/img/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;font-family:Noto Sans,sans-serif;display:flex;position:fixed;inset:0}.Menu[data-hidden=true]{display:none}.menu-server-info{color:#fff;padding:8px;font-size:15px;font-weight:500;position:fixed;top:5px;left:5px}.menu-center{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;display:flex;position:absolute;top:41%;left:50%}.menu-logo{width:275px;height:auto}@media (height<=360px){.menu-logo{width:200px}}.menu-actions{grid-template-columns:repeat(3,1fr);gap:15px;width:400px;margin-top:5px;display:grid}@media (width<=500px){.menu-actions{width:288px}}.menu-actions .menu-action{gap:10px;padding:22px 6px 12px;font-size:23px}.menu-actions .menu-action span{font-size:13px}.menu-actions .menu-action:disabled{opacity:.6}@media (height<=360px){.menu-actions .menu-action{padding:18px 6px 8px}}.menu-actions #play{color:#fff;text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;box-sizing:border-box;text-shadow:-1px -1px #a63867,1px -1px #a63867,-1px 1px #a63867,1px 1px #a63867;background:#f765a3;border:1px solid #b03d6f;border-radius:6px;outline:none;flex-direction:column;justify-content:center;align-items:center;font-family:Ubuntu,sans-serif;font-weight:900;display:flex;box-shadow:0 5px 7px #00000036}.menu-actions #spectate{color:#fff;text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;box-sizing:border-box;text-shadow:-1px -1px #b16c7a,1px -1px #b16c7a,-1px 1px #b16c7a,1px 1px #b16c7a;background:#ffa4b6;border:1px solid #ac6271;border-radius:6px;outline:none;flex-direction:column;justify-content:center;align-items:center;font-family:Ubuntu,sans-serif;font-weight:900;display:flex;box-shadow:0 5px 7px #00000036}.menu-actions #servers{color:#fff;text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;box-sizing:border-box;text-shadow:-1px -1px #6f2e84,1px -1px #6f2e84,-1px 1px #6f2e84,1px 1px #6f2e84;background:#a155b9;border:1px solid #4c205a;border-radius:6px;outline:none;flex-direction:column;justify-content:center;align-items:center;font-family:Ubuntu,sans-serif;font-weight:900;display:flex;box-shadow:0 5px 7px #00000036}.menu-tools{transform-origin:0 100%;align-items:center;gap:4px;display:flex;position:fixed;bottom:8px;left:8px}.menu-tools .menu-tool{box-sizing:border-box;color:#fff;touch-action:manipulation;border:2px solid #0000;border-radius:6px;outline:none;justify-content:center;align-items:center;width:50px;height:50px;margin:2px;padding:0;font-size:25px;display:flex;box-shadow:0 5px 7px #00000036}.menu-tools #settings{background:#1f6dc7;border-color:#305989}.menu-tools #discord{color:#fff;background:#5865f2;border-color:#4854d2}.menu-account{transform-origin:100% 100%;position:fixed;bottom:8px;right:8px}.SplashScreen{z-index:900;background-color:#191919;background-image:url(/mobile/img/food-bg.png);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}body[data-theme=light] .SplashScreen{background-image:url(/mobile/img/food-bg-light.png)}.SplashScreen[data-fading=true]{opacity:0;pointer-events:none}.SplashScreen img{width:60%;max-width:340px;height:auto}.splash-error{color:#ef6d6d;align-items:center;gap:6px;margin-top:40px;font-family:Ubuntu,sans-serif;font-size:18px;font-weight:600;display:flex}@font-face{font-family:Bruna;src:local("Museo Sans Condensed 700"),local(Museo-Sans-Condensed--700),url(/mobile/fonts/MuseoSansCondensed-700.woff2)format("woff2"),url(/mobile/fonts/MuseoSansCondensed-700.woff)format("woff"),url(/mobile/fonts/MuseoSansCondensed-700.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.modal-background{opacity:0;pointer-events:none;transition:opacity .4s}.modal-background[data-state=open]{pointer-events:all;touch-action:none;opacity:1}.modal{opacity:0;pointer-events:none;transition:opacity .4s}.modal[data-state=open]{opacity:1;pointer-events:all;animation:.4s bubble}@keyframes bubble{0%{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.1)}}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}body{color:#fff;touch-action:none;background-color:#000;font-family:Noto Sans,sans-serif}#screen{touch-action:none;background-color:#191919;width:100%;height:100%;position:fixed;inset:0}body[data-theme=light] #screen{background-color:#f3f8fc}#ui-root,.App{pointer-events:none;width:100%;height:100dvh;position:fixed;inset:0}.App>*{pointer-events:auto}button,input,select,textarea{touch-action:manipulation;font-family:inherit}button{cursor:pointer}a,a:visited,a:hover{color:#e66acb;text-decoration:none}::-webkit-scrollbar{width:0;height:0}#captcha-overlay{visibility:hidden;z-index:1000;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#captcha-overlay #cf-turnstile{background-color:#282828e6;border-radius:10px;padding:20px;box-shadow:0 0 15px #00000080}@media (width<=480px){#captcha-overlay #cf-turnstile{width:95%;max-width:320px;padding:15px}#captcha-overlay #cf-turnstile iframe{transform-origin:50%;max-width:100%}}