.fo-game-root .draft-overlay{--d-edge:12px;--d-col-x:12px;--d-portrait:60px;--d-row-top:96px;--d-tag-top:58px;--d-info-w:172px;--d-strip-top:12px;--d-slot:40px;--d-slot-current:50px;--d-slot-gap:4px;--d-group-gap:14px;--d-timer-bar:200px;--d-timer-font:26px;--d-panel-x:222px;--d-panel-h:194px;--d-rail-portrait:72px;--d-rail-gap:10px;--d-coverage-w:190px;--d-coverage-label:62px;--d-button-w:260px;--d-button-h:50px;--d-toast-top:108px;--d-status-pad:4px 10px;--d-tag-pad:4px 8px;--d-panel-pad:12px 14px;--d-col-gap:16px;--d-kit-gap:6px;--d-banner-pad:16px 56px;--d-fs-xxs:11px;--d-fs-xs:12px;--d-fs-xs2:13px;--d-fs-s:15px;--d-fs-r:15px;--d-fs-m:17px;--d-fs-hero:19px;--d-fs-role:15px;--d-fs-kit:16px;--d-fs-kit-text:14px;--d-fs-rail:14px;--d-fs-stat:16px;--d-fs-button:15px;--d-fs-banner:44px;--d-icon:18px;z-index:6;pointer-events:none;color:#e8eef0;font-family:var(--hud-font);-webkit-user-select:none;user-select:none;line-height:normal;position:absolute;inset:0}.fo-game-root .draft-overlay[data-size=compact]{--d-edge:10px;--d-col-x:10px;--d-portrait:46px;--d-row-top:74px;--d-tag-top:42px;--d-info-w:130px;--d-strip-top:8px;--d-slot:30px;--d-slot-current:38px;--d-slot-gap:3px;--d-group-gap:10px;--d-timer-bar:150px;--d-timer-font:20px;--d-panel-x:176px;--d-panel-h:170px;--d-rail-portrait:56px;--d-rail-gap:8px;--d-coverage-w:170px;--d-coverage-label:58px;--d-button-w:230px;--d-button-h:44px;--d-toast-top:80px;--d-status-pad:3px 8px;--d-tag-pad:3px 7px;--d-panel-pad:10px 12px;--d-col-gap:14px;--d-kit-gap:3px;--d-banner-pad:12px 40px;--d-fs-xxs:10px;--d-fs-xs:11px;--d-fs-xs2:12px;--d-fs-s:13px;--d-fs-r:13px;--d-fs-m:15px;--d-fs-hero:16px;--d-fs-role:13px;--d-fs-kit:14px;--d-fs-kit-text:13px;--d-fs-rail:13px;--d-fs-stat:14px;--d-fs-button:13px;--d-fs-banner:34px;--d-icon:16px}.fo-game-root .draft-overlay img{image-rendering:pixelated;display:block}.fo-game-root .draft-overlay img.flip{transform:scaleX(-1)}.fo-game-root .draft-strip{top:var(--d-strip-top);z-index:3;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.fo-game-root .draft-strip-slots{align-items:center;display:flex}.fo-game-root .draft-strip-slot{width:var(--d-slot);height:var(--d-slot);margin-left:var(--d-slot-gap);font-family:var(--hud-display-font);font-size:var(--d-fs-xxs);background:#101416;border:2px solid;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 0 0 2px #101416}.fo-game-root .draft-strip-slot:first-child{margin-left:0}.fo-game-root .draft-strip-slot.group-start{margin-left:var(--d-group-gap)}.fo-game-root .draft-strip-slot.current{width:var(--d-slot-current);height:var(--d-slot-current);box-shadow:0 0 0 2px #101416,0 0 0 4px #e8eef0}.fo-game-root .draft-strip-slot img{width:100%;height:100%}.fo-game-root .draft-status{padding:var(--d-status-pad);background:#101416e0;align-items:center;gap:10px;display:flex;box-shadow:0 0 0 2px #2c3437}.fo-game-root .draft-status-label{font-family:var(--hud-display-font);font-size:var(--d-fs-xs);letter-spacing:1px;white-space:nowrap}.fo-game-root .draft-thinking{gap:3px;display:flex}.fo-game-root .draft-thinking span{background:#ffaa78;width:5px;height:5px;animation:1.2s steps(3,end) infinite draft-dots}.fo-game-root .draft-thinking span:nth-child(2){animation-delay:.3s}.fo-game-root .draft-thinking span:nth-child(3){animation-delay:.6s}.fo-game-root .draft-timer-bar{width:var(--d-timer-bar);background:#101416;height:8px;box-shadow:0 0 0 2px #2c3437}.fo-game-root .draft-timer-bar>div{height:100%;box-shadow:inset 0 2px #fff6}.fo-game-root .draft-timer{font-family:var(--hud-display-font);font-size:var(--d-fs-xs);white-space:nowrap;line-height:1}.fo-game-root .draft-timer.big{font-size:var(--d-timer-font)}.fo-game-root .draft-timer.low{animation:.5s steps(2,end) infinite draft-blink-text}.fo-game-root .draft-scrim{top:calc(var(--d-tag-top) - 12px);width:calc(var(--d-col-x) + var(--d-portrait) + 8px + var(--d-info-w) + 44px);height:calc(var(--d-row-top) + var(--d-rows,6)*(var(--d-portrait) + 4px) + 40px - var(--d-tag-top) + 12px);z-index:1;background:linear-gradient(90deg,#0d0a18f0,#0d0a18e6 72%,#0d0a1800);position:absolute;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.fo-game-root .draft-scrim.left{left:0}.fo-game-root .draft-scrim.right{right:0;transform:scaleX(-1)}.fo-game-root .draft-column-tag{top:var(--d-tag-top);z-index:2;padding:var(--d-tag-pad);background:#101416e0;align-items:center;gap:8px;display:flex;position:absolute;box-shadow:0 0 0 2px #2c3437}.fo-game-root .draft-column-tag.left{left:var(--d-edge)}.fo-game-root .draft-column-tag.right{right:var(--d-edge);flex-direction:row-reverse}.fo-game-root .draft-column-name{font-family:var(--hud-display-font);font-size:var(--d-fs-s)}.fo-game-root .draft-column-detail{color:#9aa6aa;font-size:var(--d-fs-xs2);white-space:nowrap}.fo-game-root .draft-roster{top:var(--d-row-top);z-index:2;flex-direction:column;gap:4px;display:flex;position:absolute}.fo-game-root .draft-roster.left{left:var(--d-col-x)}.fo-game-root .draft-roster.right{right:var(--d-col-x)}.fo-game-root .draft-roster-row{height:var(--d-portrait);align-items:center;gap:8px;display:flex}.fo-game-root .draft-roster.right .draft-roster-row{flex-direction:row-reverse}.fo-game-root .draft-roster-portrait{width:var(--d-portrait);height:var(--d-portrait);color:#3b4649;font-family:var(--hud-display-font);font-size:var(--d-fs-xs);background:#101416cc;border:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.fo-game-root .draft-roster-portrait img{width:100%;height:100%}.fo-game-root .draft-roster-portrait.miner img{filter:saturate(.6)}.fo-game-root .draft-roster-portrait.blink{animation:1s steps(2,end) infinite draft-blink-border}.fo-game-root .draft-mark{justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;top:0;left:0}.fo-game-root .draft-mark.up{color:#101416;background:#b9ffd7}.fo-game-root .draft-mark.down{color:#ffaa78;background:#101416;box-shadow:inset 0 0 0 2px #ffaa78}.fo-game-root .draft-roster-info{width:var(--d-info-w);flex-direction:column;align-items:flex-start;gap:4px;display:flex}.fo-game-root .draft-roster.right .draft-roster-info{align-items:flex-end}.fo-game-root .draft-roster-name,.fo-game-root .draft-roster-status{text-overflow:ellipsis;text-shadow:0 2px #101416;white-space:nowrap;max-width:100%;line-height:1.1;overflow:hidden}.fo-game-root .draft-roster-name{font-size:var(--d-fs-r)}.fo-game-root .draft-roster-status{font-size:var(--d-fs-xs2)}.fo-game-root .draft-panel{right:var(--d-panel-x);bottom:var(--d-edge);left:var(--d-panel-x);z-index:3;gap:var(--d-col-gap);height:var(--d-panel-h);padding:var(--d-panel-pad);pointer-events:auto;background:#22292beb;border:2px solid #3b4649;display:flex;position:absolute;box-shadow:0 0 0 2px #101416}.fo-game-root .draft-panel.leaving{pointer-events:none}.fo-game-root .draft-panel-hero{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.fo-game-root .draft-hero-line{align-items:baseline;gap:10px;display:flex}.fo-game-root .draft-hero-name{font-family:var(--hud-display-font);font-size:var(--d-fs-hero);white-space:nowrap}.fo-game-root .draft-hero-role{color:#9aa6aa;font-size:var(--d-fs-role);white-space:nowrap}.fo-game-root .draft-hero-chips{flex-wrap:wrap;gap:6px;min-height:20px;display:flex}.fo-game-root .draft-chip{font-family:var(--hud-display-font);white-space:nowrap;font-size:11px}.fo-game-root .draft-chip.up{color:#101416;background:#b9ffd7;padding:2px 6px}.fo-game-root .draft-chip.down{color:#ffaa78;border:2px solid #ffaa78;padding:0 4px}.fo-game-root .draft-hero-state{color:#f07a6e;font-size:var(--d-fs-kit-text)}.fo-game-root .draft-rail{gap:var(--d-rail-gap);margin-top:auto;display:flex}.fo-game-root .draft-overlay .draft-rail-item{color:inherit;font:inherit;text-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:3px;padding:0;display:flex;position:relative}.fo-game-root .draft-overlay .draft-rail-item:disabled{filter:none;opacity:1}@media (hover:hover){.fo-game-root .draft-overlay .draft-rail-item:hover{filter:none;opacity:1}}.fo-game-root .draft-rail-item.lifted{transform:translateY(-4px)}.fo-game-root .draft-overlay .draft-rail-item{touch-action:none}.fo-game-root .draft-overlay .draft-rail-item:focus{outline:none}.fo-game-root .draft-rail-item:focus-visible .draft-rail-portrait{box-shadow:0 0 0 2px #101416,0 0 0 4px #e8eef0}.fo-game-root .draft-rail-item.dragging .draft-rail-portrait img{opacity:.4}.fo-game-root .draft-unit-ghost{z-index:9;opacity:.9;max-width:none;image-rendering:pixelated;filter:drop-shadow(0 6px #00000059);pointer-events:none;position:absolute}.fo-game-root .draft-unit-ghost.fallback{width:56px;height:56px;transform:translate(-50%,-80%)}.fo-game-root .draft-rail-portrait{width:var(--d-rail-portrait);height:var(--d-rail-portrait);background:#101416;border:2px solid #3b4649;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 2px #101416}.fo-game-root .draft-rail-portrait img{width:100%;height:100%}.fo-game-root .draft-rail-portrait img.capped{opacity:.45}.fo-game-root .draft-rail-portrait.flashing{animation:.9s steps(6,end) draft-lock-flash}.fo-game-root .draft-rail-name{font-size:var(--d-fs-rail);white-space:nowrap}.fo-game-root .draft-band{color:#e8eef0;height:16px;font-family:var(--hud-display-font);background:#101416e6;justify-content:center;align-items:center;margin-top:-8px;font-size:9px;display:flex;position:absolute;top:50%;left:0;right:0}.fo-game-root .draft-count{font-family:var(--hud-display-font);background:#101416;padding:1px 3px;font-size:10px;position:absolute;bottom:0}.fo-game-root .draft-count.mine{color:#8ee6ff;left:0}.fo-game-root .draft-count.theirs{color:#ffaa78;right:0}.fo-game-root .draft-corner{justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;top:0}.fo-game-root .draft-corner.up{color:#101416;background:#b9ffd7;right:0}.fo-game-root .draft-corner.down{color:#ffaa78;background:#101416;left:0}.fo-game-root .draft-panel-kit{gap:var(--d-kit-gap);border-left:2px solid #3b4649;flex-direction:column;flex:1;min-width:0;min-height:0;padding-left:14px;display:flex;overflow:hidden}.fo-game-root .draft-kit-stats{font-size:var(--d-fs-stat);border-bottom:2px solid #3b4649;gap:16px;padding-bottom:6px;display:flex}.fo-game-root .draft-kit-stats span{white-space:nowrap;align-items:center;gap:5px;display:flex}.fo-game-root .draft-kit-stats img{width:var(--d-icon);height:var(--d-icon)}.fo-game-root .draft-kit-stats .muted{color:#9aa6aa}.fo-game-root .draft-kit-line{flex-direction:column;min-width:0;display:flex}.fo-game-root .draft-kit-head{align-items:baseline;gap:8px;display:flex}.fo-game-root .draft-kit-name{font-size:var(--d-fs-kit);white-space:nowrap}.fo-game-root .draft-kit-kind{color:#b9ffd7;font-family:var(--hud-display-font);font-size:10px}.fo-game-root .draft-kit-cost{color:#8ee6ff;white-space:nowrap;font-size:13px}.fo-game-root .draft-kit-text{color:#9aa6aa;font-size:var(--d-fs-kit-text);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.fo-game-root .draft-kit-text.wrap{white-space:normal}.fo-game-root .draft-panel-side{width:var(--d-coverage-w);border-left:2px solid #3b4649;flex-direction:column;flex-shrink:0;gap:6px;padding-left:14px;display:flex}.fo-game-root .draft-side-label{color:#ffaa78;font-family:var(--hud-display-font);font-size:12px}.fo-game-root .draft-side-label.mint{color:#b9ffd7}.fo-game-root .draft-side-name{color:#ffaa78;font-family:var(--hud-display-font);font-size:var(--d-fs-hero)}.fo-game-root .draft-side-text{color:#9aa6aa;font-size:var(--d-fs-kit-text);line-height:1.3}.fo-game-root .draft-coverage-head{justify-content:space-between;align-items:baseline;display:flex}.fo-game-root .draft-coverage-key{gap:8px;font-size:12px;display:flex}.fo-game-root .draft-coverage-row{grid-template-columns:var(--d-coverage-label)minmax(0,1fr);align-items:center;gap:6px;font-size:13px;display:grid}.fo-game-root .draft-coverage-bars{flex-direction:column;gap:2px;display:flex}.fo-game-root .draft-coverage-segments,.fo-game-root .draft-coverage-opponent{gap:2px;display:flex}.fo-game-root .draft-coverage-segments span{background:#101416;flex:1;height:8px}.fo-game-root .draft-coverage-segments span.have{background:#8ee6ff}.fo-game-root .draft-coverage-segments span.adds{background:0 0;box-shadow:inset 0 0 0 2px #b9ffd7}.fo-game-root .draft-coverage-opponent span{background:#101416;flex:1;height:3px}.fo-game-root .draft-coverage-opponent span.filled{background:#ffaa78}.fo-game-root .draft-coverage-note{text-overflow:ellipsis;white-space:nowrap;margin-top:auto;font-size:13px;line-height:1.2;overflow:hidden}.fo-game-root .draft-panel-message{flex-direction:column;flex:1;justify-content:center;gap:8px;min-width:0;display:flex}.fo-game-root .draft-message-title{font-family:var(--hud-display-font);font-size:22px}.fo-game-root .draft-message-line{font-size:var(--d-fs-m)}.fo-game-root .draft-message-note{color:#9aa6aa;font-size:var(--d-fs-s)}.fo-game-root .draft-lock{z-index:2;width:var(--d-button-w);margin-left:calc(var(--d-button-w)/-2);position:absolute;bottom:calc(100% + 2px);left:50%}.fo-game-root .draft-lock-frame{clip-path:polygon(0 18px,3px 18px,3px 10px,6px 10px,6px 6px,10px 6px,10px 3px,18px 3px,18px 0,calc(100% - 18px) 0,calc(100% - 18px) 3px,calc(100% - 10px) 3px,calc(100% - 10px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 10px,calc(100% - 3px) 10px,calc(100% - 3px) 18px,100% 18px,100% 100%,0 100%);background:#101416;padding:3px}.fo-game-root .draft-overlay .draft-lock-button{width:100%;height:var(--d-button-h);font-family:var(--hud-display-font);font-size:var(--d-fs-button);text-shadow:none;white-space:nowrap;clip-path:polygon(0 15px,3px 15px,3px 8px,6px 8px,6px 5px,9px 5px,9px 2px,15px 2px,15px 0,calc(100% - 15px) 0,calc(100% - 15px) 2px,calc(100% - 9px) 2px,calc(100% - 9px) 5px,calc(100% - 6px) 5px,calc(100% - 6px) 8px,calc(100% - 3px) 8px,calc(100% - 3px) 15px,100% 15px,100% 100%,0 100%);border:0;border-radius:0;justify-content:center;align-items:center;padding:0;font-weight:400;display:flex;box-shadow:inset 0 4px #ffffff59,inset 0 -4px #00000047}.fo-game-root .draft-overlay .draft-lock-button.on{color:#101416;background:linear-gradient(#e6fff2,#8fd9b5)}@media (hover:hover){.fo-game-root .draft-overlay .draft-lock-button.on:hover{filter:brightness(1.08)}}.fo-game-root .draft-overlay .draft-lock-button.on:active{transform:translateY(2px)}.fo-game-root .draft-overlay .draft-lock-button.off{color:#5b686c;background:linear-gradient(#3b4649,#2c3437)}.fo-game-root .draft-overlay .draft-lock-button:disabled{filter:none;opacity:1}.fo-game-root .draft-lock-hint{color:#9aa6aa;white-space:nowrap;background:#101416e6;border:2px solid #3b4649;padding:4px 8px;font-size:14px;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.fo-game-root .draft-board-tag{z-index:1;border:2px solid var(--tag-color);white-space:nowrap;background:#101416eb;flex-direction:column;align-items:center;gap:1px;padding:4px 10px;display:flex;position:absolute;transform:translate(-50%,-100%)}.fo-game-root .draft-board-tag-kind{color:var(--tag-color);font-family:var(--hud-display-font);font-size:var(--d-fs-xxs)}.fo-game-root .draft-board-tag.blink .draft-board-tag-kind{animation:1s steps(2,end) infinite draft-blink-text}.fo-game-root .draft-board-tag-text{font-size:var(--d-fs-s);line-height:1.1}.fo-game-root .draft-toast{top:var(--d-toast-top);z-index:4;font-size:var(--d-fs-s);white-space:nowrap;background:#101416;border:2px solid #f07a6e;align-items:center;gap:10px;padding:6px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.fo-game-root .draft-toast-kind{color:#f07a6e;font-family:var(--hud-display-font);font-size:var(--d-fs-xs)}.fo-game-root .draft-start-banner{z-index:7;padding:var(--d-banner-pad);color:#e8eef0;white-space:nowrap;pointer-events:none;background:#101416eb;border-top:2px solid #b9ffd7;border-bottom:2px solid #b9ffd7;flex-direction:column;align-items:center;gap:6px;animation:.3s steps(4,end) both draft-banner-in;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.fo-game-root .draft-start-banner.closing{animation:.3s steps(4,end) forwards draft-banner-out}.fo-game-root .draft-start-turn{color:#9aa6aa;font-family:var(--hud-display-font);font-size:var(--d-fs-xs);letter-spacing:2px}.fo-game-root .draft-start-title{color:#b9ffd7;font-family:var(--hud-display-font);font-size:var(--d-fs-banner);letter-spacing:2px;text-shadow:0 3px #101416;line-height:1}.fo-game-root .draft-start-note{color:#ffaa78;font-size:var(--d-fs-s)}.fo-game-root .draft-overlay.leaving .draft-strip{animation:.35s cubic-bezier(.5,0,.75,0) forwards draft-exit-top}.fo-game-root .draft-overlay.leaving :is(.draft-scrim,.draft-column-tag,.draft-roster).left{animation:.35s cubic-bezier(.5,0,.75,0) forwards draft-exit-left}.fo-game-root .draft-overlay.leaving :is(.draft-scrim,.draft-column-tag,.draft-roster).right{animation:.35s cubic-bezier(.5,0,.75,0) forwards draft-exit-right}.fo-game-root .draft-overlay.leaving .draft-panel{animation:.35s cubic-bezier(.5,0,.75,0) forwards draft-exit-bottom}.fo-game-root .battle-hud.hud-entering button:not(.settings-button){pointer-events:none}.fo-game-root .battle-hud.hud-entering .timeline-strip{animation:.55s cubic-bezier(.16,1,.3,1) both hud-enter-top}.fo-game-root .battle-hud.hud-entering .team-panel.left{animation:.6s cubic-bezier(.16,1,.3,1) 80ms both hud-enter-left}.fo-game-root .battle-hud.hud-entering .team-panel.right{animation:.6s cubic-bezier(.16,1,.3,1) 80ms both hud-enter-right}.fo-game-root .battle-hud.hud-entering :is(.unit-info-hud,.action-arch){animation:.6s cubic-bezier(.16,1,.3,1) .16s both hud-enter-bottom}@keyframes draft-blink-border{50%{border-color:#101416}}@keyframes draft-blink-text{50%{opacity:.35}}@keyframes draft-dots{0%,20%{opacity:.2}50%{opacity:1}to{opacity:.2}}@keyframes draft-lock-flash{0%{box-shadow:0 0 0 2px #101416,0 0 0 6px #8ee6ff}to{box-shadow:0 0 0 2px #101416}}@keyframes draft-banner-in{0%{transform:translate(-50%,-50%)scaleY(0)}to{transform:translate(-50%,-50%)scaleY(1)}}@keyframes draft-banner-out{to{transform:translate(-50%,-50%)scaleY(0)}}@keyframes draft-exit-top{to{opacity:0;translate:0 calc(-100% - 24px)}}@keyframes draft-exit-left{to{opacity:0;translate:calc(-100% - 24px)}}@keyframes draft-exit-right{to{opacity:0;translate:calc(100% + 24px)}}@keyframes draft-exit-bottom{to{opacity:0;translate:0 calc(100% + var(--d-button-h) + 24px)}}@keyframes hud-enter-top{0%{opacity:0;translate:0 calc(-100% - 3rem)}}@keyframes hud-enter-left{0%{opacity:0;translate:calc(-100% - 2rem)}}@keyframes hud-enter-right{0%{opacity:0;translate:calc(100% + 2rem)}}@keyframes hud-enter-bottom{0%{opacity:0;translate:0 calc(100% + 3rem)}}.fo-game-root .draft-overlay[data-size=phone]{font-family:var(--font-body);line-height:inherit}.fo-game-root .draft-overlay[data-size=phone] :is(.fo-drawer,.fo-sheet,.fo-scrim){pointer-events:auto}html body :where(.fo-game-root .draft-overlay[data-size=phone]) .fo-drawer__coverage dt{color:var(--ink-muted);font-size:12px}html body :where(.fo-game-root .draft-overlay[data-size=phone]) .fo-drawer__coverage dd{margin:0}html body :where(.fo-game-root .draft-overlay[data-size=phone]) .fo-strip__slot{box-sizing:content-box}.fo-game-root .draft-overlay[data-size=phone] .fo-pick .fo-strip__slot img{image-rendering:auto}.fo-game-root .draft-overlay[data-size=phone].leaving{z-index:25}.fo-game-root .draft-overlay[data-size=phone] .fo-banner.closing{animation:.24s steps(3,end) forwards draft-phone-banner-out}@keyframes draft-phone-banner-out{to{opacity:0;clip-path:inset(50% 0)}}@media (prefers-reduced-motion:reduce){.fo-game-root .draft-strip-slot,.fo-game-root .draft-roster-portrait.blink,.fo-game-root .draft-rail-portrait.flashing,.fo-game-root .draft-thinking span,.fo-game-root .draft-timer.low,.fo-game-root .draft-board-tag.blink .draft-board-tag-kind,.fo-game-root .draft-start-banner,.fo-game-root .draft-start-banner.closing,.fo-game-root .battle-hud.hud-entering :is(.timeline-strip,.team-panel.left,.team-panel.right,.unit-info-hud,.action-arch){animation:none}.fo-game-root .draft-overlay.leaving :is(.draft-strip,.draft-panel,.draft-scrim.left,.draft-scrim.right,.draft-column-tag.left,.draft-column-tag.right,.draft-roster.left,.draft-roster.right),.fo-game-root .draft-start-banner.closing,.fo-game-root .draft-overlay[data-size=phone] .fo-banner.closing{visibility:hidden;animation:none}}:is(.fo-game-root.fo-reduced-effects,.fo-reduced-effects .fo-game-root) :is(.draft-strip-slot,.draft-roster-portrait.blink,.draft-rail-portrait.flashing,.draft-thinking span,.draft-timer.low,.draft-board-tag.blink .draft-board-tag-kind,.draft-start-banner,.draft-start-banner.closing,.battle-hud.hud-entering :is(.timeline-strip,.team-panel.left,.team-panel.right,.unit-info-hud,.action-arch),.draft-overlay[data-size=phone] .fo-banner){animation:none}:is(.fo-game-root.fo-reduced-effects,.fo-reduced-effects .fo-game-root) .draft-overlay[data-size=phone] .fo-drawer{transition:none}:is(.fo-game-root.fo-reduced-effects,.fo-reduced-effects .fo-game-root) .draft-overlay.leaving :is(.draft-strip,.draft-panel,.draft-scrim.left,.draft-scrim.right,.draft-column-tag.left,.draft-column-tag.right,.draft-roster.left,.draft-roster.right),:is(.fo-game-root.fo-reduced-effects,.fo-reduced-effects .fo-game-root) :is(.draft-start-banner.closing,.draft-overlay[data-size=phone] .fo-banner.closing){visibility:hidden;animation:none}.fo-game-root .mode-menu{pointer-events:auto;z-index:27;background-blend-mode:normal,multiply;color:#e8eef0;font-family:var(--hud-font);background:radial-gradient(circle at 50% 42%,#4ad8ff24,#0000 34rem),#030307db url(/game-assets/images/backgrounds/game-board-background.png) 50%/cover no-repeat;place-items:center;padding:1.5rem;animation:.18s ease-out game-end-fade-in;display:grid;position:absolute;inset:0}.fo-game-root .mode-menu.connection-lost{z-index:31;background:radial-gradient(circle at 50% 42%,#f07a6e24,#0000 34rem),#000000b8}.fo-game-root .mode-dialog{text-align:center;background:#101416f0;border-top:2px solid #b9ffd7;border-bottom:2px solid #b9ffd7;gap:1.5rem;width:min(34rem,100%);padding:1.75rem 2rem 2rem;display:grid;box-shadow:0 0 0 2px #2c3437,0 1.2rem 2.4rem #0009}.fo-game-root .mode-dialog.matchmaking{gap:1rem}.fo-game-root .mode-header{gap:.4rem;display:grid}.fo-game-root .mode-kicker{color:#9aa6aa;font-family:var(--hud-display-font);letter-spacing:2px;text-transform:uppercase;font-size:.8rem}.fo-game-root .mode-header h2{color:#b9ffd7;font-family:var(--hud-display-font);letter-spacing:2px;text-shadow:0 3px #101416;margin:0;font-size:1.7rem;font-weight:400;line-height:1.1}.fo-game-root .mode-choices{gap:1rem;display:grid}.fo-game-root .mode-choice{--gw-step:8px;width:100%;clip-path:polygon(0 var(--gw-step),var(--gw-step)var(--gw-step),var(--gw-step)0,calc(100% - var(--gw-step))0,calc(100% - var(--gw-step))var(--gw-step),100% var(--gw-step),100% calc(100% - var(--gw-step)),calc(100% - var(--gw-step))calc(100% - var(--gw-step)),calc(100% - var(--gw-step))100%,var(--gw-step)100%,var(--gw-step)calc(100% - var(--gw-step)),0 calc(100% - var(--gw-step)));color:#101416;text-shadow:none;background:linear-gradient(#e6fff2,#8fd9b5);border:0;border-radius:0;justify-items:center;gap:.35rem;padding:1rem 1.25rem 1.1rem;font-weight:400;display:grid;box-shadow:inset 0 4px #ffffff59,inset 0 -4px #00000047}.fo-game-root .mode-choice.opponent{background:linear-gradient(#ffe3d2,#ffaa78)}@media (hover:hover){.fo-game-root .mode-choice:hover{filter:brightness(1.08)}}.fo-game-root .mode-choice:active{transform:translateY(2px)}.fo-game-root .mode-choice.compact{color:#f4f7f8;background:linear-gradient(#c4cdd2,#8a8f93 50%,#636466 50%,#4a5154);justify-self:center;width:min(14rem,100%);padding:.7rem 1.25rem .8rem}.fo-game-root .mode-choice-name{font-family:var(--hud-display-font);letter-spacing:1px;font-size:1.15rem}.fo-game-root .mode-choice-note{opacity:.78;font-size:.95rem}.fo-game-root .matchmaking-elapsed{color:#e8eef0;font-family:var(--hud-display-font);letter-spacing:3px;margin:0;font-size:2.4rem}.fo-game-root .matchmaking-note{color:#9aa6aa;margin:0;font-size:1rem}.fo-game-root .matchmaking-note.error{color:#f07a6e}.fo-game-root .connection-banner{pointer-events:none;z-index:26;color:#f0d276;font-family:var(--hud-display-font);letter-spacing:1px;white-space:nowrap;background:#101416;border:2px solid #f0d276;margin:0;padding:.4rem .9rem .5rem;font-size:.85rem;position:absolute;top:12rem;left:50%;transform:translate(-50%)}.fo-game-root .connection-banner.opponent{color:#ffaa78;border-color:#ffaa78}.fo-game-root .settings-leave-button{justify-self:start;width:min(100%,14rem)}.fo-game-root .mode-screen,.fo-game-root .search-screen,.fo-game-root .settings-screen,.fo-game-root .connection-screen{pointer-events:auto;color:var(--ink);font-family:var(--font-body);position:absolute;inset:0}.fo-game-root .mode-screen,.fo-game-root .search-screen{z-index:27}.fo-game-root .settings-screen{z-index:28}.fo-game-root .connection-screen{z-index:31}.fo-game-root .search-screen .fo-search.search-rejoin{padding-inline:var(--space-4)}.fo-game-root[data-layout=phone] .mode-screen{padding:var(--phone-safe-top)var(--phone-safe-right)var(--phone-safe-bottom)var(--phone-safe-left)}.fo-game-root .mode-screen.two-modes .fo-menu__modes{grid-template-columns:repeat(2,258px)}@media (max-height:380px){.fo-game-root .mode-screen.two-modes .fo-menu__modes{grid-template-columns:repeat(2,228px)}}.fo-game-root .fo-mode{line-height:normal}.fo-game-root .mode-menu.web-home{background:linear-gradient(var(--scrim),var(--scrim)),#030307 url(/game-assets/images/backgrounds/game-board-background.png) center/cover no-repeat;background-blend-mode:normal;color:var(--ink);font-family:var(--font-body);animation:none}.fo-game-root .settings-account-note{color:#9aa6aa;font-family:var(--hud-font);margin:0;font-size:.8rem}.fo-game-root .settings-account-actions{flex-wrap:wrap;gap:.75rem;display:flex}.fo-game-root .settings-dialog .settings-delete-button{color:#f07a6e;text-shadow:none;background:#11171a;box-shadow:0 0 0 2px #000}.fo-game-root .game-end-overlay{--end-rule:#b9ffd7;--end-title:#e8eef0;--end-drop:#3b4649;pointer-events:auto;z-index:30;color:#e8eef0;font-family:var(--hud-font);background:#030307bd;place-items:center;padding:24px 16px;animation:.2s steps(4,end) both game-end-fade-in;display:grid;position:absolute;inset:0;overflow:auto;container:game-end/inline-size}.fo-game-root .game-end-overlay.victory{--end-rule:#ffde60;--end-title:#ffde60;--end-drop:#7a5a12}.fo-game-root .game-end-overlay.defeat{--end-rule:#f07a6e;--end-title:#f07a6e;--end-drop:#7a2f28;background:#0a0b0ed6}.fo-game-root .game-end-overlay.draw{--end-rule:#8a8f93;--end-drop:#3b4649;background:#080a0cc9}.fo-game-root .game-end-overlay.defeat:before{content:"";opacity:0;pointer-events:none;background:#f07a6e;animation:.18s steps(2,end) 80ms game-end-flash;position:absolute;inset:0}.fo-game-root .game-end-card{justify-items:center;gap:20px;width:100%;display:grid}.fo-game-root .game-end-kicker{color:#9aa6aa;font-family:var(--hud-display-font);letter-spacing:2px;text-transform:uppercase;margin:0;font-size:13px;line-height:1.2;animation:.16s steps(2,end) .36s both game-end-appear}.fo-game-root .game-end-band{background:#101416f0;justify-self:stretch;place-items:center;margin-inline:-16px;padding-block:20px 26px;animation:.24s steps(4,end) .12s both game-end-band;display:grid;position:relative}.fo-game-root .game-end-band:before,.fo-game-root .game-end-band:after{content:"";background:var(--end-rule);height:2px;animation:.32s steps(8,end) .2s both game-end-rule;position:absolute;left:0;right:0}.fo-game-root .game-end-band:before{top:0}.fo-game-root .game-end-band:after{bottom:0}.fo-game-root .game-end-overlay.defeat .game-end-band{animation:.24s steps(4,end) .12s both game-end-band,.2s steps(4,end) .4s game-end-shake}.fo-game-root .game-end-title{color:var(--end-title);font-family:var(--hud-display-font);letter-spacing:4px;text-shadow:0 3px 0 var(--end-drop),0 6px 0 #101416;text-transform:uppercase;white-space:nowrap;margin:0;font-size:48px;font-weight:400;line-height:1;display:flex}.fo-game-root .game-end-letter{animation:game-end-stamp .12s steps(2)calc(.4s + var(--i)*70ms)both;display:inline-block}.fo-game-root .game-end-overlay.defeat .game-end-letter{animation-delay:calc(.44s + var(--i)*.1s)}@container game-end (max-width:419px){.fo-game-root .game-end-title{letter-spacing:3px;font-size:40px}.fo-game-root .game-end-squads{gap:16px}}@container game-end (min-width:720px){.fo-game-root .game-end-title{letter-spacing:6px;text-shadow:0 3px 0 var(--end-drop),0 6px 0 var(--end-drop),0 9px 0 #101416;font-size:72px}.fo-game-root .game-end-band{padding-block:28px 34px}}@container game-end (min-width:1100px){.fo-game-root .game-end-title{letter-spacing:8px;font-size:96px}}.fo-game-root .game-end-sparks{pointer-events:none;position:absolute;inset:0}.fo-game-root .game-end-spark{left:var(--x);top:calc(50% + var(--y));color:#b9ffd7;opacity:0;width:4px;height:4px;animation:game-end-spark .72s steps(6)calc(.9s + var(--i)*40ms)both;background:currentColor;position:absolute;box-shadow:4px 0,-4px 0,0 4px,0 -4px}.fo-game-root .game-end-spark.gold{color:#ffde60}.fo-game-root .game-end-note{color:#e8eef0;margin:0;font-size:17px;line-height:1.5;animation:.16s steps(2,end) 1s both game-end-appear}.fo-game-root .game-end-squads{flex-wrap:wrap;justify-content:center;gap:20px 64px;display:flex}.fo-game-root .game-end-squad{justify-items:center;gap:10px;display:grid}.fo-game-root .game-end-squad-tag{background:#101416e0;align-items:center;gap:8px;margin:0;padding:4px 8px;animation:.16s steps(2,end) 1s both game-end-appear;display:inline-flex;box-shadow:0 0 0 2px #2c3437}.fo-game-root .game-end-squad-name{color:#ffaa78;font-family:var(--hud-display-font);letter-spacing:1px;text-transform:uppercase;font-size:15px}.fo-game-root .game-end-squad.mine .game-end-squad-name{color:#8ee6ff}.fo-game-root .game-end-squad-count{color:#9aa6aa;white-space:nowrap;font-size:13px}.fo-game-root .game-end-units{gap:6px;margin:0;padding:0;list-style:none;display:flex}.fo-game-root .game-end-unit{--gw-team:#ff4d58;border:2px solid var(--gw-team);width:48px;height:48px;animation:game-end-drop .16s steps(2)calc(1.08s + var(--i)*50ms)both;background:#101416;overflow:hidden;box-shadow:0 0 0 2px #101416}.fo-game-root .game-end-squad.mine .game-end-unit{--gw-team:#27c4ff}.fo-game-root .game-end-squad .game-end-unit.defeated{--gw-team:#3b4649}.fo-game-root .game-end-unit>img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.fo-game-root .game-end-unit.defeated>*{filter:grayscale()brightness(.5)}.fo-game-root .game-end-overlay .game-end-continue-frame{transform-origin:bottom;width:226px;margin-top:4px;animation:.2s steps(4,end) 1.5s both game-end-band}.fo-game-root .game-end-continue-frame>.fo-hud-button--lock{letter-spacing:1px}.fo-game-root .game-end-layer{pointer-events:auto;z-index:30;position:absolute;inset:0}.fo-game-root[data-layout=phone] .battle-hud:has(>.game-end-layer)>:not(.game-end-layer){visibility:hidden;opacity:0}.fo-game-root[data-layout=phone] .game-end-layer .fo-end{padding:var(--phone-safe-top)var(--phone-safe-right)var(--phone-safe-bottom)var(--phone-safe-left);align-content:safe center;overflow-y:auto}.fo-game-root[data-layout=phone] .game-end-layer .fo-end__band{margin-inline:calc(-1*var(--phone-safe-left))calc(-1*var(--phone-safe-right))}.fo-game-root .game-end-standing{box-sizing:border-box;width:min(400px,100%);padding:var(--space-2)var(--space-5);background:var(--slot);box-shadow:var(--plate-ring);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.45;display:grid}.fo-game-root .game-end-standing>p{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-2)0;margin:0;display:flex}.fo-game-root .game-end-standing>p+p{border-top:2px solid var(--edge)}.fo-game-root .game-end-standing-name{color:var(--peach);font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;font-size:13px}.fo-game-root .game-end-standing-side.mine .game-end-standing-name{color:var(--ally)}@keyframes game-end-fade-in{0%{opacity:0}to{opacity:1}}@keyframes game-end-appear{0%{opacity:0}to{opacity:1}}@keyframes game-end-flash{0%{opacity:.28}to{opacity:0}}@keyframes game-end-band{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes game-end-rule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes game-end-shake{0%,to{transform:translate(0)}25%,75%{transform:translate(3px)}50%{transform:translate(-3px)}}@keyframes game-end-stamp{0%{opacity:0;transform:translateY(-6px)}50%{opacity:1;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes game-end-drop{0%{opacity:0;transform:translateY(-6px)}50%{opacity:1;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes game-end-spark{0%{opacity:0;transform:translateY(6px)}17%{opacity:1}to{opacity:0;transform:translateY(-18px)}}@media (prefers-reduced-motion:reduce){.fo-game-root .game-end-overlay,.fo-game-root .game-end-overlay *,.fo-game-root .game-end-overlay:before,.fo-game-root .game-end-band:before,.fo-game-root .game-end-band:after{animation:none!important}.fo-game-root .game-end-sparks{display:none}}.fo-game-root.fo-reduced-effects .game-end-overlay,.fo-game-root.fo-reduced-effects .game-end-overlay *,.fo-game-root.fo-reduced-effects .game-end-overlay:before,.fo-game-root.fo-reduced-effects .game-end-band:before,.fo-game-root.fo-reduced-effects .game-end-band:after,.fo-game-root.fo-reduced-effects .game-end-layer .fo-end__band{animation:none!important}.fo-game-root.fo-reduced-effects .game-end-sparks{display:none}.fo-game-root{--fo-cursor:url(/game-assets/images/ui/cursor.png) 0 0,auto;--panel-border-universal:url(/game-assets/images/ui/panels/universal-panel-border.png);--panel-fill-universal:url(/game-assets/images/ui/panels/universal-panel-middle.png);--panel-corner-accent-left:url(/game-assets/images/ui/panels/popup-corner-accent-left.png);--panel-corner-accent-right:url(/game-assets/images/ui/panels/popup-corner-accent-right.png);--settings-blueprint-button:url(/game-assets/images/ui/character-equipment/characters-equipment/blueprints/blueprint-button.png);color:#f5f7fb;background:#030307;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.fo-game-root,.fo-game-root *{box-sizing:border-box;cursor:var(--fo-cursor)!important}.fo-game-root{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:#030307;min-width:320px;min-height:100vh;margin:0;overflow:hidden}.fo-game-root img{-webkit-user-drag:none}@media (pointer:coarse){.fo-game-root{-webkit-user-select:none;user-select:none}.fo-game-root :is(input,textarea){-webkit-user-select:auto;user-select:auto}}.fo-game-root button:where(:not([class^=fo-],[class*=\ fo-])){color:#eef3f4;font:inherit;text-shadow:0 1px #000;background:linear-gradient(#4b5558,#242a2c);border:1px solid #6f7882;border-radius:6px;font-weight:700}@media (hover:hover){.fo-game-root button:where(:not([class^=fo-],[class*=\ fo-])):hover{filter:brightness(1.12)}}.fo-game-root button:where(:not([class^=fo-],[class*=\ fo-])):disabled{filter:grayscale(.7)brightness(.6);opacity:.58}.fo-game-root button:where(:not([class^=fo-],[class*=\ fo-])).selected{border-color:#54c7ff;box-shadow:0 0 0 2px #1d5f91,0 0 18px #42bfff}.fo-game-root .battle-shell{background:#030307;min-height:100vh;position:relative;overflow:hidden}:is(.fo-game-root .battle-shell:fullscreen,.fo-game-root .battle-shell.fullscreen){background:#030307;width:100vw;height:100vh}.fo-game-root .game-surface{background:#030307 url(/game-assets/images/backgrounds/game-board-background.png) 50%/cover no-repeat;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.fo-game-root .phaser-host{width:100%;height:100%;position:relative;overflow:hidden}.fo-game-root .phaser-host canvas{max-width:100%;max-height:100%;display:block;width:100%!important;height:100%!important}.fo-game-root .battle-hud{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.fo-game-root .battle-hud button{pointer-events:auto}.fo-game-root .game-panel{--panel-border-image:var(--panel-border-universal);--panel-fill-image:var(--panel-fill-universal);--panel-border-size:9px;--panel-fill:#343c3e;border:var(--panel-border-size)solid transparent;background:var(--panel-fill-image)0 0/22px 22px repeat padding-box,var(--panel-fill);border-image-source:var(--panel-border-image);border-image-slice:9;border-image-width:var(--panel-border-size);image-rendering:pixelated;background-clip:padding-box;border-image-repeat:repeat;position:relative}.fo-game-root .panel-corner-accent-left:before,.fo-game-root .panel-corner-accent-right:after{pointer-events:none;top:calc(-1*var(--panel-border-size) - 5px);z-index:0;content:"";width:28px;height:29px;image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;position:absolute}.fo-game-root .panel-corner-accent-left:before{background-image:var(--panel-corner-accent-left);top:-15px;left:-19px}.fo-game-root .panel-corner-accent-right:after{background-image:var(--panel-corner-accent-right);top:-15px;right:-19px}.fo-game-root .timeline-strip{--timeline-card-size:4.7rem;--timeline-spacing:6.85rem;pointer-events:auto;width:min(42rem,90vw);height:6.85rem;display:block;position:absolute;top:3.45rem;left:50%;transform:translate(-50%)}.fo-game-root .timeline-card{--timeline-scale:1;--team-color:#77818d;--team-glow:#77818d29;width:var(--timeline-card-size);height:var(--timeline-card-size);opacity:.68;transform:translate(-50%,-50%)scale(var(--timeline-scale));border:0;place-items:center;transition:filter .24s,opacity .24s,transform .35s cubic-bezier(.2,.78,.16,1);animation:.22s ease-out both timeline-card-enter;display:grid;position:absolute;top:50%;left:50%}.fo-game-root .timeline-card:before,.fo-game-root .timeline-card:after{content:"";pointer-events:none;position:absolute}.fo-game-root .timeline-card:before{clip-path:polygon(8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%,0 8%);background:linear-gradient(135deg,#fff3,#0000 18% 78%,#ffffff1f),#202427;border:2px solid #c9d7e1b8;inset:0;box-shadow:inset 0 0 0 5px #111417,inset 0 0 0 7px #ffffff1f,0 2px #050607}.fo-game-root .timeline-card:after{clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%);background:#0d1012ad;border:1px solid #ffffff14;inset:.42rem}.fo-game-root .timeline-card.slot-minus-2{transform:translate(calc(-50% - var(--timeline-spacing) - var(--timeline-spacing)),-50%)scale(var(--timeline-scale))}.fo-game-root .timeline-card.slot-minus-1{transform:translate(calc(-50% - var(--timeline-spacing)),-50%)scale(var(--timeline-scale))}.fo-game-root .timeline-card.slot-plus-0{transform:translate(-50%,-50%)scale(var(--timeline-scale))}.fo-game-root .timeline-card.slot-plus-1{transform:translate(calc(-50% + var(--timeline-spacing)),-50%)scale(var(--timeline-scale))}.fo-game-root .timeline-card.slot-plus-2{transform:translate(calc(-50% + var(--timeline-spacing) + var(--timeline-spacing)),-50%)scale(var(--timeline-scale))}.fo-game-root .timeline-card.player{--team-color:#27c4ff;--team-glow:#27c4ff47}.fo-game-root .timeline-card.opponent{--team-color:#ff4d58;--team-glow:#ff4d5840}.fo-game-root .timeline-card.player:before,.fo-game-root .timeline-card.opponent:before{border-color:var(--team-color)}@supports (color:color-mix(in lab, red, red)){.fo-game-root .timeline-card.player:before,.fo-game-root .timeline-card.opponent:before{border-color:color-mix(in srgb,var(--team-color)62%,#bfc8d1)}}.fo-game-root .timeline-card.empty{opacity:0;pointer-events:none;animation:none}.fo-game-root .timeline-card.active{--timeline-scale:1.2;z-index:5;opacity:1;filter:brightness(1.12)}.fo-game-root .timeline-card.active:before{border-color:var(--team-color);box-shadow:inset 0 0 0 4px #081017,inset 0 0 0 7px var(--team-color),inset 0 0 0 10px #ffffff1f,0 0 0 3px var(--team-color),0 0 22px var(--team-glow)}@supports (color:color-mix(in lab, red, red)){.fo-game-root .timeline-card.active:before{box-shadow:inset 0 0 0 4px #081017,inset 0 0 0 7px color-mix(in srgb,var(--team-color)68%,transparent),inset 0 0 0 10px #ffffff1f,0 0 0 3px color-mix(in srgb,var(--team-color)82%,#fff),0 0 22px var(--team-glow)}}.fo-game-root .timeline-card.active:after{border-color:var(--team-color)}@supports (color:color-mix(in lab, red, red)){.fo-game-root .timeline-card.active:after{border-color:color-mix(in srgb,var(--team-color)64%,#fff)}}.fo-game-root .timeline-card.active:after{box-shadow:inset 0 0 18px var(--team-color)}@supports (color:color-mix(in lab, red, red)){.fo-game-root .timeline-card.active:after{box-shadow:inset 0 0 18px color-mix(in srgb,var(--team-color)34%,transparent)}}.fo-game-root .timeline-card img,.fo-game-root .active-portrait img,.fo-game-root .team-portrait img,.fo-game-root .team-unit img{image-rendering:pixelated}.fo-game-root .timeline-card img{z-index:1;max-width:70%;max-height:70%;position:relative}@keyframes timeline-card-enter{0%{opacity:0;filter:brightness(.8)}to{opacity:.68;filter:brightness()}}.fo-game-root .timeline-card.active{animation-name:timeline-active-enter}@keyframes timeline-active-enter{0%{opacity:.4;filter:brightness(.85)}to{opacity:1;filter:brightness(1.12)}}.fo-game-root .settings-button{pointer-events:auto;background:var(--settings-blueprint-button)center/100% 100% no-repeat;width:9.6rem;height:2.38rem;box-shadow:none;color:#dff9ff;image-rendering:pixelated;text-transform:uppercase;text-shadow:0 1px #020304,0 0 .5rem #74dbff80;border:0;border-radius:0;place-items:center;padding:.1rem .5rem .24rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;font-weight:900;line-height:1;display:grid;position:absolute;top:4.35rem;right:2.15rem}.fo-game-root .settings-overlay{pointer-events:auto;z-index:28;background:radial-gradient(circle at 50% 42%,#40bcff21,#0000 32rem),#0000009e;place-items:center;padding:1.5rem;display:grid;position:absolute;inset:0}.fo-game-root .settings-dialog{--panel-border-size:9px;--panel-fill:#252f32f5;color:#e9f4f5;text-shadow:0 1px #020304;width:min(52rem,100vw - 2rem);max-height:min(42rem,100vh - 2rem);padding:1rem 1.15rem 1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.fo-game-root .settings-header{border-bottom:1px solid #aabec447;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;padding-bottom:.55rem;display:flex}.fo-game-root .settings-header h2,.fo-game-root .settings-section h3{color:#b9ffd7;text-transform:uppercase;margin:0;font-size:1.05rem;line-height:1.2}.fo-game-root .settings-content{grid-template-columns:minmax(0,1.08fr) minmax(11rem,.72fr);align-items:stretch;gap:.75rem;display:grid}.fo-game-root .settings-section{background:#0c111452;border:1px solid #9eb0b83d;align-content:start;gap:.64rem;min-width:0;padding:.85rem;display:grid;box-shadow:inset 0 0 0 1px #00000059}.fo-game-root .settings-section.hotkeys-section{grid-row:span 2}.fo-game-root .blueprint-button{background:var(--settings-blueprint-button)center/100% 100% no-repeat;min-width:7rem;min-height:1.88rem;box-shadow:none;color:#f1fbff;image-rendering:pixelated;text-transform:uppercase;border:0;border-radius:0;place-items:center;padding:.08rem .8rem .2rem;font-size:.66rem;font-weight:900;line-height:1;display:grid}.fo-game-root .settings-fullscreen-button{justify-self:start;width:min(100%,14rem)}.fo-game-root .settings-slider{color:#e8f2f5;grid-template-columns:5.2rem minmax(0,1fr) 3.3rem;align-items:center;gap:.62rem;font-size:.72rem;font-weight:800;display:grid}.fo-game-root .settings-slider input{accent-color:#7bdcff;width:100%}.fo-game-root .settings-slider output{color:#8fdcff;text-align:right;font-size:.68rem}.fo-game-root .hotkey-list{gap:.38rem;display:grid}.fo-game-root .hotkey-row{color:#e8f2f5;border-bottom:1px solid #aabec429;grid-template-columns:minmax(0,1fr) 4.1rem;align-items:center;gap:.8rem;min-height:1.72rem;padding:.15rem .3rem;font-size:.68rem;font-weight:800;display:grid}.fo-game-root .hotkey-row kbd{color:#b9ffd7;min-height:1.18rem;font:inherit;background:#05080ac2;border:1px solid #94abb59e;place-items:center;font-size:.66rem;display:grid;box-shadow:inset 0 0 0 1px #020304}.fo-game-root .team-panel{gap:1.05rem;width:min(20.5rem,28vw);display:grid;position:absolute;top:32vh}.fo-game-root .team-unit{opacity:.94;grid-template-columns:4.25rem minmax(0,1fr);align-items:center;gap:.5rem;min-height:4.65rem;display:grid}.fo-game-root .team-portrait{background:linear-gradient(#11151938,#11151938),url(/game-assets/images/ui/left-panel/box.png) 50%/100% 100% no-repeat;border:2px solid #59616a;border-radius:4px;width:4.25rem;height:4.25rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #0a0c0f,0 .15rem #060708}.fo-game-root .team-portrait img{object-fit:contain;width:100%;height:100%}.fo-game-root .team-unit.active .team-portrait{border-color:#4fc3ff}.fo-game-root .team-unit.defeated .team-portrait{border-color:#3f454d;box-shadow:inset 0 0 0 2px #0a0c0f,0 .15rem #060708}.fo-game-root .team-unit.defeated .team-portrait:after{content:"";mix-blend-mode:multiply;pointer-events:none;background:radial-gradient(circle at 46% 42%,#b0121238,#0000 42%),linear-gradient(#3a0505a3,#0c0c0e8f);position:absolute;inset:0}.fo-game-root .team-unit.defeated .team-portrait img{filter:brightness(.68)saturate(1.38)sepia(.28)hue-rotate(312deg)}.fo-game-root .team-bars{align-content:center;gap:0;min-width:0;min-height:2.02rem;display:grid;position:relative}.fo-game-root .team-panel.right .team-bars{text-align:right}.fo-game-root .team-health,.fo-game-root .team-power{image-rendering:pixelated;background:linear-gradient(#090c0ebf,#090c0ebf),url(/game-assets/images/ui/left-panel/hpbar-outline.png) 50%/100% 100% no-repeat;border:0;position:relative;overflow:hidden}.fo-game-root .team-health{height:1.5rem}.fo-game-root .team-power{height:.52rem;margin-top:-1px}.fo-game-root .team-health span,.fo-game-root .team-power span{max-width:calc(100% - .44rem);transition:width .18s,left .18s;display:block;position:absolute;left:.22rem}.fo-game-root .team-health span{height:calc(100% - .62rem);top:.31rem}.fo-game-root .team-power span{height:calc(100% - .24rem);top:.12rem}.fo-game-root .team-health-fill{z-index:1;background:linear-gradient(#bfff9f 0%,#76ef68 42%,#41b83e 100%);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0d3a0d6b}.fo-game-root .team-panel.right .team-health-fill{left:auto;right:.22rem}.fo-game-root .team-health-preview{z-index:2;opacity:.94;background:linear-gradient(#fc584d,#b50707)}.fo-game-root .team-health-extra-preview{z-index:3;opacity:.96;background:linear-gradient(#ffb085,#d82916)}.fo-game-root .team-panel.right .team-power span{left:auto;right:.22rem}.fo-game-root .team-power.energy span{background:linear-gradient(#efe67c,#b8a63b)}.fo-game-root .team-power.mana span{background:linear-gradient(#ff7af8,#8f31c8)}.fo-game-root .team-power.rage span{background:linear-gradient(#ff4d40,#a40808)}.fo-game-root .team-status-effects{pointer-events:none;z-index:4;align-items:center;gap:.24rem;display:flex;position:absolute;top:calc(100% + .16rem);left:.22rem}.fo-game-root .team-panel.right .team-status-effects{justify-content:flex-end;left:auto;right:.22rem}.fo-game-root .status-badge{flex:0 0 1rem;width:1rem;height:1rem;display:block;position:relative}.fo-game-root .status-badge img{width:1rem;height:1rem;image-rendering:pixelated;object-fit:contain;display:block}.fo-game-root .unit-info-hud{--unit-info-gap:.35rem;--unit-info-portrait-size:4.65rem;pointer-events:auto;z-index:12;grid-template-columns:var(--unit-info-portrait-size)minmax(0,1fr);gap:var(--unit-info-gap);align-items:end;width:clamp(16.75rem,50vw - 14.5rem,19rem);display:grid;position:absolute;bottom:1.15rem}.fo-game-root .unit-info-hud.inspect{grid-template-columns:minmax(0,1fr)var(--unit-info-portrait-size);right:clamp(.75rem,1.4vw,1.25rem)}.fo-game-root .unit-info-hud.inspect .unit-info-panel{order:1}.fo-game-root .unit-info-hud.inspect .unit-info-portrait-panel{order:2}.fo-game-root .unit-info-portrait-panel,.fo-game-root .unit-info-panel,.fo-game-root .unit-info-detail{color:#e9f4f5;text-shadow:0 1px #020304;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.fo-game-root .unit-info-portrait-panel{width:var(--unit-info-portrait-size);height:var(--unit-info-portrait-size);aspect-ratio:1;align-self:end;place-items:center;min-height:0;padding:0;display:grid}.fo-game-root .unit-info-portrait-panel img{z-index:2;width:calc(var(--unit-info-portrait-size) - 1.18rem);height:calc(var(--unit-info-portrait-size) - 1.18rem);object-fit:contain;image-rendering:pixelated;position:relative}.fo-game-root .unit-info-panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"stats""actions""bars";align-items:stretch;gap:.18rem;min-height:5.2rem;padding:.38rem .46rem .42rem;display:grid;position:relative}.fo-game-root .unit-info-stat-list{grid-area:stats;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:.1rem .34rem;margin:0;display:grid}.fo-game-root .unit-info-stat{grid-template-columns:.86rem minmax(0,1fr);align-items:center;gap:.14rem;min-width:0;display:grid}.fo-game-root .unit-info-stat dt{place-items:center;width:.86rem;height:.86rem;margin:0;display:grid}.fo-game-root .unit-info-stat dt span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fo-game-root .unit-info-stat img{object-fit:contain;width:.78rem;height:.78rem}.fo-game-root .unit-info-stat dd{color:#f4fbff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.54rem;font-weight:800;line-height:.9rem;overflow:hidden}.fo-game-root .unit-info-action-icons{border-top:1px solid #abbec447;flex-direction:row;grid-area:actions;justify-content:flex-start;align-items:center;gap:.16rem;padding-top:.2rem;display:flex}.fo-game-root .unit-info-hud.inspect .unit-info-action-icons{justify-content:flex-end}.fo-game-root .unit-info-action-icon{width:1.5rem;height:1.5rem;image-rendering:pixelated;background:linear-gradient(#0d12168a,#0d12168a),url(/game-assets/images/ui/left-panel/box.png) 50%/100% 100% no-repeat;border:1px solid #9aabb3c7;border-radius:2px;place-items:center;padding:.16rem;display:grid;box-shadow:inset 0 0 0 1px #050709}.fo-game-root .unit-info-action-icon:focus-visible,.fo-game-root .unit-info-action-icon.active{border-color:#8fdcff;box-shadow:inset 0 0 0 1px #050709,0 0 .42rem #3dc4ffad}@media (hover:hover){.fo-game-root .unit-info-action-icon:hover{border-color:#8fdcff;box-shadow:inset 0 0 0 1px #050709,0 0 .42rem #3dc4ffad}}.fo-game-root .unit-info-action-icon>img{object-fit:contain;width:1.06rem;height:1.06rem;image-rendering:pixelated}.fo-game-root .unit-info-bars{grid-area:bars;gap:.08rem;display:grid}.fo-game-root .unit-info-health,.fo-game-root .unit-info-power{background:#05080ac7;border:1px solid #546069;height:.36rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000000bd,0 1px #ffffff1a}.fo-game-root .unit-info-health span,.fo-game-root .unit-info-power span{border-radius:999px;max-width:calc(100% - .24rem);position:absolute;top:.08rem;bottom:.08rem;left:.12rem}.fo-game-root .unit-info-health span{background:linear-gradient(#c0ff96,#68e75f 55%,#37a943)}.fo-game-root .unit-info-power.mana span{background:linear-gradient(#ff8bff,#cf55e9 54%,#8823ba)}.fo-game-root .unit-info-power.rage span{background:linear-gradient(#ff6960,#e61515 54%,#9b1010)}.fo-game-root .unit-info-power.energy span{background:linear-gradient(#fff4a4,#e5d850 56%,#b3a51e)}.fo-game-root .unit-info-detail{pointer-events:none;bottom:calc(0px - var(--panel-border-size));left:calc(100% + var(--panel-border-size) + var(--unit-info-gap));z-index:18;text-align:left;gap:.18rem;width:18.5rem;min-height:5.35rem;padding:.58rem .72rem .62rem;animation:.11s ease-out both unit-info-detail-in;display:grid;position:absolute}.fo-game-root .unit-info-hud.inspect .unit-info-detail{right:calc(100% + var(--panel-border-size) + var(--unit-info-gap));left:auto}@keyframes unit-info-detail-in{0%{opacity:0;transform:translate(-.35rem)}to{opacity:1;transform:translate(0)}}.fo-game-root .unit-info-detail strong{color:#f4fbff;font-size:.74rem;line-height:.9rem}.fo-game-root .unit-info-detail em,.fo-game-root .unit-info-detail small,.fo-game-root .unit-info-detail span{text-shadow:0 1px #020304;font-style:normal}.fo-game-root .unit-info-detail em{color:#a7f5d0;text-transform:uppercase;font-size:.52rem;line-height:.68rem}.fo-game-root .unit-info-detail span{color:#d9e7ea;font-size:.58rem;font-weight:600;line-height:.78rem}.fo-game-root .unit-info-detail small{color:#8fdcff;font-size:.55rem;line-height:.72rem}.fo-game-root .target-tray{pointer-events:auto;width:fit-content;max-width:min(34rem,calc(100% - 2*(var(--roster-width,20.5rem) + var(--hud-edge,.75rem)) - 1rem));scrollbar-width:thin;gap:.55rem;margin:0 auto;padding:.35rem;display:flex;position:absolute;top:3.95rem;left:0;right:0;overflow-x:auto}.fo-game-root .battle-hud:has(>.target-tray)>.timeline-strip>.timeline-card{visibility:hidden}.fo-game-root .target-chip{background:#0f1218e0;border:2px solid #59616a;border-radius:4px;flex:0 4.3rem;grid-template-rows:auto .35rem .8rem;place-items:center;gap:.12rem;min-width:2.5rem;padding:.25rem;display:grid;position:relative;box-shadow:inset 0 0 0 2px #050607,0 .35rem .8rem #00000061}.fo-game-root .target-chip.selected{border-color:#ffd166;box-shadow:inset 0 0 0 2px #3a2c0b,0 0 0 2px #ffd166,0 0 16px #ffd166b3}.fo-game-root .target-chip img,.fo-game-root .target-chip .sprite-portrait{aspect-ratio:1;object-fit:contain;width:min(2.75rem,100%);height:auto;image-rendering:pixelated}.fo-game-root .target-health{background:#0c1013;border:1px solid #6a7375;width:100%;height:.35rem;overflow:hidden}.fo-game-root .target-health span{background:linear-gradient(#f18aa4,#ca4367);height:100%;display:block}.fo-game-root .target-chip strong{color:#eef3f4;min-width:0;max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;line-height:.8rem}.fo-game-root .action-arch{pointer-events:none;width:21rem;height:17rem;position:absolute;bottom:1.15rem;right:50%;transform:translate(50%)}.fo-game-root .combat-arch-frame{pointer-events:auto;--arch-source-pixel:.22rem;width:calc(60*var(--arch-source-pixel));height:calc(34*var(--arch-source-pixel));image-rendering:pixelated;background:url(/game-assets/images/ui/character-uiarch/thinner-cell.png) 50%/100% 100% no-repeat;position:absolute;top:1.9rem;left:50%;transform:translate(-50%)}.fo-game-root .active-portrait{top:calc(15*var(--arch-source-pixel));width:calc(25*var(--arch-source-pixel));height:calc(25*var(--arch-source-pixel));background:#111417;border:2px solid #59616a;border-radius:4px;place-items:center;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 3px #050607}.fo-game-root .active-portrait img{max-width:82%;max-height:82%}.fo-game-root .arch-nav-button{width:3.45rem;height:3.45rem;box-shadow:none;image-rendering:pixelated;z-index:3;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;bottom:1.1rem}.fo-game-root .undo-button{left:-1.45rem}.fo-game-root .commit-play-button{right:-1.45rem}.fo-game-root .arch-nav-button img{width:100%;height:100%;image-rendering:pixelated;object-fit:contain;position:absolute;inset:0}.fo-game-root .arch-nav-button .button-hovered{opacity:0}@media (hover:hover){.fo-game-root .arch-nav-button:hover .button-normal{opacity:0}.fo-game-root .arch-nav-button:hover .button-hovered{opacity:1}}.fo-game-root .action-toolbar{pointer-events:none;position:absolute;inset:0}.fo-game-root .action-toolbar .action-button{pointer-events:auto;width:calc(19*var(--arch-source-pixel));height:calc(19*var(--arch-source-pixel));box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;padding:0;font-size:.64rem;display:grid;position:absolute}.fo-game-root .arch-tool-toggle{pointer-events:auto;top:calc(-17*var(--arch-source-pixel));z-index:3;width:calc(19*var(--arch-source-pixel));height:calc(19*var(--arch-source-pixel));color:#0000;text-shadow:none;box-shadow:none;image-rendering:pixelated;background:0 0;border:0;border-radius:0;place-items:center;padding:0;font-size:0;display:grid;position:absolute}.fo-game-root .forge-toggle{left:calc(-14*var(--arch-source-pixel));background:url(/game-assets/images/ui/character-uiarch/arch-buttons/arch-button-forge.png) 50%/100% 100% no-repeat}.fo-game-root .camera-toggle{right:calc(-14*var(--arch-source-pixel))}.fo-game-root .camera-toggle-active{top:calc(-8*var(--arch-source-pixel));left:50%;right:auto;transform:translate(-50%)}.fo-game-root .action-toolbar .action-special{top:calc(-8*var(--arch-source-pixel));left:50%;transform:translate(-50%)}.fo-game-root .action-toolbar .action-attack{top:calc(32*var(--arch-source-pixel));left:calc(-2*var(--arch-source-pixel))}.fo-game-root .action-toolbar .action-move{top:calc(32*var(--arch-source-pixel));right:calc(-3*var(--arch-source-pixel))}.fo-game-root .action-toolbar img{width:100%;height:100%;image-rendering:pixelated;object-fit:contain;position:absolute;inset:0}.fo-game-root .action-toolbar .button-hovered,.fo-game-root .action-toolbar .action-button.selected .button-normal,.fo-game-root .action-toolbar .arch-tool-toggle.selected .button-normal{opacity:0}.fo-game-root .action-toolbar .action-button.selected .button-hovered,.fo-game-root .action-toolbar .arch-tool-toggle.selected .button-hovered{opacity:1}@media (hover:hover){.fo-game-root .action-toolbar .action-button:hover .button-normal,.fo-game-root .action-toolbar .arch-tool-toggle:hover .button-normal,.fo-game-root .action-toolbar .camera-control-button:hover .button-normal{opacity:0}.fo-game-root .action-toolbar .action-button:hover .button-hovered,.fo-game-root .action-toolbar .arch-tool-toggle:hover .button-hovered,.fo-game-root .action-toolbar .camera-control-button:hover .button-hovered{opacity:1}}.fo-game-root .action-toolbar .action-button.empty-slot,.fo-game-root .action-toolbar .action-button.empty-slot:disabled{filter:none;opacity:1}.fo-game-root .action-toolbar .action-button.empty-slot.selected .button-normal{opacity:1}.fo-game-root .action-toolbar .action-button.empty-slot.selected .button-hovered{opacity:0}@media (hover:hover){.fo-game-root .action-toolbar .action-button.empty-slot:hover .button-normal{opacity:1}.fo-game-root .action-toolbar .action-button.empty-slot:hover .button-hovered{opacity:0}}.fo-game-root .action-toolbar span,.fo-game-root .arch-tool-toggle span,.fo-game-root .camera-control-button span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fo-game-root .commit-button{pointer-events:none;clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.fo-game-root .forge-toggle:after{content:"";opacity:0;background:url(/game-assets/images/ui/character-uiarch/arch-buttons/arch-button-forge-hovered.png) 50%/100% 100% no-repeat;position:absolute;inset:0}@media (hover:hover){.fo-game-root .forge-toggle:hover:after{opacity:1}}.fo-game-root .camera-arch-controls{pointer-events:none;z-index:2;position:absolute;inset:0}.fo-game-root .camera-control-button{pointer-events:auto;box-shadow:none;image-rendering:pixelated;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:absolute}.fo-game-root .camera-arrow{width:calc(13*var(--arch-source-pixel));height:calc(17*var(--arch-source-pixel));transform-origin:50%}.fo-game-root .camera-arrow-up{top:calc(21*var(--arch-source-pixel));left:50%;transform:translate(-50%,-50%)}.fo-game-root .camera-arrow-left{top:calc(29*var(--arch-source-pixel));left:calc(19*var(--arch-source-pixel));transform:translate(-50%,-50%)rotate(-90deg)}.fo-game-root .camera-arrow-right{top:calc(29*var(--arch-source-pixel));left:calc(41*var(--arch-source-pixel));transform:translate(-50%,-50%)rotate(90deg)}.fo-game-root .camera-arrow-down{top:calc(38*var(--arch-source-pixel));left:50%;transform:translate(-50%,-50%)rotate(180deg)}.fo-game-root .camera-zoom{width:calc(19*var(--arch-source-pixel));height:calc(19*var(--arch-source-pixel))}.fo-game-root .camera-zoom-out{top:calc(32*var(--arch-source-pixel));left:calc(-2*var(--arch-source-pixel))}.fo-game-root .camera-zoom-in{top:calc(32*var(--arch-source-pixel));right:calc(-3*var(--arch-source-pixel))}.fo-game-root .resource{color:#dfe7ee;grid-template-columns:2.5rem minmax(0,1fr) 3.5rem;align-items:center;gap:.45rem;width:12rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;display:grid;position:absolute;bottom:-.05rem;left:50%;transform:translate(-50%)}.fo-game-root .item-panel{pointer-events:auto;background:#2f383af2;border:3px solid #6a7375;border-radius:6px;grid-template-columns:12rem 16rem;align-items:start;gap:1rem;padding:1rem;display:grid;position:absolute;bottom:18vh;left:17.5vw;box-shadow:inset 0 0 0 3px #151b1d,0 .8rem 2rem #0000008c}.fo-game-root .item-tooltip strong{color:#b7e7ff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.fo-game-root .item-tooltip{background:#384143f5;border:3px solid #687375;min-height:8.5rem;padding:1rem;box-shadow:inset 0 0 0 2px #20292b}.fo-game-root .item-tooltip div{grid-template-columns:3rem 1fr;align-items:center;gap:.75rem;display:grid}.fo-game-root .item-tooltip img{width:3rem;height:3rem;image-rendering:pixelated;object-fit:contain}.fo-game-root .item-tooltip h2,.fo-game-root .item-tooltip p,.fo-game-root .item-panel>p{margin:0}.fo-game-root .item-tooltip h2{font-size:1.1rem;font-weight:500}.fo-game-root .item-tooltip p{color:#e6edf0;margin-top:1.4rem;line-height:1.25}.fo-game-root .item-panel>p{color:#e6edf0;text-align:center;grid-column:1/-1}.fo-game-root dt{color:#9fb0c4;text-transform:uppercase;font-size:.62rem}.fo-game-root dd{color:#f4f7ff;margin:.1rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}@media (max-width:900px){.fo-game-root:where(:not([data-layout=phone])){overflow:auto}.fo-game-root:where(:not([data-layout=phone])) .battle-shell{min-height:100svh}.fo-game-root:where(:not([data-layout=phone])) .timeline-strip{--timeline-card-size:2.85rem;--timeline-spacing:3.55rem;width:min(19rem,62vw);height:4.1rem;top:.75rem}.fo-game-root:where(:not([data-layout=phone])) .settings-button{width:7.2rem;height:1.9rem;font-size:.6rem;top:.75rem;right:.75rem}.fo-game-root:where(:not([data-layout=phone])) .settings-dialog{width:min(34rem,100vw - 1rem);max-height:calc(100svh - 1rem);padding:.75rem}.fo-game-root:where(:not([data-layout=phone])) .settings-content{grid-template-columns:minmax(0,1fr)}.fo-game-root:where(:not([data-layout=phone])) .settings-section.hotkeys-section{grid-row:auto}.fo-game-root:where(:not([data-layout=phone])) .settings-slider{grid-template-columns:4.5rem minmax(0,1fr) 2.75rem}.fo-game-root:where(:not([data-layout=phone])) .hotkey-row{grid-template-columns:minmax(0,1fr) 3.5rem}.fo-game-root:where(:not([data-layout=phone])) .team-panel{gap:.35rem;width:11rem;top:auto;bottom:10.5rem}.fo-game-root:where(:not([data-layout=phone])) .team-unit,.fo-game-root:where(:not([data-layout=phone])) .team-panel.right .team-unit{grid-template-columns:2.35rem minmax(0,1fr)}.fo-game-root:where(:not([data-layout=phone])) .team-panel.right .team-unit{grid-template-columns:minmax(0,1fr) 2.35rem}.fo-game-root:where(:not([data-layout=phone])) .team-portrait{width:2.35rem;height:2.35rem}.fo-game-root:where(:not([data-layout=phone])) .team-health{height:1rem}.fo-game-root:where(:not([data-layout=phone])) .target-tray{max-width:min(34rem,calc(100% - 2*max(var(--roster-width,0rem) + var(--hud-edge,.75rem),7.95rem) - 1rem));gap:.25rem;padding:.25rem;top:.25rem}.fo-game-root:where(:not([data-layout=phone])) .target-chip{flex-basis:3.55rem;grid-template-rows:auto .3rem .7rem;gap:.08rem;min-width:2.35rem;padding:.15rem}.fo-game-root:where(:not([data-layout=phone])) .target-chip img,.fo-game-root:where(:not([data-layout=phone])) .target-chip .sprite-portrait{width:min(2.1rem,100%)}.fo-game-root:where(:not([data-layout=phone])) .target-chip strong{line-height:.7rem}.fo-game-root:where(:not([data-layout=phone])) .unit-info-hud{--unit-info-portrait-size:3.7rem;grid-template-columns:var(--unit-info-portrait-size)minmax(0,1fr);width:min(21.5rem,72vw);bottom:.5rem}.fo-game-root:where(:not([data-layout=phone])) .unit-info-hud.active{left:.75rem}.fo-game-root:where(:not([data-layout=phone])) .unit-info-hud.inspect{grid-template-columns:minmax(0,1fr)var(--unit-info-portrait-size);bottom:5rem;right:.75rem}.fo-game-root:where(:not([data-layout=phone])) .unit-info-portrait-panel{width:var(--unit-info-portrait-size);height:var(--unit-info-portrait-size)}.fo-game-root:where(:not([data-layout=phone])) .unit-info-panel{grid-template-columns:minmax(0,1fr);min-height:3.9rem}.fo-game-root:where(:not([data-layout=phone])) .unit-info-stat-list{grid-template-columns:repeat(2,minmax(0,1fr))}.fo-game-root:where(:not([data-layout=phone])) .unit-info-action-icons{justify-content:flex-start}.fo-game-root:where(:not([data-layout=phone])) .unit-info-detail{width:min(18.5rem,78vw);bottom:calc(100% + .38rem);left:0}.fo-game-root:where(:not([data-layout=phone])) .unit-info-hud.inspect .unit-info-detail{left:auto;right:0}.fo-game-root:where(:not([data-layout=phone])) .action-arch{transform-origin:bottom;bottom:.5rem;transform:translate(50%)scale(.82)}.fo-game-root:where(:not([data-layout=phone])) .item-panel{grid-template-columns:1fr;bottom:9rem;left:.75rem;right:.75rem}}.fo-game-root{background:#030307;width:100%;height:100%;min-height:0;display:block;position:relative;overflow:hidden}.fo-game-root .battle-shell{width:100%;height:100%;min-height:100%}.fo-game-root .sprite-portrait{width:100%;height:100%;image-rendering:pixelated;background-position:1.5% 12%;background-repeat:no-repeat;background-size:1250%;display:block}.fo-game-root .item-panel{grid-template-columns:auto 17rem}.fo-game-root .item-equip-button{color:#f1e9ff;background:#2b1f45;border:2px solid #8a6bd6;width:100%;margin-top:.75rem;padding:.45rem .75rem}.fo-game-root .item-equip-button:disabled{color:#7d888b;background:#252d2f;border-color:#4b5557}.fo-game-root .item-crystals,.fo-game-root .team-crystals{color:#ffb3ec;justify-content:center;align-items:center;gap:.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.fo-game-root .item-crystals img,.fo-game-root .team-crystals img{height:1.2rem;image-rendering:pixelated}.fo-game-root .team-crystals{justify-content:flex-start;padding:.2rem .5rem}.fo-game-root .team-panel.right .team-crystals{justify-content:flex-end}.fo-game-root{--gw-px:3px;--hud-font:var(--font-body,"Pixelify Sans",ui-monospace,monospace);--hud-display-font:var(--font-display,"Silkscreen","Pixelify Sans",monospace);--hud-text:#e8eef0;--hud-muted:#9aa6aa;--hud-heading:#b9ffd7;--hud-accent:#8ee6ff;--pixel-outline:0 0 0 var(--gw-px)#000}.fo-game-root .game-panel,.fo-game-root .item-panel,.fo-game-root .target-tray{--panel-border-size:2px;border:var(--panel-border-size)solid;color:var(--hud-text);font-family:var(--hud-font);image-rendering:pixelated;border-color:#a1a5a8 #1a1b1d #1a1b1d #777b7e;border-image:;background:#232b2d;border-radius:0;box-shadow:0 0 0 2px #000,0 4px #0000008c}.fo-game-root .game-panel h2,.fo-game-root .game-panel h3,.fo-game-root .item-tooltip h2{font-family:var(--hud-display-font);letter-spacing:.02em;font-weight:400}.fo-game-root .settings-section,.fo-game-root .item-tooltip{border:0;border-image:;background:#11171a;box-shadow:0 0 0 2px #000,inset 0 2px #1a1b1d,inset 0 -2px #4e5356}.fo-game-root .team-portrait,.fo-game-root .unit-info-action-icon{border:0;border-image:;background:#0b0f10;border-radius:0;box-shadow:0 0 0 2px #000,inset 0 2px #1a1b1d,inset 0 -2px #4e5356}.fo-game-root .team-unit.active .team-portrait,.fo-game-root .unit-info-action-icon.selected{box-shadow:0 0 0 2px #000,0 0 0 4px var(--hud-accent),inset 0 2px 0 #1a1b1d}.fo-game-root .team-unit.defeated .team-portrait,.fo-game-root .team-portrait.defeated{filter:grayscale()brightness(.55)}.fo-game-root .team-health,.fo-game-root .team-power,.fo-game-root .unit-info-health,.fo-game-root .unit-info-power{box-shadow:var(--pixel-outline),inset 0 var(--gw-px)0 #1a1b1d;background:#0b0f10;border-radius:0}.fo-game-root .team-health-fill,.fo-game-root .unit-info-health span{background:linear-gradient(#c8f7a0 0 var(--gw-px),#62cf4c var(--gw-px)calc(100% - var(--gw-px)),#2e8a37 calc(100% - var(--gw-px)));border-radius:0}.fo-game-root .team-power.mana span,.fo-game-root .unit-info-power.mana span{background:linear-gradient(#ecc1ff 0 2px,#a64fe2 2px)}.fo-game-root .team-power.rage span,.fo-game-root .unit-info-power.rage span{background:linear-gradient(#ffb09a 0 2px,#d0362d 2px)}.fo-game-root .team-power.energy span,.fo-game-root .unit-info-power.energy span{background:linear-gradient(#fff3b0 0 2px,#e0b63a 2px)}.fo-game-root .team-power.focus span,.fo-game-root .unit-info-power.focus span{background:linear-gradient(#bcd4ff 0 2px,#4a80f0 2px)}.fo-game-root .team-power.reagents span,.fo-game-root .unit-info-power.reagents span{background:linear-gradient(#ffc47a 0 2px,#ec7f24 2px)}.fo-game-root .status-badge{image-rendering:pixelated}.fo-game-root .team-crystals{color:#ffb3ec;width:fit-content;font-family:var(--hud-display-font);background:#11171a;padding:2px 10px 2px 4px;font-size:1rem;box-shadow:0 0 0 2px #000,inset 0 2px #1a1b1d,inset 0 -2px #4e5356}.fo-game-root .team-panel.right .team-crystals{margin-left:auto}.fo-game-root .team-crystals img,.fo-game-root .item-crystals img{height:1.5rem}.fo-game-root .settings-dialog button,.fo-game-root .item-equip-button,.fo-game-root .hotkey-row kbd{color:#f4f7f8;font-family:var(--hud-display-font);text-shadow:0 2px #000;image-rendering:pixelated;border:0;border-image:;background:linear-gradient(#c4cdd2 0 2px,#8a8f93 2px 50%,#636466 50% calc(100% - 2px),#373f42 calc(100% - 2px));border-radius:0;font-weight:400;box-shadow:0 0 0 2px #000,0 4px #000}@media (hover:hover){.fo-game-root .settings-dialog button:hover,.fo-game-root .item-equip-button:not(:disabled):hover{background:linear-gradient(#fff 0 2px,#a1a5a8 2px 50%,#777b7e 50% calc(100% - 2px),#4e5356 calc(100% - 2px))}}.fo-game-root .item-equip-button:disabled{filter:grayscale()brightness(.6)}.fo-game-root .hotkey-row{border-bottom:var(--gw-px)solid #0b0f10;font-family:var(--hud-font);font-size:.8rem}.fo-game-root .hotkey-row kbd{min-height:1.6rem;font-size:.75rem;box-shadow:0 0 0 2px #000}.fo-game-root .settings-slider{font-family:var(--hud-font);font-size:.85rem}.fo-game-root .settings-slider input[type=range]{appearance:none;height:calc(var(--gw-px)*3);background:linear-gradient(90deg,var(--hud-accent)var(--fill,80%),#0b0f10 var(--fill,80%));box-shadow:var(--pixel-outline)}.fo-game-root .settings-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:calc(var(--gw-px)*5);height:calc(var(--gw-px)*6);image-rendering:pixelated;box-shadow:var(--pixel-outline);background:linear-gradient(#c4cdd2 0 2px,#777b7e 2px calc(100% - 2px),#373f42 calc(100% - 2px));border:0}.fo-game-root .settings-slider input[type=range]::-moz-range-thumb{width:calc(var(--gw-px)*5);height:calc(var(--gw-px)*6);background:linear-gradient(#c4cdd2 0 2px,#777b7e 2px calc(100% - 2px),#373f42 calc(100% - 2px));border:0;border-radius:0}.fo-game-root .settings-slider output{font-family:var(--hud-display-font)}.fo-game-root .unit-info-hud,.fo-game-root .unit-info-detail,.fo-game-root .unit-info-stat{font-family:var(--hud-font)}.fo-game-root .unit-info-stat img{image-rendering:pixelated;filter:none}.fo-game-root .unit-info-stat dd{font-size:.8rem}.fo-game-root .unit-info-detail strong{font-size:1.05rem}.fo-game-root .unit-info-detail em{font-size:.72rem}.fo-game-root .unit-info-detail span{font-size:.82rem;line-height:1.35}.fo-game-root .unit-info-detail small{font-size:.78rem}.fo-game-root .panel-corner-accent-left:before,.fo-game-root .panel-corner-accent-right:after{display:none}.fo-game-root .settings-button{color:#fff;width:auto;height:auto;font-family:var(--hud-display-font);letter-spacing:.06em;text-shadow:0 2px #000;background:linear-gradient(#c4cdd2 0 2px,#8a8f93 2px 50%,#636466 50% calc(100% - 2px),#373f42 calc(100% - 2px));padding:.55rem 1.2rem;font-size:.9rem;font-weight:400;box-shadow:0 0 0 2px #000,0 4px #000}@media (hover:hover){.fo-game-root .settings-button:hover{background:linear-gradient(#fff 0 2px,#a1a5a8 2px 50%,#777b7e 50% calc(100% - 2px),#4e5356 calc(100% - 2px))}}.fo-game-root .item-panel.forge{z-index:40;flex-direction:column;align-items:stretch;gap:1rem;width:min(46rem,100vw - 2rem);padding:1rem 1.25rem 1.25rem;display:flex;top:12vh;bottom:auto;left:50%;transform:translate(-50%)}.fo-game-root .forge-header{align-items:center;gap:1rem;display:flex}.fo-game-root .forge-header h2{color:var(--hud-heading);flex-grow:1;margin:0;font-size:1.5rem}.fo-game-root .forge-exit{color:#fff;font-family:var(--hud-display-font);text-shadow:0 2px #000;background:linear-gradient(#c4cdd2 0 2px,#8a8f93 2px 50%,#636466 50% calc(100% - 2px),#373f42 calc(100% - 2px));border:0;padding:.5rem 1.1rem;font-size:.9rem;box-shadow:0 0 0 2px #000,0 4px #000}@media (hover:hover){.fo-game-root .forge-exit:hover{background:linear-gradient(#fff 0 2px,#a1a5a8 2px 50%,#777b7e 50% calc(100% - 2px),#4e5356 calc(100% - 2px))}}.fo-game-root .forge-details{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:1rem;min-height:0;padding:1rem 1.1rem;display:grid}.fo-game-root .forge-details>div{display:block}.fo-game-root .forge-details>img{width:64px;height:64px;image-rendering:pixelated}.fo-game-root .forge-details h3{margin:0 0 .35rem;font-size:1.25rem}.fo-game-root .forge-details p{margin:.2rem 0 0}.fo-game-root .forge-meta{color:#7ee0a6;font-family:var(--hud-display-font);font-size:.8rem}.fo-game-root .forge-stat{color:#8fdcff;font-size:1.2rem}.fo-game-root .forge-hint{color:var(--hud-muted);font-size:.95rem}.fo-game-root .team-unit{position:relative}.fo-game-root .unit-info-hud{--unit-info-portrait-size:6rem;width:clamp(21rem,50vw - 12rem,26rem)}.fo-game-root .unit-info-stat-list{grid-template-columns:repeat(2,minmax(max-content,1fr));column-gap:.9rem}.fo-game-root .unit-info-panel{gap:.35rem;padding:.6rem .75rem .65rem}.fo-game-root .unit-info-stat{grid-template-columns:24px minmax(0,1fr);gap:.45rem}.fo-game-root .unit-info-stat dt,.fo-game-root .unit-info-stat img{width:24px;height:24px}.fo-game-root .unit-info-stat dd{white-space:nowrap;font-size:clamp(.85rem,1.1vw,1.05rem);overflow:visible}.fo-game-root .unit-info-action-icon{width:2.5rem;height:2.5rem}.fo-game-root .unit-info-action-icon>img{width:2rem;height:2rem}.fo-game-root .unit-info-health{height:.55rem}.fo-game-root .unit-info-power{height:.45rem}.fo-game-root .status-badge,.fo-game-root .status-badge img{width:var(--status-icon-size,24px);height:var(--status-icon-size,24px)}.fo-game-root .status-badge{flex-basis:var(--status-icon-size,24px)}.fo-game-root .status-badge-count{color:#b6ff5a;min-width:13px;height:13px;font-family:var(--hud-display-font);text-align:center;text-shadow:none;pointer-events:none;background:#232b2d;padding:0 2px;font-size:8px;line-height:13px;animation:.3s steps(2,end) both fo-count-tick;position:absolute;bottom:-5px;right:-5px;box-shadow:inset 1px 1px #a1a5a8,inset -1px -1px #1a1b1d,0 0 0 2px #000}.fo-game-root .status-badge.debuff .status-badge-count{color:#ff6b78}@keyframes fo-count-tick{0%{transform:translateY(-3px)}}.fo-game-root .hud-tip-wrap{display:block;position:relative}.fo-game-root .hud-tip-anchor{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;line-height:0;display:block}.fo-game-root .hud-tip-anchor:focus-visible{outline:2px solid var(--hud-accent);outline-offset:2px}.fo-game-root .team-unit:has(.hud-tip-wrap.open){z-index:20;position:relative}.fo-game-root .hud-tip{pointer-events:none;z-index:30;text-align:left;text-shadow:0 1px #020304;white-space:normal;gap:.18rem;width:15rem;padding:.5rem .65rem .55rem;line-height:normal;animation:.11s ease-out both unit-info-detail-in;display:grid;position:absolute;top:calc(100% + .5rem);left:-.25rem}.fo-game-root .team-panel.right .hud-tip{left:auto;right:-.25rem}.fo-game-root .hud-tip strong{color:#f4fbff;font-size:.95rem}.fo-game-root .hud-tip em{color:#a7f5d0;text-transform:uppercase;font-size:.66rem;font-style:normal}.fo-game-root .hud-tip span{color:#d9e7ea;font-size:.76rem;font-weight:600;line-height:1.35}.fo-game-root .hud-tip small{color:#8fdcff;font-size:.72rem}.fo-game-root .detail-kind.debuff{color:#ff9ab0}.fo-game-root .detail-kind.item{color:#ffb3ec}.fo-game-root .unit-info-action-icons{flex-wrap:wrap;row-gap:.2rem}.fo-game-root .unit-info-action-icon{flex-shrink:0}.fo-game-root .unit-info-effects{border-left:2px solid #abbec447;flex-wrap:wrap;flex:0 auto;gap:.16rem;min-width:0;margin-left:.2rem;padding-left:.36rem;display:flex}.fo-game-root .unit-info-action-icon.unit-info-effect-icon{width:2rem;height:2rem;padding:0}.fo-game-root .unit-info-action-icon.unit-info-effect-icon>img{width:var(--status-icon-size,24px);height:var(--status-icon-size,24px)}.fo-game-root .button-pressed,.fo-game-root :is(.action-button,.arch-tool-toggle,.camera-control-button,.arch-nav-button):is(:active,.selected):not(:disabled) :is(.button-normal,.button-hovered){opacity:0}.fo-game-root :is(.action-button,.arch-tool-toggle,.camera-control-button,.arch-nav-button):is(:active,.selected):not(:disabled) .button-pressed{opacity:1}.fo-game-root .forge-toggle:is(:active,.selected):after{opacity:1;background-image:url(/game-assets/images/ui/character-uiarch/arch-buttons/arch-button-forge-pressed.png)}.fo-game-root :is(.action-button,.arch-tool-toggle,.camera-control-button,.arch-nav-button):focus,.fo-game-root :is(.action-button,.arch-tool-toggle,.camera-control-button,.arch-nav-button):focus-visible{outline:none}.fo-game-root :is(.action-button,.arch-tool-toggle,.camera-control-button,.arch-nav-button).selected{box-shadow:none}.fo-game-root .battle-shell{container:battle/size}.fo-game-root .battle-hud{--hud-edge:.75rem;--hud-top:3.9rem;--unit-info-reserve:12.25rem;--roster-gap:.8rem;--roster-row-min:3rem;--roster-row-max:4.65rem;--roster-width:min(20.5rem,27cqw);--status-icon-size:24px}.fo-game-root .settings-button{top:var(--hud-edge);right:var(--hud-edge)}.fo-game-root .timeline-strip{width:min(42rem,calc(100cqw - 2*var(--roster-width) - 3rem))}.fo-game-root .team-panel{top:var(--hud-top);bottom:var(--unit-info-reserve);gap:var(--roster-gap);width:var(--roster-width);--roster-row:clamp(var(--roster-row-min),calc((100cqh - var(--hud-top) - var(--unit-info-reserve) - 2.5rem)/var(--roster-count,5) - var(--roster-gap)),var(--roster-row-max));flex-direction:column;display:flex}.fo-game-root .team-panel.left{left:var(--hud-edge)}.fo-game-root .team-panel.right{right:var(--hud-edge)}.fo-game-root .team-unit{min-height:var(--roster-row);grid-template-columns:var(--roster-row)minmax(0,1fr);flex:none}.fo-game-root .team-panel.right .team-unit{grid-template-columns:minmax(0,1fr)var(--roster-row)}.fo-game-root .team-portrait{width:var(--roster-row);height:var(--roster-row)}.fo-game-root .team-unit.gearless{--gearless-row:calc(var(--roster-row)*.72);min-height:var(--gearless-row);grid-template-columns:var(--gearless-row)minmax(0,1fr)}.fo-game-root .team-panel.right .team-unit.gearless{grid-template-columns:minmax(0,1fr)var(--gearless-row)}.fo-game-root .team-unit.gearless .team-portrait{width:var(--gearless-row);height:var(--gearless-row)}.fo-game-root .team-bars{grid-template-columns:auto minmax(0,1fr);align-content:center;column-gap:8px}.fo-game-root .team-health,.fo-game-root .team-power{grid-column:1/-1}.fo-game-root .gear-strip{grid-column:1;margin-top:5px}.fo-game-root .team-status-effects{grid-column:2;margin-top:5px;position:static}.fo-game-root .team-panel.right .gear-strip{grid-column:2;justify-self:end}.fo-game-root .team-panel.right .team-status-effects{grid-area:3/1;justify-self:start}.fo-game-root .unit-info-hud{bottom:var(--hud-edge);width:clamp(17rem,50cqw - 12rem,26rem)}.fo-game-root .unit-info-hud.active{left:var(--hud-edge)}.fo-game-root .unit-info-hud.inspect{right:var(--hud-edge)}.fo-game-root .action-arch{bottom:var(--hud-edge);transform-origin:bottom}.fo-game-root .item-panel.forge{max-height:calc(100cqh - 4.5rem);top:3.5rem;overflow-y:auto}.fo-game-root .settings-dialog{width:min(52rem,100cqw - 2rem);max-height:min(42rem,100cqh - 2rem)}@container battle (max-width:1180px){.fo-game-root .battle-hud{--hud-top:10.5rem;--roster-width:min(18rem,30cqw)}.fo-game-root .timeline-strip{width:min(42rem,100cqw - 2rem)}}@container battle (max-height:859px){.fo-game-root .battle-hud{--unit-info-reserve:11rem;--roster-gap:.45rem;--roster-row-min:2.4rem;--roster-row-max:3.6rem}.fo-game-root .team-health{height:.95rem}.fo-game-root .team-health span{height:calc(100% - 6px);top:3px}.fo-game-root .team-power{height:.4rem}.fo-game-root .gear-strip,.fo-game-root .team-status-effects{margin-top:3px}.fo-game-root .gear-strip .gear-slot{width:24px;height:24px}.fo-game-root .unit-info-hud{--unit-info-portrait-size:4.5rem}.fo-game-root .unit-info-panel{gap:.2rem;padding:.4rem .55rem}.fo-game-root .unit-info-stat dd{font-size:.85rem}.fo-game-root .unit-info-action-icon{width:2.1rem;height:2.1rem}.fo-game-root .unit-info-action-icon>img{width:1.5rem;height:1.5rem}.fo-game-root .action-arch{scale:.88}}@container battle (max-height:639px){.fo-game-root .battle-hud{--hud-top:3.4rem;--unit-info-reserve:7.25rem;--roster-gap:.3rem;--roster-row-min:1.75rem;--roster-row-max:2.8rem}.fo-game-root .team-crystals{font-size:.85rem}.fo-game-root .team-crystals img{height:1.1rem}.fo-game-root .team-health{height:.7rem}.fo-game-root .team-health span{height:calc(100% - 4px);top:2px}.fo-game-root .team-power{height:.3rem}.fo-game-root .gear-strip,.fo-game-root .team-status-effects{display:none}.fo-game-root .unit-info-hud,.fo-game-root .unit-info-hud.inspect{grid-template-columns:minmax(0,1fr)}.fo-game-root .unit-info-portrait-panel,.fo-game-root .unit-info-action-icons{display:none}.fo-game-root .unit-info-stat-list{grid-template-columns:repeat(3,minmax(max-content,1fr))}.fo-game-root .action-arch{scale:.74}.fo-game-root .timeline-strip{transform-origin:top;top:2.6rem;scale:.8}.fo-game-root .target-tray{top:1.95rem}}@media (max-width:900px){@container battle (max-height:639px){.fo-game-root:where(:not([data-layout=phone])) .target-tray{top:1.1rem}}@container battle (min-height:640px){.fo-game-root:where(:not([data-layout=phone])) .target-tray{left:calc(var(--hud-edge,.75rem) + .5rem);max-width:min(34rem,calc(100% - var(--hud-edge,.75rem) - .5rem - 8.45rem));right:8.45rem}}}@media (max-height:500px){.fo-game-root:where(:not([data-layout=phone])) .target-tray:not(:-webkit-any(:fullscreen,:-webkit-full-screen) *){top:auto;bottom:14rem}.fo-game-root:where(:not([data-layout=phone])) .target-tray:not(:is(:fullscreen,:fullscreen) *){top:auto;bottom:14rem}.fo-game-root:where(:not([data-layout=phone])) .target-tray:not(:is(:fullscreen,:fullscreen) *){top:auto;bottom:14rem}}.fo-game-root .team-unit.acted .team-portrait{filter:grayscale(.85)brightness(.6)}.fo-game-root .team-unit.acted .team-bars{opacity:.55}.fo-game-root .battle-hud button.team-portrait.activatable{font:inherit;text-shadow:none;border-radius:0;padding:0}.fo-game-root .team-unit.ready .team-portrait{box-shadow:0 0 0 2px #000,0 0 0 4px #8ee6ff73,inset 0 2px #1a1b1d}@media (hover:hover){.fo-game-root .team-unit.ready .team-portrait:hover{filter:brightness(1.12);box-shadow:0 0 0 2px #000,0 0 0 4px #8ee6ff,inset 0 2px #1a1b1d}}.fo-game-root .timeline-card.pending{opacity:.7}.fo-game-root .timeline-pending{z-index:1;color:var(--team-color);font-family:var(--hud-display-font);font-size:1.4rem;position:relative}.fo-game-root .timeline-status{pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)}.fo-game-root .timeline-round{color:#9aa6aa;font-family:var(--hud-display-font);letter-spacing:2px;white-space:nowrap;background:#101416e0;padding:2px 8px;font-size:.75rem;box-shadow:0 0 0 2px #2c3437}.fo-game-root .turn-clock{--turn-clock-color:#ff9ab0;color:var(--turn-clock-color);font-family:var(--hud-display-font);letter-spacing:2px;white-space:nowrap;background:#101416e0;align-items:center;gap:8px;padding:2px 8px;font-size:.75rem;line-height:1;display:flex;box-shadow:0 0 0 2px #2c3437}.fo-game-root .turn-clock.mine{--turn-clock-color:#8ee6ff}.fo-game-root .turn-clock.urgent{--turn-clock-color:#f07a6e;box-shadow:0 0 0 2px #7a2f28}.fo-game-root .turn-clock-time{letter-spacing:1px;text-align:right;min-width:2.6rem;font-size:1rem}.fo-game-root .turn-clock.urgent .turn-clock-time{animation:1s steps(2,end) infinite turn-clock-urgent}@keyframes turn-clock-urgent{50%{opacity:.55}}.fo-game-root .turn-notice{pointer-events:none;z-index:6;color:#f07a6e;font-family:var(--hud-display-font);letter-spacing:1px;white-space:nowrap;background:#101416;border:2px solid #f07a6e;padding:6px 14px;font-size:.85rem;animation:3s steps(30,end) both turn-notice;position:absolute;top:16.5rem;left:50%;transform:translate(-50%)}.fo-game-root .turn-notice.theirs{color:#b9ffd7;border-color:#b9ffd7}@keyframes turn-notice{0%{opacity:0}8%,88%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.fo-game-root .turn-clock.urgent .turn-clock-time,.fo-game-root .turn-notice{animation:none}}.fo-game-root.fo-reduced-effects .turn-clock.urgent .turn-clock-time,.fo-game-root.fo-reduced-effects .turn-notice{animation:none}.fo-game-root .team-counters{align-items:center;gap:8px;width:fit-content;display:flex}.fo-game-root .team-panel.right .team-counters{flex-direction:row-reverse;margin-left:auto}.fo-game-root .team-ready{color:#e8eef0;font-family:var(--hud-display-font);letter-spacing:1px;white-space:nowrap;background:#11171a;padding:2px 8px;font-size:.8rem;box-shadow:0 0 0 2px #000,inset 0 2px #1a1b1d,inset 0 -2px #4e5356}.fo-game-root .team-panel.left .team-ready{color:#8ee6ff}.fo-game-root .team-panel.right .team-ready{color:#ff9ab0}.fo-game-root .team-ready.done{color:#7d8b8f}.fo-game-root .round-banner{z-index:6;pointer-events:none;background:#101416e6;border-top:2px solid #b9ffd7;border-bottom:2px solid #b9ffd7;flex-direction:column;align-items:center;gap:2px;padding:8px 32px;animation:1.5s steps(24,end) both round-banner;display:flex;position:absolute;top:12rem;left:50%;transform:translate(-50%)}.fo-game-root .round-banner-title{color:#b9ffd7;font-family:var(--hud-display-font);letter-spacing:2px;font-size:1.6rem;line-height:1}.fo-game-root .round-banner-note{color:#9aa6aa;font-family:var(--hud-font);font-size:.85rem}@keyframes round-banner{0%{opacity:0;transform:translate(-50%)scaleY(0)}12%,82%{opacity:1;transform:translate(-50%)scaleY(1)}to{opacity:0;transform:translate(-50%)scaleY(1)}}@media (prefers-reduced-motion:reduce){.fo-game-root .round-banner{animation:none}}.fo-game-root.fo-reduced-effects .round-banner{animation:none}.fo-game-root .gear-strip{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.fo-game-root .team-panel.right .gear-strip{flex-direction:row-reverse}.fo-game-root .gear-slots{gap:4px;display:flex}.fo-game-root .team-panel.right .gear-slots{flex-direction:row-reverse}.fo-game-root .gear-slot{color:#4e5356;width:28px;height:28px;font-family:var(--hud-display-font);background:#0b0f10;place-items:center;font-size:.55rem;display:grid;position:relative;box-shadow:0 0 0 2px #000,inset 0 2px #1a1b1d,inset 0 -2px #4e5356}.fo-game-root .gear-slot img{width:24px;height:24px;image-rendering:pixelated}.fo-game-root .gear-slot.forged{box-shadow:0 0 0 2px #000,inset 0 0 0 2px var(--set-color,#4e5356)}.fo-game-root .gear-slot.half{outline-offset:-4px;outline:2px dashed #6d777b}.fo-game-root .gear-slot.empty:after{content:attr(data-slot)}.fo-game-root .gear-slot.empty:has(img):after{content:none}.fo-game-root .gear-slot img.planned{opacity:.28;filter:grayscale()}.fo-game-root .set-chip{color:var(--hud-muted);font-family:var(--hud-display-font);white-space:nowrap;background:#11171a;align-items:center;gap:4px;padding:1px 5px;font-size:.62rem;line-height:1.4;display:inline-flex;box-shadow:0 0 0 2px #000}.fo-game-root .set-chip.on{box-shadow:0 0 0 2px #000,inset 0 0 0 1px var(--hud-heading);color:var(--hud-heading)}.fo-game-root .set-chip.full{background:var(--hud-heading);color:#11171a;text-shadow:none}.fo-game-root .set-swatch{background:var(--set-color,#777b7e);flex:none;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 1px #000}.fo-game-root .forge-ready-pip{z-index:3;color:#2b0f26;width:16px;height:16px;font-family:var(--hud-display-font);pointer-events:none;background:#ffb3ec;place-items:center;font-size:.7rem;line-height:1;display:grid;position:absolute;top:-4px;left:3.6rem;box-shadow:0 0 0 2px #000}.fo-game-root .team-panel.right .forge-ready-pip{left:auto;right:3.6rem}.fo-game-root .forge-next{pointer-events:auto;color:#ffb3ec;font-family:var(--hud-display-font);white-space:nowrap;background:#11171a;border:0;border-radius:0;align-items:center;gap:4px;padding:1px 8px 1px 2px;font-size:.75rem;display:inline-flex;box-shadow:0 0 0 2px #000,inset 0 -2px #4e5356}.fo-game-root .forge-next img{width:24px;height:24px;image-rendering:pixelated}.fo-game-root .forge-next.ready{animation:.8s steps(2,end) infinite alternate fo-forge-ready;box-shadow:0 0 0 2px #000,0 0 0 4px #ffb3ec}@keyframes fo-forge-ready{to{box-shadow:0 0 0 2px #000,0 0 0 4px #8a3f7c}}.fo-game-root .forge-nudge{pointer-events:auto;bottom:calc(var(--hud-edge,1rem) + 18rem);z-index:30;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem;max-width:min(34rem,100% - 2rem);padding:.6rem .9rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.fo-game-root .forge-nudge p{color:#ffb3ec;align-items:center;gap:.35rem;margin:0;display:flex}.fo-game-root .forge-nudge img{height:1.1rem;image-rendering:pixelated}.fo-game-root .forge-nudge button{font-family:var(--hud-display-font);border:0;border-radius:0;padding:.3rem .7rem;font-size:.75rem;box-shadow:0 0 0 2px #000}.fo-game-root .forge-nudge-forge{color:#ffb3ec;background:#4a2246}.fo-game-root .forge-nudge-skip{color:var(--hud-muted);background:#232b2d}.fo-game-root .unit-info-panel{grid-template-areas:"stats""actions""gear""bars"}.fo-game-root .unit-info-stat-bonus{color:var(--hud-heading);margin-left:.25rem}.fo-game-root .unit-info-gear{flex-wrap:wrap;grid-area:gear;align-items:center;gap:4px 6px;display:flex}.fo-game-root .unit-info-gear .unit-info-gear-slot{border:0;border-radius:0;padding:0}.fo-game-root .unit-info-bonus{color:#6d777b;font-family:var(--hud-display-font);background:#11171a;border:0;border-radius:0;align-items:center;gap:4px;padding:1px 6px;font-size:.62rem;font-weight:400;display:inline-flex;box-shadow:0 0 0 2px #000}.fo-game-root .unit-info-bonus.active{color:var(--hud-heading);box-shadow:0 0 0 2px #000,inset 0 0 0 1px var(--hud-heading)}.fo-game-root .detail-kind.gear,.fo-game-root .detail-kind.material{color:#ffb3ec}.fo-game-root .detail-kind.set{color:var(--hud-heading)}.fo-game-root .item-panel.forge{width:min(72rem,100cqw - 2rem)}.fo-game-root .forge-units{flex-wrap:wrap;gap:.5rem;display:flex}.fo-game-root .forge-unit{font-family:var(--hud-font);background:#11171a;border:0;border-radius:0;align-items:center;gap:.4rem;padding:2px 10px 2px 2px;display:inline-flex;position:relative;box-shadow:0 0 0 2px #000,inset 0 -2px #4e5356}.fo-game-root .forge-unit.selected{box-shadow:0 0 0 2px #000,0 0 0 4px var(--hud-accent)}.fo-game-root .forge-unit-portrait{background:#0b0f10;width:32px;height:32px;display:block;overflow:hidden}.fo-game-root .forge-unit .forge-ready-pip{top:-6px;left:auto;right:-6px}.fo-game-root .forge-current{align-items:center;gap:.75rem;display:flex}.fo-game-root .forge-label{color:var(--hud-muted);font-family:var(--hud-display-font);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem}.fo-game-root .forge-sets{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.75rem;display:grid}.fo-game-root .forge-set{background:#11171a;align-content:start;gap:.6rem;padding:.7rem;display:grid;box-shadow:0 0 0 2px #000,inset 0 2px #1a1b1d,inset 0 -2px #4e5356}.fo-game-root .forge-set.building{box-shadow:0 0 0 2px #000,0 0 0 4px var(--set-color)}.fo-game-root .forge-set-header{align-items:center;gap:.5rem;display:flex}.fo-game-root .forge-set-header .set-swatch{width:12px;height:12px}.fo-game-root .forge-set-name{flex:1;min-width:0;display:grid}.fo-game-root .forge-set-name strong{font-family:var(--hud-display-font);font-weight:400}.fo-game-root .forge-set-name small{color:var(--hud-muted);font-size:.8rem}.fo-game-root .forge-path{font-family:var(--hud-display-font);background:#232b2d;border:0;border-radius:0;padding:.25rem .6rem;font-size:.7rem;font-weight:400;box-shadow:0 0 0 2px #000}.fo-game-root .forge-path.selected{background:var(--set-color);color:#11171a;text-shadow:none}.fo-game-root .forge-pieces{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.fo-game-root .forge-piece{font-family:var(--hud-font);background:#0b0f10;border:0;border-radius:0;justify-items:center;gap:2px;padding:.35rem .2rem;font-weight:400;display:grid;box-shadow:0 0 0 2px #000,inset 0 -2px #4e5356}.fo-game-root .forge-piece img{width:32px;height:32px;image-rendering:pixelated}.fo-game-root .forge-piece.selected{box-shadow:0 0 0 2px #000,0 0 0 4px var(--hud-accent)}.fo-game-root .forge-piece.forged{box-shadow:0 0 0 2px #000,inset 0 0 0 2px var(--set-color)}.fo-game-root .forge-piece.unaffordable img,.fo-game-root .forge-piece.blocked img{filter:grayscale(.8)brightness(.7)}.fo-game-root .forge-piece-slot{color:var(--hud-muted);font-size:.7rem}.fo-game-root .forge-piece-cost{color:#ffb3ec;font-family:var(--hud-display-font);font-size:.7rem}.fo-game-root .forge-piece.forged .forge-piece-cost{color:var(--hud-heading)}.fo-game-root .forge-bonuses{color:#7d888b;gap:.35rem;margin:0;padding:0;font-size:.85rem;line-height:1.3;list-style:none;display:grid}.fo-game-root .forge-bonuses li{grid-template-columns:1.4rem minmax(0,1fr);gap:.4rem;display:grid}.fo-game-root .forge-bonuses li.active{color:var(--hud-text)}.fo-game-root .forge-bonuses b{color:var(--hud-muted)}.fo-game-root .forge-bonuses li.active b{color:var(--hud-heading)}.fo-game-root .forge-bonus-pieces{height:1.2rem;font-family:var(--hud-display-font);background:#232b2d;place-items:center;font-size:.7rem;display:grid;box-shadow:0 0 0 1px #000}.fo-game-root .forge-bonuses li.active .forge-bonus-pieces{background:var(--hud-heading);color:#11171a}.fo-game-root .forge-recipe{color:var(--hud-muted);gap:.35rem;margin:.5rem 0 0;padding:0;font-size:.85rem;list-style:none;display:grid}.fo-game-root .forge-material{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.fo-game-root .forge-material-name{color:var(--hud-text);display:grid}.fo-game-root .forge-material-name small{color:var(--hud-muted);font-size:.75rem}.fo-game-root .forge-component{color:#ffb3ec;font-family:var(--hud-display-font);white-space:nowrap;background:#2b1f45;border:0;border-radius:0;padding:.2rem .6rem;font-size:.7rem;font-weight:400;box-shadow:0 0 0 2px #000}.fo-game-root .forge-component.owned{color:var(--hud-heading);opacity:1;filter:none;background:#11171a}.fo-game-root .forge-material img{width:24px;height:24px;image-rendering:pixelated}.fo-game-root .forge-button{width:100%;margin-top:.5rem}.fo-game-root .item-panel.forge .forge-details{grid-template-columns:64px minmax(0,1fr) minmax(15rem,1fr);padding:.8rem 1rem}.fo-game-root .forge-buy{align-content:start;gap:.25rem;display:grid}.fo-game-root .forge-buy .forge-recipe{margin:0}.fo-game-root .forge-buy .forge-hint{font-size:.75rem;line-height:1.3}@container battle (max-width:1000px){.fo-game-root .item-panel.forge .forge-details{grid-template-columns:48px minmax(0,1fr)}.fo-game-root .forge-buy{grid-column:1/-1}}@container battle (max-height:699px){.fo-game-root .unit-info-gear{display:none}.fo-game-root .forge-nudge{bottom:calc(var(--hud-edge,1rem) + 15rem)}}@media (prefers-reduced-motion:reduce){.fo-game-root .forge-next.ready{animation:none}}.fo-game-root.fo-reduced-effects .forge-next.ready{animation:none}