:root{--z-world:10;--z-frame:20;--z-hud:30;--z-hud-raised:40;--z-hud-float:45;--z-window:85;--z-action-bar:60;--z-hud-button:70;--z-banner:80;--z-layout-editor:250;--z-dialog:260;--z-toast:300;--bottom-hud-height:92px;--interaction-prompt-bottom:calc(var(--bottom-hud-height) + var(--safe-bottom) + 34px);--interaction-prompt-clearance:56px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);color:#f5fbff;font-synthesis:none;background:#101923;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;background:#101923;width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}body{min-height:100dvh}button,input{font:inherit}button{cursor:pointer}.language-toggle{right:calc(12px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));z-index:var(--z-hud-button);color:#ffd36b;padding:8px 10px;font-weight:900;position:fixed}.start-screen{-webkit-overflow-scrolling:touch;min-height:100%;max-height:100%;padding:calc(24px + var(--safe-top)) calc(24px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(24px + var(--safe-left));background:radial-gradient(circle at 50% 15%,#3d87a747,#0000 36%),linear-gradient(145deg,#0c141d,#172736 55%,#0a1118);place-items:center;display:grid;overflow-y:auto}.metal-panel{background:linear-gradient(#1c2b38f5,#09121bf5);border:2px solid #778997;border-radius:6px;box-shadow:inset 0 0 0 2px #121d27,0 4px 14px #00000059}.start-card{width:min(430px,100%);padding:clamp(12px,3.4vh,34px) clamp(14px,3vh,34px)}.eyebrow{color:#e6b54b;letter-spacing:.14em;text-transform:uppercase;font-size:clamp(9px,1.4vh,12px);font-weight:800}.start-card h1{color:#ffd36b;margin:clamp(2px,.8vh,6px) 0 clamp(4px,1.4vh,10px);font-size:clamp(22px,min(8vw,7vh),64px);line-height:1}.start-card p{color:#b9cad7;font-size:clamp(11px,1.7vh,14px);line-height:1.45}.start-card label{color:#dce9f2;margin:clamp(6px,2.4vh,26px) 0 clamp(3px,.9vh,8px);font-size:clamp(11px,1.7vh,14px);font-weight:700;display:block}.start-card input{color:#fff;background:#07121c;border:1px solid #60788b;border-radius:4px;outline:0;width:100%;padding:clamp(6px,1.6vh,13px) 12px;font-size:clamp(12px,1.8vh,15px)}.start-card input:focus{border-color:#e6b54b;box-shadow:0 0 0 3px #e6b54b29}.start-card button{color:#111820;background:linear-gradient(#ffd875,#d69b27);border:1px solid #ffe09a;border-radius:4px;width:100%;margin:clamp(5px,1.4vh,12px) 0;padding:clamp(7px,1.8vh,13px);font-size:clamp(12px,1.9vh,16px);font-weight:900}.start-card button:disabled{cursor:wait;opacity:.65}.start-card small{text-align:center;color:#8098aa;margin-top:clamp(2px,.8vh,8px);font-size:clamp(9px,1.4vh,12px);display:block}.commendation-panel{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.commendation-panel h2,.commendation-panel small{width:100%}.error{color:#ff8585!important}.editor-link{text-align:center;color:#7fb8ff;text-underline-offset:3px;margin-top:18px;font-size:12px;text-decoration:underline;display:block}:root{--hud-bg:linear-gradient(180deg, #1b2736 0%, #0e1822 100%);--hud-bg-solid:#111c28;--hud-bg-inset:#0a121a;--hud-border:#c9963b;--hud-border-soft:#33475a;--hud-radius:10px;--hud-radius-sm:7px;--hud-shadow:0 4px 16px #00000073;--hud-gold:#ffd36b;--hud-gold-dim:#d4a83e;--hud-text:#dce9f4;--hud-muted:#8ea3b2;--hud-online:#4fe58b;--hud-danger:#e2453c;--hud-pad:10px}.hud-panel{border:2px solid var(--hud-border);border-radius:var(--hud-radius);background:var(--hud-bg);box-shadow:var(--hud-shadow), inset 0 1px 0 #ffffff0d}.hud-panel-soft{border-color:var(--hud-border-soft)}.hud-badge{background:var(--hud-danger);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #00000080}.hud-dot-online{background:var(--hud-online);width:9px;height:9px;box-shadow:0 0 8px var(--hud-online);border-radius:50%;display:inline-block}.game-screen{background:#101923;width:100%;height:100%;position:fixed;inset:0}.game-canvas{width:100%;height:100%;position:relative}.game-canvas canvas{display:block}.night-overlay{z-index:var(--z-world);pointer-events:none;opacity:0;background:#071326;position:absolute;inset:0}.viewport-frame{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:none;z-index:var(--z-frame);border:3px solid #3b4b57;position:absolute;box-shadow:inset 0 0 0 2px #101820}.game-screen section:where(:not(.economy-overlay,.economy-overlay section)),.action-bar{z-index:var(--z-hud);position:absolute}.menu-return-button{z-index:var(--z-hud-raised);color:#d8ecfa;padding:9px 12px;font-size:12px;font-weight:800;position:absolute;top:18px;left:190px}.menu-return-button:hover{color:#ffd36b;border-color:#d4a83e}.game-screen h2{color:#ffd36b;letter-spacing:.07em;margin:0 0 8px;font-size:13px}.game-screen section:where(:not(.economy-overlay,.economy-overlay section)){padding:9px 12px;font-size:13px;font-weight:800}.game-screen .hud-row{align-items:center;gap:7px;margin-top:6px;display:flex}.game-screen .economy-overlay .economy-modal{flex-direction:column;align-items:stretch;margin-top:0;display:flex}.game-screen section b{color:#fff;margin-left:auto}.phase-panel{align-items:center;gap:10px;display:flex;top:14px;left:50%;transform:translate(-50%)}.phase-panel .sun{color:#ffc94b}.phase-panel time{color:#d8ecfa;font-variant-numeric:tabular-nums;border-left:1px solid #718594;padding-left:10px}.battle-started-announcement{z-index:80;color:#ffd36b;pointer-events:none;background:#08121beb;border:2px solid #ffd36b;border-radius:8px;padding:18px 30px;font-size:clamp(24px,5vw,48px);font-weight:900;animation:2s both battle-start-message;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@keyframes battle-start-message{0%{opacity:0;transform:translate(-50%,-42%)scale(.9)}12%,75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0}}.teams-panel{min-width:180px;top:16px;right:18px}.teams-panel>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.teams-panel>header h2{margin:0}.panel-hide-button{color:#d8ecfa;width:24px;min-width:24px;height:24px;padding:0;line-height:1}.resources-panel{min-width:180px;max-width:calc(100vw - 36px);max-height:min(52vh,420px);transition:top .18s;top:150px;right:18px;overflow:hidden auto}.battle-screen.teams-hidden .resources-panel{top:16px}.inventory-slots,.coin-slots{gap:6px;display:flex}.inventory-slot,.coin-slot{box-sizing:border-box;width:100%;min-width:0;max-width:var(--inventory-cell,42px);color:#627786;background:#0a121a;border:1px solid #3c5060;border-radius:5px;justify-content:center;align-items:center;height:34px;display:inline-flex;overflow:hidden}.coin-slot{width:var(--inventory-cell,42px)}.inventory-slot.filled,.coin-slot.filled{color:#ffd36b;background:#17202a;border-color:#8a7133}.inventory-slot-drop{cursor:pointer;font:inherit;padding:0;position:relative}.inventory-slot-drop:hover{background:#202b36;border-color:#ffd36b}.inventory-drop-mark{color:#ffb36b;text-shadow:0 1px 1px #000;font-size:9px;line-height:1;position:absolute;bottom:0;right:2px}.inventory-slot.overflow{border-style:dashed;border-color:#a2624a}.inventory-slot b{font-size:11px;margin-left:4px!important}.coin-slots{flex-wrap:wrap}.inventory-resource-image{object-fit:contain;width:24px;height:24px;image-rendering:pixelated}.coin-slots b{align-self:center;margin-left:3px!important}.mobile-controls,.mobile-fullscreen-button,.hub-chat-open-row{display:none}.blue-dot,.red-dot{border-radius:50%;width:10px;height:10px}.blue-dot{background:#29a9ff;box-shadow:0 0 9px #29a9ff}.red-dot{background:#ff4f56;box-shadow:0 0 9px #ff4f56}.captain-kick-button{color:#ff9b9b;width:100%;margin-top:5px;padding:4px 6px;font-size:10px;display:block}.replacement-code-panel{flex-direction:column;gap:6px;max-width:min(680px,100vw - 24px);display:flex;top:66px;left:50%;transform:translate(-50%)}.replacement-code-row{align-items:center;gap:8px;min-width:0;display:flex}.replacement-code-panel span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.replacement-code-panel button{padding:5px 8px}.status-panel{color:#b9cad7;bottom:18px;left:18px}.battle-chat-overlay{z-index:30;pointer-events:none;width:min(360px,100vw - 36px);height:170px;max-height:170px;box-shadow:none;background:0 0;border:0;flex-direction:column;justify-content:flex-end;gap:1px;display:flex;position:absolute;bottom:120px;left:18px;overflow:hidden}.battle-chat-overlay .chat-time{display:none}.battle-chat-overlay .battle-chat-line{text-shadow:0 1px 2px #000,0 0 4px #000000e6;background:0 0;flex:none;animation:.18s ease-out battle-chat-line-in;border:0!important}@keyframes battle-chat-line-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.battle-chat-button{z-index:31;cursor:pointer;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:18px;line-height:1;display:inline-flex;position:absolute;bottom:76px;left:18px}.battle-chat-button .hud-badge{position:absolute;top:-6px;right:-6px}.battle-chat-input{z-index:32;gap:4px;width:min(360px,100vw - 90px);padding:4px;display:flex;position:absolute;bottom:76px;left:64px}.battle-chat-input input{flex:auto;min-width:0;height:30px;padding:0 8px;font-size:12px}.battle-chat-input button{flex:none;width:32px;height:30px;padding:0}.chat-message{width:100%;min-width:0;padding:1px var(--chat-pad,5px);text-align:left;grid-template-columns:max-content minmax(0,1fr);gap:5px;font-size:11px;line-height:1.35;align-items:start!important;margin-top:0!important;display:grid!important}.chat-message b{border-left:var(--role-bar,4px) solid transparent;color:#dce9f4;align-self:start;padding-left:5px}.chat-message span{overflow-wrap:anywhere;min-width:0}.game-screen .chat-message b,.online-row b{margin-left:0!important}.game-screen .chat-message .chat-sender,.chat-message .chat-sender{color:var(--name-color,var(--role-color,#dce9f4))}.chat-message .chat-sender.has-marker{border-left-color:var(--role-color,transparent)}.online-directory-modal .online-role-name,.online-directory-modal .online-role-label{color:var(--online-color,#dce9f4)}.online-directory-modal .online-role-name{font-weight:800}.online-directory-modal .online-role-name.has-background,.online-directory-modal .online-role-label.has-background{background:var(--online-background,transparent);border-radius:4px;padding:1px 6px}.expanded-chat-modal{flex-direction:column;width:min(720px,100vw - 30px);height:min(620px,100vh - 30px);display:flex}.expanded-chat-modal>header{gap:8px;padding:6px 12px}.expanded-chat-modal>header h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.expanded-chat-modal>header .chat-header-actions{flex:none;min-width:max-content}.expanded-chat-log{overscroll-behavior:contain;text-align:left;flex-direction:column;flex:auto;justify-content:flex-start;gap:2px;min-height:120px;padding:8px 0;overflow-y:auto;align-items:stretch!important;margin-top:0!important;display:flex!important}.expanded-chat-log .chat-message{text-align:left;justify-items:start}.expanded-chat-log .chat-message:first-child{margin-top:auto!important}.expanded-chat-modal .chat-message,.hub-chat-log .chat-message{flex:none}.chat-clear-button,.chat-clear-floating{background:#0c0f13;border:1px solid #3a2f12;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:800;line-height:1.2;color:#ffcc72!important}.chat-clear-button{white-space:nowrap;text-overflow:clip;flex:none;width:auto;min-width:max-content;margin-left:auto;padding:5px 10px;overflow:visible}.chat-clear-button:hover,.chat-clear-floating:hover{background:#141922;border-color:#c9963b}.chat-scope-row{gap:8px;padding:8px 12px 0;display:flex}.chat-scope-row select{min-width:150px}.hud-settings-button{z-index:var(--z-hud-button);width:44px;height:44px;color:var(--hud-gold);justify-content:center;align-items:center;padding:0;font-size:18px;display:inline-flex;position:absolute;top:14px;left:14px}.hud-settings-modal{width:min(400px,100vw - 30px)}.hud-toggle{align-items:center;gap:10px;padding:8px 0;display:flex}.connection-light{background:#4fe58b;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block;box-shadow:0 0 8px #4fe58b}.action-bar{gap:8px;display:flex;bottom:18px;left:50%;transform:translate(-50%)}.action-bar button{color:#ffd36b;padding:10px 14px;font-size:12px;font-weight:900}.action-bar button:hover{border-color:#d4a83e;transform:translateY(-1px)}.stamina-panel{flex-direction:column;align-items:center;gap:3px;width:220px;padding:7px 12px 6px;display:flex;bottom:76px;left:50%;transform:translate(-50%)}.stamina-bar-track{background:#0a121a;border:1px solid #2c3b47;border-radius:5px;width:100%;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.stamina-bar-fill{background:linear-gradient(90deg,#d9e35c,#ffd36b);border-radius:5px;height:100%;transition:background .2s,width .12s linear}.stamina-bar-fill.exhausted{background:linear-gradient(90deg,#b23b3b,#ff5b5b)}.stamina-hint{color:#7c92a3;letter-spacing:.08em;text-transform:uppercase;font-size:9px}.placement-banner{color:#9fe6b5;align-items:center;gap:10px;display:flex;top:60px;left:50%;transform:translate(-50%)}.placement-banner small{color:#b9cad7;text-transform:none;letter-spacing:0;font-weight:600}.placement-banner button{color:#ffd36b;padding:6px 10px;font-size:11px;font-weight:800}.construction-site-panel{left:50%;bottom:calc(var(--interaction-prompt-bottom) + var(--interaction-prompt-clearance));width:240px;max-height:calc(100dvh - var(--interaction-prompt-bottom) - var(--interaction-prompt-clearance) - var(--safe-top) - 24px);flex-direction:column;gap:4px;display:flex;overflow-y:auto;transform:translate(-50%)}.construction-site-panel h2{margin-bottom:2px}.construction-material-row{display:flex}.construction-state{color:#d8ecfa;margin:4px 0 0;font-weight:700}.construction-hint{color:#ffd36b;margin:0 0 2px;font-weight:800}.construction-progress-track{background:#0a121a;border:1px solid #2c3b47;border-radius:5px;height:10px;margin-top:8px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.construction-progress-fill{background:linear-gradient(90deg,#4fe58b,#29a9ff);border-radius:5px;height:100%;transition:width .15s linear}.build-menu{width:min(560px,100vw - 24px);max-height:min(60vh,520px);bottom:128px;left:50%;overflow-y:auto;transform:translate(-50%)}.build-menu header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.build-menu header h2{margin:0}.build-menu header button{color:#d8ecfa;padding:3px 8px;font-size:12px}.build-menu ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.build-menu li button{color:#d8ecfa;text-align:left;flex-direction:row;align-items:center;gap:9px;width:100%;padding:6px 10px;display:flex}.build-menu-name{color:#ffd36b;font-size:12px;font-weight:900}.build-menu-cost{color:#9fb1c1;font-size:11px;font-weight:600}.build-menu-empty{color:#8098aa;font-size:12px;font-weight:600}.action-bar button.active{color:#ffe8ad;border-color:#ffd36b;box-shadow:0 0 10px #ffd36b59}.action-bar{z-index:var(--z-action-bar)}.coin-balance-row{border-top:1px solid #ffffff14;margin-top:6px;padding-top:8px!important}.coin-balance{color:#ffd36b!important}.economy-toast{color:#9fe6b5;top:106px;left:50%;transform:translate(-50%)}.build-menu-locked-hint{color:#ff9d6b;font-size:10px;font-weight:700}.economy-overlay{z-index:var(--z-window);padding:calc(10px + var(--safe-top)) calc(10px + var(--safe-right)) calc(var(--bottom-hud-height) + var(--safe-bottom)) calc(10px + var(--safe-left));overscroll-behavior:contain;background:#050a0f8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.economy-modal{width:min(560px,92vw);max-height:calc(100dvh - var(--bottom-hud-height) - var(--safe-bottom) - var(--safe-top) - 20px);flex-direction:column;display:flex;overflow:hidden}.economy-modal header{border-bottom:1px solid #2c3b47;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.economy-modal header h2{margin:0}.economy-modal header button{color:#fff;background:#0c0f13;border:1px solid #2c3b47;border-radius:5px;padding:3px 9px;font-size:12px;font-weight:800}.economy-modal header button:hover{background:#161c24;border-color:#55707f}.economy-tabs{flex-wrap:wrap;gap:4px;padding:8px 12px 0;display:flex}.economy-tabs button{color:#9fb1c1;background:0 0;border:1px solid #0000;border-radius:4px 4px 0 0;padding:7px 10px;font-size:11px;font-weight:800}.economy-tabs button.active{color:#ffd36b;background:#ffffff08;border-color:#2c3b47}.economy-body{flex:1;padding:12px 16px 16px;overflow-y:auto}.economy-hint{color:#ffb85e;margin:0 0 10px;font-size:11px;font-weight:700}.economy-subheading{color:#ffd36b;margin:14px 0 6px;font-size:12px}.economy-treasury-balance{color:#ffd36b;margin:0 0 8px;font-size:16px;font-weight:900}.economy-row{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;display:flex}.economy-row:last-child{border-bottom:none}.economy-row .name{color:#d8ecfa;flex:1;min-width:90px;font-size:12px;font-weight:700}.economy-row .meta{color:#9fb1c1;font-size:10px}.economy-row input[type=number]{color:#fff;background:#07121c;border:1px solid #60788b;border-radius:4px;width:60px;padding:6px 8px}.economy-row button{color:#ffd36b;padding:6px 10px;font-size:11px;font-weight:800}.economy-row button:disabled{opacity:.4;cursor:not-allowed}.economy-empty{color:#8098aa;padding:10px 0;font-size:12px;font-weight:600}.trade-modal{width:min(980px,96vw)}.trade-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.trade-column{background:#070f169e;border:1px solid #304455;border-radius:7px;min-width:0;padding:10px}.trade-column h3{color:#ffd36b;align-items:center;gap:6px;margin:0 0 8px;font-size:11px;display:flex}.trade-column h3 small{color:#6f8493;margin-left:auto;font-size:9px}.trade-own-offer{border-style:dashed}.trade-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.trade-item-card{text-align:left;grid-template-columns:34px 1fr auto;align-items:center;gap:6px;min-width:0;padding:6px;display:grid}.trade-item-card img,.trade-offer-row img{object-fit:contain;width:28px;height:28px;image-rendering:pixelated;vertical-align:middle;margin-right:6px}.trade-coins-control{gap:5px;margin-top:10px;display:grid}.nearby-trade-panel{align-items:center;gap:6px;display:flex;bottom:84px;left:50%;transform:translate(-50%)}.nearby-trade-panel button{padding:5px 8px}.trade-offer-row{color:#d8ecfa;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:4px 0;font-size:11px;display:flex}.trade-offer-row button{color:#ff9d6b;margin-left:8px;padding:2px 6px;font-size:10px}.trade-confirmed{color:#4fe58b;font-size:10px;font-weight:800}.trade-not-confirmed{color:#8098aa;font-size:10px;font-weight:700}.trade-actions{gap:10px;margin-top:16px;display:flex}.trade-actions button{color:#ffd36b;padding:9px 14px;font-size:12px;font-weight:900}.trade-editor{flex-direction:column;gap:8px;margin-top:10px;display:flex}.trade-editor-row{align-items:center;gap:6px;display:flex}.trade-editor-row select{color:#fff;background:#07121c;border:1px solid #60788b;border-radius:4px;flex:1;padding:6px 8px;font-size:11px}.trade-editor-row input[type=number]{color:#fff;background:#07121c;border:1px solid #60788b;border-radius:4px;width:60px;padding:6px 8px}.trade-editor-row label{color:#9fb1c1;align-items:center;gap:6px;font-size:11px;display:flex}.trade-editor-apply{color:#ffd36b;align-self:flex-start;padding:7px 12px;font-size:11px;font-weight:800}.auth-card{width:min(460px,100%)}.auth-invite-banner{color:#ffd875;background:#e6b54b1a;border:1px solid #d4a83e;border-radius:4px;margin:4px 0 0;padding:8px 10px;font-size:12px;font-weight:700;line-height:1.4}.auth-notice{color:#cfe9ff;background:#6fc3ff14;border:1px solid #3f6079;border-radius:4px;margin:4px 0 0;padding:8px 10px;font-size:12px;font-weight:700;line-height:1.4}.auth-tabs{gap:6px;margin-top:clamp(6px,2vh,22px);display:flex}.auth-tabs button{color:#9fb1c1;background:#ffffff08;border:1px solid #3b4b57;border-radius:4px;flex:1;padding:clamp(5px,1.5vh,9px) 6px;font-size:11px;font-weight:800}.auth-tabs button.active{color:#ffd36b;background:#e6b54b1f;border-color:#d4a83e}.hub-account-panel{align-items:center;gap:10px;display:flex;top:14px;left:50%;transform:translate(-50%)}.hub-account-name{color:#ffd36b}.hub-guest-badge{color:#9fb1c1;letter-spacing:.06em;text-transform:uppercase;background:#ffffff14;border-radius:10px;padding:2px 7px;font-size:9px}.hub-account-panel button{color:#d8ecfa;padding:4px 9px;font-size:11px;font-weight:700}.hub-avatar-select{color:#9fb1c1;align-items:center;gap:5px;font-size:10px;display:flex}.hub-avatar-select select{color:#d8ecfa;background:#142331;border:1px solid #3a5368;border-radius:4px;padding:3px 6px}.hub-players-panel{width:220px;max-height:46vh;top:66px;left:70px;overflow-y:auto}.hub-online-indicator{z-index:30;color:#d8ecfa;text-align:left;width:220px;padding:8px 10px;position:absolute;top:16px;left:18px}.hub-selector{color:#fff;background:#07121c;border:1px solid #60788b;border-radius:4px;width:100%;padding:7px 9px}.hub-selector-floating{z-index:85;width:min(300px,100vw - 90px);position:fixed;top:max(82px,50% - 245px);left:50%;transform:translate(-50%)}.chat-header-actions{align-items:center;gap:8px;display:flex}.economy-modal header .chat-clear-button{color:#ffcc72}.hub-players-list{flex-direction:column;gap:4px;margin-top:6px;display:flex}.hub-players-row{color:#d8ecfa;background:#ffffff08;border-radius:4px;justify-content:space-between;padding:5px 7px;font-size:11px;font-weight:600;display:flex}.hub-players-row b{color:#ffd36b;font-size:10px}.hub-group-heading{margin-top:14px}.hub-group-invite{color:#ffd875;background:#e6b54b1f;border:1px solid #d4a83e;border-radius:4px;flex-direction:column;gap:6px;margin-top:4px;padding:8px;font-size:11px;display:flex}.hub-group-invite button{color:#ffd36b;padding:5px 8px;font-size:10px;font-weight:800}.hub-group-leave{color:#ff9d6b;margin-top:4px;padding:5px 8px;font-size:10px;font-weight:700}.hub-chat-panel{flex-direction:column;width:280px;height:40vh;display:flex;top:16px;right:18px}.hub-chat-log{flex-direction:column;flex:1;justify-content:flex-end;align-items:stretch;gap:4px;margin-top:6px;display:flex;overflow-y:auto}.hub-chat-row{color:#d8ecfa;font-size:11px;font-weight:500;line-height:1.4}.hub-chat-row b{color:#ffd36b;font-weight:800}.hub-chat-input-row{gap:6px;margin-top:8px;display:flex}.hub-chat-input-row input{color:#fff;background:#07121c;border:1px solid #60788b;border-radius:4px;flex:1;padding:7px 9px;font-size:11px}.hub-chat-input-row button{color:#ffd36b;padding:7px 11px;font-weight:800}.open-battles-window{width:min(460px,100vw - 24px)}.open-battles-window header h2{align-items:center;gap:8px;display:flex}.hub-battles-list{flex-direction:column;gap:6px;max-height:min(52vh,420px);display:flex;overflow-y:auto}.hub-battle-row{background:#ffffff08;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;display:flex}.hub-battle-info{flex-direction:column;gap:2px;min-width:0;display:flex}.hub-battle-name{color:#ffd36b;font-size:11px;font-weight:800}.hub-battle-meta{color:#9fb1c1;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.hub-battle-row button{color:#ffd36b;flex-shrink:0;padding:5px 9px;font-size:10px;font-weight:800}.hub-battle-row button:disabled{opacity:.4;cursor:not-allowed}.hub-join-code-row{flex-direction:column;gap:6px;margin-top:10px;display:flex}.hub-join-code-row input{color:#fff;background:#07121c;border:1px solid #60788b;border-radius:4px;flex:1;padding:7px 9px;font-size:11px}.hub-join-code-row button{border:1px solid var(--hud-border-soft);border-radius:var(--hud-radius-sm);background:var(--hud-bg-inset);color:var(--hud-gold);white-space:nowrap;padding:7px 10px;font-size:10px;font-weight:800}.hub-join-code-row button:hover{border-color:var(--hud-gold)}.game-screen .hub-join-code-row input{border-color:var(--hud-border-soft);border-radius:var(--hud-radius-sm);background:var(--hud-bg-inset)}.game-screen .hub-join-code-row input:focus{border-color:var(--hud-gold);outline:none}.game-screen .hub-battle-row button{border:1px solid var(--hud-border-soft);border-radius:var(--hud-radius-sm);background:var(--hud-bg-inset);color:var(--hud-gold);white-space:nowrap;padding:6px 10px;font-size:10px;font-weight:800}.game-screen .hub-battle-row button:hover:not(:disabled){border-color:var(--hud-gold)}.game-screen .hub-battle-row button:disabled{color:var(--hud-muted);cursor:not-allowed}.lobby-overlay{z-index:var(--z-window)}.lobby-modal{width:min(760px,94vw);max-height:88vh}.lobby-modal header{align-items:flex-start}.lobby-map-name{color:#9fb1c1;margin-top:3px;font-size:11px;font-weight:600;display:block}.lobby-header-actions{gap:6px;display:flex}.lobby-header-actions button{color:#d8ecfa;padding:4px 10px;font-size:13px;font-weight:800}.lobby-body{flex-direction:column;gap:12px;display:flex}.lobby-invite-banner{color:#9fe6b5!important}.lobby-vote-panel{background:#e6b54b14;border:1px solid #d4a83e;border-radius:6px;padding:10px}.captain-selection-overlay{z-index:var(--z-dialog);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02080dc7}.captain-selection-modal{width:min(640px,100vw - 24px);max-height:min(680px,100vh - 24px)}.captain-selection-modal>header{align-items:flex-start}.captain-selection-body{overflow-y:auto}.captain-nomination-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:180px;display:flex}.captain-nomination-content>p{color:#d8ecfa;margin:0;font-size:15px;font-weight:800}.captain-nomination-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.captain-nomination-actions button{color:#ffd36b;min-width:140px;padding:9px 14px;font-weight:900}.captain-nomination-actions button.active{color:#4fe58b;border-color:#4fe58b}.captain-nomination-saved{color:#9fe6b5!important}.lobby-vote-candidates{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.lobby-candidate-card{background:#0003;border:1px solid #3b4b57;border-radius:6px;flex:1;min-width:200px;padding:10px}.lobby-candidate-card.selected{border-color:#4fe58b;box-shadow:0 0 8px #4fe58b4d}.lobby-candidate-name{color:#ffd36b;margin-bottom:6px;font-size:12px;font-weight:900}.lobby-candidate-stats{flex-direction:column;gap:3px;margin:0 0 8px;padding:0;list-style:none;display:flex}.lobby-candidate-stats li{color:#b9cad7;font-size:10px;font-weight:600}.lobby-candidate-card button{color:#ffd36b;width:100%;padding:7px;font-size:11px;font-weight:800}.lobby-teams{flex-wrap:wrap;gap:12px;display:flex}.lobby-team-column{border:1px solid #3b4b57;border-radius:6px;flex:1;min-width:260px;padding:10px}.lobby-team-column.team-blue{background:#2979c914;border-color:#2979c9}.lobby-team-column.team-red{background:#d83b4514;border-color:#d83b45}.lobby-team-header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.lobby-team-header h3{color:#ffd36b;margin:0;font-size:12px}.lobby-team-header span{color:#9fb1c1;font-size:11px;font-weight:700}.lobby-team-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.lobby-team-list li{background:#ffffff08;border-radius:4px;align-items:center;gap:6px;padding:6px 8px;font-size:11px;display:flex}.lobby-team-list li.is-captain{background:#ffd36b1a}.lobby-player-name{color:#d8ecfa;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.lobby-player-role{color:#9fb1c1;font-size:10px;font-weight:600}.lobby-player-ready{color:#8098aa;font-weight:900}.lobby-player-ready.ready{color:#4fe58b}.lobby-team-list li select{color:#fff;background:#07121c;border:1px solid #60788b;border-radius:3px;padding:3px 5px;font-size:10px}.lobby-team-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.lobby-team-actions button{color:#ffd36b;padding:6px 9px;font-size:10px;font-weight:800}.lobby-invite-button{color:#7fb8ff!important}.lobby-invite-opponent{color:#ffd36b;align-self:flex-start;padding:8px 12px;font-size:11px;font-weight:800}.lobby-role-confirm{color:#ffd875;background:#e6b54b1f;border:1px solid #d4a83e;border-radius:4px;align-items:center;gap:10px;padding:8px 10px;font-size:11px;font-weight:700;display:flex}.lobby-role-confirm button{color:#ffd36b;padding:5px 10px;font-size:10px;font-weight:800}.lobby-actions-row{gap:10px;display:flex}.lobby-actions-row button{color:#ffd36b;padding:9px 16px;font-size:12px;font-weight:900}.lobby-actions-row button.active{color:#4fe58b;border-color:#4fe58b;box-shadow:0 0 8px #4fe58b4d}.lobby-actions-row button:disabled{opacity:.4;cursor:not-allowed}.lobby-chat{flex-direction:column;display:flex}.lobby-chat-heading,.hub-chat-panel>header{justify-content:space-between;align-items:center;display:flex}.online-directory-modal{width:min(760px,100vw - 30px);height:min(600px,100vh - 30px)}.online-directory-modal>header{gap:12px}.online-directory-modal .online-directory-tools{align-items:center;gap:8px;display:flex}.online-directory-search{color:#dce9f4;background:#0a121a;border:1px solid #2c3b47;border-radius:5px;width:min(220px,40vw);padding:5px 9px;font-size:11px}.online-directory-search:focus{border-color:#55707f;outline:none}.online-directory-feedback{color:#9fe6b0;margin:0;padding:6px 16px 0;font-size:11px}.online-directory-modal .online-directory-table{flex-direction:column;flex:1;align-items:stretch;min-height:0;padding:8px 12px 12px;display:flex!important}.online-directory-modal .online-directory-head,.online-directory-modal .online-row-main{grid-template-columns:30px 48px minmax(0,1fr) 118px 50px 64px 62px 58px 22px;align-items:center;gap:8px;width:100%;min-width:0;display:grid}.online-directory-modal .online-directory-head{color:#8ea3b2;text-transform:uppercase;letter-spacing:.04em;border:1px solid #0000;border-bottom-color:#2c3b47;padding:6px 8px;font-size:10px;font-weight:800}.online-directory-modal .online-directory-head>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.online-directory-modal .online-directory-scroll{flex:1;min-height:0;display:block;overflow-y:auto}.online-directory-modal .online-row{cursor:pointer;border:1px solid #0000;border-bottom-color:#2c3b4780;border-radius:6px;min-width:0;display:block;overflow:hidden}.online-directory-modal .online-row-main{padding:5px 8px;font-size:11px}.online-directory-modal .online-row:hover{background:#ffffff08}.online-directory-modal .online-row.expanded{background:#060b1080;border-color:#55707f}.online-row .col-index{color:#7f96a5;font-variant-numeric:tabular-nums}.online-row .col-name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.online-row .col-name em{color:#7f96a5;font-size:10px;font-style:normal}.online-row .col-role{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.online-row .col-num{color:#cfe0ee;text-align:center;font-variant-numeric:tabular-nums}.online-row .col-actions{justify-content:flex-end;display:flex}.online-directory-modal .online-row-chevron{color:#7f96a5;text-align:right;font-size:10px}.online-directory-modal .online-row:hover .online-row-chevron{color:#ffd36b}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.online{background:#4fe58b;box-shadow:0 0 7px #4fe58b}.status-dot.away{background:#7f96a5}.online-directory-modal .online-row-actions{flex-wrap:wrap;gap:5px;width:100%;min-width:0;padding:0 8px 8px;display:flex}.online-row-actions button,.online-row-actions select{padding:3px 7px;font-size:9px;line-height:1.3}.online-row-actions .economy-empty{padding:4px 0;font-size:10px}@media (width<=720px){.online-directory-modal .online-directory-head,.online-directory-modal .online-row-main{grid-template-columns:26px 36px minmax(0,1fr) 96px 44px 22px}.online-directory-head .col-num:nth-of-type(n+2),.online-row .col-num:nth-of-type(n+2){display:none}}.lobby-chat-log{height:140px}.create-battle-modal{width:min(1040px,94vw)}.create-battle-columns{grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);align-items:start;gap:6px 22px;display:grid}.create-battle-column{min-width:0}.create-battle-mode-tabs{gap:6px;margin-bottom:8px;display:flex}.create-battle-mode-tabs button{color:#9fb1c1;background:#ffffff08;border:1px solid #3b4b57;border-radius:4px;flex:1;padding:9px 6px;font-size:11px;font-weight:800}.create-battle-mode-tabs button.active{color:#ffd36b;background:#e6b54b1f;border-color:#d4a83e}.create-battle-field{color:#dce9f2;flex-direction:column;gap:5px;margin-top:12px;font-size:11px;font-weight:700;display:flex}.create-battle-field input{color:#fff;background:#07121c;border:1px solid #60788b;border-radius:4px;padding:9px 10px;font-size:12px}.create-battle-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:4px 14px;display:grid}@media (width<=860px){.create-battle-columns,.create-battle-grid{grid-template-columns:minmax(0,1fr)}}.create-battle-submit{color:#111820;background:linear-gradient(#ffd875,#d69b27);border:1px solid #ffe09a;border-radius:4px;width:100%;margin-top:18px;padding:12px;font-weight:900}.create-battle-submit:disabled{cursor:wait;opacity:.65}.quick-test-modal{width:min(480px,92vw)}.quick-test-teams{flex-wrap:wrap;gap:10px;margin:10px 0 4px;display:flex}.quick-test-team{cursor:pointer;color:#dce9f2;background:#0d1620e6;border:2px solid #33445a;border-radius:8px;flex-direction:column;align-items:center;gap:6px;min-width:96px;padding:8px 12px;display:flex}.quick-test-team.active{background:#ffd1661f;border-color:#ffd166}.quick-test-team .team-color-swatch{border:1px solid #e6edf3;border-radius:50%;flex:0 0 16px;width:16px;height:16px}.quick-test-team .team-character-preview{image-rendering:pixelated}@media (width<=1400px){.hub-players-panel{width:180px}.hub-chat-panel{width:240px}.lobby-team-column{min-width:220px}}@media (width<=760px),(hover:none) and (pointer:coarse){.trade-columns{grid-template-columns:1fr}.trade-modal{max-height:92dvh;overflow:auto}.nearby-trade-panel{display:none!important}.mobile-fullscreen-button{justify-content:center;align-items:center;display:inline-flex}.phase-panel{flex-wrap:wrap;justify-content:center;gap:5px;max-width:calc(100% - 92px);top:8px;padding:6px 8px!important}.phase-panel strong{display:none}.phase-panel time{padding-left:5px;font-size:9px}.teams-panel{min-width:112px;max-width:135px;top:58px;left:auto;right:8px;padding:6px 8px!important}.teams-panel .captain-kick-button{text-overflow:ellipsis;white-space:nowrap;max-width:116px;overflow:hidden}.resources-panel{min-width:132px;top:190px;right:8px;padding:6px 8px!important}.battle-screen.teams-hidden .resources-panel{top:58px}.battle-chat-overlay{width:min(260px,100vw - 16px);height:120px;max-height:120px;bottom:100px;left:8px}.battle-chat-button{bottom:54px;left:8px}.inventory-slots,.coin-slots{--inventory-cell:32px}.inventory-slot,.coin-slot{height:30px}.game-screen section{font-size:11px}.action-bar{flex-wrap:nowrap;gap:4px;width:auto;max-width:calc(100% - 24px);display:flex;bottom:12px}.action-bar button{min-width:0}.status-panel{display:none}.stamina-panel{width:min(220px,100% - 24px);padding:5px 10px 4px;bottom:58px}.mobile-controls{z-index:45;pointer-events:none;touch-action:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:auto 10px 88px}.mobile-controls button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;opacity:.82;min-width:48px;min-height:48px}.mobile-dpad{width:150px;height:150px;position:relative}.mobile-dpad button{position:absolute}.mobile-up{top:0;left:51px}.mobile-left{top:51px;left:0}.mobile-right{top:51px;right:0}.mobile-down{bottom:0;left:51px}.mobile-actions{grid-template-columns:repeat(2,minmax(54px,78px));gap:8px;display:grid}.language-toggle{padding:6px 8px;top:8px;bottom:auto;right:8px}.hub-account-panel{top:8px}.hub-players-panel{width:min(210px,52vw);top:58px;left:8px}.lobby-teams{flex-direction:column}}@media (hover:none) and (pointer:coarse) and (orientation:landscape){.mobile-controls{bottom:58px}.mobile-dpad{width:126px;height:126px}.mobile-dpad button{min-width:42px;min-height:42px}.mobile-up,.mobile-down{left:42px}.mobile-left,.mobile-right{top:42px}.mobile-actions{grid-template-columns:repeat(3,minmax(52px,72px));gap:5px}.mobile-actions button{min-height:42px}.teams-panel,.resources-panel{transform-origin:100% 0;transform:scale(.9)}}.map-preview{background:#0d1218;border-radius:6px;flex:none;position:relative;overflow:hidden}.map-preview canvas{width:100%;height:100%;display:block}.map-preview-overlay{color:#9fb1c1;background:#0d1218d1;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;inset:0}.map-preview-fallback{font-size:12px}.map-preview-fallback span{font-size:22px}.map-preview-spinner{border:2px solid #7fb8ff59;border-top-color:#7fb8ff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite map-preview-spin}@keyframes map-preview-spin{to{transform:rotate(360deg)}}.map-preview-badge{color:#e0b055;background:#0d1218d9;border-radius:3px;padding:1px 5px;font-size:10px;position:absolute;bottom:4px;left:4px}.map-field{flex-direction:column;gap:8px;display:flex}.map-field-button{color:#fff;text-align:left;cursor:pointer;background:#07121c;border:1px solid #60788b;border-radius:6px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;padding:9px 10px;font-size:12px;font-weight:700;display:grid}.map-field-button:hover,.map-field-button.open{border-color:#ffd36b}.map-field-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.map-field-meta{color:#9fb1c1;font-size:11px;font-weight:600}.map-field-caret{color:#9fb1c1}.map-field-list{background:#101922;border:1px solid #333f4c;border-radius:8px;flex-direction:column;gap:6px;padding:6px;display:flex}.map-field-search{color:#fff;background:#07121c;border:1px solid #3b4b57;border-radius:5px;padding:7px 9px;font-size:12px}.map-option-list{overscroll-behavior:contain;flex-direction:column;gap:4px;max-height:46vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.map-option-empty{color:#9fb1c1;padding:8px;font-size:11px}.map-option{width:100%;color:inherit;text-align:left;cursor:pointer;background:#171e26;border:1px solid #0000;border-radius:6px;align-items:center;gap:9px;padding:5px;display:flex;position:relative}.map-option:hover{border-color:#4a5a6b}.map-option:focus-visible{outline-offset:2px;outline:2px solid #7fb8ff}.map-option.selected{border-color:#2ecc71}.map-option-preview{border-radius:4px;flex:none;overflow:hidden}.map-option-text{flex-direction:column;gap:2px;min-width:0;display:flex}.map-option-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.map-option-meta{color:#9fb1c1;font-size:10.5px;font-weight:600}.map-option-check{color:#2ecc71;margin-left:auto;font-weight:900}.map-field-selected{flex-direction:column;gap:6px;display:flex}.map-field-selected-info{color:#9fb1c1;flex-direction:column;gap:2px;font-size:11px;font-weight:600;display:flex}.map-field-selected-info b{color:#dce9f2;font-size:12.5px}.map-picker{grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:10px;max-height:42vh;margin:6px 0 0;padding:2px;list-style:none;display:grid;overflow-y:auto}.map-picker-card{text-align:left;width:100%;color:inherit;cursor:pointer;background:#171e26;border:1px solid #333f4c;border-radius:8px;flex-direction:column;align-items:stretch;gap:4px;padding:6px;display:flex;position:relative}.map-picker-card:hover{border-color:#4a5a6b}.map-picker-card:focus-visible{outline-offset:2px;outline:2px solid #7fb8ff}.map-picker-card.selected{border-color:#2ecc71;box-shadow:inset 0 0 0 1px #2ecc71}.map-picker-name{font-weight:600}.map-picker-meta{color:#9fb1c1;font-size:11px}.map-picker-check{color:#06210f;background:#2ecc71;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-weight:700;display:flex;position:absolute;top:8px;right:10px}.create-battle-label{display:block}.lobby-team-column{border-top:3px solid #4a5a6b}.lobby-team-color{align-items:center;gap:6px;padding:4px 0 8px;font-size:12px;display:flex}.lobby-team-color label{color:#9fb1c1;align-items:center;gap:5px;display:flex}.lobby-team-color select{flex:1;min-width:0}.team-color-swatch{border:1px solid #ffffff59;border-radius:3px;flex:none;width:12px;height:12px;display:inline-block}.create-battle-readonly{color:#9fb1c1;background:#0d1218;border:1px solid #333f4c;border-radius:6px;padding:6px 8px;display:block}.battle-start-lock{z-index:20;color:#e0b055;text-align:center;pointer-events:none;background:#0d1218eb;border:1px solid #c9963b;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.battle-start-lock strong{font-size:16px}.battle-start-lock span{color:#9fb1c1;font-size:12px}.password-field{align-items:center;display:flex;position:relative}.password-field input{flex:1;min-width:0;padding-right:38px}.password-field .password-reveal{color:#fff;background:#0c0f13;border:1px solid #2c3b47;border-radius:5px;width:32px;min-width:32px;height:28px;margin:0;padding:0;font-size:13px;line-height:1;position:absolute;right:5px}.password-field .password-reveal:hover{background:#161c24;border-color:#55707f}.auth-remember{color:#c7d7e4;align-items:center;gap:8px;margin-top:clamp(4px,1.2vh,10px);font-size:clamp(10px,1.6vh,12px);display:flex}.auth-remember input{width:16px;height:16px}.hub-password-button{color:#d8ecfa}.hud-flash-stack{--hud-flash-fade:.42s;z-index:260;max-width:min(560px,100vw - 24px);box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:4px;margin:0;padding:0;display:flex;position:fixed}.hud-flash-notice{color:#ffe6a8;text-align:center;text-shadow:0 1px 2px #000000f2,0 0 8px #000c;overflow-wrap:anywhere;margin:0;padding:0;font-size:12.5px;font-weight:800;line-height:1.35;animation:.16s ease-out both hud-flash-in}.hud-flash-notice.is-leaving{animation:hud-flash-out var(--hud-flash-fade) ease-in both}@keyframes hud-flash-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes hud-flash-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.hud-flash-notice,.hud-flash-notice.is-leaving{animation-duration:1ms}}.role-announcement-toast{color:#ffd36b;top:76px;left:50%;transform:translate(-50%)}@media (width<=760px){.role-announcement-toast{top:58px}}.teams-panel-open{text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.teams-panel-row{color:#dce9f4;align-items:center;gap:7px;margin-top:6px;font-weight:800;display:flex}.teams-panel-row b{color:#fff;margin-left:auto}.teams-panel-open small{color:#8ea3b2;margin-top:8px;font-size:10px;font-weight:700;display:block}.teams-panel-open:hover small{color:#ffd36b}.team-dot{border-radius:50%;flex:none;width:10px;height:10px}.team-roster-modal{width:min(620px,100vw - 30px);max-height:min(560px,100vh - 30px)}.team-roster-feedback{color:#9fe6b0;margin:0;padding:6px 16px 0;font-size:11px}.team-roster-body{flex-direction:column;gap:14px;display:flex}.team-roster-group h3{color:#ffd36b;align-items:center;gap:8px;margin:0 0 6px;font-size:12px;display:flex}.team-roster-group h3 em{color:#8ea3b2;font-size:10px;font-style:normal;font-weight:700}.team-roster-group h3 b{color:#fff;margin-left:auto}.team-roster-group ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.team-roster-name{color:#dce9f4;align-items:center;gap:6px;font-weight:800;display:flex}.team-roster-name em{color:#8ea3b2;font-size:10px;font-style:normal}.team-roster-captain{color:#ffd36b!important}.team-roster-role{color:#afc4d4}.team-roster-state{color:#4fe58b}.team-roster-state.hurt{color:#ff9b9b}.team-roster-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.team-roster-actions select,.team-roster-actions button{white-space:nowrap;min-width:0;max-width:100%;padding:4px 6px;font-size:10px}.team-roster-actions select{text-overflow:ellipsis;max-width:130px}.team-roster-kick{color:#ff9b9b}@media (width<=720px){.team-roster-actions{justify-content:flex-start}}.food-warning-panel{z-index:75;width:min(360px,100vw - 24px);padding:10px 12px;font-size:12px;position:absolute;top:84px;left:50%;transform:translate(-50%)}.food-warning-panel>header{justify-content:space-between;align-items:center;display:flex}.food-warning-panel h2{color:#ffb45c;margin:0;font-size:12px}.food-warning-panel p{color:#dce9f4;margin:6px 0}.food-warning-hint{font-size:11px;color:#8ea3b2!important}.food-warning-candidates{flex-direction:column;gap:3px;margin:6px 0;padding:0;list-style:none;display:flex}.food-warning-candidates label{align-items:center;gap:7px;font-size:11px;display:flex}.food-warning-candidates small{color:#7f96a5;margin-left:auto;font-size:9px}.food-warning-submit{color:#ffd36b;width:100%;margin-top:4px;padding:6px;font-weight:800}.food-warning-submit:disabled{opacity:.5;cursor:not-allowed}.dialog-overlay{z-index:var(--z-dialog)}.player-profile-dialog,.ban-management-window{width:min(560px,100vw - 24px);max-height:min(640px,100vh - 24px)}.ban-dialog{width:min(420px,100vw - 24px)}.ban-dialog textarea{box-sizing:border-box;resize:vertical;width:100%}.ban-dialog-confirm{color:#dce9f4;align-items:flex-start;gap:8px;margin:8px 0;font-size:12px;display:flex}.ban-dialog-submit:disabled{opacity:.5;cursor:not-allowed}.profile-summary{color:#afc4d4;flex-wrap:wrap;gap:6px 14px;font-size:12px;display:flex}.profile-stats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:10px 0;display:grid}.profile-stats div{border:1px solid #2c3b47;border-radius:6px;justify-content:space-between;gap:8px;padding:5px 8px;font-size:11px;display:flex}.profile-stats dt{color:#8ea3b2}.profile-stats dd{color:#fff;margin:0;font-weight:800}.profile-actions-block{border-top:1px solid #ffffff1a;flex-direction:column;gap:8px;margin-top:12px;padding-top:10px;display:flex}.profile-actions-block:first-of-type{border-top:0}.profile-actions-row,.ban-actions-row{flex-wrap:wrap;gap:6px;display:flex}.profile-management{flex-direction:column;gap:8px;margin-top:12px;display:flex}.player-profile-dialog .profile-action-primary{color:#b9f0c9;background:#12241a;border-color:#3f6f52;padding:8px 14px;font-weight:800}.player-profile-dialog .profile-action-primary:hover:not(:disabled){color:#d8ffe6;border-color:#6fe39a}.profile-ban-admin{background:#ffb2400f;border:1px solid #5a3f22;border-radius:8px;padding:10px}.player-profile-dialog .profile-ban-button{letter-spacing:.01em;border-width:1px;border-radius:7px;align-items:center;gap:7px;padding:9px 14px;font-size:12.5px;font-weight:800;display:inline-flex}.player-profile-dialog .profile-ban-button.info{color:#cfe9ff;background:#0d1d28;border-color:#2f5f7a}.player-profile-dialog .profile-ban-button.info:hover:not(:disabled){color:#eaf6ff;border-color:#6fc3ff}.player-profile-dialog .profile-ban-button.admin{color:#ffe1a6;background:#241a08;border-color:#8a6a24}.player-profile-dialog .profile-ban-button.admin:hover:not(:disabled){color:#fff3d6;border-color:#ffd36b}.ban-search-row{gap:6px;display:flex}.ban-search-row input{flex:1;min-width:0}.ban-ambiguous{flex-direction:column;gap:4px;display:flex}.ban-player-card{border:1px solid #2c3b47;border-radius:6px;flex-direction:column;gap:2px;margin:8px 0;padding:8px;display:flex}.ban-player-card small{overflow-wrap:anywhere}.ban-history-scroll{flex-direction:column;gap:6px;max-height:260px;display:flex;overflow-y:auto}.ban-history-row{border:1px solid #2c3b47;border-radius:6px;padding:6px 8px;font-size:11px}.ban-history-row.status-active{border-color:#8b3b33}.ban-history-main{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.ban-status{color:#ffd36b}.ban-reason{color:#dce9f4;overflow-wrap:anywhere;margin:4px 0}.ban-revoke-form{margin-top:8px}.chat-message .chat-sender{cursor:pointer;font-weight:800}.chat-message .chat-sender.has-marker{border-left:var(--role-bar,4px) solid var(--role-color,transparent);padding-left:5px}.chat-message .chat-sender.has-background{background:var(--name-background,transparent);border-radius:4px;padding:1px 6px}.chat-message .chat-sender.has-marker.has-background{padding-left:6px}.chat-message .chat-sender:hover{text-decoration:underline}.chat-message .chat-time{color:#7f96a5;white-space:nowrap;margin-left:auto;padding-left:6px;font-size:10px}.game-screen .metal-panel{border:2px solid var(--hud-border);border-radius:var(--hud-radius);background:var(--hud-bg);box-shadow:var(--hud-shadow), inset 0 1px 0 #ffffff0d}.game-screen .metal-panel.hud-panel-soft{border-color:var(--hud-border-soft)}.game-screen .metal-panel button{border-radius:var(--hud-radius-sm)}.game-screen :where(button){border:1px solid var(--hud-border-soft);border-radius:var(--hud-radius-sm);background:var(--hud-bg-inset);color:var(--hud-text)}.game-screen :where(button):hover{border-color:var(--hud-gold);color:var(--hud-gold)}.hub-screen .hub-online-indicator{width:auto;min-width:148px;color:var(--hud-text);letter-spacing:.02em;border-radius:22px;align-items:center;gap:9px;padding:9px 15px;font-size:12px;font-weight:800;display:flex;top:14px;left:14px}.hub-screen .hub-online-indicator:hover{color:var(--hud-gold)}.hub-screen .hub-online-indicator .connection-light{margin-right:0}.hub-screen .hub-online-indicator b{color:var(--hud-gold)}.hud-icon-rail{z-index:40;flex-direction:column;gap:9px;display:flex;position:absolute;top:66px;left:14px}.hud-icon-button{width:44px;height:44px;color:var(--hud-gold);justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:inline-flex;position:relative}.game-screen .hud-icon-button{border-radius:var(--hud-radius)}.hud-icon-button:hover{background:linear-gradient(#243446 0%,#0e1822 100%)}.hud-icon-button.active{box-shadow:var(--hud-shadow), 0 0 12px #ffd36b66}.hud-icon-tip{border:1px solid var(--hud-border-soft);border-radius:var(--hud-radius-sm);background:var(--hud-bg-solid);color:var(--hud-text);white-space:nowrap;opacity:0;pointer-events:none;padding:5px 10px;font-size:11px;font-weight:700;transition:opacity .12s;position:absolute;top:50%;left:calc(100% + 9px);transform:translateY(-50%)}.hud-icon-button:hover .hud-icon-tip,.hud-icon-button:focus-visible .hud-icon-tip{opacity:1}.hub-screen .hub-account-panel{gap:11px;padding:7px 11px;top:14px}.hud-avatar{border:2px solid var(--hud-border);background:var(--hud-bg-inset);border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;display:inline-flex}.hud-profile-text{min-width:0;color:inherit;line-height:1.15;font:inherit;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;padding:0;display:flex}.hub-account-toggle{cursor:default}.hub-screen .hub-account-name{color:var(--hud-gold);font-size:14px;font-weight:900}.hud-profile-status{color:var(--hud-muted);align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.hud-profile-actions{align-items:center;gap:6px;display:flex}.game-screen .hud-profile-actions button{border:1px solid var(--hud-border-soft);border-radius:var(--hud-radius-sm);background:var(--hud-bg-inset);width:34px;height:34px;color:var(--hud-text);justify-content:center;align-items:center;padding:0;font-size:15px;display:inline-flex}.game-screen .hud-profile-actions button:hover{border-color:var(--hud-gold);color:var(--hud-gold)}.hud-right-column{z-index:40;pointer-events:none;flex-direction:column;align-items:stretch;gap:9px;width:min(300px,32vw);display:flex;position:absolute;top:14px;bottom:104px;right:14px}.hud-right-column>*{pointer-events:auto}.hub-screen .hud-right-column .hub-chat-panel{flex:1 8 auto;width:100%;min-height:118px;max-height:38vh;padding:0;position:static;top:auto;right:auto;overflow:hidden}.hub-screen .hub-chat-panel>header{border-bottom:1px solid var(--hud-border-soft);background:#00000038;padding:8px 11px}.hub-screen .hub-chat-panel>header h2{color:var(--hud-gold);letter-spacing:.08em;margin:0;font-size:12px}.game-screen .hub-chat-panel>header button{border:1px solid var(--hud-border-soft);background:var(--hud-bg-inset);width:26px;height:26px;color:var(--hud-text);padding:0;font-size:12px}.hub-screen .hub-chat-log{gap:2px;margin-top:0;padding:7px 8px}.hub-screen .hub-chat-input-row{margin-top:0;padding:0 9px 9px}.game-screen .hub-chat-input-row input{border-color:var(--hud-border-soft);border-radius:var(--hud-radius-sm);background:var(--hud-bg-inset)}.game-screen .hub-chat-input-row input:focus{border-color:var(--hud-gold);outline:none}.game-screen .hub-chat-input-row button{border:1px solid var(--hud-border-soft);background:var(--hud-bg-inset)}.chat-message{grid-template-columns:max-content minmax(0,1fr) max-content}.chat-time{color:var(--hud-muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-self:start;font-size:9px}.hud-notifications{flex-direction:column;flex:none;gap:8px;min-height:0;max-height:42%;display:flex;overflow-y:auto}.hud-notification{align-items:flex-start;gap:10px;padding:8px 9px;display:flex}.hud-notification-icon{border:1px solid var(--hud-border-soft);border-radius:var(--hud-radius-sm);background:var(--hud-bg-inset);width:32px;height:32px;color:var(--hud-gold);flex:none;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.hud-notification-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hud-notification-title{color:var(--hud-gold);font-size:11px;font-weight:800}.hud-notification-text{color:var(--hud-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.hud-notification-actions{gap:5px;margin-top:4px;display:flex}.game-screen .hud-notification-actions button{color:var(--hud-gold);padding:4px 9px;font-size:10px;font-weight:800}.game-screen .hud-notification-close{border:1px solid var(--hud-border-soft);background:var(--hud-bg-inset);width:22px;height:22px;color:var(--hud-muted);flex:none;align-self:flex-start;padding:0;font-size:10px}.game-screen .hud-notification-close:hover{border-color:var(--hud-danger);color:var(--hud-danger)}.hud-battles-button,.game-screen .hud-create-battle{width:var(--hud-battle-button-width,240px);min-height:42px;color:var(--hud-gold);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:9px;padding:11px 13px;font-size:12px;font-weight:900;display:flex}.hud-battle-buttons{z-index:var(--z-hud-float);flex-direction:column;align-items:stretch;gap:9px;display:flex;position:absolute;bottom:96px;right:18px}.hud-battles-button .hud-battles-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.hud-battles-button:hover,.game-screen .hud-create-battle:hover,.game-screen .hud-secondary-battle:hover{border-color:var(--hud-gold);color:var(--hud-gold)}.hud-battles-button.active{color:#ffe8ad;border-color:#ffd36b;box-shadow:inset 0 0 0 2px #121d27,0 0 10px #ffd36b59}.hud-count{background:var(--hud-danger);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:20px;height:18px;padding:0 6px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}.game-screen .hud-secondary-battle{width:var(--hud-battle-button-width,240px);color:var(--hud-text);padding:8px 11px;font-size:11px;font-weight:800}.mobile-controls .mobile-action{transition:border-color .12s,color .12s,background-color .12s,opacity .12s}.mobile-controls .mobile-action.available{color:#d8ffe6;background:#20603cd1;border-color:#3f8f5c}.mobile-controls .mobile-action.unavailable{color:#7b8c99;opacity:.75;background:#182028cc;border-color:#3a4652}.mobile-controls .mobile-action.unavailable:active{transform:none}.mobile-controls button[data-hud-id=m-interact]{letter-spacing:.04em;font-size:16px;font-weight:900}.game-screen .stamina-panel{border-radius:22px;flex-direction:row;align-items:center;gap:10px;width:min(330px,46vw);padding:7px 13px;bottom:92px}.stamina-runner{color:var(--hud-gold);flex:none;font-size:14px;line-height:1}.game-screen .stamina-panel .stamina-bar-track{border:1px solid #2a3949;border-radius:6px;flex:1;width:auto;height:12px;position:relative}.game-screen .stamina-panel .stamina-bar-fill{background:linear-gradient(90deg,#e9b545,#ffd97e)}.game-screen .stamina-panel .stamina-bar-fill.exhausted{background:linear-gradient(90deg,#8b3b33,#c25348)}.game-screen .stamina-panel .stamina-hint{color:#0c1520;letter-spacing:.1em;pointer-events:none;white-space:nowrap;font-size:8px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-screen .action-bar{border:2px solid var(--hud-border);background:var(--hud-bg);box-shadow:var(--hud-shadow);border-radius:13px;gap:5px;padding:6px;bottom:16px}.game-screen .action-bar button{border-radius:var(--hud-radius);background:var(--hud-bg-inset);color:var(--hud-text);letter-spacing:.03em;box-shadow:none;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:11px;font-weight:800;display:inline-flex}.game-screen .action-bar button:hover{border-color:var(--hud-gold);color:var(--hud-gold);transform:none}.game-screen .action-bar button.active{border-color:var(--hud-gold);color:var(--hud-gold);box-shadow:none}.action-bar-icon{font-size:15px;line-height:1}.action-bar button.action-bar-dev{color:#9fd8ff;border-style:dashed;margin-left:10px}.hub-chat-panel>header .chat-expand-button{cursor:pointer;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:18px;line-height:1;display:inline-flex;position:relative}.chat-expand-button .hud-badge{position:absolute;top:-6px;right:-6px}.battle-stats-line{width:100%;color:var(--hud-muted,#b9c2cf);flex-wrap:wrap;gap:2px 10px;margin-top:2px;font-size:11px;font-weight:600;display:flex}.battle-stats-line b{color:#ffe8ad}.battle-stats-line.empty{opacity:.7;font-style:italic}.team-roster-name{flex-wrap:wrap;align-items:baseline;gap:4px;min-width:0;display:flex}.team-roster-name-text{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.food-warning-candidates li{flex-direction:column;gap:2px;display:flex}.battle-screen>.teams-panel,.battle-screen>.resources-panel,.battle-screen>.battle-chat-overlay,.battle-screen>.battle-chat-button,.battle-screen>.stamina-panel,.battle-screen>.action-bar,.hub-screen .hub-account-panel,.hub-screen .hub-online-indicator,.hub-screen .hud-right-column,.hub-screen .stamina-panel,.hub-screen .hub-action-bar{opacity:var(--hud-opacity,1)}.hud-layout-editor{z-index:var(--z-layout-editor);cursor:default;background:#04090e59;position:fixed;inset:0}.hud-layout-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffd36b1f;border:2px dashed #ffd36b;border-radius:8px;justify-content:flex-start;align-items:flex-start;display:flex;position:fixed}.hud-layout-handle:active{cursor:grabbing;background:#ffd36b38}.hud-layout-handle.moved{border-style:solid}.hud-layout-handle span{color:#ffd36b;white-space:nowrap;background:#0c1520;border-radius:4px;margin:3px;padding:2px 6px;font-size:11px;font-weight:800}.hud-layout-toolbar{color:#dce9f4;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:10px 14px;font-size:12px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-layout-toolbar label{align-items:center;gap:6px;display:inline-flex}.hud-layout-toolbar output{font-variant-numeric:tabular-nums;min-width:3ch}.team-roster-modal{flex-direction:column;display:flex;overflow:hidden}.team-roster-body{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.team-roster-group li{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,.6fr) auto}.team-roster-group li>span{min-width:0}.team-roster-grant{border:1px dashed #9fd8ff;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 16px 0;padding:8px 10px;font-size:11px;display:flex}.team-roster-grant input{width:72px}.team-roster-grant small{color:#8ea3b2;flex-basis:100%}.resources-panel h2{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.inventory-usage{color:var(--hud-muted,#8ea3b2);font-variant-numeric:tabular-nums;font-size:11px}.inventory-usage.full{color:#ff9b6b}.interaction-prompt{color:var(--hud-text,#dce9f4);white-space:nowrap;align-items:center;gap:7px;padding:4px 10px 4px 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}button.interaction-prompt{cursor:pointer}.interaction-keycap{border:1px solid var(--hud-border,#3b4b57);background:var(--hud-bg-inset,#0c1520);min-width:20px;height:20px;color:var(--hud-gold,#ffd36b);border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 5px;font:900 11px/1 inherit;display:inline-flex}.interaction-label{text-overflow:ellipsis;max-width:220px;overflow:hidden}.game-screen .economy-toast{z-index:var(--z-toast);max-width:min(520px,100vw - 32px);top:96px}.hud-corner-hints{z-index:40;flex-direction:column;align-items:flex-start;gap:7px;display:flex;position:absolute;bottom:16px;left:14px}.hud-hint{color:var(--hud-text);align-items:center;gap:8px;padding:6px 11px;font-size:11px;font-weight:700;display:inline-flex}.hud-key{border:1px solid var(--hud-border);background:var(--hud-bg-inset);min-width:21px;height:21px;color:var(--hud-gold);border-radius:5px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:900;display:inline-flex}.hud-ping{color:var(--hud-muted);font-variant-numeric:tabular-nums}@media (width<=900px){.hud-icon-rail{gap:6px;top:60px}.hud-icon-button{width:36px;height:36px;font-size:15px}.hub-screen .hub-chat-panel,.hud-notifications{width:min(230px,42vw)}.game-screen .action-bar button{padding:9px;font-size:10px}.hud-corner-hints{display:none}}.hud-restore-panels{z-index:45;position:absolute;top:14px;left:14px}.game-screen .hud-settings-action{width:100%;color:var(--hud-text);margin-top:9px;padding:10px 13px;font-weight:800}.game-screen .hud-settings-danger{color:#ff9d6b}.hud-settings-modal .hud-toggle{justify-content:space-between}.game-screen .hud-toggle button{color:var(--hud-gold);padding:7px 12px;font-size:11px;font-weight:800}@media (hover:none) and (pointer:coarse),(width<=760px){.hud-icon-rail,.hud-corner-hints{display:none}.hub-screen .hub-account-panel{gap:8px;padding:6px 12px}.hub-screen .hub-account-panel .hud-profile-status,.hub-screen .hub-account-panel .hud-profile-actions{display:none}.hud-avatar{width:30px;height:30px;font-size:15px}.hub-screen .hub-account-name{font-size:15px}.hub-screen .hub-online-indicator{border-radius:20px;padding:8px 14px;font-size:13px}.hub-screen .hud-right-column .hub-chat-panel{min-height:96px;max-height:40vh}.hub-screen .hub-chat-input-row{display:none}.hub-chat-open-row{border:0;border-top:1px solid var(--hud-border-soft);width:100%;color:var(--hud-muted);background:#00000040;border-radius:0;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-size:12px;font-weight:700;display:flex}.hub-chat-open-row:hover,.hub-chat-open-row:active{color:var(--hud-gold)}.hud-battles-button{padding:12px 13px;font-size:13px}.hud-count{min-width:22px;height:20px;font-size:11px}.game-screen .hud-create-battle,.hud-battles-button,.game-screen .hud-secondary-battle{--hud-battle-button-width:min(200px, 60vw);padding:12px;font-size:12px}.hud-battle-buttons{gap:7px;bottom:122px;right:8px}.game-screen .action-bar{gap:4px;padding:5px;bottom:12px}.game-screen .action-bar button{gap:6px;padding:10px 12px;font-size:11px}.action-bar-icon{font-size:14px}.game-screen .stamina-panel{width:min(300px,40vw);padding:6px 11px;bottom:74px}.mobile-controls{z-index:55;pointer-events:none;justify-content:space-between;align-items:flex-end;padding:0 16px;display:flex;position:absolute;inset:auto 0 14px}.mobile-controls button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-dpad{border:2px solid var(--hud-border-soft);width:148px;height:148px;box-shadow:var(--hud-shadow), inset 0 2px 6px #ffffff0f;pointer-events:auto;background:radial-gradient(circle at 50% 38%,#46566a 0%,#212e3c 62%,#16202b 100%);border-radius:50%;position:relative}.mobile-dpad-hub{pointer-events:none;background:radial-gradient(circle at 50% 35%,#8496a8,#5a6b7d);border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:inset 0 2px 4px #ffffff40,0 2px 6px #00000080}.mobile-dpad button{color:#b9c9d8;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:17px;line-height:1;display:inline-flex;position:absolute}.mobile-dpad button:active{color:var(--hud-gold);background:#ffd36b24}.mobile-up{top:2px;left:52px}.mobile-down{bottom:2px;left:52px}.mobile-left{top:52px;left:2px}.mobile-right{top:52px;right:2px}.hub-screen .mobile-actions{grid-template-columns:repeat(2,78px);grid-auto-rows:78px;place-items:center;gap:10px;display:grid}.hub-screen .mobile-actions>:first-child{grid-column:2}.battle-screen .mobile-actions{grid-template-columns:repeat(2,minmax(56px,82px));gap:7px;display:grid}.battle-screen .mobile-actions button{min-height:44px;padding:6px 7px;font-size:10px;font-weight:800}.game-screen .mobile-action-round{border:2px solid var(--hud-border-soft);width:78px;height:78px;color:var(--hud-text);background:radial-gradient(circle at 50% 32%,#33455a 0%,#16202b 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.game-screen .mobile-action-round:active{border-color:var(--hud-gold);color:var(--hud-gold)}.mobile-action-icon{font-size:21px;line-height:1}.game-screen .action-bar{bottom:12px}}@media (hover:none) and (pointer:coarse) and (orientation:landscape){.mobile-dpad{width:120px;height:120px}.mobile-dpad button{width:38px;height:38px;font-size:15px}.mobile-dpad-hub{width:44px;height:44px;margin:-22px 0 0 -22px}.mobile-up{top:1px;left:41px}.mobile-down{bottom:1px;left:41px}.mobile-left{top:41px;left:1px}.mobile-right{top:41px;right:1px}.hub-screen .mobile-actions{grid-template-columns:repeat(2,56px);grid-auto-rows:56px;gap:8px}.battle-screen .mobile-actions{grid-template-columns:repeat(3,minmax(50px,68px));gap:5px}.battle-screen .mobile-actions button{min-height:38px;font-size:9px}.battle-screen .teams-panel{width:min(122px,20vw);min-width:0;max-height:62px;top:50px;left:auto;right:8px;overflow-y:auto;transform:none}.battle-screen .resources-panel{width:min(122px,20vw);min-width:0;max-height:62px;top:118px;left:auto;right:8px;overflow-y:auto;transform:none}.battle-screen.teams-hidden .resources-panel{top:50px}.battle-screen .battle-chat-overlay{width:min(220px,34vw);height:70px;max-height:70px;font-size:10px;inset:auto auto calc(100% - 146px) 8px}.battle-screen .battle-chat-overlay .chat-time{display:none}.battle-screen .battle-chat-button{width:32px;height:32px;font-size:15px;top:150px;bottom:auto;left:8px}.battle-screen .battle-chat-input{display:none}.battle-screen .expanded-chat-modal{width:min(420px,100vw - 16px);max-height:calc(100dvh - 16px)}.battle-screen .expanded-chat-modal .expanded-chat-log{min-height:90px}.game-screen .mobile-action-round{gap:2px;width:56px;height:56px;font-size:8px}.mobile-action-icon{font-size:16px}.hud-right-column{overscroll-behavior:contain;width:min(250px,30vw);max-height:calc(100% - 178px);bottom:auto;overflow-y:auto}.hub-screen .hud-right-column .hub-chat-panel{min-height:84px;max-height:26vh}.hud-battles-button{margin-top:0}.game-screen .stamina-panel{width:min(240px,34vw);bottom:62px}.game-screen .action-bar{padding:4px;bottom:10px}.game-screen .action-bar button{gap:5px;padding:8px 9px;font-size:10px}}@media (hover:none) and (pointer:coarse) and (orientation:portrait){.hub-screen .hub-online-indicator{min-width:0;padding:8px 11px;font-size:12px}.hub-screen .hub-account-panel{max-width:calc(100vw - 190px);padding:6px 9px}.hub-screen .hub-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:96px;font-size:13px;overflow:hidden}.hud-right-column{width:min(200px,46vw);max-height:none;top:80px;bottom:250px}.hub-screen .hud-right-column .hub-chat-panel{max-height:22vh}.game-screen .stamina-panel{width:min(260px,100% - 28px);bottom:210px}.mobile-controls{align-items:center;padding:0 14px;inset:auto 0 64px}.mobile-dpad{width:130px;height:130px}.mobile-dpad button{width:40px;height:40px;font-size:16px}.mobile-dpad-hub{width:48px;height:48px;margin:-24px 0 0 -24px}.mobile-up{top:1px;left:45px}.mobile-down{bottom:1px;left:45px}.mobile-left{top:45px;left:1px}.mobile-right{top:45px;right:1px}.hub-screen .mobile-actions{grid-template-columns:repeat(2,62px);grid-auto-rows:62px;gap:7px}.game-screen .mobile-action-round{width:62px;height:62px;font-size:8px}.battle-screen .mobile-actions{grid-template-columns:repeat(2,minmax(54px,74px));gap:6px}.battle-screen .teams-panel{max-height:76px;top:50px}.battle-screen .resources-panel{max-height:76px;top:134px}.battle-screen .battle-chat-overlay{width:min(200px,46vw);height:96px;max-height:96px;bottom:calc(100% - 146px)}.game-screen .action-bar:not([data-hud-positioned="1"]){width:calc(100% - 20px);max-width:none}.game-screen .action-bar{justify-content:center;bottom:10px}.game-screen .action-bar button{flex:1 1 0;gap:4px;padding:10px 4px;font-size:10px}}@media (height<=560px){.start-screen{place-items:center;padding:10px}.start-card{padding:14px 16px}.start-card h1{margin:0 0 4px;font-size:clamp(20px,4vw,28px)}.start-card p{font-size:11px;line-height:1.35}.start-card label{margin:8px 0 3px;font-size:11px}.start-card input{padding:7px 9px;font-size:12px}.start-card button{padding:9px 12px}.auth-tabs{margin-top:8px}.auth-tabs button{padding:6px 8px;font-size:10px}.start-card small,.start-card .editor-link{font-size:10px}.start-card.auth-card{grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:center;gap:0 14px;width:min(680px,100%);display:grid}.start-card.auth-card>.auth-language,.start-card.auth-card>.eyebrow,.start-card.auth-card>h1,.start-card.auth-card>.auth-tabs,.start-card.auth-card>.auth-notice,.start-card.auth-card>.auth-invite-banner,.start-card.auth-card>button,.start-card.auth-card>.error,.start-card.auth-card>small,.start-card.auth-card>.editor-link{grid-column:1/-1}.start-card.auth-card>.auth-remember{grid-column:1/-1;margin:6px 0 0}.start-card.auth-card>button[type=submit]{margin-top:10px}}@media (height<=430px){.start-card{padding:8px 12px}.start-card.auth-card>.eyebrow,.start-card.auth-card>small{display:none}.start-card.auth-card>.auth-language{grid-column:1;align-self:center;margin:0}.start-card.auth-card>h1{grid-column:2;place-self:center start;margin:0;font-size:clamp(18px,5.5vh,26px)}.auth-tabs,.start-card.auth-card>button[type=submit]{margin-top:6px}}.percent-low{color:#fff}.percent-good{color:#4fe58b}.percent-high{color:#4da3ff}.percent-elite{color:#bb68ff}.language-toggle{cursor:pointer;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.language-toggle.language-toggle-inline{align-self:flex-start;margin-bottom:8px;position:static}.language-toggle.auth-language{justify-self:start;margin:0 0 10px}.language-toggle-badge{color:var(--hud-gold,#ffd36b);letter-spacing:.06em;font-size:11px;font-weight:900}.language-toggle select{color:var(--hud-text,#dce9f4);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 4px;font-size:11px;font-weight:700}.language-toggle select option{color:#dce9f4;background:#0c1520}.access-badge{border:1px solid var(--role-color,#3b4b57);color:var(--role-color,#dce9f4);border-radius:999px;align-items:center;gap:6px;padding:2px 9px;font-size:11px;font-weight:800;display:inline-flex}.access-badge .access-dot{background:var(--role-color,#dce9f4);border-radius:50%;width:8px;height:8px}.game-screen canvas{touch-action:none}.touch-joystick{z-index:45;pointer-events:none;opacity:.72;background:#0c152059;border:2px solid #ffd36b8c;border-radius:50%;place-items:center;animation:.12s ease-out joystick-in;display:grid;position:fixed;transform:translate(-50%,-50%)}@keyframes joystick-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}to{opacity:.72;transform:translate(-50%,-50%)scale(1)}}.touch-joystick-knob{background:#ffd36b59;border:2px solid #ffd36be6;border-radius:50%;width:56px;height:56px}@media (prefers-reduced-motion:reduce){.touch-joystick{animation:none}}@media (width<=760px),(hover:none) and (pointer:coarse){:root{--bottom-hud-height:118px;--interaction-prompt-clearance:60px;--chat-window-top:56px}.economy-modal{width:min(720px, calc(100vw - 16px - var(--safe-left) - var(--safe-right)))}.economy-modal header{padding:9px 12px}.economy-modal header h2{font-size:13px}.economy-body{padding:10px 12px 12px}.economy-row{gap:5px;padding:7px 8px;font-size:11px}.economy-row input,.economy-row select,.economy-row button,.economy-modal header button{min-height:34px}.expanded-chat-modal,.team-roster-modal,.player-profile-dialog,.ban-management-window,.active-matches-window,.online-directory-modal,.create-battle-modal,.entitlements-window{width:min(860px, calc(100vw - 12px - var(--safe-left) - var(--safe-right)));height:auto}.build-menu{width:min(860px, calc(100vw - 12px - var(--safe-left) - var(--safe-right)));max-height:min(80dvh, calc(100dvh - var(--bottom-hud-height) - var(--safe-top) - 12px));top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.build-menu ul{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.build-menu li button{height:100%}.online-directory-modal .online-row-main{grid-template-columns:22px 28px minmax(0,1fr) auto}.online-directory-modal .col-num,.online-directory-modal .col-role,.online-directory-head{display:none}.chat-scope-row{flex-wrap:wrap;gap:6px}.chat-scope-row select{flex:140px;min-height:34px}}@media (orientation:landscape) and (height<=520px){:root{--bottom-hud-height:78px;--chat-window-top:44px}.economy-modal header{padding:6px 10px}.economy-body{padding:8px 10px 10px}.game-screen .action-bar{padding:4px;bottom:8px}.game-screen .action-bar button{padding:7px 9px;font-size:10px}.game-screen .stamina-panel{bottom:56px}}.rotate-hint{left:50%;top:calc(10px + var(--safe-top,0px));z-index:var(--z-dialog);place-items:center;width:min(320px,100vw - 20px);padding:0;display:grid;position:fixed;transform:translate(-50%)}.rotate-hint .rotate-hint-card{gap:4px;padding:10px 14px}.rotate-hint .rotate-hint-icon{font-size:24px}.rotate-hint-card{text-align:center;color:var(--hud-text,#dce9f4);justify-items:center;gap:8px;padding:20px 24px;display:grid}.rotate-hint-card strong{color:var(--hud-gold,#ffd36b);font-size:15px}.rotate-hint-card small{color:var(--hud-muted,#8ea3b2);font-size:12px}.rotate-hint-dismiss{min-height:44px;margin-top:6px;padding:8px 16px}.rotate-hint-icon{color:var(--hud-gold,#ffd36b);font-size:40px;animation:2.4s ease-in-out infinite rotate-hint-spin}@keyframes rotate-hint-spin{0%,60%{transform:rotate(0)}80%,to{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){.rotate-hint-icon{animation:none}}.inventory-slots{grid-template-columns:repeat(var(--inventory-columns,4), minmax(0, var(--inventory-cell,42px)));justify-content:start;gap:6px;max-width:100%;display:grid}.game-screen .interaction-prompt-hud{z-index:var(--z-hud-float);left:50%;bottom:var(--interaction-prompt-bottom);position:absolute;transform:translate(-50%)}.camera-hud{z-index:var(--z-hud-button);touch-action:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:120px;right:18px}.camera-hud-video{cursor:grab}.camera-hud:active .camera-hud-video{cursor:grabbing}.camera-hud-button{justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:17px;display:inline-flex}.camera-hud-button.active{border-color:#ff4d5a;box-shadow:0 0 10px #ff4d5a73}.camera-hud-button:disabled{opacity:.5;cursor:default}.camera-hud-video{aspect-ratio:16/9;object-fit:cover;border:2px solid var(--hud-border,#778997);background:#05090c;border-radius:6px;width:180px;display:block;transform:scaleX(-1)}.team-roster-modal{width:min(1080px,100vw - 24px)}.team-roster-rows{gap:4px;display:grid}.team-roster-rows>li{border:1px solid #2c3b47;border-radius:6px;grid-template-columns:minmax(120px,1.05fr) minmax(78px,.62fr) minmax(58px,.48fr) minmax(160px,1.35fr) minmax(230px,auto);align-items:center;gap:4px 6px;padding:4px 7px;font-size:11px;display:grid}.team-roster-rows>li>span{min-width:0;overflow:hidden}.team-roster-rows>li>span.team-roster-role,.team-roster-rows>li>span.team-roster-state{overflow-wrap:anywhere}.team-roster-rows>li.team-roster-head{color:#7f94a3;text-transform:uppercase;letter-spacing:.05em;border-color:#0000;padding-bottom:0;font-size:10px}.team-roster-rows>li>span{min-width:0}.team-roster-name{align-items:baseline;gap:5px;min-width:0;font-weight:800;display:flex}.team-roster-stats .battle-stats-line{margin-top:0}.team-roster-actions{flex-wrap:nowrap;gap:3px}.team-roster-actions select,.team-roster-actions button{white-space:nowrap;border-radius:5px;min-height:24px;padding:2px 5px;font-size:9px;line-height:1.1}.team-roster-actions select{width:105px;max-width:105px}@media (width<=720px){.team-roster-rows>li{grid-template-columns:minmax(0,1fr) minmax(0,auto);row-gap:4px}.team-roster-rows>li.team-roster-head{display:none}.team-roster-stats,.team-roster-actions{grid-column:1/-1;justify-content:flex-start}}html[data-hud-device=mobile] .economy-modal{zoom:var(--hud-content-scale,1);width:calc(min(720px, calc(100vw - 16px - var(--safe-left) - var(--safe-right))) / var(--hud-content-scale,1));max-height:calc((100dvh - var(--bottom-hud-height) - var(--safe-bottom) - var(--safe-top) - 16px) / var(--hud-content-scale,1))}html[data-hud-device=mobile] .expanded-chat-modal,html[data-hud-device=mobile] .team-roster-modal,html[data-hud-device=mobile] .player-profile-dialog,html[data-hud-device=mobile] .ban-management-window,html[data-hud-device=mobile] .active-matches-window,html[data-hud-device=mobile] .online-directory-modal,html[data-hud-device=mobile] .create-battle-modal,html[data-hud-device=mobile] .entitlements-window{width:calc(min(900px, calc(100vw - 12px - var(--safe-left) - var(--safe-right))) / var(--hud-content-scale,1))}html[data-hud-device=mobile] .expanded-chat-modal,html[data-hud-device=mobile] .online-directory-modal{height:auto;max-height:calc((100dvh - var(--bottom-hud-height) - var(--safe-bottom) - var(--safe-top) - 16px) / var(--hud-content-scale,1))}html[data-hud-device=mobile] .build-menu>ul{zoom:var(--hud-content-scale,1)}html[data-hud-device=mobile] .create-battle-columns{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}html[data-hud-device=mobile] .create-battle-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}html[data-hud-device=mobile] .economy-overlay:has(>.expanded-chat-modal){padding-top:calc(var(--chat-window-top,52px) + var(--safe-top));align-items:flex-start}html[data-hud-device=mobile] .expanded-chat-modal{width:calc(min(560px, calc(100vw - 24px - var(--safe-left) - var(--safe-right))) / var(--hud-content-scale,1));height:calc((100dvh - var(--chat-window-top,52px) - var(--bottom-hud-height) - var(--safe-top) - var(--safe-bottom)) / var(--hud-content-scale,1));max-height:none}html[data-hud-device=mobile] .battle-screen .teams-panel,html[data-hud-device=mobile] .battle-screen .resources-panel{width:max-content;min-width:0;max-width:min(320px,46vw);max-height:42dvh;overflow:hidden auto;height:auto!important}.active-matches-window{width:min(760px,100vw - 24px)}.active-matches-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.active-matches-list>li{border:1px solid #2c3b47;border-radius:6px;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) minmax(0,auto);align-items:center;gap:8px;padding:8px;font-size:11px;display:grid}.active-matches-list>li>span{min-width:0}.active-match-title{flex-direction:column;gap:2px;display:flex}.active-match-title em{color:#8ea3b2;font-size:10px;font-style:normal}.active-match-title small{color:#64798a;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.active-match-teams{flex-wrap:wrap;gap:6px 10px;display:flex}.active-match-team{cursor:pointer;align-items:center;gap:4px;display:flex}.active-match-team b{color:#ffd36b}.active-match-actions{justify-content:flex-end;display:flex}.ban-guest-results{margin-top:10px}.ban-guest-list{flex-direction:column;gap:4px;margin:4px 0 0;padding:0;list-style:none;display:flex}.ban-guest-list>li{border:1px solid #2c3b47;border-radius:6px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,auto);align-items:center;gap:8px;padding:6px 8px;font-size:11px;display:grid}.ban-guest-name,.ban-guest-where{flex-direction:column;gap:2px;min-width:0;display:flex}.ban-guest-name small,.ban-guest-where small{color:#7f94a3;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}@media (width<=720px){.active-matches-list>li,.ban-guest-list>li{grid-template-columns:minmax(0,1fr)}.active-match-actions{justify-content:flex-start}}.captain-election-panel{z-index:var(--z-dialog);width:min(560px,100vw - 24px);max-height:min(80vh,620px);padding:14px 16px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.captain-election-panel h2{margin:0 0 4px;font-size:15px}.captain-election-reason{color:#b9c2cf;margin:0 0 8px;font-size:12px}.captain-election-timer{color:#ffd36b;font-weight:800}.captain-election-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.captain-election-list>li{border:1px solid #2c3b47;border-radius:6px;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) minmax(0,120px);align-items:center;gap:8px;padding:6px 8px;font-size:11px;display:grid}.captain-election-list>li>*{min-width:0}.captain-election-name{flex-wrap:wrap;align-items:baseline;gap:4px;font-weight:800;display:flex}.captain-election-name em{color:#8ea3b2;font-size:10px;font-style:normal}.captain-election-votes{justify-self:end;align-items:center;gap:6px;display:flex}.captain-election-votes b{color:#ffd36b}.captain-election-list button{white-space:nowrap;padding:4px 8px;font-size:10px}.captain-election-list>li.voted{border-color:#4fe58b}.captain-election-offline{opacity:.55}.captain-election-hint{color:#8ea3b2;margin:8px 0 0;font-size:11px}@media (width<=720px){.captain-election-list>li{grid-template-columns:minmax(0,1fr) minmax(0,auto)}.captain-election-stats{grid-column:1/-1}}.hud-layout-handle{flex-direction:column;justify-content:space-between;align-items:stretch;padding:2px}.hud-layout-handle-label{color:#ffd36b;white-space:nowrap;background:#0c1520;border-radius:4px;align-self:flex-start;margin:0;padding:2px 6px;font-size:11px;font-weight:800}.hud-layout-handle-tools{align-self:flex-end;gap:3px;display:flex}.hud-layout-handle-tools button{color:#ffd36b;cursor:pointer;background:#0c1520;border:1px solid #ffd36b;border-radius:5px;width:22px;height:22px;padding:0;font-size:11px;line-height:1}.hud-layout-handle-tools button:disabled{opacity:.4;cursor:default}.hud-layout-handle.hidden{opacity:.55;border-style:dotted}.hud-layout-handle.ghost{background:repeating-linear-gradient(135deg,#ffd36b14 0 8px,#0c152059 8px 16px);border-style:dashed}.hud-layout-ghost-note{color:#9fb1c1;font-size:10px;font-style:normal;font-weight:600}.hud-element-hidden-preview{opacity:.45;outline:1px dashed #ffd36b99}.hud-layout-hidden-list{flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;display:flex}.hud-layout-hidden-list button{color:#dce9f4;background:#0c1520;border:1px solid #3b4b57;border-radius:999px;padding:3px 8px;font-size:11px}html[data-hud-preview] body{background:#1a232d}html[data-hud-preview] .game-screen{background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/40px 40px,#1a232d}html[data-hud-preview] .game-screen,html[data-hud-preview] .game-screen *{pointer-events:none!important}html[data-hud-preview] .economy-overlay{background:0 0!important}html[data-hud-preview] .rotate-hint{display:none!important}.hud-element-focused{z-index:var(--z-banner)!important}.economy-overlay.hud-element-focused{z-index:calc(var(--z-banner) + 1)!important}.hud-layout-editor.preview{background:0 0;outline:none}.hud-layout-editor.preview .hud-layout-handle{background:0 0;border:1px dashed #ffd36b52}.hud-layout-editor.preview .hud-layout-handle.ghost{background:repeating-linear-gradient(135deg,#ffd36b14 0 8px,#0c152059 8px 16px)}.hud-layout-editor.preview .hud-layout-handle:hover{background:#ffd36b12;border-color:#ffd36bd9}.hud-layout-editor.preview .hud-layout-handle .hud-layout-handle-label,.hud-layout-editor.preview .hud-layout-handle .hud-layout-handle-tools{visibility:hidden}.hud-layout-editor.preview .hud-layout-handle:hover .hud-layout-handle-label,.hud-layout-editor.preview .hud-layout-handle.selected .hud-layout-handle-label,.hud-layout-editor.preview .hud-layout-handle.ghost .hud-layout-handle-label,.hud-layout-editor.preview .hud-layout-handle.selected .hud-layout-handle-tools{visibility:visible}.hud-layout-handle.selected{box-shadow:0 0 0 1px #0c1520,0 0 14px #ffd36b73;border:2px solid #ffd36b!important}.hud-layout-handle.selected .hud-layout-handle-label{position:absolute;bottom:calc(100% + 3px);left:0}.hud-layout-resize-grip,.hud-layout-scale-grip,.hud-layout-width-grip,.hud-layout-height-grip{z-index:2;touch-action:none;pointer-events:auto;background:#ffd36b;border:2px solid #0c1520;border-radius:3px;width:14px;height:14px;position:absolute}.hud-layout-resize-grip,.hud-layout-scale-grip{cursor:nwse-resize;bottom:-7px;right:-7px}.hud-layout-width-grip{cursor:ew-resize;background:#9fd8ff;width:10px;height:20px;top:calc(50% - 10px);right:-6px}.hud-layout-height-grip{cursor:ns-resize;background:#9fd8ff;width:20px;height:10px;bottom:-6px;left:calc(50% - 10px)}.language-toggle.language-toggle-compact{gap:0;padding:4px 8px;position:relative}.language-toggle.language-toggle-compact select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ui-button,.player-profile-dialog button:not(.create-battle-submit),.ban-management-window button:not(.create-battle-submit),.ban-history-window button,.ban-dialog header button,.online-row-actions button{color:#dce9f4;cursor:pointer;background:#0f1a24;border:1px solid #3b4b57;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:700;line-height:1.2}.ui-button:hover:not(:disabled),.player-profile-dialog button:not(.create-battle-submit):hover:not(:disabled),.ban-management-window button:not(.create-battle-submit):hover:not(:disabled),.online-row-actions button:hover:not(:disabled){border-color:var(--hud-gold,#ffd36b);color:var(--hud-gold,#ffd36b)}.ui-button:disabled{opacity:.5;cursor:default}.ui-button.danger{color:#ffb3bd;background:#2a1016;border-color:#7a3440}.ui-button.danger:hover:not(:disabled){color:#ffd6db;border-color:#ff5c6c}.ban-history-window{width:min(640px,100vw - 24px)}.ban-history-window .ban-history-row small{color:#9fb1c1;display:block}.percent-bad{color:#ff5c5c}.percent-none{color:#9fb1c1}.joystick-zone{display:none}@media (hover:none) and (pointer:coarse),(width<=760px){.joystick-zone{z-index:var(--z-frame);pointer-events:none;width:45%;height:72%;display:block;position:absolute;bottom:0;left:0}.mobile-controls:not([data-hud-positioned="1"]){justify-content:flex-end}.mobile-actions:not([data-hud-positioned="1"]){margin-left:auto}.game-screen .action-bar:not([data-hud-positioned="1"]){left:auto;right:calc(10px + var(--safe-right,0px));transform:none}.game-screen .interaction-prompt-hud:not([data-hud-positioned="1"]){left:auto;right:calc(12px + var(--safe-right,0px));transform:none}}html[data-hud-preview] .joystick-zone{outline-offset:-2px;background:#ffd36b0f;outline:2px dashed #ffd36bbf}body:has(.hud-layout-editor) .joystick-zone{outline-offset:-2px;background:#ffd36b0f;outline:2px dashed #ffd36bbf}@media (hover:none) and (pointer:coarse),(width<=760px){.game-screen .stamina-panel.compact{border-width:1px;border-radius:7px;gap:0;width:min(190px,46vw);padding:3px 6px}.game-screen .stamina-panel.compact .stamina-bar-track{height:6px;box-shadow:none;border-radius:3px}.game-screen .stamina-panel.compact .stamina-bar-fill{border-radius:3px}.hub-screen .hub-account-panel{max-width:min(60vw,260px);z-index:var(--z-hud-button);border-radius:9px;gap:7px;padding:4px 8px}.hub-screen .hub-account-panel .hud-avatar{border-width:1px;width:26px;height:26px;font-size:13px}.hub-screen .hub-account-panel .hud-profile-actions{display:none}.hub-screen .hub-account-panel .hub-account-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:0;min-width:0;padding:0;display:flex}.hub-screen .hub-account-panel .hub-account-toggle .hub-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:38vw;font-size:12px;overflow:hidden}.hub-screen .hub-account-panel .hud-profile-status{font-size:9px;display:flex}.hub-account-menu{z-index:var(--z-window,100);border:1px solid var(--hud-border,#3b4b57);background:var(--hud-bg,#101923);border-radius:9px;flex-direction:column;gap:2px;min-width:160px;max-width:calc(100vw - 24px);padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 10px 26px #0000008c}.hub-account-menu button{text-align:left;width:100%;min-height:38px;color:var(--hud-text,#dce9f4);background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:700}.hub-account-menu button:hover,.hub-account-menu button:focus-visible{background:#9fd8ff1a}.hub-screen .expanded-chat-modal .hub-chat-input-row{display:flex}.game-screen .expanded-chat-modal>header{padding:5px 9px}.game-screen .expanded-chat-modal>header h2{letter-spacing:.06em;font-size:11px}.game-screen .expanded-chat-modal>header button{width:28px;min-height:28px;padding:0}.expanded-chat-modal .chat-scope-row{gap:5px;padding:5px 9px 0}.expanded-chat-modal .chat-scope-row select{min-height:30px;padding:3px 6px;font-size:11px}.expanded-chat-modal .expanded-chat-log{flex:auto;padding:4px 0}.expanded-chat-modal .hub-chat-input-row{gap:5px;margin-top:0;padding:5px 9px 6px}.expanded-chat-modal .hub-chat-input-row input{min-height:34px;padding:5px 8px;font-size:12px}.expanded-chat-modal .hub-chat-input-row button{min-width:40px;min-height:34px;padding:5px 10px}.expanded-chat-modal .chat-message{padding:1px 6px;font-size:11px}.expanded-chat-modal .chat-time{font-size:9px}.battle-screen .resources-panel{border-radius:8px;min-width:0;overflow:visible;padding:4px 5px!important}.battle-screen .resources-panel h2{justify-content:flex-end;gap:4px;margin:0 0 3px}.battle-screen .resources-panel .panel-title-text{display:none}.battle-screen .resources-panel .inventory-usage{font-size:9px}.battle-screen .inventory-slots,.battle-screen .coin-slots{gap:3px}.battle-screen .coin-slots{margin-top:3px}.battle-screen .inventory-slots,.battle-screen .coin-slots{--inventory-cell:26px}.battle-screen .inventory-slot,.battle-screen .coin-slot{border-radius:4px;height:24px}.battle-screen .inventory-resource-image{width:18px;height:18px}.battle-screen .inventory-slot b{font-size:9px;margin-left:2px!important}.battle-screen .teams-panel{border-radius:8px;min-width:0;max-width:128px;font-size:10px;padding:4px 6px!important}.battle-screen .teams-panel>header{gap:4px;margin-bottom:2px}.battle-screen .teams-panel>header h2{font-size:9px}.battle-screen .teams-panel .panel-title-text{display:none}.battle-screen .teams-panel-row{gap:5px;margin-top:2px;font-size:10px;font-weight:800}.battle-screen .teams-panel-row .team-dot{width:7px;height:7px}.battle-screen .teams-panel-open small{margin-top:3px;font-size:8px}}@media (hover:none) and (pointer:coarse) and (orientation:landscape){.battle-screen .resources-panel{width:auto;max-width:min(140px,26vw);max-height:none;top:92px;overflow:visible}.battle-screen.teams-hidden .resources-panel{top:46px}.battle-screen .teams-panel{width:auto;max-width:128px;max-height:none;top:46px;overflow:visible}.game-screen .stamina-panel.compact{width:min(160px,34vw);bottom:52px}}@media (hover:none) and (pointer:coarse),(width<=760px){.mobile-controls:not([data-hud-positioned="1"]){padding-left:calc(14px + var(--safe-left));padding-right:calc(14px + var(--safe-right));margin-bottom:var(--safe-bottom)}.game-screen .action-bar:not([data-hud-positioned="1"]),.game-screen .stamina-panel:not([data-hud-positioned="1"]){margin-bottom:var(--safe-bottom)}.hub-screen .hub-account-panel:not([data-hud-positioned="1"]){margin-top:var(--safe-top)}}.friends-window{width:min(560px,100vw - 24px)}.friends-section+.friends-section{margin-top:14px}.friends-section h3{align-items:center;gap:6px;margin:0 0 6px;display:flex}.friends-count{color:#ffd36b;background:#ffd36b26;border-radius:8px;padding:0 6px;font-size:11px}.friends-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.friends-row{background:#0c121999;border:1px solid #22303d;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:5px 7px;display:flex}.friends-name{flex-direction:column;min-width:0;display:flex}.friends-name b{color:var(--role-color,#dce9f4);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friends-online{color:#7fd48a;font-size:11px}.friends-offline{color:#8b98a6;font-size:11px}.friends-actions{flex-wrap:wrap;gap:4px;display:flex}.friends-pending{color:#b9c2cf;align-self:center;font-size:11px;font-style:italic}.profile-friend-state{color:#b9c2cf;align-self:center;font-size:12px}@media (width<=720px){.friends-row{flex-direction:column;align-items:stretch}.friends-actions{justify-content:flex-start}}.hud-layout-guide{z-index:3;pointer-events:none;background:#ff3d8b;position:fixed;box-shadow:0 0 6px #ff3d8bb3}.hud-layout-guide.vertical{width:1px;top:0;bottom:0}.hud-layout-guide.horizontal{height:1px;left:0;right:0}.item-visual{align-items:center;gap:7px;min-width:0;display:inline-flex}.item-icon{object-fit:contain;image-rendering:pixelated;background:#00000040;border-radius:4px;flex:none}.item-icon-sm{width:22px;height:22px}.item-icon-md{width:32px;height:32px}.item-icon-lg{width:44px;height:44px}.item-icon-empty{justify-content:center;align-items:center;font-size:14px;display:inline-flex}.item-quantity{color:#ffe8ad;font-size:15px;font-weight:900;line-height:1}.item-name{color:var(--hud-muted,#b9c2cf);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.item-suffix{color:#8ea3b5;font-size:10px;font-weight:600}.item-cost{flex-wrap:wrap;align-items:center;gap:4px 10px;display:inline-flex}.item-cost-entry{align-items:center;gap:3px;display:inline-flex}.item-cost-entry .item-quantity{font-size:13px}.item-cost-empty{color:var(--hud-muted,#b9c2cf);font-size:11px}.economy-row .item-visual{flex:auto}.build-menu li button{text-align:left;flex-direction:row;align-items:center;gap:9px;width:100%;display:flex}.build-menu-text{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.build-menu-cost{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.build-menu-points{color:#ffd36b;font-size:11px;font-weight:800}.construction-material-row{align-items:center;gap:6px;display:flex}.construction-material-row.done .item-quantity{color:#7fd48a}.item-exchange{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.pause-vote-panel{z-index:var(--z-banner);flex-direction:column;gap:6px;width:min(360px,100vw - 24px);padding:12px 14px;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%)}.pause-vote-panel h2{color:var(--hud-gold);letter-spacing:.06em;margin:0;font-size:14px}.pause-vote-question{color:#d8ecfa;margin:0;font-size:12px;font-weight:700}.pause-vote-tally{color:var(--hud-muted,#b9c2cf);margin:0;font-size:11px;font-weight:700}.pause-vote-answered{color:#7fd48a;margin:0;font-size:12px;font-weight:800}.pause-vote-actions{gap:8px;display:flex}.pause-vote-actions button{color:#ffd36b;flex:1;padding:8px 10px;font-weight:900}.team-roster-pause{color:#ffd36b;margin-left:auto;margin-right:8px;padding:6px 10px;font-size:11px;font-weight:800}.pause-overlay{z-index:var(--z-banner);pointer-events:none;background:#04090e8c;place-items:center;display:grid;position:absolute;inset:0}.pause-overlay-card{flex-direction:column;align-items:center;gap:4px;padding:18px 28px;display:flex}.pause-overlay-card h2{color:var(--hud-gold);letter-spacing:.1em;margin:0;font-size:16px}.pause-overlay-timer{color:#fff;font-variant-numeric:tabular-nums;margin:0;font-size:34px;font-weight:900}.pause-overlay-hint{color:var(--hud-muted,#b9c2cf);margin:0;font-size:12px}.entitlements-window{width:min(620px,100vw - 24px)}.entitlements-block{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:10px}.entitlements-block:first-of-type{border-top:0;margin-top:0;padding-top:0}.entitlements-grant-row{flex-wrap:wrap;gap:6px;display:flex}.entitlements-grant-row select{flex:220px;min-width:0}.entitlement-row{background:#0c12198c;border:1px solid #2c3b47;border-left-width:3px;border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;padding:7px 9px;display:flex}.entitlement-row.active{border-left-color:#3f8f5c}.entitlement-main{flex:100%;align-items:baseline;gap:8px;display:flex}.entitlement-main b{font-size:12.5px}.entitlement-state{color:var(--hud-muted,#8ea3b2);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px}.entitlement-row small{color:var(--hud-muted,#8ea3b2);flex:auto;font-size:10.5px}.entitlements-features{border:1px solid #ffffff1f;border-radius:6px;margin:8px 0 0;padding:6px 9px 8px}.entitlements-features legend{color:#8fb1c8;letter-spacing:.06em;text-transform:uppercase;padding:0 6px;font-size:10px;font-weight:800}.entitlement-feature-row{border-top:1px solid #ffffff0f;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:8px;min-height:30px;display:grid}.entitlements-features .entitlement-feature-row:first-of-type{border-top:0}.entitlement-feature-name{color:var(--hud-muted,#8ea3b2);overflow-wrap:anywhere;font-size:11.5px}.entitlement-feature-name.on{color:#d8ffe6;font-weight:700}.entitlement-feature-row select{width:100%;min-width:0;font-size:11px}@media (width<=760px){.entitlement-feature-row{grid-template-columns:minmax(0,1fr) 108px}}.onboarding-card{z-index:40;gap:8px;width:min(380px,100vw - 32px);padding:14px 16px;font-size:13px;line-height:1.4;display:grid;position:fixed;top:72px;left:50%;transform:translate(-50%)}.onboarding-card ol{gap:4px;margin:0;padding-left:18px;display:grid}.onboarding-card button{justify-self:end}.minimap-button{z-index:var(--z-hud-button);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;display:inline-flex;position:absolute;top:58px;left:12px}.minimap-button.active{border-color:#7fc8ff;box-shadow:0 0 10px #7fc8ff73}.minimap-overlay{z-index:var(--z-hud-button);opacity:.92;pointer-events:none;background:#080e148c;flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:58px;left:56px}.minimap-overlay canvas{image-rendering:pixelated;display:block}.minimap-overlay small{color:#d8ecfa;align-items:center;gap:5px;font-size:11px;display:flex}.minimap-overlay small i{border-radius:50%;width:8px;height:8px;display:inline-block}.phase-role-prompt{color:#ffe7a6;cursor:pointer;background:#ffc94b26;border:1px solid #ffc94b;border-radius:4px;padding:2px 8px;font-size:12px}.phase-status{border-radius:4px;padding:1px 6px;font-size:11px}.phase-status.frozen{color:#bfe6ff;background:#7fc8ff33}.phase-status.expanded{color:#ffe7a6;background:#ffc94b2e}.captain-role-picker{border:1px solid #50616e;border-radius:6px;flex-direction:column;gap:4px;margin:6px 0 10px;padding:8px 10px;display:flex}.captain-role-picker.attention{background:#ffc94b14;border-color:#ffc94b}.captain-role-picker label{text-align:left;justify-content:flex-start;align-items:center;gap:10px;font-size:13px;display:flex}.captain-role-picker label b{margin-left:0;font-size:13px}.captain-role-picker small{color:#a8bccb}.status-dot.presence-hub{background:#4fe58b;box-shadow:0 0 7px #4fe58b}.status-dot.presence-battle{background:#ff9f3a;box-shadow:0 0 7px #ff9f3a}.status-dot.presence-offline{box-shadow:none;opacity:.85;background:#ff4d5a}.online-row.presence-offline .col-name{opacity:.6}