.powers{display:none}.playing .powers{right:26px;bottom:calc(var(--console-height) + 14px);z-index:7;flex-direction:row;align-items:flex-end;gap:22px;display:flex;position:absolute}.playing .powers.hidden{display:none}.power-button{--charge:0;touch-action:manipulation;cursor:pointer;background:#0b1620;border:3px solid #52626c;border-radius:50%;width:92px;height:92px;padding:0;position:relative;overflow:visible;box-shadow:0 5px 18px #000b,inset 0 0 0 3px #050b10}.power-button.big{width:112px;height:112px}.power-button img{object-fit:cover;filter:grayscale(.85)brightness(.45);border-radius:50%;width:calc(100% - 10px);height:calc(100% - 10px);transition:filter .2s;position:absolute;inset:5px}.power-ring{pointer-events:none;background:conic-gradient(transparent calc(var(--charge) * 360deg),#050b10cc 0);border-radius:50%;position:absolute;inset:5px}.power-button kbd{margin:0;padding:2px 7px;font-size:13px;position:absolute;top:-2px;right:-2px}.power-name{white-space:nowrap;letter-spacing:1px;color:#8fa4ae;text-shadow:0 1px 3px #000;font-size:12px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.power-button.ready{border-color:#e0bd72;box-shadow:0 0 22px #e0a84a77,0 5px 18px #000b,inset 0 0 0 3px #050b10}.power-button.ready img{filter:none}.power-button.ready .power-ring{background:0 0}.power-button.ready .power-name{color:#e8cf95}.power-button:hover.ready{transform:scale(1.04)}.power-button.fresh{animation:.6s ease-out power-ready}.power-button.active{border-color:#ff8a4a}@keyframes power-ready{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}.power-button:disabled{opacity:1}.playing .powers{padding-bottom:22px}@media (pointer:coarse){.power-button kbd{display:none}}@media (width<=650px){.playing .powers{right:10px;bottom:calc(var(--console-height) + 12px);flex-direction:column;align-items:flex-end;gap:12px;padding-bottom:0}.power-button{border-width:2px;width:64px;height:64px}.power-button.big{width:78px;height:78px}.power-button img,.power-ring{inset:4px}.power-button img{width:calc(100% - 8px);height:calc(100% - 8px)}.power-name{display:none}}.playing .hud{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hud img,#battlefield canvas{-webkit-touch-callout:none;-webkit-user-drag:none}@media (width<=650px){:root{--console-height:calc(108px + env(safe-area-inset-bottom,0px))}.quality-prefix{display:none}.toolbar .icon-button{padding:0 7px}.hud{padding:6px 10px calc(20px + env(safe-area-inset-bottom,0px));border-width:12px;border-image-width:12px;grid-template-columns:44% 54%;column-gap:2%}.hud-selection{align-items:center;gap:7px;height:auto}.unit-portrait{width:40px;height:50px;margin-top:0}.hud-selection .instrument-heading strong,.hud .unit-class,.hud .orders{display:none}.hud-selection .instrument-heading b{font-size:10px}.unit-info{padding-top:0}.unit-numbers{gap:6px;margin-top:2px}.unit-numbers b{font-size:15px}.integrity{margin-top:4px}.hud-command{align-items:center;padding-top:2px}.hud-command .weapon-status{display:none}.hud .roster,.hud .roster.expanded-roster{flex-wrap:wrap;grid-template-columns:none;gap:3px;display:flex}.hud .roster>div:not(.weapon-status),.hud .roster.expanded-roster>div:not(.weapon-status){flex:none;width:36px;height:36px}.hud .roster span{display:none}.hud .roster b,.hud .roster.expanded-roster b{font-size:11px}.hud-mobile-status{bottom:calc(2px + env(safe-area-inset-bottom,0px))}.gate-labels{justify-content:space-between;align-items:flex-start;gap:6px;padding:0 6px;inset:112px 0 auto}.gate-label{width:calc(50vw - 12px);max-width:176px;min-height:0;padding:3px 5px}.gate-label .choice-category{letter-spacing:.8px;margin-bottom:3px;font-size:9px}.choice-emblem{height:40px;margin-bottom:3px}.choice-emblem>.upgrade-art{width:34px;height:34px}.gate-label .choice-icon{width:38px;height:36px}.gate-label strong{font-size:13px}.choice-purpose{display:none}.gate-label small{min-height:0;margin-top:2px;font-size:10px}.gate-label .choice-check{margin-top:3px;padding-top:3px;font-size:9px}:is(.playing:has(.gate-labels:not(.hidden)) .combo,.playing:has(.gate-labels:not(.hidden)) .threat){display:none}.playing:has(.upgrade-toast.show) .combo{opacity:0}.playing .upgrade-toast,.playing .upgrade-toast.show{border-width:11px;border-image-width:11px;grid-template-columns:40px minmax(0,1fr);gap:2px 9px;width:auto;max-width:320px;margin:0 auto;padding:6px 8px;inset:112px 10px auto;transform:none}.upgrade-toast>img,.upgrade-toast>img.upgrade-art,.playing .upgrade-toast.legendary>img{width:40px;height:40px}.upgrade-toast>b{font-size:15px}.upgrade-toast>span{font-size:9px}.upgrade-toast>small{font-size:10px}.upgrade-toast .field-quip{display:none}.playing .upgrade-toast.landing{animation:none}}.first-hint{z-index:6;pointer-events:none;text-align:center;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);background:linear-gradient(140deg,#1b2630f0,#0b1620f2 55%,#16232cf0);border:1px solid #8c7a52;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 32px);padding:14px 22px 15px;animation:.35s ease-out first-hint-in;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 3px #0b1620,0 6px 24px #000a}.first-hint.hidden{display:none}.first-hint b{color:#e2c98e;letter-spacing:1px;font-size:20px;font-weight:500}.first-hint span{color:#a9bfc4;max-width:340px;font-size:12px;line-height:1.5}@keyframes first-hint-in{0%{opacity:0;transform:translate(-50%,-40%)}}.mutator-chip.locked{cursor:default;opacity:1}.mutator-chip.locked img{filter:grayscale()brightness(.55)}.mutator-chip.locked .mutator-text>span{color:#6f7f86}.mutator-chip.locked .mutator-text>small{color:#a48a58}.rotate-hint{display:none}@media (orientation:landscape) and (height<=500px) and (pointer:coarse){.rotate-hint{z-index:100;text-align:center;background:#060c13;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:fixed;inset:0}.rotate-hint b{color:#e2c98e;letter-spacing:2px;font-size:22px;font-weight:500}.rotate-hint span{color:#8ca4a9;font-size:13px}}