.resource-loading{z-index:70;color:#eee5ce;background:radial-gradient(at 50% 15%,#384947,#172326 55%,#10191d);place-items:center;font:16px/1.5 Arial,sans-serif;display:grid;position:absolute;inset:0;overflow:auto}.resource-loading-card{box-sizing:border-box;background:linear-gradient(135deg,#253334f5,#1a2428f5);border:1px solid #ad915955;border-radius:12px;width:min(650px,100% - 48px);padding:36px 42px;box-shadow:0 20px 65px #0005,inset 0 1px #f1d59f18}.resource-loading-brand{color:#bc9b60;letter-spacing:5px;margin-bottom:8px;font-size:13px;display:block}.resource-loading-card h1{color:#ffe9b4;letter-spacing:1px;margin:0 0 30px;font-size:27px;font-weight:500}.resource-loading-stages{color:#778783;gap:22px;margin:0 0 30px;padding:0;font-size:14px;list-style:none;display:flex}.resource-loading-stages li{align-items:center;gap:8px;display:flex}.resource-loading-stages li>span{border:1px solid #71817b66;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.resource-loading-stages li[data-state=current]{color:#ffe2a5}.resource-loading-stages li[data-state=current]>span{background:#c69e541c;border-color:#c69e54}.resource-loading-stages li[data-state=done]{color:#a7c3af}.resource-loading-detail{color:#e7e5da;min-height:24px;margin:0 0 13px}.resource-loading progress{appearance:none;background:#0e181b;border:0;border-radius:8px;width:100%;height:8px;display:block;overflow:hidden}.resource-loading progress::-webkit-progress-bar{background:#0e181b;border-radius:8px}.resource-loading progress::-webkit-progress-value{background:linear-gradient(90deg,#ab7934,#efcc81);border-radius:8px;transition:width .1s linear}.resource-loading progress::-moz-progress-bar{background:#d6af64}.resource-loading progress:indeterminate{background:linear-gradient(90deg,#0e181b 10%,#bc9556 50%,#0e181b 90%) 0 0/200% 100%;animation:2s linear infinite resource-wait}.resource-loading progress:indeterminate::-webkit-progress-bar{background:0 0}.resource-loading-numbers{color:#b3bdb4;font-variant-numeric:tabular-nums;justify-content:space-between;margin:9px 0 20px;font-size:12px;display:flex}.resource-loading-cache{color:#cfba8d;font-size:13px}.resource-loading-tip,.resource-loading-note{color:#95a59f;margin:18px 0 0;font-size:12px}.resource-loading-note{color:#dac395}.resource-loading-exit,.resource-cache-control button{color:#f5e4bd;cursor:pointer;background:#4a402c;border:1px solid #a98c55;border-radius:4px;margin-top:22px;padding:8px 16px}.resource-cache-control{border-top:1px solid #ad915955;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 0;display:flex}.resource-cache-control p{font-size:13px;margin:4px 0!important}.resource-cache-control small{font-size:12px}.resource-cache-control button{margin:0}.resource-cache-control button:disabled{opacity:.5;cursor:default}@keyframes resource-wait{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.resource-loading progress:indeterminate{animation:none}}@media (width<=600px){.resource-loading-card{padding:26px 22px}.resource-loading-stages{gap:12px;font-size:12px}}.battle-loading-wait{z-index:65;color:#f8e4b5;background:#182426e8;border:1px solid #bb9c63;border-radius:6px;padding:12px 24px;font-size:16px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.resource-loading-failure{color:#edc6aa;background:#663d2b33;border:1px solid #a76f5055;border-radius:6px;padding:14px 16px;font-size:14px}.resource-loading-failure p{margin:0}.resource-loading-failure details{overflow-wrap:anywhere;color:#b9aaa0;margin-top:10px;font-size:12px}.resource-loading-failure summary{cursor:pointer}.resource-loading-exit+.resource-loading-exit{margin-left:12px}.resource-transfer-progress{flex-direction:column;gap:8px;width:220px;max-width:100%;margin:10px auto 0;display:flex}.resource-transfer-progress progress{accent-color:#e4c774;width:100%}.resource-transfer-progress small{font-size:12px;font-weight:400}.resource-cache-download{flex-direction:column;gap:6px;width:100%;display:flex}.resource-cache-download progress{accent-color:#d6af64;width:100%}.resource-cache-control details{width:100%;font-size:12px}.resource-loading-metrics{overflow-wrap:anywhere;max-height:100px;padding-left:22px;overflow:auto}.game-frame[data-controls=touch]{-webkit-tap-highlight-color:transparent;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.game-frame[data-controls=touch]>.game-canvas{flex:none;width:1600px;height:900px;position:relative}.game-frame[data-controls=touch] button{touch-action:manipulation}.game-frame[data-controls=touch] .online-auth .online-login{width:720px;padding:44px 48px 28px}.game-frame[data-controls=touch] .online-auth .online-login input{height:104px;font-size:40px}.game-frame[data-controls=touch] .online-auth .online-login input::placeholder{font-size:26px}.game-frame[data-controls=touch] .online-auth .online-login label{font-size:28px}.game-frame[data-controls=touch] .online-auth .online-login button{height:104px;font-size:32px}.game-frame[data-controls=touch] .online-auth .online-login p{font-size:25px}.game-frame[data-controls=touch] .online-auth .online-login form{gap:18px}.game-frame[data-controls=touch] .online-error{font-size:28px;left:15%;right:15%}.game-frame[data-controls=touch] .creation-footer :is(.back-button,.settings-button),.game-frame[data-controls=touch] .online-logout{min-width:180px;height:90px;font-size:28px}.game-frame[data-controls=touch] .creation-footer .create-action{height:90px;bottom:28px}.game-frame[data-controls=touch] .creation-footer .finish-button{height:90px;font-size:30px}.game-frame[data-controls=touch] .creation-footer .settings-button{right:35px}.game-frame[data-controls=touch] .creation-footer .back-button{left:35px}.game-frame[data-controls=touch] .online-logout{left:240px}.game-frame[data-controls=touch] .character-roster{zoom:1.35;top:115px;left:820px}.game-frame[data-controls=touch] .character-slots{max-height:410px;overflow-y:auto}.game-frame[data-controls=touch] .roster-actions .gold-button{height:76px;font-size:22px}.game-frame[data-controls=touch] .selection-details{zoom:1.2;top:185px;left:70px}.game-frame[data-controls=touch] .lobby-tabs button:disabled{display:none}.game-frame[data-controls=touch] .lobby-tabs{top:32px;left:670px}.game-frame[data-controls=touch] .lobby-tabs button{width:105px;height:105px}.game-frame[data-controls=touch] .lobby-tabs img{width:100%;height:100%}.game-frame[data-controls=touch] .lobby-start{left:1290px}.game-frame[data-controls=touch] .lobby-room-main{width:1480px;height:720px;top:150px;left:60px}.game-frame[data-controls=touch] .room-list-panel{width:1140px;height:655px;left:310px}.game-frame[data-controls=touch] .room-list-panel>.room-modes{grid-template-columns:repeat(7,1fr)}.game-frame[data-controls=touch] .room-modes>button{width:104px;height:104px}.game-frame[data-controls=touch] .room-list-table{max-height:390px;overflow-y:auto}.game-frame[data-controls=touch] .room-list-server{grid-template-columns:60px 100px minmax(0,1fr) 170px 150px 80px 100px;width:100%;min-height:100px;font-size:28px}.game-frame[data-controls=touch] .room-list-columns{font-size:24px}.game-frame[data-controls=touch] :is(.room-list-actions,.room-team-actions)>.lobby-button{min-width:180px;height:104px;font-size:30px}.game-frame[data-controls=touch] .room-information{width:470px;height:650px}.game-frame[data-controls=touch] .room-team-panel{width:950px;height:650px;left:500px}.game-frame[data-controls=touch] .room-team-slots{align-content:start;height:355px;overflow-y:auto}.game-frame[data-controls=touch] .room-team-slots>button{height:100px;font-size:26px}.game-frame[data-controls=touch] .room-player-level{font-size:24px}.game-frame[data-controls=touch] .room-team-actions{position:absolute;bottom:12px;left:15px;right:15px}.game-frame[data-controls=touch] .room-bot-manager{height:365px;font-size:24px;overflow-y:auto}.game-frame[data-controls=touch] .room-bot-manager button{flex-shrink:0;min-height:76px;font-size:24px}.game-frame[data-controls=touch] .room-bot-manager header span{font-size:20px}.game-frame[data-controls=touch] .lobby-scene .creation-dialog:has(.room-form){width:1100px;max-width:none;max-height:850px;padding:80px 28px 24px;overflow-y:auto}.game-frame[data-controls=touch] .lobby-scene .creation-dialog:has(.room-form)>h2{height:64px;padding:12px;font-size:30px}.game-frame[data-controls=touch] .lobby-scene .creation-dialog:has(.room-form)>.dialog-close{width:70px;height:64px;font-size:40px}.game-frame[data-controls=touch] .room-form-fields{grid-template-columns:1fr;gap:18px;font-size:28px}.game-frame[data-controls=touch] .room-form-fields label{justify-content:flex-start}.game-frame[data-controls=touch] .room-form-fields :is(input,select){flex:1;width:auto;max-width:none;margin-left:0}.game-frame[data-controls=touch] .room-type-field{flex-wrap:wrap}.game-frame[data-controls=touch] .room-type-field>label{width:100%}.game-frame[data-controls=touch] .room-type-note{font-size:26px}.game-frame[data-controls=touch] .room-form :is(input:not([type=checkbox]),select){height:104px;font-size:40px}.game-frame[data-controls=touch] .room-form-mode>span,.game-frame[data-controls=touch] .map-picker>span{width:120px;font-size:28px}.game-frame[data-controls=touch] .room-form-mode .room-modes>button{width:112px;height:112px}.game-frame[data-controls=touch] .map-grid>button{height:150px}.game-frame[data-controls=touch] .map-grid>button>span{font-size:27px}.game-frame[data-controls=touch] .map-pagination button{min-width:104px;min-height:104px;font-size:28px}.game-frame[data-controls=touch] .room-form-actions{background:#ffc065;padding:14px 0;position:sticky;bottom:-24px}.game-frame[data-controls=touch] .room-form-actions .lobby-button{width:220px;height:104px;font-size:32px}.game-frame[data-controls=touch] .creation-dialog.join-room-dialog{width:900px;max-width:none;font-size:30px}.game-frame[data-controls=touch] .creation-dialog.join-room-dialog>h2{height:100px;font-size:34px}.game-frame[data-controls=touch] .creation-dialog.join-room-dialog>.dialog-close{width:80px;height:80px;font-size:40px;top:10px}.game-frame[data-controls=touch] .creation-dialog.join-room-dialog .join-room-password{height:110px;font-size:40px}.game-frame[data-controls=touch] .creation-dialog.join-room-dialog .join-room-actions button{min-width:200px;height:104px}.game-frame[data-controls=touch] .creation-dialog.join-room-dialog :is(.join-room-hint,.join-room-target>span){font-size:26px}.game-frame[data-controls=touch] .join-room-target>strong{font-size:30px}.game-frame[data-controls=touch] .battle-player-hud,.game-frame[data-controls=touch] .battle-ammo,.game-frame[data-controls=touch] .battle-weapons,.game-frame[data-controls=touch] .battle-room-controls,.game-frame[data-controls=touch] .battle-total-score,.game-frame[data-controls=touch] .battle-roll-cooldown{display:none}.game-frame[data-controls=touch] .battle-pause{z-index:100;width:800px;max-height:850px;top:50%;left:50%;overflow:auto}.game-frame[data-controls=touch] .battle-pause p{font-size:28px}.game-frame[data-controls=touch] .battle-pause button{min-height:88px;font-size:30px}.game-frame[data-controls=touch] .battle-practice-target{bottom:270px}.game-frame[data-controls=touch] .battle-practice-hint{display:none}.mobile-quality{justify-content:center;align-items:center;gap:24px;font-size:30px;display:flex}.mobile-quality select{font-size:inherit;padding:16px}.mobile-rotate{z-index:10000;text-align:center;color:#ffebc0;background:radial-gradient(at 50% 40%,#704a27,#21170f);border:0;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:32px;display:flex;position:fixed;inset:0}.mobile-rotate::backdrop{background:#21170f}.mobile-rotate strong{font-size:26px}.mobile-rotate p{line-height:1.8}.mobile-rotate small{color:#c6ac85}.touch-battle{z-index:70;pointer-events:none;color:#fff1d1;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-size:12px;position:fixed;inset:0}.touch-battle button{pointer-events:auto;touch-action:none;color:#fff1d1;font:inherit;text-shadow:0 1px 2px #000;-webkit-touch-callout:none;background:#33281eb8;border:1px solid #ddbf79aa;border-radius:10px;min-width:44px;min-height:44px}.touch-battle button[aria-pressed=true]{background:#926431cc;border-color:#ffe69c}.touch-battle button:active{background:#ac7a39cc}.touch-look{pointer-events:auto;touch-action:none;clip-path:polygon(0 0,calc(100% - 200px) 0,calc(100% - 200px) 125px,100% 125px,100% 100%,0 100%);position:absolute;inset:0 0 0 40%}.touch-stick{left:max(26px,env(safe-area-inset-left));bottom:max(38px,env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#241a1344;border:1px solid #e7ce9166;border-radius:50%;width:112px;height:112px;position:absolute}.touch-stick span{pointer-events:none;background:#c2a36c66;border:2px solid #ecd397aa;border-radius:50%;width:44px;height:44px;position:absolute;top:33px;left:33px}.touch-actions{right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:202px;height:190px;position:absolute}.touch-actions button{border-radius:50%;width:54px;height:54px;position:absolute}.touch-actions .touch-fire{background:#795022bb;border:2px solid #f2d895bb;width:76px;height:76px;font-size:17px;bottom:30px;right:56px}.touch-jump{bottom:83px;right:0}.touch-roll{bottom:17px;right:0}.touch-reload{bottom:3px;left:0}.touch-aim{top:13px;right:75px}.touch-roll small{display:block}.touch-menu{top:max(8px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));position:absolute}.touch-target{top:max(8px,env(safe-area-inset-top));left:calc(max(10px,env(safe-area-inset-left)) + 52px);position:absolute}.touch-vitals{top:max(58px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));text-shadow:0 1px 3px #000;background:#1e160e80;border-radius:6px;flex-direction:column;gap:5px;padding:6px 10px;font-size:13px;display:flex;position:absolute}.touch-interact{left:max(38px,env(safe-area-inset-left));position:absolute;bottom:168px}.touch-loadout{bottom:max(8px,env(safe-area-inset-bottom));flex-direction:column-reverse;align-items:center;gap:5px;display:flex;position:absolute;left:160px;right:226px}.touch-weapons,.touch-skills{pointer-events:auto;gap:5px;max-width:100%;display:flex;overflow-x:auto}.touch-skills{flex-wrap:wrap;justify-content:center;max-height:148px;overflow-y:auto}.touch-loadout button{flex:0 0 48px;height:48px;padding:2px;position:relative;overflow:hidden}.touch-weapons button{touch-action:pan-x}.touch-skills button{touch-action:pan-y}.touch-loadout img{object-fit:contain;width:28px;height:28px}.touch-loadout span{white-space:nowrap;text-overflow:ellipsis;max-width:48px;font-size:9px;display:block;overflow:hidden}.touch-loadout b{background:#17110c88;place-content:center;font-size:19px;display:grid;position:absolute;inset:0}.touch-dead{background:#261c14cf;padding:12px;position:absolute;top:65%;left:50%;transform:translate(-50%)}@media (width<=700px){.touch-loadout{left:144px;right:204px}.touch-actions{right:max(6px,env(safe-area-inset-right));width:190px}}:root{font-synthesis:none;color:#fff1d1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d2732;font-family:-apple-system,BlinkMacSystemFont,Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.52}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #fff1a8}a{color:#ffe396}.load-page{align-content:center;justify-items:center;gap:18px;height:100%;display:grid}.load-page button{background:#6c432c;border:1px solid #e7c48b;border-radius:6px;padding:10px 20px}.viewport{min-height:0;position:relative;overflow:hidden}.viewport canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.overlay{z-index:2;text-align:center;background:#17282ab0;flex-direction:column;justify-content:center;align-items:center;padding:20px;font-size:13px;display:flex;position:absolute;inset:0}.overlay[role=status]{text-shadow:0 1px 3px #0008;background:0 0}.overlay[role=alert]{text-shadow:0 1px 3px #0008;color:#ffd2a6;background:0 0}.overlay button{background:#754c31;border:1px solid #d5b981;padding:8px 20px}*{scrollbar-width:thin;scrollbar-color:#a1865c #30281f22}@supports selector(::-webkit-scrollbar){*{scrollbar-width:auto;scrollbar-color:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#30281f22;border-radius:8px}::-webkit-scrollbar-thumb{background:#a1865c padding-box padding-box;border:1px solid #0000;border-radius:8px;min-width:24px;min-height:24px}::-webkit-scrollbar-thumb:hover{background-color:#b99a69}::-webkit-scrollbar-thumb:active{background-color:#866a43}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-corner{background:0 0}}@media (forced-colors:active){*{scrollbar-color:auto}::-webkit-scrollbar-track{background:canvas}::-webkit-scrollbar-thumb{background-color:buttontext}::-webkit-scrollbar-thumb:hover{background-color:buttontext}::-webkit-scrollbar-thumb:active{background-color:buttontext}}
