@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Cinzel:wght@400;600;700&family=Crimson+Pro:ital,wght@0,400;1,400&display=swap";.sg{--sg-bg: #091822;--sg-panel: #142b38;--sg-line: #38515b;--sg-gold: #ddc99c;--sg-text: #e8edf0;--sg-muted: #a4b7c0;--sg-teal: #68c7bf;color:var(--sg-text);font:13px/1.35 Georgia,Times New Roman,serif;box-sizing:border-box;color-scheme:dark}.sg *,.sg *:before,.sg *:after{box-sizing:border-box}.sg h1,.sg h2,.sg h3,.sg h4,.sg p{margin:0}.sg h1{font-size:22px}.sg h2{font-size:20px}.sg h3{font-size:15px;color:var(--sg-gold);margin-bottom:9px}.sg h4{font-size:14px;color:var(--sg-gold)}.sg p{margin:6px 0}.sg small{font-size:11px;color:var(--sg-muted)}.sg button{font:inherit;color:var(--sg-text);cursor:pointer;min-height:44px;border:1px solid var(--sg-line);border-radius:3px;background:linear-gradient(150deg,#203b4a,#102531);padding:7px 12px;touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;gap:6px}.sg button:focus-visible{outline:2px solid var(--sg-teal);outline-offset:2px}.sg button:hover{border-color:var(--sg-gold)}.sg button:disabled{opacity:.5;cursor:default}.sg-report,.sg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:radial-gradient(ellipse at 50% 0,#29435166,transparent 65%),linear-gradient(135deg,#07141d,#132a36 55%,#07121a);z-index:11000}.sg-overlay{z-index:11010}.sg-commander-popup{z-index:11020}.sg-troop{z-index:11030}.sg-header{min-height:56px;display:flex;align-items:center;gap:12px;padding:6px 16px;border-bottom:1px solid #a7a0806b;background:linear-gradient(110deg,#102935ee,#081620ee);flex-shrink:0}.sg-header h1,.sg-header h2{color:var(--sg-gold);font-weight:400}.sg-header>div{min-width:0}.sg-header small{display:block}.sg-header .sg-close{margin-left:auto;flex-shrink:0;width:44px;padding:4px;font-size:26px}.sg-brand{margin-left:auto;text-transform:uppercase;letter-spacing:3px}.sg-report-count{color:var(--sg-muted)}.sg-report-body{display:grid;grid-template-columns:29% minmax(0,1fr);flex:1;min-height:0}.sg-history{overflow-y:auto;padding:14px 12px 20px 10px;border-right:1px solid var(--sg-line);background:#05131a90}.sg-history .sg-history-card{width:100%;justify-content:flex-start;text-align:left;min-height:90px;margin-bottom:12px;padding:7px;gap:9px;position:relative;background:linear-gradient(115deg,#223d4a,#0d202c);border:1px solid #4b626b;box-shadow:3px 4px #142b35,4px 5px #42535a}.sg-history-card.selected{border-color:#b2ded6;box-shadow:0 0 9px #65c9bd40,3px 4px #314f58;background:linear-gradient(115deg,#31525a,#132e3a)}.sg-history-card img{width:48px;height:66px;object-fit:cover;object-position:top;border:1px solid #b5a47c80}.sg-history-icon{width:36px;font-size:28px}.sg-history-card>div{min-width:0}.sg-history-card strong{font-size:18px;font-weight:400;display:block}.sg-history-card span,.sg-history-card small{display:block}.sg-history-card span{font-size:12px;line-height:1.25;margin:3px 0}.sg-history-card small{font-size:10px}.sg-summary{display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto}.sg-location{display:flex;align-items:center;gap:8px;padding:8px 12px;flex-shrink:0;border-bottom:1px solid #38515b80;min-height:37px;flex-wrap:wrap}.sg-location strong{color:var(--sg-gold);font-size:14px}.sg-location>span{margin-left:auto;color:#cddadc}.sg-duel{display:grid;grid-template-columns:minmax(0,1fr) 95px minmax(0,1fr);flex:1;min-height:228px;padding:0 10px}.sg-army{min-width:0;min-height:0;display:flex;flex-direction:column}.sg-commander{position:relative!important;flex:1;min-height:105px!important;padding:0!important;border:0!important;background:radial-gradient(ellipse at 50% 70%,#4d88784d,transparent 75%)!important;overflow:hidden;border-radius:0!important;width:100%;display:block!important}.sg-commander img{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;object-fit:contain;object-position:top center;-webkit-mask-image:linear-gradient(to bottom,#000 75%,transparent);mask-image:linear-gradient(to bottom,#000 75%,transparent)}.sg-def .sg-commander,.sg-army.def .sg-commander{background:radial-gradient(ellipse at 50% 70%,#93595744,transparent 75%)!important}.sg-player{position:absolute;top:5px;left:5px;right:5px;z-index:1;font-size:12px;text-align:left;color:#a6e0d4;text-shadow:0 1px 4px #000;background:#0a1b23cf;padding:3px 6px;border-left:2px solid #64b8b0}.sg-army.def .sg-player{color:#edb1a9;border-color:#bd796f;text-align:right}.sg-commander-name{position:absolute;bottom:0;left:0;right:0;padding:16px 5px 5px;background:linear-gradient(transparent,#0a1c27 45%);text-align:left}.sg-commander-name strong{font-size:17px;color:var(--sg-gold);display:block;line-height:1.1}.sg-commander-name small{display:block}.sg-no-art{font-size:48px}.sg-verdict{align-self:center;text-align:center;display:flex;align-items:center;flex-direction:column;gap:9px;color:var(--sg-gold)}.sg-verdict>svg{width:36px;height:36px;opacity:.8}.sg-verdict strong{font-size:20px;text-transform:uppercase;font-weight:400;letter-spacing:.5px}.sg-verdict small{font-size:10px}.sg-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px 0;flex-shrink:0}.sg .sg-slot{position:relative;min-width:0;height:62px;padding:0;overflow:hidden;border-color:#778b916b;border-radius:0;display:block}.sg-slot img{width:100%;height:100%;object-fit:cover;object-position:top}.sg-slot>span:not(.sg-slot-tier){position:absolute;bottom:0;left:0;right:0;background:#05121bea;padding:3px 1px;font-size:11px;text-align:center;white-space:nowrap}.sg-slot small{font-size:9px}.sg-slot-tier{position:absolute;left:3px;top:2px;color:var(--sg-gold);background:#081720b8;font-size:11px;padding:0 3px}.sg-slot-empty{height:62px;background:#10263344;border:1px dashed #3e535944}.sg-strength{font-size:13px;padding:0 0 5px}.sg-strength>small{display:block;font-size:9px;white-space:nowrap}.sg-bar{height:8px;display:flex;background:#05121b;box-shadow:inset 0 0 0 1px #a7a08066;margin:3px 0;overflow:hidden}.sg-bar i{background:#3fae5a}.sg-bar .wounded{background:#3f7fd6}.sg-dot{display:inline-block;width:7px;height:7px;margin-right:3px;border-radius:50%;background:#3fae5a}.sg-dot.wounded{background:#3f7fd6}.sg-dot.lost{background:#000;box-shadow:0 0 0 1px #a7a080aa}.sg-bar .lost{background:#000}.sg-report-footer{border-top:1px solid #a7a08065;padding:7px 10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.sg-meta{display:flex;gap:5px 12px;flex:1;flex-wrap:wrap;min-width:100px;font-size:11px;color:var(--sg-muted)}.sg-actions{display:flex;gap:7px}.sg-actions button{font-size:12px;padding:6px 9px}.sg .sg-primary{background:linear-gradient(#e2d0a1,#ae955f);color:#18232b;border-color:#f0ddb0}.sg-feedback{padding:5px 12px;color:#a6e0d4}.sg-empty{margin:auto;color:var(--sg-muted)}.sg-duel.recon{grid-template-columns:30% 1fr}.sg-outcome{margin-left:auto;font-size:20px}.sg-comparison-body{display:grid;grid-template-columns:115px minmax(0,1fr);flex:1;min-height:0}.sg-comparison-nav{padding:12px 8px;border-right:1px solid var(--sg-line);display:flex;flex-direction:column;gap:10px}.sg-comparison-nav button{min-height:48px;background:transparent;justify-content:flex-start}.sg-comparison-nav button[aria-pressed=true]{border-color:var(--sg-teal);background:#24434e}.sg-comparison-content{overflow-y:auto;padding:0 12px 10px}.sg-comp-armies{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sg-army.compact{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:112px auto;gap:0 8px}.compact .sg-commander{grid-row:1/3;min-height:140px!important}.compact .sg-commander-name strong{font-size:14px}.compact .sg-slots,.compact .sg-strength{align-self:end}.sg-comparison-labels,.sg-comparison-row{display:grid;grid-template-columns:minmax(0,1fr) 145px minmax(0,1fr);align-items:center;gap:8px}.sg-comparison-labels{padding:5px 8px;color:var(--sg-muted);font-size:11px;border-bottom:1px solid var(--sg-line)}.sg-comparison-labels>span:nth-child(2),.sg-comparison-row>span:nth-child(2){text-align:center}.sg-comparison-labels>span:last-child{text-align:right}.sg-comparison-row{padding:5px 8px;min-height:29px}.sg-comparison-row:nth-child(2n){background:#7497a210}.sg-comparison-row>span{display:flex;align-items:center;gap:8px}.sg-comparison-row>span:nth-child(2){display:block;font-size:12px;color:#c8d3d8}.sg-comparison-row>span:last-child{justify-content:flex-end}.sg-comparison-row b{font-size:15px;min-width:44px;font-weight:400;color:#b1e1d7}.sg-comparison-row>span:last-child b{color:#e1aaa1;text-align:right}.sg-comparison-row i{height:7px;display:block;background:#5daea1;opacity:.7}.sg-comparison-row>span:last-child i{background:#b97971}.sg-muted{color:var(--sg-muted);opacity:.6}.sg-loadout{display:grid;grid-template-columns:34% 28% 38%;min-height:0;flex:1}.sg-hero{position:relative;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;background:radial-gradient(ellipse,#38627066,transparent)}.sg-hero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:top;-webkit-mask-image:linear-gradient(#000 55%,transparent 85%);mask-image:linear-gradient(#000 55%,transparent 85%)}.sg-hero>div{position:relative;background:linear-gradient(transparent,#102634 28%);padding-top:30px}.sg-hero h2{color:var(--sg-gold)}.sg-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.sg-hero-stats>div{padding:6px;background:#1d3848ad;border:1px solid #6b878255}.sg-hero-stats strong,.sg-hero-stats small{display:block}.sg-hero-stats strong{font-size:21px}.sg-bonuses{font-size:11px;color:#9dcdc4}.sg-equipment,.sg-skill-loadout{padding:12px;overflow-y:auto;border-left:1px solid var(--sg-line)}.sg-gear-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.sg-gear-grid button{display:flex;flex-direction:column;padding:6px;min-height:80px}.sg-gear-grid button>span{font-size:25px}.sg-gear-grid strong{font-size:11px}.sg-gear-grid small{font-size:10px}.sg-skill-loadout article,.sg-skills article{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid #59758150}.sg-skill-loadout article>div,.sg-skills article>div{min-width:0;flex:1}.sg-skill-loadout p,.sg-skills p{font-size:12px;color:#c4d0d6;line-height:1.4}.sg-skill-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border:1px solid #bca87580;border-radius:50%;background:#31444d;font-size:23px}.sg progress{width:100%;height:5px;accent-color:var(--sg-teal);display:block;margin-top:4px}.sg-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020a10cc;display:flex;align-items:center;justify-content:center;z-index:11040;padding:16px}.sg-dialog{width:min(420px,100%);max-height:90dvh;overflow-y:auto;padding:16px;background:linear-gradient(130deg,#203b49,#0d202d);border:1px solid #b9b38b;box-shadow:0 15px 70px #000b}.sg-dialog header{display:flex;align-items:center;justify-content:space-between;gap:10px}.sg-dialog p{color:var(--sg-muted)}.sg-share-targets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.sg-round-log{overflow:auto;flex:1;padding:12px 24px}.sg-troop-body{display:grid;grid-template-columns:45% 55%;min-height:0;flex:1}.sg-formation{position:relative;min-height:0;background:radial-gradient(ellipse at 50% 80%,#63908d44,transparent 60%);overflow:hidden}.sg-formation img{width:100%;height:100%;object-fit:contain;padding:0 0 28px;filter:drop-shadow(0 12px 8px #0008)}.sg-art-caption{position:absolute;bottom:6px;left:12px;right:12px;text-align:center;color:var(--sg-gold);background:#091b27b8;padding:5px}.sg-troop-info{overflow-y:auto;padding:14px 20px 18px;border-left:1px solid var(--sg-line)}.sg-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.sg-stat-grid>div{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border:1px solid #59758170;background:linear-gradient(125deg,#28445188,#142b3890);gap:8px}.sg-stat-grid span{color:var(--sg-muted);font-size:12px}.sg-stat-grid strong{font-size:17px;color:var(--sg-gold);font-weight:400}.sg-training{margin-top:12px;padding-top:9px;border-top:1px solid #ad9d6c88}.sg-training h3 small{font-size:10px}.sg-training>div{display:flex;flex-wrap:wrap;gap:8px 16px;text-transform:capitalize;font-size:12px;color:var(--sg-muted)}.sg-training b{color:var(--sg-gold);display:block;font-size:16px}.sg-matchup,.sg-passive{font-size:11px;color:var(--sg-muted)}.sg .sg-upgrade{display:flex;margin-top:6px;font-size:11px}.sg-tier{font-size:26px;color:var(--sg-gold);border:1px solid #b5a47c80;padding:2px 10px}@media(max-height:450px)and (orientation:landscape){.sg-header{min-height:48px;padding:2px 12px;gap:8px}.sg h1,.sg h2{font-size:18px}.sg-location{padding:5px 10px;min-height:31px}.sg-duel{min-height:210px;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr)}.sg-verdict strong{font-size:15px}.sg-verdict>svg{width:28px;height:28px}.sg-commander-name strong{font-size:15px}.sg-history{padding:10px 9px}.sg-history .sg-history-card{min-height:82px;margin-bottom:11px}.sg-history-card strong{font-size:16px}.sg-history-card img{width:40px;height:58px}.sg-report-footer{padding:4px 9px;gap:4px}.sg-actions{gap:5px}.sg-actions button{padding:4px 7px;font-size:11px}.sg-comp-armies{gap:14px}.sg-army.compact{grid-template-rows:85px auto}.compact .sg-commander{min-height:116px!important}.sg-comparison-row{min-height:26px;padding:3px 6px}.sg-comparison-row b{font-size:14px}.sg-comparison-row>span:nth-child(2){font-size:11px}.sg-comparison-content{padding-bottom:4px}.sg-equipment,.sg-skill-loadout{padding:9px}.sg-gear-grid button{min-height:72px}.sg-hero{padding:8px}.sg-troop-info{padding:10px 14px}.sg-stat-grid>div{padding:6px 8px}.sg-stat-grid{margin-bottom:8px}.sg-skills article{padding:6px 0}}@media(max-width:720px){.sg-header .sg-brand{display:none}.sg-history-card img{width:32px!important;height:50px!important}.sg-history-card strong{font-size:14px!important}.sg-history-card span{font-size:11px}.sg-history-card small{font-size:9px}.sg-history .sg-history-card{gap:5px;padding:5px}.sg-duel{grid-template-columns:minmax(0,1fr) 59px minmax(0,1fr)}.sg-verdict strong{font-size:12px}.sg-verdict small{font-size:9px}.sg-commander-name strong{font-size:13px}.sg-player{font-size:10px}.sg-strength>small{font-size:8px}.sg-slot>span:not(.sg-slot-tier){font-size:9px}.sg-slot small{font-size:8px}.sg-comparison-body{grid-template-columns:92px 1fr}.sg-comparison-nav{padding:8px 5px}.sg-comparison-nav button{padding:5px}.sg-comparison-labels,.sg-comparison-row{grid-template-columns:minmax(0,1fr) 116px minmax(0,1fr);gap:4px}.sg-comparison-row i{display:none}.sg-comp-armies{gap:8px}.sg-comp-armies .sg-strength>small{display:none}.sg-hero h2{font-size:16px}.sg-hero-stats strong{font-size:18px}.sg-hero-stats small{font-size:10px}.sg-loadout{grid-template-columns:32% 29% 39%}.sg-troop-body{grid-template-columns:42% 58%}}@media(orientation:portrait){.sg-report-body{grid-template-columns:32% minmax(0,1fr)}.sg-duel{grid-template-columns:1fr;min-height:650px}.sg-duel.recon{grid-template-columns:1fr}.sg-verdict{padding:10px}.sg-history-card{flex-direction:column}.sg-history-card img{display:none}.sg-loadout{grid-template-columns:1fr;overflow-y:auto}.sg-hero{min-height:300px}.sg-equipment,.sg-skill-loadout{overflow:visible}.sg-troop-body{grid-template-columns:1fr;overflow-y:auto}.sg-formation{min-height:280px}.sg-troop-info{overflow:visible}.sg-comparison-body{grid-template-columns:1fr}.sg-comparison-nav{flex-direction:row;padding:5px}.sg-comparison-nav button{flex:1}.sg-comp-armies{grid-template-columns:1fr 1fr}.sg-comp-armies .sg-army{grid-template-columns:1fr}.sg-comp-armies .sg-slots,.sg-comparison-row i{display:none}.sg-header small{font-size:10px}}.sg-duel,.sg-comp-armies,.sg-loadout,.sg-formation{background:linear-gradient(180deg,#07121c22,#07121c18 48%,#0a1c27e8),url(/reports/stormglass-battlefield-v1.webp) center 48% / cover}.sg-duel{grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);border-top:1px solid #c4ad7152;border-bottom:1px solid #c4ad7138}.sg-player{position:static;flex:0 0 auto;margin:5px 0 0;padding:3px 7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(90deg,#153e46e0,#153e4620)}.sg-army.def .sg-player{background:linear-gradient(270deg,#4b3438d9,#4b343820)}.sg-commander,.sg-army.def .sg-commander{background:none!important}.sg-commander img{-webkit-mask-image:radial-gradient(ellipse at 50% 34%,#000 38%,#000b 62%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 34%,#000 38%,#000b 62%,transparent 80%)}.sg-commander-name{background:linear-gradient(transparent,#0a1c27e0 70%)}.sg-victory-seal{position:relative;display:grid;place-items:center;width:62px;height:62px;border:1px solid #d8c695ae;border-radius:50%;box-shadow:0 0 0 5px #152c3688,0 0 0 6px #ad97694d,0 8px 24px #0009,inset 0 0 18px #c6b47425;background:radial-gradient(#355361,#102330)}.sg-victory-seal:before,.sg-victory-seal:after{content:"◆";position:absolute;top:21px;font-size:13px;color:#c4ad71}.sg-victory-seal:before{left:-15px}.sg-victory-seal:after{right:-15px}.sg-victory-seal svg{width:31px;height:31px;stroke-width:1.4}.sg-verdict{gap:14px;padding:0 5px;text-shadow:0 2px 7px #000}.sg-verdict strong{font-size:19px;line-height:1.15}.sg-verdict small{color:#d6ddd9}.sg-clock{white-space:nowrap;font-variant-numeric:tabular-nums;color:#bacdcc}.sg-history{background:linear-gradient(110deg,#102c39e8,#08151dec),url(/reports/stormglass-battlefield-v1.webp) left / cover}.sg-history .sg-history-card{box-shadow:0 5px 9px #0006,inset 0 1px #d4c39118}.sg-hero{background:radial-gradient(ellipse,#75938b22,transparent)}.sg-hero-stats small:first-child{display:flex;align-items:center;justify-content:center;gap:4px;color:#c8b887}.sg-equipment,.sg-skill-loadout{background:#0b1b28b3}.sg-skill-loadout article.sg-uninvested{filter:grayscale(1);opacity:.55}.sg-skill-loadout article{padding:7px 0}.sg-skill-loadout article h4{margin:0 0 2px}.sg-skill-loadout details{font-size:10px;margin-top:3px;color:#a9c8ca}.sg-skill-loadout summary{cursor:pointer;min-height:22px}.sg-skill-loadout progress{height:3px}.sg-skill-loadout .sg-skill-icon{width:31px;height:31px;font-size:19px}.sg-share-card{position:relative;isolation:isolate;display:block;width:238px;max-width:100%;aspect-ratio:1;padding:0;overflow:hidden;color:#d7e2e2;border:1px solid #a28f69;border-radius:5px;background:linear-gradient(#0b202966,#07152188),url(/reports/stormglass-battlefield-v1.webp) center / cover;box-shadow:inset 0 0 0 3px #0a1928,inset 0 0 0 4px #a28f6940,0 5px 15px #0006;font-family:Georgia,serif;cursor:pointer;text-align:center}.sg-share-card:focus-visible{outline:2px solid #9ce3df;outline-offset:3px}.sg-share-title{position:absolute;top:10px;left:8px;right:8px;font-size:14px;color:#e3d2a6}.sg-share-title small{display:block;font:10px/1.5 sans-serif;color:#b5c9ca}.sg-share-armies{position:absolute;top:54px;right:7px;bottom:30px;left:7px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.sg-share-army{position:relative;min-width:0;display:block}.sg-share-army img{position:absolute;top:20px;left:-12%;width:124%;height:calc(100% - 24px);object-fit:contain;object-position:top;-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}.sg-share-player{position:relative;display:block;font:10px/18px sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a5ddd3;background:#0b253699}.sg-share-army.def .sg-share-player{color:#e2a9a0}.sg-share-commander{position:absolute;bottom:0;left:-2px;right:-2px;font-size:11px;line-height:1.2;text-shadow:0 1px 4px #000}.sg-share-outcome{position:absolute;top:48%;left:50%;transform:translate(-50%,-10%);display:flex;align-items:center;flex-direction:column;gap:5px;padding:9px 4px;width:64px;background:radial-gradient(#0c2439ee,#0c243977 60%,transparent 72%);text-shadow:0 2px 5px #000}.sg-share-outcome svg{box-sizing:content-box;padding:7px;border:1px solid #c5b47c88;border-radius:50%;background:#102331cc}.sg-share-outcome strong{font-size:12px;font-weight:400;text-transform:uppercase}.sg-share-open{position:absolute;bottom:8px;left:0;right:0;font:10px sans-serif;letter-spacing:1px;color:#aacdcd}.sg-share-fallback{margin-top:30px;opacity:.6}.sg-army.compact{grid-template-columns:1fr 1fr;grid-template-rows:22px 78px 38px}.compact .sg-player{grid-column:1 / -1;grid-row:1;margin:0;align-self:start}.compact .sg-commander{grid-column:1;grid-row:2 / 4;min-height:0!important}.compact .sg-slots{grid-column:2;grid-row:2}.compact .sg-strength{grid-column:2;grid-row:3}@media(max-height:500px)and (orientation:landscape){.sg-duel{grid-template-columns:minmax(0,1fr) 105px minmax(0,1fr)}.sg-verdict strong{font-size:17px}.sg-victory-seal{width:48px;height:48px}.sg-victory-seal:before,.sg-victory-seal:after{top:14px}.sg-verdict{gap:12px}.sg-army.compact{grid-template-rows:20px auto auto;align-content:end}.compact .sg-slots{padding:0 0 3px}.sg .compact .sg-slot,.compact .sg-slot-empty{height:54px}.compact .sg-strength{padding:0 0 4px;line-height:1.15}}@media(max-width:700px)and (orientation:landscape){.sg-duel{grid-template-columns:minmax(0,1fr) 85px minmax(0,1fr);padding:0 7px}.sg-verdict strong{font-size:14px}.sg-victory-seal{width:40px;height:40px}.sg-victory-seal svg{width:24px;height:24px}.sg-victory-seal:before,.sg-victory-seal:after{top:11px}.sg-player{font-size:10px;padding:2px 4px}.sg-hero-stats small:first-child{flex-direction:column;gap:2px}}.sg-commander img.sg-layered-character{height:230%;top:calc(-6% - var(--sg-char-shift, 0) * 230%);object-position:top;-webkit-mask-image:linear-gradient(#000 calc(25% + var(--sg-char-shift, 0) * 100%),transparent calc(48% + var(--sg-char-shift, 0) * 100%));mask-image:linear-gradient(#000 calc(25% + var(--sg-char-shift, 0) * 100%),transparent calc(48% + var(--sg-char-shift, 0) * 100%))}.sg-share-army{overflow:hidden}.sg-share-army img.sg-layered-character{height:220%;width:180%;left:-40%;top:calc(0% - var(--sg-char-shift, 0) * 220%);object-position:top;-webkit-mask-image:linear-gradient(#000 calc(25% + var(--sg-char-shift, 0) * 100%),transparent calc(50% + var(--sg-char-shift, 0) * 100%));mask-image:linear-gradient(#000 calc(25% + var(--sg-char-shift, 0) * 100%),transparent calc(50% + var(--sg-char-shift, 0) * 100%))}.sg-skill-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sg .sg-skill-tile{display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center;min-width:0;min-height:72px;padding:5px 3px;background:linear-gradient(140deg,#345061bb,#132736dd);border-color:#94b8b54d;box-shadow:inset 0 1px #d0c09722}.sg .sg-skill-tile.main{border-color:#c3ab7266}.sg-skill-tile.sg-uninvested{filter:grayscale(1);opacity:.7}.sg-skill-tile strong{font-size:10px;line-height:1.12;text-align:center}.sg-skill-tile small{font-size:9px;color:#b0cac9}.sg-skill-tile .sg-skill-icon{width:25px;height:25px;font-size:16px}@media(max-height:400px)and (orientation:landscape){.sg-skill-gallery{gap:4px}.sg .sg-skill-tile{min-height:66px;padding:3px 2px}.sg-skill-tile .sg-skill-icon{width:22px;height:22px;font-size:14px}}@media(max-height:400px)and (orientation:landscape){.sg-skill-gallery{grid-auto-rows:65px}.sg .sg-skill-tile{box-sizing:border-box;height:100%;min-height:0;gap:2px}.sg-skill-tile strong{font-size:9px}.sg-skill-tile .sg-skill-icon{width:20px;height:20px;flex-shrink:0}}@media(min-width:700px)and (pointer:fine){.sg-commander img.sg-layered-character{inset:auto;left:0;top:0;width:100%;height:auto;max-height:none;transform:translateY(calc(var(--sg-char-shift, 0) * -100%));object-fit:contain;-webkit-mask-image:linear-gradient(#000 80%,transparent 97%);mask-image:linear-gradient(#000 80%,transparent 97%)}}.sg-hero>img{transform-origin:50% 0;transform:scale(calc(1 / (1 - var(--sg-char-shift, 0)))) translateY(calc(var(--sg-char-shift, 0) * -100%))}.sg-hero>img{-webkit-mask-image:linear-gradient(#000 calc(55% + var(--sg-char-shift, 0) * 45%),transparent calc(85% + var(--sg-char-shift, 0) * 15%));mask-image:linear-gradient(#000 calc(55% + var(--sg-char-shift, 0) * 45%),transparent calc(85% + var(--sg-char-shift, 0) * 15%))}@media(min-width:700px)and (pointer:fine){.sg-commander{max-height:40vh}.sg-commander img.sg-layered-character{width:70%;left:15%}.sg-commander img:not(.sg-layered-character){width:78%;inset:0 auto auto 11%;height:100%}.sg .sg-slot{height:clamp(110px,19vh,180px);background:#0b1419}.sg-slot img{object-position:50% 10%}.sg-slot>span:not(.sg-slot-tier){font-size:12px}.sg-slot small{font-size:10px}}.sg-troop .sg-troop-info{padding:8px 14px 10px}.sg-troop .sg-stat-grid{grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:6px}.sg-troop .sg-stat-grid>div{flex-direction:column;align-items:flex-start;gap:0;padding:4px 8px}.sg-troop .sg-stat-grid span{font-size:10px}.sg-troop .sg-stat-grid strong{font-size:14px}.sg-troop .sg-skills h3,.sg-troop .sg-training h3{margin:2px 0;font-size:12px}.sg-troop .sg-skills article{padding:4px 0;gap:7px}.sg-troop .sg-skill-icon{width:28px;height:28px;font-size:17px}.sg-troop .sg-skills h4{font-size:13px;margin:0}.sg-troop .sg-skills p{font-size:11px;line-height:1.25;margin:1px 0}.sg-troop .sg-skills small{font-size:10px}.sg-troop .sg-upgrade{padding:3px 8px;font-size:11px;margin-top:3px}.sg-troop .sg-training{margin-top:6px;padding-top:5px}.sg-troop .sg-matchup,.sg-troop .sg-passive{font-size:11px;margin:4px 0 0}.rf-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9300;display:flex;flex-direction:column;min-height:0;background:#0a1015;color:#edddb5;font-family:Cinzel,Georgia,serif}.rf-editor{flex:1;min-height:0}.rf-convoys{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex-shrink:0;padding:8px calc(var(--sar,0px) + 12px) calc(var(--sab,0px) + 8px) calc(var(--sal,0px) + 12px);border-top:1px solid #997e47;background:linear-gradient(#20292c,#10161d)}.rf-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center}.rf-control label{grid-column:1/-1;display:flex;justify-content:space-between;font-size:10px;color:#d6c391}.rf-control input{width:100%;min-width:0;accent-color:#c5a55f;min-height:26px;margin:0}.rf-control button{grid-column:2;grid-row:2/4;min-height:38px;max-width:160px;padding:5px 12px;border:1px solid #b79855;background:linear-gradient(#3a4b45,#1b2b24);color:#f3e4bd;font:11px Georgia,serif;cursor:pointer}.rf-control select{min-width:0;width:100%;background:#151e24;color:#e7d5b0;border:1px solid #6d603f;font-size:10px;padding:3px}.rf-control button:disabled{opacity:.4;cursor:default}.rf-control button,.rf-control input{touch-action:manipulation}.commander-screen{padding-right:env(safe-area-inset-right,0px);padding-top:env(safe-area-inset-top,0px);box-sizing:border-box}.commander-screen-header{display:flex;align-items:center;gap:14px;flex-shrink:0;height:48px;padding:0 14px 0 6px;background:linear-gradient(90deg,#121c1fe6,transparent 75%);border-bottom:1px solid #b9a06a25}.commander-screen-header h1{margin:0;color:#d8c38c;font:500 20px Cinzel,serif;letter-spacing:.05em}.commander-screen-header button{min-width:44px;min-height:44px;border:0;background:transparent;color:#d8c38c;cursor:pointer;font-size:24px;touch-action:manipulation}.commander-screen-header .commander-filter-button{margin-left:auto;padding:0 12px;font:12px Cinzel,serif}.commander-screen-body{flex:1;display:grid;grid-template-columns:144px minmax(0,1fr) clamp(260px,32vw,400px);overflow:hidden;min-height:0;touch-action:auto}.commander-roster{display:flex;min-height:0;overflow:hidden;padding:5px 2px;background:linear-gradient(90deg,#090e10b3,transparent)}.commander-roster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding-bottom:12px}.commander-roster-item{border:0;width:100%;color:inherit;font:inherit;box-sizing:border-box;padding:7px 2px!important}.commander-roster-item:focus-visible,.commander-screen-header button:focus-visible{outline:2px solid #edce84;outline-offset:-2px}.commander-portrait-stage{min-width:0;min-height:0;background:radial-gradient(ellipse at 50% 50%,#67807818,transparent 70%)!important}.commander-main-portrait{min-height:0;position:absolute;top:0;right:0;bottom:0;left:0}.commander-portrait-caption{position:absolute;bottom:8px;left:0;right:0;text-align:center;pointer-events:none;padding:12px 8px 4px;background:linear-gradient(transparent,#080c10a6)}.commander-details-panel{grid-column:3;background:linear-gradient(90deg,#080c1080,#070a0df5 22%);border-left:1px solid #c5aa7020;padding-top:10px;overflow:hidden}.commander-detail-content{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:max(8px,env(safe-area-inset-bottom,0px));scrollbar-width:thin;scrollbar-color:#8e7b51 transparent}.commander-detail-content>div{flex-shrink:0}@media(min-width:1100px){.commander-screen-body{grid-template-columns:156px minmax(0,1fr) clamp(340px,32vw,440px)}.commander-details-panel{padding-top:28px}}@media(max-height:500px)and (min-width:601px){.commander-screen-header{height:44px}.commander-details-panel{padding-top:0}.commander-screen-body{grid-template-columns:144px minmax(0,1fr) clamp(240px,32vw,330px)}}@media(max-width:600px){.commander-screen-body{grid-template-columns:76px minmax(0,1fr);grid-template-rows:minmax(180px,45%) minmax(0,1fr)}.commander-roster-grid{grid-template-columns:1fr}.commander-roster{grid-row:1 / 3}.commander-portrait-stage{grid-column:2;grid-row:1}.commander-details-panel{grid-column:2;grid-row:2;border-top:1px solid #c5aa7030;padding-top:6px}.commander-screen-header h1{font-size:17px}}.commander-screen{background-color:#080d11!important;background-size:100% 100%,cover!important;background-position:center,center!important;background-repeat:no-repeat!important}.commander-screen-header{position:relative;z-index:1;background:linear-gradient(90deg,#071014ed,#07101465 50%,#071014b8)}.commander-screen-header h1{color:#f9d46a}.commander-screen-body{position:relative;z-index:1;grid-template-columns:clamp(172px,21vw,280px) minmax(0,1fr) clamp(290px,32vw,445px)}.commander-art-full{position:absolute;z-index:0;top:0;left:50%;transform:translate(-50%);height:100%;width:auto;max-width:none;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%)}.commander-roster,.commander-portrait-stage,.commander-details-panel{position:relative;z-index:1}.commander-roster{margin:7px 0 10px 8px;border:1px solid #d2a54365;border-radius:9px;background:#060c12d9;padding:8px}.commander-roster-grid{gap:8px 3px}.commander-roster-item{border-right:0!important;border-radius:8px}.commander-roster-item[aria-pressed=true]{background:#f0c04019!important}.commander-roster-item>div:first-child{width:clamp(54px,6.3vw,88px)!important;height:clamp(54px,6.3vw,88px)!important;box-sizing:border-box}.commander-portrait-stage{background:transparent!important}.commander-details-panel{margin:7px 9px 10px 0;border:1px solid #d2a54372;border-radius:10px;background:#050b10e8;padding-top:4px}.commander-detail-content{color:#f3cc61}.commander-details-panel .commander-detail-content [style*=color]{color:#f3ce69!important}.commander-detail-content [style*="color: rgb(58, 48, 32)"],.commander-detail-content [style*="color: rgb(74, 58, 40)"],.commander-detail-content [style*="color: rgb(106, 90, 58)"],.commander-detail-content [style*="color: rgb(138, 122, 96)"],.commander-detail-content [style*="color: rgb(58, 50, 40)"]{color:#e9c65d!important}.commander-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;background:#070d12aa!important;margin:6px 14px;border:1px solid #b88c3d44;border-radius:6px}.commander-stat-value{font-size:16px!important}.commander-stat-label{font-size:9px!important;color:#f3ce69!important}.commander-menu-actions{display:grid;gap:7px;padding:9px 14px 14px;margin-top:auto;background:#050b10f0;flex-shrink:0}.commander-menu-actions .commander-menu-action{box-sizing:border-box;width:100%;min-height:50px;padding:6px 12px!important;display:flex;align-items:center;gap:10px;color:#ffdc70!important;text-align:left;background:linear-gradient(120deg,#2b210ebf,#060c12ee)!important;border:1px solid #e9b74e9c!important;border-radius:7px;cursor:pointer;font-family:Cinzel,serif}.commander-menu-action>span:first-child{font-size:23px}.commander-menu-action>span:nth-child(2){display:flex;flex:1;flex-direction:column}.commander-menu-action strong{font-size:12px;letter-spacing:.07em}.commander-menu-action small{font-size:8px;color:#f4d378}.commander-menu-action>span:last-child{font-size:24px}.commander-menu-actions .commander-menu-action div,.commander-menu-actions .commander-menu-action span{color:#ffdc70!important}.commander-gear-menu{position:fixed;z-index:9400;top:0;right:0;bottom:0;left:0;padding:12px clamp(12px,6vw,90px);background:linear-gradient(90deg,#080d11e8,#080d11f7),#080d11;overflow:auto;color:#f7d46d}.commander-gear-heading{display:flex;align-items:center;gap:14px;color:#ffda6b;font:700 19px Cinzel,serif;border-bottom:1px solid #b98a3755;padding-bottom:10px;margin-bottom:24px}.commander-gear-heading button{border:0;background:none;color:#ffda6b;font-size:28px;cursor:pointer}.commander-gear-menu>div:nth-child(2){max-width:850px;margin:0 auto!important}.skill-tree-layout{flex:1;display:grid;grid-template-columns:31% 40% 29%;min-height:0;overflow:hidden;background-color:#080d11;background-size:100% 100%,31% 100%;background-position:center,left center;background-repeat:no-repeat}.skill-tree-art{min-width:0}.skill-tree-scroll{grid-column:2;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#93703b transparent;padding:6px 12px}.skill-tree-grid{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));min-height:100%;height:100%}.skill-branch-cell{min-height:0;border-bottom:1px solid #a37a3655;display:flex;align-items:center}.ordered-branch-row{position:relative;display:grid;grid-template-columns:minmax(72px,24%) minmax(68px,24%) 11% minmax(0,1fr);align-items:center;width:100%;min-height:96px;color:#f2cd63}.ordered-branch-title{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font:700 clamp(8px,.8vw,12px) "Cinzel",serif;line-height:1.25;overflow-wrap:anywhere}.ordered-branch-requirement{border:1px solid #cf9d43;border-radius:3px;padding:2px 6px;color:#ffdc70;font-size:11px}.ordered-branch-lock{color:#e5b663;font-size:8px}.ordered-skill-node{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-self:center;flex-shrink:0;width:clamp(49px,5.4vw,73px);height:clamp(49px,5.4vw,73px);padding:3px;border:2px solid #dca843;border-radius:50%;background:radial-gradient(circle,#594010,#131511 65%,#070c10);color:#f9d56b;box-shadow:0 0 12px #d295353a;font-family:Cinzel,serif;cursor:pointer;touch-action:manipulation}.ordered-skill-node.selected{border-color:#fff0a2;box-shadow:0 0 15px #eac660aa}.ordered-skill-node.side{width:clamp(38px,3.8vw,51px);height:clamp(38px,3.8vw,51px);border-color:#5f9ac8;background:radial-gradient(circle,#174469,#0a1521 70%)}.ordered-skill-node.unavailable{opacity:.78}.ordered-lock-badge{position:absolute;top:-6px;right:-7px;z-index:2;padding:2px;border-radius:50%;background:#10151b;border:1px solid #b99750;font-size:10px;line-height:1}.ordered-node-icon{font-size:clamp(15px,2vw,26px);line-height:1}.ordered-skill-node.side .ordered-node-icon{font-size:16px}.ordered-node-rank{font-size:10px;line-height:1}.ordered-node-name{position:absolute;top:100%;margin-top:2px;width:120px;max-width:20vw;font:700 clamp(7px,.7vw,10px) "Cinzel",serif;line-height:1.15;color:#f5cf68;text-align:center;pointer-events:none}.ordered-skill-node.side .ordered-node-name{display:none}.ordered-skill-node.side .ordered-node-rank{position:absolute;left:100%;white-space:nowrap;margin-left:3px}.ordered-branch-links{position:absolute;left:42%;top:0;width:34%;height:100%;pointer-events:none;overflow:visible;fill:none;stroke:#99723a;stroke-width:.65;opacity:.72}.ordered-branch-links.active{stroke:#eec26c;opacity:1}.ordered-branch-sides{grid-column:4;display:flex;height:100%;flex-direction:column;justify-content:space-evenly;align-items:center}.skill-info-panel div[style*="font-size: 8px"],.skill-info-panel div[style*="font-size: 9px"]{font-size:11px!important}.skill-info-panel div[style*="font-size: 6px"],.skill-info-panel div[style*="font-size: 7px"]{font-size:9px!important}.ordered-branch-row.is-locked .ordered-skill-node{opacity:.63}@media(max-width:800px){.skill-tree-layout{grid-template-columns:24% 48% 28%}.skill-tree-scroll{padding:4px}.ordered-branch-row{grid-template-columns:24% 27% 8% 41%;min-height:88px}.ordered-node-name{width:80px}}@media(max-width:600px){.commander-screen-body{grid-template-columns:100px minmax(0,1fr);grid-template-rows:minmax(150px,43%) minmax(0,1fr)}.commander-roster{grid-row:1/3;margin:3px;padding:2px}.commander-roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 0}.commander-roster-item>div:first-child{width:42px!important;height:42px!important}.commander-details-panel{grid-column:2;grid-row:2;margin:0 3px 3px}.commander-portrait-caption{display:none}.skill-tree-layout{grid-template-columns:0 68% 32%}.skill-tree-scroll{grid-column:2}}@media(max-height:500px)and (min-width:601px){.commander-details-panel{margin-top:3px;margin-bottom:3px}.commander-detail-content>div[style*="height: 18px"]{height:3px!important}.commander-stats-grid>div{padding:2px 0!important}.commander-menu-actions{gap:4px;padding:4px 14px 6px;margin-top:2px}.commander-menu-actions .commander-menu-action{min-height:37px;padding:3px 9px!important}.commander-menu-action>span:first-child{font-size:17px}.skill-tree-grid{min-height:0}.ordered-branch-row{min-height:0;height:100%}.ordered-skill-node.main{width:52px;height:52px}.ordered-skill-node.side{width:35px;height:35px}.ordered-node-icon{font-size:18px}.ordered-skill-node.side .ordered-node-icon{font-size:13px}.ordered-node-name{font-size:7px}}.commander-screen{background:radial-gradient(ellipse at 48% 42%,#223139,#0b1318 48%,#060b10 85%)!important;padding-right:var(--sar,0px);padding-bottom:var(--sab,0px)}.commander-screen-body{grid-template-columns:clamp(142px,20%,260px) minmax(0,1fr) clamp(280px,34%,420px)}.commander-portrait-stage{overflow:visible!important}.commander-art-full{top:0;right:0;bottom:0;left:0;transform:none;width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 85%,transparent)}.commander-portrait-caption{z-index:1;color:#f3ce69}.commander-detail-content{overflow:hidden}.commander-overview-scroll{flex:1 1 0!important;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}.commander-menu-actions{margin-top:0;padding:8px 12px;background:#080f14;border-top:1px solid #d2a54340}.commander-menu-action{min-width:0}.commander-detail-tags>div{max-width:100%;flex-shrink:1!important}.commander-detail-tags span{overflow-wrap:anywhere}.commander-section-spacer{height:8px!important}.skill-tree-overlay{box-sizing:border-box;overflow:hidden;padding:var(--sat,0px) var(--sar,0px) var(--sab,0px) var(--sal,0px);color:#f3ce69}.skill-tree-header{min-width:0;padding-top:8px!important;padding-bottom:8px!important}.skill-tree-header>div:nth-child(3){min-width:0;flex:1}.skill-tree-layout{grid-template-columns:minmax(0,29%) minmax(0,39%) minmax(0,32%);position:relative;background:radial-gradient(ellipse at 15% 50%,#26353b,#080d11 65%)}.skill-tree-art{position:relative;min-height:0;overflow:hidden}.skill-tree-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 72%,transparent 100%)}.skill-tree-scroll{min-width:0;padding:6px 14px 12px 4px}.skill-tree-layout .skill-info-panel{grid-column:3;align-self:stretch;margin:8px 8px 10px 2px;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;animation:none!important}.skill-tree-layout .skill-info-panel [style*=color]{color:#f3ce69!important}.skill-tree-layout .skill-info-panel{color:#f3ce69}.ordered-branch-row{grid-template-columns:20% 30% 8% 42%;min-width:0}.ordered-branch-links{left:35%;width:44%}.ordered-node-name{max-width:12vw}@media(max-height:600px)and (min-width:601px){.commander-screen-header{height:38px}.commander-screen-header button{min-height:34px}.commander-screen-body{grid-template-columns:clamp(132px,19%,200px) minmax(0,1fr) clamp(278px,35%,360px)}.commander-roster{margin:4px;padding:4px}.commander-roster-grid{gap:3px}.commander-details-panel{margin:4px;padding-top:0}.commander-identity{padding:6px 10px 4px!important}.commander-detail-name{font-size:17px!important;margin-bottom:4px!important}.commander-detail-tags{gap:3px!important;margin-bottom:3px!important}.commander-detail-tags>div{padding:1px 4px!important}.commander-section-spacer{height:4px!important}.commander-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:4px 10px}.commander-stats-grid>div{padding:4px 0!important}.commander-menu-actions{grid-template-columns:1fr 1fr;gap:5px;padding:6px 8px}.commander-menu-actions .commander-menu-action{min-height:44px;padding:4px 6px!important;gap:5px!important}.commander-menu-action strong{font-size:10px}.commander-menu-action>span:last-child{font-size:16px}.skill-tree-header{padding:5px 10px!important;gap:8px!important}.skill-tree-header>div:nth-child(3)>div:first-child{font-size:12px!important}.skill-tree-respec{padding:3px 10px!important}.skill-tree-layout{grid-template-columns:minmax(0,28%) minmax(0,39%) minmax(0,33%)}.skill-tree-grid{min-height:0}.ordered-branch-row{min-height:0;height:100%}.ordered-skill-node.main{width:46px;height:46px}.ordered-skill-node.side{width:29px;height:29px}.ordered-lock-badge{font-size:8px;top:-4px;right:-4px}.ordered-node-icon{font-size:18px}.ordered-skill-node.side .ordered-node-icon{font-size:13px}.ordered-node-name{font-size:7px}.ordered-node-rank{font-size:9px}.ordered-branch-requirement{font-size:10px;padding:1px 4px}.ordered-branch-lock{font-size:7px}.skill-tree-layout .skill-info-panel{padding:8px!important;margin:5px}}@media(max-width:600px){.commander-screen-body{grid-template-columns:90px minmax(0,1fr);grid-template-rows:minmax(130px,40%) minmax(0,1fr)}.commander-portrait-stage{grid-column:2;grid-row:1}.commander-roster{grid-row:1/3}.commander-details-panel{grid-column:2;grid-row:2}.commander-menu-actions{grid-template-columns:1fr 1fr;padding:5px}.commander-menu-actions .commander-menu-action{min-height:44px;padding:4px!important;gap:4px}.skill-tree-layout{grid-template-columns:minmax(0,30%) minmax(0,70%);grid-template-rows:minmax(0,1fr) minmax(0,.7fr)}.skill-tree-art{grid-row:1}.skill-tree-scroll{grid-column:2;grid-row:1}.skill-tree-layout .skill-info-panel{grid-column:1/3;grid-row:2}.ordered-branch-row{min-height:0;height:100%}.ordered-node-name{max-width:26vw}}.commander-art-full{width:auto;max-width:100%;left:50%;right:auto;transform:translate(-50%)}.skill-tree-art{mask-image:linear-gradient(0deg,transparent,#000 5%,#000 94%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 5%,#000 94%,transparent)}.skill-tree-art{mask-image:none;-webkit-mask-image:none}.skill-tree-art img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;max-height:100%;mask-image:linear-gradient(0deg,transparent,#000 7%,#000 92%,transparent),linear-gradient(90deg,transparent,#000 8%,#000 75%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 7%,#000 92%,transparent),linear-gradient(90deg,transparent,#000 8%,#000 75%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}.commander-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.commander-scene-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.commander-scene-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#03070b30,transparent 35%,#03070b18 65%,#03070b75)}.commander-scene-character{position:absolute;display:block;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 10px 24px #0007)}.commander-scene--commander .commander-scene-character{height:112%;left:46%;bottom:-10%;transform:translate(-50%)}.commander-scene-mist{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#050a0e85,transparent 18%)}.has-scene .commander-screen-header{background:linear-gradient(90deg,#060b10a6,transparent 60%,#060b1077)}.has-scene .commander-roster{background:#040a10b3;box-shadow:0 4px 18px #0005}.has-scene .commander-details-panel{background:linear-gradient(125deg,#060a10e8,#05090de8);box-shadow:0 6px 24px #0006}.has-scene .commander-portrait-caption{background:none;text-shadow:0 2px 5px #000}.skill-tree-overlay.has-scene{isolation:isolate}.has-scene .skill-tree-header,.has-scene .skill-tree-respec{position:relative;z-index:2;background:#05090da6!important}.has-scene .skill-tree-header{border-bottom-color:#dcb65355!important}.has-scene .skill-tree-header [style*=color],.has-scene .skill-tree-respec [style*=color]{color:#f2ce76!important}.has-scene .skill-tree-layout{z-index:1;background:none;grid-template-columns:minmax(0,31%) minmax(0,37%) minmax(0,32%)}.has-scene .skill-tree-art{pointer-events:none}.commander-scene--skills .commander-scene-shade{background:linear-gradient(90deg,transparent 0%,#03070b12 22%,#03070bba 46%,#03070bef 72%)}.commander-scene--skills .commander-scene-character{height:116%;left:18%;bottom:-16%;transform:translate(-50%)}.commander-scene--skills .commander-scene-mist{background:linear-gradient(90deg,transparent 0%,transparent 27%,#05090d38 34%,#05090da6 43%,#05090dc4 60%),linear-gradient(0deg,#05090d66,transparent 15%)}.has-scene .skill-tree-scroll{padding-left:0;padding-right:14px}.has-scene .skill-branch-cell{border-bottom:1px solid #d3b26630}.has-scene .skill-branch-cell:last-child{border-bottom:0}.has-scene .ordered-branch-title{text-shadow:0 2px 4px #000}.has-scene .ordered-skill-node{box-shadow:0 0 0 3px #0b1015,0 0 0 4px #b9944955,0 0 20px #d7a64122;background:radial-gradient(circle,#5c420e,#171609 65%,#090d10)}.has-scene .ordered-skill-node.selected{box-shadow:0 0 0 3px #0b1015,0 0 0 4px #e5c76b99,0 0 24px #eac66088}.has-scene .ordered-skill-node.side{background:radial-gradient(circle,#245679,#0a1c2b 65%);box-shadow:0 0 0 2px #0a131c,0 0 0 3px #619bba66}.has-scene .ordered-branch-links{z-index:-1;stroke:#c2a366}.has-scene .skill-info-panel{align-self:center;max-height:calc(100% - 20px);background:linear-gradient(145deg,#121614ef,#06090df5)!important;border-color:#cba95588!important;box-shadow:0 8px 28px #0008!important}@media(max-height:600px)and (min-width:601px){.commander-scene--commander .commander-scene-character{height:116%;bottom:-14%;left:45%}.commander-scene--skills .commander-scene-character{height:112%;bottom:-12%;left:19%}.has-scene .skill-tree-layout{grid-template-columns:minmax(0,31%) minmax(0,36%) minmax(0,33%)}.has-scene .skill-info-panel{align-self:stretch;max-height:none}}@media(max-width:600px){.commander-scene--commander .commander-scene-character{height:58%;bottom:auto;top:2%;left:62%}.commander-scene--skills .commander-scene-character{height:63%;bottom:auto;top:8%;left:12%}.has-scene .skill-tree-layout{grid-template-columns:minmax(0,30%) minmax(0,70%)}.has-scene .skill-info-panel{align-self:stretch;max-height:none}}.commander-scene--commander .commander-scene-character{top:48px;bottom:auto;height:calc(100% - 12px)}.commander-scene--skills .commander-scene-character{top:78px;bottom:auto;height:calc(100% - 30px);mask-image:linear-gradient(90deg,#000 86%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent)}@media(max-height:600px)and (min-width:601px){.commander-scene--commander .commander-scene-character{top:38px;height:calc(100% - 8px)}.commander-scene--skills .commander-scene-character{top:64px;height:calc(100% - 20px)}}@media(max-width:600px){.commander-scene--commander .commander-scene-character{top:40px;height:50%}.commander-scene--skills .commander-scene-character{top:82px;height:53%}}@media(min-width:601px){.commander-scene--commander .commander-scene-character{height:114%}}.commander-scene[style*=--csa] .commander-scene-character{transform-origin:50% 0;transform:translate(-50%) scale(var(--cs)) translateY(calc(var(--csa) * -100%))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--hud-offset: calc(env(safe-area-inset-top, 0px) + 52px) }html{width:100%;height:100%;overflow:hidden;position:fixed;overscroll-behavior:none;touch-action:none;background:transparent}body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;background:transparent}#root{width:100%;height:100%;overflow:hidden;background:transparent}html.gacha-open,html.gacha-open body{touch-action:pan-y}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:#0a0c10}::-webkit-scrollbar-thumb{background:#3a2a1a;border-radius:2px}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) translate(-50%)}to{opacity:0;transform:translateY(-40px) translate(-50%)}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.btn{font-family:Cinzel,serif;cursor:pointer;border-radius:3px;letter-spacing:.06em;transition:all .15s;outline:none;border:none}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.panel{background:#05070bf7;border:1px solid #221e12}.scr{overflow-y:auto;scrollbar-width:thin;touch-action:pan-y;-webkit-overflow-scrolling:touch}.gear-picker-list{touch-action:pan-y!important;-webkit-overflow-scrolling:touch}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:32px;background:transparent;touch-action:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#c8a04047}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#c8a04047}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:#c8903a;border:2px solid #f0d890;box-shadow:0 1px 4px #0009}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#c8903a;border:2px solid #f0d890}input[type=range]:disabled{opacity:.4}.training-parent{touch-action:pan-x!important;overflow-x:hidden!important;overflow-y:hidden!important}.training-scroll{touch-action:pan-x!important;-webkit-overflow-scrolling:touch;overflow-x:scroll!important;overflow-y:hidden!important;overscroll-behavior-x:contain}.training-scroll input[type=range]{height:22px}.training-scroll input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px}.training-scroll input[type=range]::-moz-range-thumb{width:16px;height:16px}.ty-navigation{display:flex;align-items:center;gap:16px;padding:calc(var(--sat, 0px) + 6px) 20px 6px;padding-right:calc(var(--sar, 0px) + 20px);min-height:56px;flex-shrink:0;background:linear-gradient(110deg,#182026,#101419);border-bottom:1px solid #8c75473d;color:#e8d4a7}.ty-navigation button{min-width:44px;min-height:40px;border:0;background:transparent;color:#d1b478;font-size:24px;cursor:pointer}.ty-navigation button span{font:12px Cinzel,serif}.ty-navigation h2{flex:1;font:600 22px Cinzel,serif}.ty-navigation h2 small{display:inline-block;margin-left:16px;color:#a7aba8;font:12px Arial,sans-serif;letter-spacing:.08em}.training-yard{display:flex;flex-direction:column;height:100%;min-height:0;color:#e8e3d7;background:#141a1e;font:13px Arial,sans-serif}.training-yard button{font:inherit;cursor:pointer;touch-action:manipulation}.training-yard button:disabled{cursor:default}.training-yard button:focus-visible,.training-yard input:focus-visible,.ty-field:focus-visible,.ty-navigation button:focus-visible{outline:2px solid #f1d59c;outline-offset:-2px}.ty-status{display:flex;align-items:center;gap:20px;flex-shrink:0;padding:8px 24px;padding-right:calc(var(--sar, 0px) + 24px);background:#182127;border-bottom:1px solid #a68b4d38}.ty-capacity{flex:1;max-width:580px;min-width:150px}.ty-capacity>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}.ty-capacity strong{color:#ead09a;font-weight:500;white-space:nowrap}.ty-capacity small{color:#b4c2c7;font-size:11px}.ty-capacity-track{display:flex;height:5px;background:#090e13;border-radius:2px;overflow:hidden}.ty-capacity-track i{background:linear-gradient(90deg,#957340,#d4b875)}.ty-capacity-track i.ty-reserved{background:#779fb2}.ty-queue-count{color:#b4c2c7;font-size:12px;white-space:nowrap}.ty-mode{margin-left:auto;min-height:36px;padding:4px 12px;color:#c5b5a5;background:#1e2325;border:1px solid #78644975;border-radius:3px}.ty-scene{flex:1;min-height:0;position:relative;isolation:isolate;container-type:size}.ty-scenery{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:url(/hq/training_muddy_battlefield.webp) center 57% / cover no-repeat;filter:brightness(1.65) saturate(.75)}.ty-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#a4b8c514,transparent 30%,transparent 78%,#10181fd9);z-index:0}.ty-field{position:absolute;top:0;right:0;bottom:24px;left:0;scrollbar-width:thin;scrollbar-color:#a58b55 #1a2228;z-index:1}.ty-field::-webkit-scrollbar{height:5px}.ty-field::-webkit-scrollbar-thumb{background:#a58b55}.ty-formations{display:flex;width:max-content;min-width:100%;height:100%;padding:12px 9cqw 10px 3cqw}.ty-column{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);width:clamp(225px,31cqw,450px);height:100%;flex-shrink:0}.training-yard .ty-formation{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:0;width:100%;position:relative;border:0;padding:0 8px;background:none;color:#ede4d2;text-align:left}.ty-far{left:17%}.ty-near{left:-3%}.ty-plaque{display:flex;align-items:center;width:90%;max-width:320px;min-height:43px;padding:4px 12px 4px 0;flex-shrink:0;position:relative;z-index:4;background:linear-gradient(100deg,#151e25f5,#17232aef 88%,#17232a00);border-top:1px solid #9c88554d;border-bottom:1px solid #9c885526}.ty-tier{display:flex;align-items:center;justify-content:center;align-self:stretch;min-width:33px;margin-right:9px;font:16px Cinzel,serif;color:#d8ba79;border-left:2px solid #a58a54;border-right:1px solid #8f794840;background:#c3ac6820}.ty-unit-name{display:flex;flex-direction:column;min-width:0;gap:3px;flex:1}.ty-unit-name strong{font-weight:500;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ty-unit-name>span{font-size:13px;color:#d9d6cb}.ty-unit-name small{font-size:11px;color:#9baaa9}.ty-unit-name em{color:#b5d79d;font-style:normal}.ty-draft{font-size:12px;color:#efcf88;padding-left:6px}.ty-figures{display:block;position:relative;width:94%;flex:1;min-height:0;margin-top:2px}.ty-figure{position:absolute;display:block;height:94%;width:42%;bottom:1%;left:29%;z-index:2}.ty-figure-0{height:80%;bottom:12%;left:7%;z-index:1}.ty-figure-2{height:84%;bottom:9%;left:52%;z-index:1}.ty-far .ty-figure{max-height:260px;filter:saturate(.85)}.ty-near .ty-figure{max-height:320px}.ty-figure:before{content:"";position:absolute;left:9%;width:82%;height:9%;bottom:-1%;background:radial-gradient(ellipse,#030609b8,transparent 70%)}.ty-figure img{position:relative;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:brightness(1.16) saturate(.85);-webkit-user-select:none;user-select:none}.ty-portrait .ty-figure{width:58%;left:21%}.ty-portrait img{object-fit:contain;-webkit-mask-image:linear-gradient(#000 85%,transparent);mask-image:linear-gradient(#000 85%,transparent)}.ty-formation.is-active .ty-plaque{border-color:#d5b876;background:linear-gradient(100deg,#374044fa,#293437ed 88%,transparent)}.ty-formation.is-active .ty-tier{color:#ffe1a0;border-left-color:#f2cf86}.ty-formation.is-active .ty-figures:before{content:"";position:absolute;bottom:-1%;left:8%;right:8%;height:18%;border-radius:50%;border:1px solid #d2b16c70;background:radial-gradient(ellipse,#d0a94d24,transparent 70%)}.ty-formation:hover .ty-plaque{border-top-color:#c7ad76}.ty-yard-caption{position:absolute;bottom:5px;left:24px;right:24px;display:flex;justify-content:space-between;color:#c4c1b0;font-size:10px;letter-spacing:.14em;z-index:2;pointer-events:none}.ty-yard-caption span:first-child{color:#b6a780}.ty-empty{position:absolute;top:20px;right:20px;bottom:20px;left:20px;display:grid;place-content:center;text-align:center;color:#e1d5b8}.ty-command-panel{flex-shrink:0;padding:12px 24px calc(10px + var(--sab, 0px));padding-right:calc(24px + var(--sar, 0px));background:linear-gradient(110deg,#182229,#10181e);border-top:1px solid #a48c564f;box-shadow:0 -8px 30px #0b141b38}.ty-order-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.ty-eyebrow{color:#b7a474;font-size:9px;letter-spacing:.16em}.ty-order-heading h3{display:inline;margin-left:14px;color:#ebd7a8;font:600 17px Cinzel,serif}.ty-order-heading>span{color:#b2bdbd;font-size:11px}.ty-order-controls{display:grid;grid-template-columns:minmax(200px,1fr) minmax(240px,1.2fr) auto;align-items:center;gap:20px}.ty-quantity{display:flex;align-items:center;gap:10px}.ty-quantity button{min-width:36px;height:38px;border:1px solid #8f7b514f;background:#263036;color:#dfc58e;font-size:20px;border-radius:3px}.ty-quantity button:disabled{opacity:.4}.ty-quantity button.ty-max{font-size:11px}.ty-quantity label{flex:1;min-width:70px;text-align:center;color:#eddfbc;font-size:13px}.ty-quantity label small{font-size:10px;color:#b1baba}.ty-quantity input[type=range]{display:block;width:100%;height:24px;margin:0;touch-action:none}.ty-quote{display:flex;flex-wrap:wrap;align-items:center;gap:5px 14px;font-size:11px;color:#b8c0bd}.ty-quote b{color:#ece1c4;font-weight:500;margin-left:3px}.ty-quote .ty-quote-label{width:100%;color:#9aa9ae;font-size:10px}.ty-submit{display:flex;align-items:center;gap:10px}.ty-submit button{min-height:42px;padding:8px 16px;border-radius:3px}.ty-clear{background:transparent;border:1px solid #8c805442;color:#c3b995}.ty-clear:disabled{opacity:.45}.ty-primary{background:linear-gradient(145deg,#ddbe75,#aa8442);color:#201b12;border:1px solid #f4dba4;font-family:Cinzel,serif!important;font-weight:700!important;box-shadow:inset 0 0 0 3px #5f452433,0 2px 6px #0005}.ty-primary:disabled{background:#354047;border-color:#586268;color:#a4adae;box-shadow:none}.ty-primary.ty-destructive:not(:disabled){background:#71362e;border-color:#b67057;color:#ffe0c4}.ty-order-summary{display:flex;justify-content:space-between;gap:8px;min-height:15px;margin-top:8px;color:#a9b3b2;font-size:11px}.training-yard .ty-warning,.training-yard .ty-warning b{color:#ffb092}@media(max-width:950px){.ty-status{gap:12px;padding:6px 14px}.ty-capacity{max-width:none}.ty-order-controls{grid-template-columns:minmax(180px,1fr) auto;gap:8px 18px}.ty-quote{grid-column:1;grid-row:2;gap:4px 10px}.ty-quote .ty-quote-label{width:auto}.ty-submit{grid-column:2;grid-row:1 / 3}.ty-command-panel{padding:8px 16px calc(6px + var(--sab, 0px))}.ty-order-heading{margin-bottom:4px}.ty-order-summary{margin-top:5px;font-size:10px}.ty-order-heading h3{font-size:15px}}@media(max-height:500px)and (min-width:601px){.ty-navigation{min-height:40px;padding-top:var(--sat, 0px);padding-bottom:0}.ty-navigation button{min-height:36px}.ty-navigation h2{font-size:18px}.ty-status{padding-top:3px;padding-bottom:3px}.ty-capacity>div:first-child{margin-bottom:3px;font-size:11px}.ty-mode{min-height:30px;font-size:11px!important}.ty-formations{padding-top:6px;padding-bottom:4px}.ty-plaque{min-height:32px;padding-top:2px;padding-bottom:2px}.ty-unit-name{gap:1px}.ty-unit-name strong{font-size:12px}.ty-unit-name>span{font-size:11px}.ty-unit-name small{font-size:10px}.ty-tier{font-size:13px;min-width:26px;margin-right:6px}.ty-command-panel{padding-top:5px;padding-bottom:calc(3px + var(--sab, 0px))}.ty-order-heading{margin-bottom:1px}.ty-eyebrow{display:none}.ty-order-heading h3{margin-left:0;font-size:13px}.ty-quantity button{height:30px;min-width:30px}.ty-quantity label{font-size:11px}.ty-order-controls{gap:2px 14px}.ty-submit button{min-height:38px;padding:6px 12px}.ty-order-summary{margin-top:3px}.ty-yard-caption{font-size:8px}}@media(max-width:600px){.ty-navigation{padding-left:8px;padding-right:8px;gap:8px}.ty-navigation h2{font-size:18px}.ty-navigation h2 small{display:none}.ty-status{flex-wrap:wrap;gap:6px 12px}.ty-capacity{flex-basis:100%}.ty-mode{min-height:30px;font-size:11px!important}.ty-column{width:70cqw}.ty-unit-name strong{font-size:14px}.ty-order-controls{display:flex;flex-wrap:wrap;gap:8px}.ty-quantity{flex-basis:100%}.ty-quote{flex:1}.ty-quote .ty-quote-label{width:100%}.ty-submit{gap:6px}.ty-submit button{padding:6px 10px;font-size:11px}.ty-order-heading h3{display:block;margin-left:0}.ty-order-summary{flex-direction:column;gap:2px}.ty-yard-caption{left:12px;right:12px;font-size:8px}}@media(min-width:601px){.ty-formations{align-items:flex-end;gap:12px;padding-left:3cqw;padding-right:3cqw}.ty-column{display:contents}.training-yard .ty-formation{width:34cqw;flex-shrink:0}.ty-formation.ty-far{height:86%;left:0;align-self:flex-start}.ty-formation.ty-near{height:92%;left:0}}@media(max-height:500px)and (min-width:601px){.ty-quantity button{min-width:44px;height:40px}.ty-submit button{min-height:44px}.ty-quantity input[type=range]{height:28px}}.ty-figures.ty-varied{container-type:size}.ty-formation-art{position:absolute;display:block;left:50%;bottom:0;transform:translate(-50%);width:min(100cqw,150cqh);height:min(66.6667cqw,100cqh)}.ty-formation-art img{position:relative;display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:brightness(1.04) saturate(.94)}.ty-far .ty-formation-art img{filter:brightness(1.02) saturate(.88)}.ty-contact{position:absolute;width:25%;height:6%;border-radius:50%;background:radial-gradient(ellipse,#030609a6,transparent 72%)}.ty-contact-left{left:12%;bottom:8%}.ty-contact-center{left:38%;bottom:0}.ty-contact-right{right:9%;bottom:7%}.ty-quantity label{min-width:0}.ty-quantity label>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.3em;font-variant-numeric:tabular-nums}.ty-quote{align-content:flex-start;min-height:4.2em;font-variant-numeric:tabular-nums}.ty-order-summary{min-height:1.4em;align-items:flex-start;font-variant-numeric:tabular-nums}.ty-order-summary>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ty-draft{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding-left:0;font-variant-numeric:tabular-nums}.ty-navigation{background:linear-gradient(#0009,#000c),url(/ui/hq/tile_leather.webp) 0 0/300px 300px;border:2px solid #8a5a26;border-radius:0;box-shadow:inset 0 0 0 1px #000,0 3px 8px #0009;min-height:48px;gap:12px}.ty-navigation .ty-back{padding:0;width:clamp(34px,9vh,48px);height:clamp(34px,9vh,48px);min-width:0;min-height:0}.ty-navigation .ty-back img{width:100%;height:100%;display:block}.ty-navigation h2{color:#f0c040;text-shadow:0 2px 3px #000;letter-spacing:.1em;text-transform:uppercase;font-size:clamp(15px,3.6vh,22px)}.ty-navigation h2 small{color:#d9b56a;text-transform:none;font-family:Cinzel,serif}.ty-v2{position:relative;background:#0a0806}.ty-space{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:clamp(6px,1.4cqw,14px);height:clamp(28px,5.4vh,44px);margin:2px 6px 0;padding:0 4.5% 0 clamp(40px,11.5%,150px);background:url(/ui/brk/spacebar.webp) 0 0/100% 100% no-repeat;box-sizing:border-box;color:#ead09a;font-family:Cinzel,serif}.ty-space-ico{position:absolute;left:.6%;top:50%;height:96%;transform:translateY(-50%);aspect-ratio:1;object-fit:contain}.ty-space-lbl{font-size:clamp(9px,2.1vh,13px);white-space:nowrap;letter-spacing:.06em}.ty-space .ty-capacity-track{flex:1;height:clamp(5px,1.2vh,9px);background:#090604;border:1px solid #5a3a1a;border-radius:3px}.ty-space-val{font-size:clamp(10px,2.4vh,15px);font-weight:500;white-space:nowrap;color:#ffe1a0}.ty-space-val small{font-size:.75em;color:#d8c090}.ty-v2 .ty-scenery{background:url(/ui/brk/ground.webp) center bottom / cover no-repeat;filter:none}.ty-v2 .ty-scene:after{background:linear-gradient(180deg,#0006,transparent 22%,transparent 80%,#000a)}.ty-v2 .ty-field{top:0;right:0;bottom:0;left:0}.ty-v2 .ty-plaque{background:url(/ui/brk/nameplate.webp) 0 0/100% 100% no-repeat;border:0;aspect-ratio:751/178;min-height:0;width:min(92%,300px);max-width:none;padding:0 8% 0 27%;box-sizing:border-box;filter:drop-shadow(0 3px 4px #000a)}.ty-v2 .ty-formation.is-active .ty-plaque{background:url(/ui/brk/nameplate.webp) 0 0/100% 100% no-repeat;border:0}.ty-v2 .ty-tier{position:absolute;left:2%;top:0;bottom:0;width:21%;min-width:0;margin:0;align-self:auto;border:0;background:none;color:#f0c040;font:700 clamp(11px,2.8vh,18px) "Cinzel",serif;text-shadow:0 1px 2px #000}.ty-v2 .ty-unit-name strong{font-family:Cinzel,serif;color:#f3e3b8;font-size:clamp(10px,2.5vh,15px)}.ty-v2 .ty-unit-name>span{color:#ead09a;font-size:clamp(9px,2.1vh,12px)}.ty-v2 .ty-unit-name small{color:#b9a070;font-size:.9em}.ty-v2 .ty-draft{position:absolute;right:9%;top:-2px;color:#7be8a0;font-size:clamp(9px,2vh,12px)}.ty-v2 .ty-yard-caption{bottom:2px;justify-content:center;font-size:clamp(8px,1.8vh,11px);color:#e6d4a4;text-shadow:0 1px 3px #000}.ty-dock{position:relative;flex:0 0 auto;z-index:6;height:clamp(34px,8vh,58px);background:url(/ui/brk/strip.webp) 0 0/100% 100% no-repeat;display:flex;align-items:center;padding:0 2% 0 3%;box-sizing:border-box}.ty-dock-info{flex:1;min-width:0;font:clamp(9px,2.1vh,12px) "Cinzel",serif;color:#d8c090;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}.ty-btns{display:flex;align-items:flex-end;gap:clamp(4px,1.2cqw,14px);position:absolute;right:1.5%;bottom:calc(3px + var(--sab,0px))}.training-yard .ty-med{display:flex;flex-direction:column;align-items:center;gap:0;padding:0;border:0;background:none;color:#f0d9a0;font:700 clamp(8px,1.9vh,12px) "Cinzel",serif;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 3px #000;min-width:44px}.ty-med img{display:block;width:clamp(40px,15vh,72px);height:auto;filter:drop-shadow(0 3px 4px #000c);transition:transform .12s,filter .12s}.ty-med-main img{width:clamp(46px,18vh,86px)}.ty-med:active:not(:disabled) img{transform:scale(.94);filter:brightness(.85) drop-shadow(0 2px 3px #000c)}.ty-med:disabled{opacity:.45;filter:grayscale(.6)}.ty-med span{margin:1px 0 clamp(1px,.6vh,4px)}.ty-v2 .ty-formations{padding-bottom:4cqh}.ty-slide-anchor{position:relative;height:0;width:100%;z-index:5;display:flex;justify-content:center}.ty-slide-anchor .ty-slide{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--sheet-h) + 6px - 4cqh);margin:0}.ty-v2 .ty-formation.is-dim{opacity:.4;filter:grayscale(.5);pointer-events:none}.ty-slide{display:flex;align-items:center;gap:4px;width:min(92%,300px);margin:3px 0 0;position:relative;z-index:5;padding:3px 6px;border-radius:8px;background:#0e0905ee;border:2px solid #8a5a26;box-shadow:0 2px 6px #000a;box-sizing:border-box}.training-yard .ty-slide button{flex:0 0 auto;min-width:30px;height:30px;padding:0 6px;border:1px solid #8a5a26;border-radius:5px;background:linear-gradient(#3a2818,#1c120a);color:#f0d9a0;font:700 14px Cinzel,serif}.training-yard .ty-slide button:disabled{opacity:.35}.training-yard .ty-slide .ty-slide-max{font-size:10px}.ty-slide label{flex:1;min-width:0;text-align:center;color:#ffe1a0;font:700 12px Cinzel,serif;line-height:1}.ty-slide label span{display:block;margin-bottom:1px}.ty-slide input[type=range]{display:block;width:100%;height:22px;margin:0;touch-action:none;accent-color:#f0c040}.ty-sheet{flex:0 0 auto;position:relative;z-index:6;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 16px;padding:clamp(8px,2.2vh,14px) clamp(14px,3cqw,28px) calc(clamp(8px,2.2vh,14px) + var(--sab,0px));background:linear-gradient(#0c0805f5,#0c0805);border-top:3px solid #8a5a26;box-shadow:0 -6px 18px #000c,inset 0 1px #f0c04055;animation:tysheet .24s ease-out;font-family:Cinzel,serif;color:#ead09a}@keyframes tysheet{0%{transform:translateY(100%);opacity:.4}to{transform:none;opacity:1}}.ty-sheet-info{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:clamp(10px,2.4vh,13px)}.ty-sheet-title{color:#f0c040;font-weight:800;letter-spacing:.14em;font-size:clamp(12px,3vh,16px)}.ty-sheet-costs{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:clamp(10px,2.4vh,13px)}.ty-sheet-costs b{color:#fff1c8;margin-left:3px}.ty-sheet-btns{display:flex;gap:8px}.training-yard .ty-sheet-btns button{min-height:44px;padding:6px 18px;border-radius:6px;font-family:Cinzel,serif!important;font-weight:700;letter-spacing:.06em}.training-yard .ty-cancel{background:linear-gradient(#22170e,#100a06);border:2px solid #5a3a1a;color:#c9b58a}.ty-v2.is-order .ty-sheet{padding-top:clamp(5px,1.4vh,10px);padding-bottom:calc(clamp(5px,1.4vh,10px) + var(--sab,0px))}.ty-v2.is-order .ty-sheet-btns button{min-height:38px}.ty-v2.is-order .ty-slide{padding:2px 5px}.ty-v2.is-order .ty-slide button{height:26px}.ty-v2.is-order .ty-slide input[type=range]{height:18px}.ty-v2.is-order .ty-yard-caption{display:none}.ty-navigation{position:absolute;z-index:40;top:calc(var(--sat,0px) + 1px);left:calc(var(--sal,0px) + 6px);min-height:0;padding:0;gap:0;background:none;border:0;box-shadow:none}.ty-navigation h2{display:none}.ty-v2{padding-top:var(--sat,0px);box-sizing:border-box}.ty-v2 .ty-space{margin-left:calc(clamp(34px,9vh,48px) + 12px);height:clamp(30px,8vh,46px)}.ty-sheet{position:absolute;left:0;right:0;bottom:0;z-index:40}.ty-v2{--sheet-h:clamp(44px,13vh,60px)}.ty-sheet{height:var(--sheet-h);box-sizing:border-box;padding-top:4px!important;padding-bottom:calc(4px + var(--sab,0px))!important}.ty-v2.is-order .ty-sheet-btns button{min-height:34px;padding:4px 16px}.ty-sheet-info{line-height:1.15}.ty-v2{--lift: calc(-8cqh + 5px) }.ty-v2 .ty-formation{justify-content:flex-end}.ty-v2 .ty-figures{flex:0 1 auto;width:94%;aspect-ratio:3/2;min-height:0;margin-top:0;transform:translateY(var(--lift));transition:transform .22s ease-out}.ty-v2 .ty-plaque{transform:translateY(calc(var(--lift) - 6px));transition:transform .22s ease-out}.ty-v2.is-order .ty-formation:not(.is-dim){--lift: calc(-1*clamp(40px,22cqh,84px) + 5px) }.ty-v2.is-order .ty-formation.ty-far:not(.is-dim){--lift: calc(-8cqh + 5px) }.ty-v2 .ty-far .ty-slide-anchor .ty-slide{bottom:calc(8cqh - 43px)}.ty-capacity-track i{transition:width .15s ease-out}.ty-capacity-track i.ty-draftfill{background:linear-gradient(90deg,#2f8cff,#7fc4ff);box-shadow:0 0 8px #4aa8ffcc;animation:tyflash .9s ease-in-out infinite}@keyframes tyflash{0%,to{opacity:1;filter:brightness(1.15)}50%{opacity:.35;filter:brightness(.8)}}.ty-capacity-track i.ty-scrapfill{background:#b8442e}.ty-v2 .ty-space{height:clamp(38px,9.5vh,58px)}.ty-v2 .ty-space-lbl{font-size:clamp(10px,2.5vh,15px)}.ty-v2 .ty-space-val{font-size:clamp(11px,2.8vh,17px)}.ty-v2 .ty-space .ty-capacity-track{height:clamp(7px,1.6vh,12px)}.ty-formation.is-active .ty-figures:before{border:2px solid #f0c040;box-shadow:0 0 10px #f0c040aa}.ty-v2 .ty-space-ico{left:6.9%;top:46%;height:82%;transform:translate(-50%,-50%)}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.gb-cmd-rail{transform:scale(2);transform-origin:left bottom}}.clash-fx{position:fixed;z-index:590;pointer-events:none;transform:translate(-50%,-62%);background-repeat:no-repeat;background-size:800% 100%;background-position:0 0;animation:clashFrames 1s step-end forwards,clashFade 1s linear forwards}.clash-fx-swarm{background-image:url(/fx/clash_swarm.webp)}.clash-fx-siege{background-image:url(/fx/clash_siege.webp)}@keyframes clashFrames{0%{background-position:0% 0}12.5%{background-position:14.2857% 0}25%{background-position:28.5714% 0}37.5%{background-position:42.8571% 0}50%{background-position:57.1429% 0}62.5%{background-position:71.4286% 0}75%{background-position:85.7143% 0}87.5%{background-position:100% 0}to{background-position:100% 0}}@keyframes clashFade{0%{opacity:0}12%{opacity:1}75%{opacity:1}to{opacity:0}}