@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";:root{--map-mini-size:clamp(88px,22vh,130px);--map-mini-top:calc(var(--sat,0px) + 6px);--map-dock-width:clamp(300px,44vw,580px);--map-dock-height:66px;--map-portrait-size:52px;--map-chat-bottom:calc(var(--sab,0px) + 8px)}.map-nav-dock{position:fixed;right:calc(var(--sar,0px) + 8px);bottom:calc(var(--sab,0px) + 8px);z-index:9100;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(var(--map-dock-width),calc(100vw - var(--sal,0px) - var(--sar,0px) - 16px));height:var(--map-dock-height);border:1px solid #9c783b;border-radius:7px;background:linear-gradient(145deg,#211b13f5,#0d0b09fa);box-shadow:inset 0 0 0 3px #090806,0 3px 14px #000a;pointer-events:auto}.map-dock-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:44px;padding:5px 3px;border:0;border-right:1px solid #90713d66;background:transparent;color:#edcc82;cursor:pointer;touch-action:manipulation;font:600 clamp(9px,1vw,12px) "Cinzel",serif;text-transform:uppercase;letter-spacing:.035em}.map-dock-button:last-child{border-right:0}.map-dock-button svg{width:27px;height:27px}.map-dock-button[aria-pressed=true]{background:#80642855;color:#ffe9ad}.map-dock-button:hover:not(:disabled){background:#80642833}.map-dock-button:disabled{opacity:.45;cursor:default}.map-dock-button:focus-visible,.map-nav-card:focus-visible,.map-minimap-actions button:focus-visible{outline:2px solid #ffe39b;outline-offset:2px}.map-nav-badge{position:absolute;right:5px;top:3px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 3px;background:#c52e2c;border:1px solid #ff8b6377;border-radius:12px;color:#fff5e8;font:700 11px Arial,sans-serif;box-shadow:0 1px 4px #0009}.map-nav-badge.is-dot{min-width:18px;width:18px;padding:0}.map-nav-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vh,20px);padding:calc(var(--sat,0px) + 12px) calc(var(--sar,0px) + 16px) calc(var(--sab,0px) + 10px) calc(var(--sal,0px) + 16px);background:radial-gradient(ellipse at 50% 25%,#282017f5,#090b0efb);box-sizing:border-box;color:#ead5a0;overflow:hidden}.map-nav-panel>header{width:min(100%,1040px);display:flex;align-items:center;gap:16px;flex-shrink:0;min-height:46px}.map-nav-panel header>button{display:grid;place-items:center;min-width:44px;height:44px;background:#0f1013;border:1px solid #96713a;border-radius:4px;color:#ebc880;cursor:pointer}.map-nav-panel header svg{width:26px;height:26px}.map-nav-panel h2{margin:0;font:600 clamp(18px,3vh,28px) "Cinzel",serif;letter-spacing:.12em}.map-nav-panel p{margin:3px 0 0;color:#b8aa8f;font:12px Crimson Pro,serif}.map-nav-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(7px,1.5vw,16px);width:min(100%,1040px);flex:1;min-height:0;max-height:540px;align-self:center}.map-nav-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:44px;min-width:0;padding:0 0 9px;overflow:hidden;border:1px solid #ad8445;border-radius:5px;background:#0b0c0f;color:#f0dfb4;cursor:pointer;touch-action:manipulation;box-shadow:inset 0 0 0 2px #281e10,0 3px 9px #0008}.map-nav-card strong{font:600 clamp(11px,2.7vh,18px) "Cinzel",serif;letter-spacing:.08em;text-transform:uppercase;padding:6px 3px 0}.map-nav-card small{color:#bbae91;font:13px Crimson Pro,serif;padding:4px}.map-nav-card:disabled{opacity:.45;cursor:default}.map-nav-card:hover:not(:disabled){border-color:#f3cf81;filter:brightness(1.12)}.map-nav-art{display:block;width:100%;flex:1;min-height:0;background-image:url(/ui/map/menu-art-v1.webp);background-size:400% 200%;background-repeat:no-repeat;box-shadow:inset 0 -12px 12px -10px #0b0c0f}.map-nav-panel .map-nav-dock{position:static;flex-shrink:0;width:min(100%,780px);margin-top:auto}.map-minimap,.map-minimap canvas{width:var(--map-mini-size)!important;height:var(--map-mini-size)!important}.map-minimap{top:var(--map-mini-top)!important}.map-minimap-actions{position:fixed;top:calc(var(--map-mini-top) + var(--map-mini-size) + 5px);left:var(--left-inset,calc(var(--sal,0px) + 8px));z-index:310;display:flex;gap:5px;align-items:flex-start}.map-minimap-actions button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;min-width:44px;padding:6px;border:1px solid #8a733c;border-radius:50%;background:#12181dee;color:#e6ce90;cursor:pointer;touch-action:manipulation}.map-minimap-actions svg{width:22px;height:22px}.map-tools-options:not([hidden]){display:flex;gap:5px}.map-tools-options button{border-radius:5px;font:11px Cinzel,serif;padding:6px 9px}.gb-cmd-rail{position:fixed!important;left:var(--left-inset,calc(var(--sal,0px) + 8px))!important;top:calc(var(--map-mini-top) + var(--map-mini-size) + 57px)!important;bottom:calc(var(--map-chat-bottom) + 48px)!important;max-height:none!important;width:calc(var(--map-portrait-size) + 10px);display:flex!important;flex-direction:column!important;align-items:center;justify-content:flex-end;gap:9px!important;overflow:visible!important;transform:none!important;padding:4px 0!important}.gb-portrait>div:first-child{width:var(--map-portrait-size)!important;height:var(--map-portrait-size)!important}.gb-portrait>div:last-child{font-size:8px!important;max-width:calc(var(--map-portrait-size) + 8px)!important}.gb-portrait{touch-action:manipulation;flex-shrink:0}.map-portrait-page{min-height:32px;min-width:52px;padding:4px;border:1px solid #725c34;border-radius:5px;background:#111614ee;color:#e5cea0;font:11px Cinzel,serif;cursor:pointer}.chat-preview{left:var(--left-inset,calc(var(--sal,0px) + 8px))!important;right:auto!important;bottom:var(--map-chat-bottom)!important;transform:none!important;width:min(285px,calc(100vw - var(--sal,0px) - var(--sar,0px) - var(--map-dock-width) - 32px))!important;max-width:285px!important;min-height:40px!important;border-color:#94713a99!important;background:#0b1013ed!important;box-sizing:border-box}.chat-preview-message:not(:last-child){display:none!important}.chat-preview-message>span:first-child{max-width:44%;overflow:hidden;text-overflow:ellipsis}.hud-root{pointer-events:none}.hud-content{position:fixed;top:calc(var(--sat,0px) + 6px);left:calc(var(--sal,0px) + var(--map-mini-size) + 22px);right:calc(var(--sar,0px) + 68px);z-index:250;display:flex;justify-content:center;gap:clamp(2px,.6vw,8px);padding:2px 7px;background:linear-gradient(#1d180ef5,#0b0b08f5);border:1px solid #9c773c88;border-radius:4px;pointer-events:auto}.hud-resource{display:flex;align-items:center;justify-content:center;gap:4px;min-height:38px;min-width:0;padding:4px 3px;flex:0 1 auto;border:0;background:transparent;color:#dfc897;font:clamp(10px,1.15vw,15px) "Cinzel",serif;white-space:nowrap;cursor:pointer;touch-action:manipulation}.hud-resource svg{flex-shrink:0}.hud-faction{flex:0 0 38px;font-size:22px}.hud-player-name{position:absolute;top:100%;left:50%;transform:translate(-50%);padding:2px 12px;background:#15140de6;border:1px solid #8a6a3c77;border-top:0;color:#d4b678;font:10px Cinzel,serif;white-space:nowrap;max-width:80%;overflow:hidden;text-overflow:ellipsis}.map-corner-controls{position:fixed;right:calc(var(--sar,0px) + 8px);top:calc(var(--sat,0px) + 6px);z-index:300;display:flex;flex-direction:column;gap:12px;pointer-events:auto}.map-corner-controls>button{position:relative;min-width:44px;width:48px;height:48px;display:grid;place-items:center;background:#12110ce8;border:1px solid #947340;border-radius:5px;color:#e7c780;cursor:pointer;touch-action:manipulation}.map-corner-controls .map-tomes{border-radius:50%;background:radial-gradient(circle,#2f1747,#0c0914)}.map-corner-controls .map-tomes svg{width:34px;height:34px}.map-tomes-label{position:absolute;top:100%;font:9px Cinzel,serif;margin-top:2px;text-shadow:0 1px 3px #000;color:#eddaa9}.hud-resource-panel{position:fixed;z-index:9600;top:calc(var(--sat,0px) + 66px);left:50%;transform:translate(-50%);width:min(420px,calc(100vw - var(--sal,0px) - var(--sar,0px) - 24px));padding:12px;background:#121614fa;border:1px solid #997b43;border-radius:6px;color:#e5d7b5;box-shadow:0 8px 24px #000a}.hud-resource-panel header{display:flex;align-items:center;justify-content:space-between;font:600 14px Cinzel,serif}.hud-resource-panel header button{min-width:44px;height:36px;border:0;background:none;color:#e6cb8d;cursor:pointer}.hud-resource-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:6px}.hud-resource-details article{padding:6px;border:1px solid #70603b55;font:12px Crimson Pro,serif}.hud-resource-details b,.hud-resource-details small{display:block}.hud-resource-details b{color:#ecd291;font-family:Cinzel,serif;font-size:11px}.hud-resource-details small{color:#aba58d;margin-top:2px}@media(max-height:420px)and (min-width:601px){:root{--map-portrait-size:44px;--map-dock-height:58px}.map-nav-panel{padding-top:calc(var(--sat,0px) + 6px);gap:7px}.map-nav-panel>header{min-height:38px}.map-nav-panel header>button{height:38px}.map-nav-panel p{font-size:11px}.map-nav-card{padding-bottom:5px}.map-nav-card strong{font-size:12px}.hud-resource{min-height:34px;font-size:10px}.hud-faction{flex-basis:30px;font-size:20px}}@media(min-width:1024px)and (pointer:fine){:root{--map-portrait-size:84px}}@media(max-width:600px){:root{--map-mini-top:calc(var(--sat,0px) + 103px);--map-mini-size:92px;--map-dock-width:calc(100vw - var(--sal,0px) - var(--sar,0px) - 16px);--map-chat-bottom:calc(var(--sab,0px) + var(--map-dock-height) + 17px)}.hud-content{left:calc(var(--sal,0px) + 8px);right:calc(var(--sar,0px) + 68px);flex-wrap:wrap;justify-content:space-around;gap:0 4px}.hud-resource{font-size:11px;min-height:34px}.hud-content .hud-rss{flex:1 0 20%}.hud-faction{order:1}.hud-player-name{font-size:9px}.chat-preview{width:calc(100vw - var(--sal,0px) - var(--sar,0px) - 16px)!important;max-width:none!important}.map-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.hud-resource-panel{top:calc(var(--sat,0px) + 96px)}}.map-reports-shortcut{position:fixed;right:calc(var(--sar,0px) + 8px);bottom:calc(var(--sab,0px) + var(--map-dock-height) + 16px);z-index:9100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:62px;min-height:52px;padding:5px 3px;border:1px solid #9c783b;border-radius:6px;background:linear-gradient(145deg,#211b13f5,#0d0b09fa);color:#edcc82;cursor:pointer;touch-action:manipulation;font:600 9px Cinzel,serif;text-transform:uppercase;pointer-events:auto;box-shadow:0 3px 10px #0008}.map-reports-shortcut svg{width:24px;height:24px}.map-reports-shortcut:focus-visible{outline:2px solid #ffe39b;outline-offset:2px}@media(max-width:600px){.map-reports-shortcut{bottom:calc(var(--map-chat-bottom) + 48px)}}.map-corner-controls .map-journey{border-radius:50%;background:radial-gradient(circle,#173b2a,#08120d)}.hud-content{gap:4px;padding:3px 5px}.hud-content .hud-resource{border:1px solid #8a6a3c66;border-radius:4px;background:linear-gradient(#2a2314aa,#14110aaa);box-shadow:inset 0 1px #f0d9a01a;padding:3px 7px}.hud-content .hud-resource:active{background:#3a3018}.hud-content .hud-faction{border-color:#b08a4a99;background:linear-gradient(#3a2d14cc,#1a1409cc);padding:3px 4px}.hud-content .hud-rss{border-color:#6e7a4c77}@media(max-width:600px){.hud-content{gap:4px;row-gap:4px}.hud-content .hud-rss{flex:1 1 20%}.hud-content .hud-resource{padding:3px 4px}}.admin-console{--admin-line: #637c7655;--admin-gold: #ddc28d;--admin-text: #dde5e0;color:var(--admin-text);font:14px/1.5 Arial,sans-serif;display:flex;flex-direction:column;height:100%;min-height:0;background:linear-gradient(130deg,#142b2d,#0c1b22)}.admin-console *,.admin-create *,.admin-scheduler *{box-sizing:border-box}.admin-console h1,.admin-console h2,.admin-console h3,.admin-create h3,.admin-scheduler h3{margin:0;color:#ddc28d;font:600 18px/1.4 Cinzel,Georgia,serif}.admin-console h1{font-size:22px}.admin-console p,.admin-create p,.admin-scheduler p{margin:0}.admin-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--admin-line);flex-shrink:0}.admin-header>div{flex:1;min-width:0}.admin-header p{font-size:12px;color:#9eb4b4}.admin-tabs,.admin-report-tabs{display:flex;gap:5px;padding:8px 16px;flex-shrink:0;border-bottom:1px solid var(--admin-line);overflow-x:auto}.admin-console button,.admin-create button,.admin-scheduler button{min-height:38px;padding:8px 13px;border:1px solid #ac986066;background:#29473c;color:#edd9a6;font:600 11px/1.4 Cinzel,Georgia,serif!important;cursor:pointer;border-radius:3px;touch-action:manipulation}.admin-console button:disabled,.admin-create button:disabled,.admin-scheduler button:disabled{opacity:.5;cursor:default}.admin-console button.secondary,.admin-create button.secondary,.admin-scheduler button.secondary{color:#c1cfcb;background:#162d34;border-color:#667b7d66}.admin-tabs button,.admin-report-tabs button{flex:1;white-space:nowrap;min-width:max-content;background:transparent;color:#aabfbd;border-color:transparent}.admin-tabs button[aria-current=page],.admin-report-tabs button[aria-current=page]{background:#3c5146;border-color:#b6a477;color:#f0d79f}.admin-header .admin-close{font:24px/1 Arial,sans-serif!important;width:38px;flex-shrink:0;padding:3px;background:#152d33;border-color:#667b7d66}.admin-content{flex:1;min-height:0;padding:18px 20px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.admin-stack{display:flex;flex-direction:column;gap:14px;min-width:0}.admin-stack>*{flex-shrink:0}.admin-card{padding:18px;border:1px solid #637c7655;border-radius:4px;background:#243c4055;min-width:0}.admin-card>h3{margin-bottom:10px}.admin-card>.admin-hint{margin:8px 0 14px}.admin-console .admin-hint,.admin-create .admin-hint,.admin-scheduler .admin-hint{font:12px/1.5 Arial,sans-serif;color:#a3b8b5}.admin-row,.admin-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-actions{justify-content:flex-start}.admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-full{grid-column:1/-1}.admin-fields label,.admin-field{display:flex;flex-direction:column;gap:6px;min-width:0;color:#d3dcd5;font:13px/1.5 Arial,sans-serif}.admin-console :is(input,select,textarea),.admin-create :is(input,select,textarea),.admin-scheduler :is(input,select,textarea){min-width:0;max-width:100%;padding:9px 11px;border:1px solid #637c7699;color:#e2e8e4;background:#0a1b23;border-radius:3px;font:14px/1.4 Arial,sans-serif;color-scheme:dark}.admin-console textarea,.admin-create textarea,.admin-scheduler textarea{resize:vertical;min-height:65px}.admin-check{display:flex;align-items:center;gap:10px;margin:14px 0;font:13px/1.5 Arial,sans-serif;color:#c3cfca}.admin-check input{width:18px;height:18px;accent-color:#bdaf73}.admin-create{color:#dde5e0}.admin-error,.admin-success{padding:10px 12px;border:1px solid #bf787b66;color:#f4b8ad;background:#402d3444;font:13px/1.5 Arial,sans-serif;overflow-wrap:anywhere}.admin-success{border-color:#77ae8b66;color:#b3ddbb;background:#2b453144}.admin-global-error{max-height:96px;overflow:auto;touch-action:pan-y;margin:10px 20px 0;display:flex;align-items:center;gap:10px;flex-shrink:0}.admin-global-error>span{flex:1}.admin-empty{padding:14px;border:1px dashed #80988b66;border-radius:3px;background:#0c212655}.admin-empty p{color:#a3b8b5;margin-top:5px}.admin-job{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px;border:1px solid #637c7655}.admin-job>div{flex:1;min-width:0;overflow-wrap:anywhere}.admin-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-console pre{max-width:100%;overflow:auto}.admin-console :is(button,input,select,textarea):focus-visible,.admin-create :is(button,input,select):focus-visible,.admin-scheduler :is(button,input,select,textarea):focus-visible{outline:2px solid #8ac2c1;outline-offset:2px}:root[data-ui-visuals=simple] .admin-console{background:#101613}:root[data-ui-visuals=simple] .admin-card{background:#17211a}@media(max-height:450px){.admin-header{padding:9px 14px}.admin-header h1{font-size:19px}.admin-tabs,.admin-report-tabs{padding:5px 10px}.admin-content{padding:12px 14px}.admin-card{padding:14px}}@media(max-width:600px){.admin-header{padding:12px;flex-wrap:wrap;gap:8px}.admin-header h1{font-size:18px}.admin-header p{display:none}.admin-tabs,.admin-report-tabs{padding:6px}.admin-content{padding:12px}.admin-fields,.admin-shortcuts{grid-template-columns:1fr}.admin-card{padding:14px}.admin-full{grid-column:auto}.admin-job{flex-wrap:wrap}}@media(max-width:600px){.admin-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.admin-tabs button{min-width:0;padding:8px 4px;font-size:10px!important}.admin-report-tabs{flex-wrap:wrap}.admin-report-tabs button{flex:1 1 auto;min-width:0}}.ot-shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9599;background:#0006;display:grid;place-items:center;pointer-events:auto}.ot-panel{width:min(440px,calc(100vw - 24px));max-height:min(78vh,560px);display:flex;flex-direction:column;background:#121614fa;border:1px solid #997b43;border-radius:6px;color:#e5d7b5;box-shadow:0 8px 24px #000a;font-family:Crimson Pro,serif}.ot-panel header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 6px;font:600 14px Cinzel,serif}.ot-panel header small{display:block;margin-top:3px;font:11px Crimson Pro,serif;color:#bbae91}.ot-panel header button{min-width:44px;height:36px;border:0;background:none;color:#e6cb8d;cursor:pointer}.ot-body{overflow:auto;padding:0 12px 12px;-webkit-overflow-scrolling:touch}.ot-body h4{margin:10px 0 4px;font:600 11px Cinzel,serif;letter-spacing:.1em;color:#ecd291}.ot-body ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.ot-body li{display:flex;align-items:stretch;gap:6px}.ot-go{flex:1;min-width:0;display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 8px;border:1px solid #70603b88;border-radius:4px;background:#1b211d;color:inherit;text-align:left;cursor:pointer}.ot-ic{font-size:20px;width:26px;text-align:center}.ot-tx b{display:block;font:600 12px Cinzel,serif;color:#ecd291}.ot-tx small{display:block;font-size:12px;color:#bbae91}.ot-free{min-width:64px;border:1px solid #8a4a3a;border-radius:4px;background:#2a1612;color:#f0b8a8;font:700 11px Cinzel,serif;cursor:pointer}.ot-free.on{background:#6a2a1c;color:#fff}.ot-empty{font-size:13px;color:#bbae91}.ot-sec{margin:8px 0;border:1px solid #70603b66;border-radius:5px;background:#161b18}.ot-sec>summary{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 10px;font:600 12px Cinzel,serif;letter-spacing:.06em;color:#ecd291;cursor:pointer;list-style:none}.ot-sec>summary::-webkit-details-marker{display:none}.ot-sec>summary:before{content:"▸";margin-right:8px;color:#997b43}.ot-sec[open]>summary:before{content:"▾"}.ot-sec>summary span{flex:1}.ot-sec>summary b{min-width:26px;padding:1px 7px;border-radius:9px;background:#2a2417;color:#e6cb8d;text-align:center;font-size:11px}.ot-sec ul{padding:0 8px 8px}.ot-sec .ot-empty{margin:0;padding:0 10px 10px}.tut-wrap{position:fixed;left:0;right:0;bottom:calc(var(--sab,0px) + 76px);z-index:9050;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.tut-card,.tut-pill{pointer-events:auto;width:min(100%,380px);box-sizing:border-box;background:#140e04f2;border:1px solid #b8953f;border-radius:10px;color:#e0d0b0;font-family:Crimson Pro,serif;box-shadow:0 6px 22px #0009}.tut-card{padding:10px 12px}.tut-card p{margin:4px 0 6px;font-size:14px;line-height:1.35}.tut-title{font-family:Cinzel,serif;font-size:13px;letter-spacing:.06em;color:#f0d890}.tut-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.tut-dots{display:flex;gap:5px}.tut-dots i{width:8px;height:8px;border-radius:50%;background:#3a2f18;border:1px solid #6e592c}.tut-dots i.on{background:#70e090;border-color:#40aa60}.tut-dots i.cur{background:#f0d890;border-color:#b8953f}.tut-x{width:30px;height:26px;border:1px solid #6e592c;border-radius:6px;background:#17110a;color:#d8c8a8;font-size:16px;line-height:1;touch-action:manipulation}.tut-rew{display:block;color:#9bd8a8;font-size:12px;margin-bottom:6px}.tut-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.tut-skip{background:none;border:0;color:#8a7a5c;text-decoration:underline;font-size:12px;padding:8px 0;touch-action:manipulation}.tut-btn{padding:8px 16px;border:1px solid #b38b35;border-radius:7px;background:#252015;color:#f0d98d;font-family:Cinzel,serif;font-size:11px;letter-spacing:.06em;touch-action:manipulation}.tut-ok{color:#70e090;font-size:13px}.tut-pill{width:auto;padding:6px 12px;font-size:12px;color:#f0d890;touch-action:manipulation}.tut-done{text-align:center}.tut-grip{text-align:center;font-size:11px;color:#8a7a5c;padding:2px 0 6px;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.tut-nudge{display:block;color:#e4968c;font-size:12px;margin-bottom:4px}body[data-tut-lock] [data-tut-nav]{opacity:.35!important;filter:grayscale(.6)}body[data-tut-step=hq] [data-tut-nav=hq],body[data-tut-step=build] [data-tut-nav=hq],body[data-tut-step=arm] [data-tut-nav=hq],body[data-tut-step=attack] [data-tut-nav=hq],body[data-tut-step=report] [data-tut-nav=hq],body[data-tut-step=arm] [data-tut-nav=commander],body[data-tut-step=report] [data-tut-nav=reports]{opacity:1!important;filter:none}@keyframes tutPulse{0%,to{box-shadow:0 0 #f0d89000,0 0 6px 1px #f0d89080}50%{box-shadow:0 0 0 4px #f0d89059,0 0 16px 4px #f0d890e6}}body[data-tut-step=hq] [data-tut-nav=hq],body[data-tut-step=arm] [data-tut-nav=commander],body[data-tut-step=report] [data-tut-nav=reports],body[data-tut-step=build] [data-tut=nav-buildings]{animation:tutPulse 1.4s ease-in-out infinite;border-radius:12px}body[data-tut-step=hq] [data-tut-nav=hq]{border-radius:50%}.field-popup-surface{position:fixed;z-index:500;pointer-events:auto;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;animation:fadeUp .15s ease}.field-popup-info{border-radius:6px;background:#0a0d0bf7;box-shadow:0 6px 20px #0009}.field-popup-info .tp-card{border-width:8px!important;padding:6px;border-radius:5px}.field-popup-info .tp-info-row{min-height:20px!important;padding:2px 0!important}.field-popup-info .tp-status{margin-top:4px;border:0;box-shadow:none}.field-popup-actions .tp-btn{aspect-ratio:auto!important;min-height:44px;border:1px solid #8a733c!important;border-radius:6px;padding:5px 8px!important;background:linear-gradient(120deg,#172520f2,#101812f5)!important;gap:7px!important;box-shadow:0 3px 8px #0007}.field-popup-actions .tp-btn:disabled{background:#1c201dea!important;border-color:#555348!important}.field-popup-actions .tp-btn>span:first-child{width:24px}.field-popup-actions .tp-btn>span:last-child{text-align:left!important}.field-popup-actions .tp-btn>span:last-child>span:first-child{font-size:11px}.field-popup-actions .tp-btn>span:last-child>span:last-child:not(:first-child){font-size:9px;margin-top:2px}.field-popup-commander{padding:6px;border:1px solid #8a733c;border-radius:7px;background:#080f0bf7;box-shadow:0 6px 20px #0009}.field-tile-utilities{display:flex;gap:6px;width:max-content;align-items:center}.field-tile-icon{display:flex;align-items:center;justify-content:center;min-width:44px;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid #a58a48;color:#e0ca85;background:radial-gradient(circle at 35% 25%,#303427,#101510);box-shadow:0 3px 9px #000a;cursor:pointer;touch-action:manipulation}.field-tile-delete{color:#ff7772;border-color:#a54e45;background:radial-gradient(circle at 35% 25%,#442320,#170f0e)}.field-tile-icon[aria-pressed=true]{color:#fff2ac;border-color:#f2ce62;background:#605121}.field-tile-icon:disabled{opacity:.4;cursor:default}.field-tile-icon:hover:not(:disabled){filter:brightness(1.2)}.field-tile-icon:focus-visible{outline:2px solid #f5d77e;outline-offset:2px}.field-commander-switcher{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#d8c58e;font-size:11px;margin-bottom:4px}.field-commander-switcher button{width:44px;height:36px;border:1px solid #615432;border-radius:4px;background:#18211a;color:#e3d3a1;cursor:pointer}.field-popup-utilities{overflow:visible}.field-popup-occupied.field-popup-info .tp-card{border-width:6px!important;padding:5px}.field-popup-occupied.field-popup-commander{padding:2px}.field-popup-multiple .field-commander-switcher{margin-bottom:2px}.field-popup-multiple .field-commander-switcher button{height:28px}.field-popup-multiple .compact-commander-card{padding:3px!important}.field-popup-multiple .compact-commander-actions{margin-top:6px!important}.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}.sg-summary>.sg-duel{flex:1 0 auto;min-height:280px}.sg-duel>.sg-army>.sg-commander{flex:1 0 105px}.sg-duel>.sg-army>.sg-strength{flex:0 0 auto;padding-bottom:10px}.sg-strength>small{white-space:normal}.sg .sg-player{min-height:0}.sg-report-footer{margin-top:4px;padding-top:6px}.sg-report-footer>.sg-actions{flex:0 0 auto;margin-left:auto;justify-content:flex-end;flex-wrap:wrap}.sg-level-up{color:#59d77b;font-weight:700;white-space:nowrap}@media(orientation:portrait){.sg-summary>.sg-duel{min-height:650px}}@media(orientation:landscape)and (max-height:450px){.sg-summary>.sg-duel{min-height:180px}.sg-duel>.sg-army>.sg-commander{flex-basis:60px;min-height:60px!important}.sg-duel .sg-slot,.sg-duel .sg-slot-empty{height:54px}.sg-duel .sg-player{margin-top:3px;padding:2px 5px;font-size:10px}.sg-duel>.sg-army>.sg-strength{padding-bottom:4px;font-size:12px}.sg-report-footer{margin-top:2px;padding:4px 9px}.sg-report-footer .sg-actions button{min-height:36px}}.qo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9600;background:#000b;display:grid;place-items:center;padding:calc(var(--sat,0px) + 8px) calc(var(--sar,0px) + 12px) calc(var(--sab,0px) + 8px) calc(var(--sal,0px) + 12px);box-sizing:border-box}.qo-panel{width:min(800px,100%);height:min(540px,100%);min-height:0;display:flex;flex-direction:column;background:linear-gradient(135deg,#18333b,#07191f);color:#eadab2;border:1px solid #bd995c;border-radius:8px;padding:12px;box-sizing:border-box;gap:10px;font-family:Georgia,serif;box-shadow:0 8px 32px #000}.qo-panel button{font:inherit;cursor:pointer;background:#182e35;border:1px solid #8f805c;color:#eadab2;min-height:36px;border-radius:4px;padding:6px 10px;touch-action:manipulation}.qo-panel button:disabled{opacity:.4;cursor:default}.qo-panel button:focus-visible{outline:2px solid #ffe2a0;outline-offset:2px}.qo-panel header{display:flex;justify-content:space-between;align-items:center;flex:none}.qo-panel h2{font-size:19px;margin:0}.qo-panel nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;flex:none}.qo-panel nav button{font-size:13px;padding:6px 3px}.qo-panel nav [aria-pressed=true]{background:#3b594f;border-color:#e1c383}.qo-note{font-size:13px;color:#b6c9c9;margin:0;flex:none;line-height:1.3}.qo-list{flex:1;min-height:0;display:grid;grid-auto-rows:1fr;gap:8px}.qo-list article{min-width:0;min-height:0;display:flex;align-items:center;gap:10px;background:#0512189c;border:1px solid #4b6060;border-radius:5px;padding:10px;box-sizing:border-box}.qo-list article>div{flex:1;min-width:0}.qo-list img{width:42px;height:48px;object-fit:contain}.qo-list b,.qo-list small{display:block}.qo-list b{font-size:16px}.qo-list small{font-size:13px;color:#b8cbcc;line-height:1.3;margin-top:4px}.qo-list strong{color:#f4d283;font-size:14px;flex:none}.qo-list progress{width:100%;height:5px;accent-color:#60bd96}.qo-status{width:26px;text-align:center;color:#8fd1ab;font-size:22px;flex:none}.qo-empty{place-self:center;color:#b6c9c9}.qo-panel footer{display:flex;align-items:center;gap:10px;flex:none}.qo-manage{margin-left:auto}.qo-panel footer span{font-size:13px}@media(max-height:420px){.qo-panel{padding:8px;gap:6px}.qo-panel header h2{font-size:16px}.qo-list article{padding:6px 10px}.qo-list b{font-size:14px}.qo-list small{font-size:12px;margin-top:2px}.qo-panel button{min-height:32px}.qo-note{font-size:12px}}@media(max-width:500px){.qo-backdrop{padding-left:calc(var(--sal,0px) + 6px);padding-right:calc(var(--sar,0px) + 6px)}.qo-panel{padding:10px}.qo-list article{gap:6px}.qo-list b{font-size:15px}.qo-panel nav button{font-size:11px}.qo-list .qo-milestone{flex-wrap:wrap}.qo-milestone button{margin-left:auto}.qo-list small{font-size:12px}}.qo-cancel-btn,.qo-cancel button{flex:none;background:#2a1612;color:#f0c8b8;border:1px solid #8a4a3a;border-radius:6px;padding:4px 10px;font:700 12px inherit;cursor:pointer}.qo-cancel{flex:none;display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:flex-end;max-width:46%}.qo-cancel small{flex:1 1 100%;text-align:right;color:#e8d29a;font-size:11px}.qo-cancel button:first-of-type{background:#5a2018;border-color:#d9604a;color:#fff}.qo-jump{cursor:pointer}.qo-jump:focus-visible{outline:2px solid #f0c060;outline-offset:1px}.pg-screen,.pg-screen *{box-sizing:border-box}.pg-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9800;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:calc(var(--sat,0px) + 10px) calc(var(--sar,0px) + 14px) calc(var(--sab,0px) + 10px) calc(var(--sal,0px) + 14px);background:#071014;color:#eadfc7;font:14px Arial,sans-serif;--pg-gold:#eac278;--pg-edge:#806539}.pg-header{display:flex;align-items:center;gap:12px;flex:none;min-height:50px;padding-bottom:8px;border-bottom:1px solid #80653980}.pg-heading{flex:1;min-width:0}.pg-heading h1{margin:0;color:var(--pg-gold);font:700 clamp(18px,2.6vw,32px) "Cinzel",Georgia,serif;letter-spacing:.06em}.pg-heading small{display:block;margin-top:3px;color:#b7bdb5;font-size:12px}.pg-brand{color:var(--pg-gold);font:18px Georgia,serif;letter-spacing:.08em}.pg-brand small{display:block;font:9px Arial,sans-serif;letter-spacing:.16em;margin-top:4px}.pg-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:7px 12px;border:1px solid #947544;border-radius:3px;background:linear-gradient(#19272a,#0a1418);color:#f0e1c3;cursor:pointer;font:700 12px Cinzel,Georgia,serif;touch-action:manipulation}.pg-button:disabled{opacity:.46;cursor:default}.pg-button:focus-visible,.jr-step:focus-visible{outline:2px solid #ffe6ac;outline-offset:-4px}.pg-square{flex:none;width:40px;padding:0;font-size:28px}.pg-square svg{width:20px;height:20px}.pg-primary{background:linear-gradient(#24543d,#0b281e);border-color:#d6b063}.pg-go{background:linear-gradient(#183a47,#0c1823);border-color:#b89b5d}.pg-button.selected{border-color:#edc87a;box-shadow:inset 0 0 12px #b1813333,0 0 8px #d8a63a25;background:linear-gradient(#294651,#0b202b)}.pg-pages{display:flex;align-items:center;justify-content:center;gap:10px;flex:none;min-height:40px}.pg-pages>span{color:#c8bda2;font-size:12px;min-width:50px;text-align:center}.pg-pages .pg-square{min-height:36px;width:36px;height:36px}.pg-error{flex:none;background:#2b1313;border:1px solid #c45e52;color:#ffb5a8;padding:6px 10px;font-size:12px}.pg-empty{margin:auto;text-align:center;color:#c2baa7;line-height:1.6}.pg-meter{height:7px;min-width:0;background:#071012;border:1px solid #92743f;border-radius:8px;overflow:hidden}.pg-meter i{display:block;height:100%;background:linear-gradient(#88c383,#28634b)}.pg-complete{color:#8ac99b;font-size:12px;white-space:nowrap}.pg-lock{color:#c2b9a3;flex:none}.pg-badge{position:absolute;right:4px;top:4px;width:10px;height:10px;background:#cc3535;border:1px solid #e59683;border-radius:50%}.pg-diamond{display:grid;place-items:center;flex:none;width:48px;height:48px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(#7e6030,#151819);color:#ffe2a2;font:700 27px Georgia,serif;text-shadow:0 1px 3px #000}.pg-rewards{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-width:0}.pg-reward{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:36px;padding:4px;border:1px solid #596162;background:#09131bc9;border-radius:3px;font-size:12px;text-align:center;color:#e5deca;line-height:1.1}.pg-reward img,.pg-reward>svg{width:30px;height:30px;object-fit:contain}.pg-reward>svg{color:#e5ba62;padding:3px}.pg-reward.soldier,.pg-reward.rare{color:#80c2ee;border-color:#426f95}.pg-reward.veteran,.pg-reward.epic{color:#d9a1f4;border-color:#86599d}.pg-reward.champion,.pg-reward.legendary{color:#f6cf79;border-color:#a48642}.pg-piece{display:block;flex:none;aspect-ratio:1;background:url(/ui/progression/journey-pieces-v1.webp) no-repeat;background-size:400% 200%;width:54px}.pg-season-art{background-image:url(/ui/progression/season-scenes-v1.webp);background-size:300% auto;background-repeat:no-repeat;background-color:#122124}.pg-reward-icon{display:block;width:30px;height:30px;background:url(/ui/progression/reward-icons-v1.webp) no-repeat;background-size:200% 100%;background-position:left center}.pg-reward-icon.speedups{background-position:right center}.pw-layout{flex:1;min-height:0;display:grid;grid-template-columns:42% minmax(0,1fr);gap:12px}.pw-hero{position:relative;min-width:0;min-height:0;border:1px solid var(--pg-edge);background:linear-gradient(0deg,#071015ed,transparent 62%),url(/ui/progression/path-hero-v1.webp) 42% center/cover;overflow:hidden}.pw-story{position:absolute;top:15px;right:12px;width:56%;display:flex;align-items:flex-start;gap:8px;text-shadow:0 2px 5px #000}.pw-story h2{margin:0 0 8px;color:#f3d391;font:700 clamp(16px,2vw,28px) "Cinzel",Georgia,serif;line-height:1.2}.pw-story p{margin:0;font-size:13px;line-height:1.4;background:#0710146b;padding:4px}.pw-story .pg-diamond{width:40px;height:40px;font-size:24px}.pw-reward-panel{position:absolute;bottom:12px;left:10px;right:10px;display:flex;align-items:center;gap:10px;padding:10px;background:#050b10dc;border:1px solid #b89958}.pw-ring{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:none;width:74px;height:74px;border-radius:50%;background:radial-gradient(closest-side,#091014 87%,transparent 90%),conic-gradient(#e4bd69 var(--progress),#303b3a 0);gap:4px}.pw-ring b{font:24px Georgia,serif}.pw-ring small{font-size:10px;color:#c5bfae}.pw-chapter-reward{flex:1;min-width:0}.pw-chapter-reward h3{margin:0 0 6px;color:#eac278;font:700 13px Georgia,serif}.pw-chapter-reward small{display:block;margin-top:5px;font-size:11px;color:#bbb5a5}.pw-chapter-reward .pg-button{margin-top:6px;min-height:32px;font-size:11px}.pw-tasks{min-height:0;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:8px}.pw-task{min-height:0;min-width:0;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #62533c;background:linear-gradient(100deg,#142127,#070d12)}.pw-task.ready{border-color:#ad9151}.pw-task.claimed{opacity:.65}.pw-task-copy{flex:1;min-width:0}.pw-task h3{margin:0 0 8px;font:400 15px Georgia,serif;line-height:1.25}.pw-task-progress{display:flex;align-items:center;gap:8px}.pw-task-progress .pg-meter{flex:1}.pw-task-progress small{font-size:11px;color:#bfc5bd;white-space:nowrap}.pw-task>.pg-button{flex:none;min-width:72px}.pw-task>.pg-rewards{flex:none;flex-wrap:nowrap}.pw-chapter-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);flex:1;gap:8px}.pw-chapter-tab{min-width:0;gap:8px;text-transform:uppercase;font-size:11px}.pw-chapter-tab b{font-size:17px;color:#f0d39a}.pw-chapter-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-status{font-size:12px;color:#edd394;flex:none}.ch-deck{flex:1;min-height:0;display:grid;gap:12px;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.ch-card{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid #68573c;background:#0c171c}.ch-card.current{border-color:#d9b568;box-shadow:0 0 15px #e4b84b15}.ch-card.fut{background:#071015}.ch-picture{position:relative;flex:1;min-height:82px}.ch-picture:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0006,transparent 50%,#081218aa)}.ch-card-heading{position:absolute;top:8px;left:10px;right:10px;display:flex;align-items:center;gap:8px;z-index:1;color:#efcb7e;text-shadow:0 2px 5px #000}.ch-card-heading h2{margin:0;font:700 clamp(13px,1.7vw,22px) "Cinzel",Georgia,serif;line-height:1.2;flex:1}.ch-card-heading>span{font:23px Georgia,serif}.ch-info{flex:none;display:flex;flex-direction:column;gap:8px;padding:10px;font-size:12px;line-height:1.35}.ch-info p{margin:0}.ch-progress-line{color:#c7d1c8;font-size:11px}.ch-unlocks{display:flex;align-items:center;gap:8px;color:#d5bf89}.ch-unlocks b{font-size:10px;letter-spacing:.06em;color:#aeb5ac;text-transform:uppercase}.ch-unlocks span{font-size:12px}.ch-result{font-size:11px;color:#c4bdab}.ch-result.missed{color:#ef9a83}.ch-reward{display:flex;align-items:center;justify-content:space-between;gap:6px}.ch-reward>small{font-size:10px;color:#bdbaaa}.ch-reward .pg-reward{flex-direction:row;border:0;background:transparent;padding:0;min-width:0}.ch-reward .pg-reward img,.ch-reward .pg-reward>svg{width:25px;height:25px}.ch-footer{display:flex;align-items:center;gap:12px;justify-content:space-between;flex:none}.ch-footer>p{margin:0;color:#bdb9ac;font-size:12px;text-align:center;flex:1}.ch-footer .pg-pages{min-height:36px}.jr{background:linear-gradient(#050a1099,#050a1044),url(/ui/progression/journey-table-v1.webp) center/cover}.jr .pg-header{background:#0610169c;margin:-2px -2px 0;padding:4px 6px 8px}.jr .pg-heading{text-align:center}.jr-total{font:16px Georgia,serif;color:#eed7a4;white-space:nowrap}.jr-route{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:4px;position:relative;padding:4px 5%}.jr-route:before{content:"";position:absolute;left:10%;right:10%;top:62%;height:2px;background:#ad8546;box-shadow:0 0 6px #cfa05066}.jr-step{position:relative;min-width:0;border:0;background:transparent;color:#f1ddae;cursor:pointer;padding:0;display:flex;align-items:center;flex-direction:column;text-shadow:0 1px 4px #000;touch-action:manipulation}.jr-step .pg-piece{width:100%;max-width:145px;filter:drop-shadow(0 3px 3px #000)}.jr-number{display:grid;place-items:center;width:30px;height:30px;margin-top:-12px;position:relative;border:1px solid #b28c4b;border-radius:50%;background:#122427;font:17px Georgia,serif}.jr-step.done .jr-number{border-color:#69a775;color:#a5ddb0}.jr-step[aria-pressed=true] .jr-number{border-color:#f7d494;color:#ffe7a9;box-shadow:0 0 15px #deab4baa}.jr-step[aria-pressed=true] .pg-piece{filter:drop-shadow(0 0 8px #d7a344aa)}.jr-step>small{font-size:12px;padding-top:5px;white-space:nowrap}.jr-focus{height:42%;min-height:145px;display:grid;grid-template-columns:36% minmax(0,1fr);gap:14px;align-items:stretch;padding:0 5%;flex:none}.jr-portrait{position:relative;min-height:0;background:linear-gradient(0deg,#08111670,#111a1e00),url(/commanders/scenes/runeforge_hall-landscape-v1.webp) center/cover;border:1px solid #85673c;overflow:hidden}.jr-portrait .pg-piece{position:absolute;height:100%;width:auto;aspect-ratio:1;bottom:0;left:50%;transform:translate(-50%)}.jr-copy{min-width:0;display:flex;align-items:center;gap:14px;background:#07151de8;border:1px solid #8d7148;padding:14px 22px}.jr-copy>div{min-width:0;flex:1}.jr-copy h2{margin:0 0 7px;font:700 clamp(18px,2.2vw,27px) Georgia,serif;color:#edd4a1}.jr-copy p{margin:0 0 10px;line-height:1.45;color:#d2cabb;font-size:13px}.jr-copy .pg-primary{min-width:180px}.jr-copy .pg-complete{display:block;margin-bottom:5px}.jr-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 5%;flex:none}.jr-footer small{font-size:11px;color:#c4baa6;background:#081015b8;padding:5px}.ev-layout{display:grid;grid-template-columns:39% minmax(0,1fr);gap:12px;flex:1;min-height:0}.ev-selector{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0}.ev-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:8px;flex:1;min-height:0}.ev-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;min-height:0;min-width:0;text-align:left;padding:12px;position:relative;overflow:hidden;background-color:#0b141a;background-size:cover;background-position:center}.ev-tile strong{font:700 clamp(12px,1.55vw,19px) Georgia,serif;line-height:1.2;max-width:92%;text-shadow:0 2px 4px #000}.ev-tile small{font-size:11px;font-family:Arial,sans-serif;color:#f0d499;background:#050e16a1;padding:3px 5px}.ev-selector .pg-pages{min-height:36px}.ev-detail{position:relative;min-height:0;min-width:0;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid #8d744c;background:#0b181d;background-size:cover;background-position:center;overflow:hidden}.ev-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex:none;text-shadow:0 2px 5px #000}.ev-hero>div:first-child{min-width:0;flex:1}.ev-hero h2{margin:0 0 6px;color:#f4d595;font:700 clamp(18px,2.3vw,29px) "Cinzel",Georgia,serif;line-height:1.15}.ev-hero p{margin:4px 0;color:#ddd6c7;font-size:12px;line-height:1.4;max-width:410px}.ev-timer{font-size:12px;color:#eacb89;white-space:nowrap}.ev-progress{flex:none;width:140px;max-width:30%;text-align:right;color:#f1d598;font:20px Georgia,serif}.ev-progress small{display:block;color:#d1ccc2;font:11px Arial,sans-serif;margin:4px 0 8px}.ev-crew-note{font-size:11px;line-height:1.25;color:#f1d69b;margin:0;flex:none}.ev-stage-area{display:grid;grid-template-columns:minmax(0,1fr) 24%;gap:10px;flex:1;min-height:0}.ev-stage-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0}.ev-stage{min-height:0;min-width:0;display:flex;flex-direction:column;gap:7px;border:1px solid #736142;background:#081218e8;padding:8px;align-items:center}.ev-stage.ready{border-color:#d9b369;background:#0c221bea}.ev-stage.claimed{opacity:.6}.ev-stage h3{display:flex;align-items:center;justify-content:center;gap:5px;margin:0;font:700 20px Georgia,serif;color:#eecf95}.ev-stage>small{font-size:10px;color:#c5c0b0}.ev-stage .pg-rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:4px;flex:1;width:100%}.ev-stage .pg-reward{min-width:0;font-size:11px;padding:3px}.ev-stage .pg-reward img,.ev-stage .pg-reward>svg{width:26px;height:26px}.ev-stage>.pg-button{margin-top:auto;flex:none;min-height:34px;width:100%;font-size:11px;padding:5px}.ev-stage>.pg-meter{width:100%;flex:none}.ev-action{align-self:end;width:100%;font-size:12px;padding:9px 5px}.ev-stage-pages{justify-content:flex-start;flex:none}.ev-tab-tools{display:flex;gap:6px}.ev-tab-tools .pg-button{font-size:11px;min-height:34px;padding:6px 9px}.ev-panel-tabs{display:flex;gap:6px;flex:none}.ev-panel-tabs button{min-height:34px}.ev-ranking{flex:1;min-height:0;display:grid;grid-auto-rows:1fr;gap:6px}.ev-rank-row{min-height:0;display:flex;align-items:center;gap:8px;padding:6px 10px;background:#071117e6;border:1px solid #514c37;font-size:12px}.ev-rank-row.you{border-color:#c9a75d;color:#edd094}.ev-rank-row b:first-child{width:20px;flex:none;color:#eac278}.ev-rank-row span{flex:1;min-width:0}.ev-rank-row b:last-child{flex:none}.ev-prize-cards{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ev-prize-cards .ev-stage h3{font-size:15px}.ev-prize-note{color:#c4baa5;font-size:11px;line-height:1.3;margin:0;flex:none}.ev-seats-prize{display:flex;align-items:center;gap:8px;font-size:11px;flex:none}.ev-seats-prize .pg-reward{flex-direction:row;font-size:11px}.ev-seats-prize .pg-reward img{width:22px;height:22px}.jr-portrait{background:linear-gradient(0deg,#07101555,transparent),url(/ui/progression/journey-focus-v1.webp) center 35%/cover}.ev-tile.selected{background-size:cover;background-position:center}@media(min-width:1100px){.pg-screen{padding-left:max(calc(var(--sal,0px) + 14px),calc((100vw - 1750px)/2));padding-right:max(calc(var(--sar,0px) + 14px),calc((100vw - 1750px)/2))}.ch-deck:has(.current){grid-auto-columns:minmax(0,1fr)}.ch-card.current{min-width:0}.ch-info{font-size:14px;padding:14px}.ch-unlocks span{font-size:14px}}@media(max-height:420px){.pg-screen{gap:7px;padding-top:calc(var(--sat,0px) + 6px);padding-bottom:calc(var(--sab,0px) + 6px)}.pg-header{min-height:40px;gap:8px;padding-bottom:5px}.pg-heading h1{font-size:20px}.pg-heading small{font-size:10px}.pg-button{min-height:34px;padding:5px 9px;font-size:11px}.pg-square{width:34px;height:34px;padding:0}.pg-pages{min-height:34px;gap:7px}.pg-pages .pg-square{min-height:32px;width:32px;height:32px}.pg-brand{font-size:14px}.pg-brand small{font-size:8px}.pg-reward{font-size:10px;min-width:30px;padding:3px}.pg-reward img,.pg-reward>svg{width:23px;height:23px}.pg-piece{width:38px}.pw-layout{gap:8px}.pw-tasks{gap:6px}.pw-task{gap:6px;padding:6px}.pw-task h3{font-size:13px;margin-bottom:4px}.pw-task-progress small{font-size:10px}.pw-task>.pg-button{min-width:58px}.pw-story{top:9px;right:9px;gap:5px}.pw-story p{font-size:11px;line-height:1.3}.pw-story h2{font-size:17px;margin-bottom:4px}.pw-story .pg-diamond{width:30px;height:30px;font-size:19px}.pw-reward-panel{bottom:8px;left:7px;right:7px;padding:7px;gap:7px}.pw-ring{width:58px;height:58px}.pw-ring b{font-size:19px}.pw-ring small{font-size:9px}.pw-chapter-reward h3{font-size:11px;margin-bottom:3px}.pw-chapter-reward small{font-size:10px}.pw-chapter-reward .pg-button{min-height:28px;font-size:9px;margin-top:4px}.pw-chapter-tab{font-size:10px;gap:5px;padding:5px}.pw-chapter-tab .pg-lock{width:13px}.ch-deck{gap:8px}.ch-picture{min-height:70px}.ch-picture h2{font-size:13px;gap:6px;left:8px;top:7px}.ch-picture h2>span{font-size:20px}.ch-info{gap:5px;padding:8px;font-size:11px}.ch-unlocks{gap:5px}.ch-unlocks span{font-size:11px}.ch-footer>p{font-size:10px;line-height:1.25}.ch-reward .pg-reward img,.ch-reward .pg-reward>svg{width:20px;height:20px}.ch-status{font-size:11px}.jr-route{padding:0 4%;min-height:90px}.jr-step .pg-piece{max-width:100px}.jr-step>small{font-size:10px;padding-top:3px}.jr-number{width:25px;height:25px;font-size:14px;margin-top:-8px}.jr-focus{min-height:125px;height:44%;gap:8px;padding:0 4%}.jr-copy{gap:8px;padding:9px 14px}.jr-copy h2{font-size:19px;margin-bottom:5px}.jr-copy p{font-size:12px;line-height:1.3;margin-bottom:7px}.jr-copy .pg-diamond{width:35px;height:35px;font-size:21px}.jr-copy .pg-primary{min-width:160px}.jr-footer{padding:0 4%}.jr-footer small{font-size:10px}.jr-total{font-size:13px}.ev-layout{gap:8px}.ev-tiles{gap:6px}.ev-tile{padding:7px;gap:5px}.ev-tile strong{font-size:13px}.ev-tile small{font-size:10px}.ev-detail{padding:8px;gap:6px}.ev-hero h2{font-size:19px;margin-bottom:3px}.ev-hero p{font-size:11px;line-height:1.25}.ev-flavor{display:none}.ev-timer{font-size:11px}.ev-progress{font-size:17px;width:100px}.ev-stage-area{gap:6px}.ev-stage-cards{gap:5px}.ev-stage{gap:4px;padding:5px}.ev-stage h3{font-size:17px}.ev-stage .pg-rewards{gap:3px}.ev-stage .pg-reward{font-size:10px;padding:2px}.ev-stage .pg-reward img,.ev-stage .pg-reward>svg{width:22px;height:22px}.ev-stage>.pg-button{min-height:28px;font-size:10px}.ev-action{font-size:10px}.ev-panel-tabs button{min-height:30px}.ev-seats-prize .pg-reward{padding:1px}.ev-seats-prize .pg-reward img{width:18px;height:18px}}@media(max-width:850px)and (orientation:landscape){.pg-screen{padding-left:calc(var(--sal,0px) + 8px);padding-right:calc(var(--sar,0px) + 8px)}.pw-task>.pg-piece{display:none}.pw-task h3{font-size:12px}.pw-task>.pg-rewards{gap:3px}.pw-task .pg-reward{min-width:27px;font-size:10px}.pw-task .pg-reward img{width:22px;height:22px}.pw-chapter-tab span{font-size:9px}.ch-header .st-tab{padding:6px 8px;font-size:10px}.jr-copy .pg-diamond{display:none}}@media(max-width:599px)and (orientation:portrait){.pg-screen{gap:8px;padding:calc(var(--sat,0px) + 8px) calc(var(--sar,0px) + 8px) calc(var(--sab,0px) + 8px) calc(var(--sal,0px) + 8px)}.pg-header{gap:8px;flex-wrap:wrap}.pg-heading h1{font-size:19px}.pg-heading small{font-size:10px}.pg-brand{display:none}.pg-header .st-tabs{order:4;width:100%}.pg-header .st-tabs>*{flex:1}.pw-layout{grid-template-columns:1fr;grid-template-rows:minmax(190px,.85fr) minmax(0,1fr);gap:8px}.pw-story{width:57%;top:10px}.pw-story h2{font-size:19px}.pw-story p{font-size:11px}.pw-reward-panel{padding:7px;bottom:8px}.pw-ring{width:58px;height:58px}.pw-ring b{font-size:20px}.pw-chapter-reward{display:grid;grid-template-columns:auto auto;gap:4px 8px;align-items:center}.pw-chapter-reward h3{margin:0;font-size:12px}.pw-chapter-reward .pg-rewards{grid-row:span 2}.pw-chapter-reward .pg-button{min-height:30px;font-size:10px;margin:0}.pw-chapter-reward small{margin:0;font-size:10px}.pw-task{padding:6px;gap:6px}.pw-task>.pg-piece{display:none}.pw-task h3{font-size:12px;margin-bottom:5px}.pw-task .pg-reward{min-width:28px;font-size:10px}.pw-task .pg-reward img{width:22px;height:22px}.pw-task>.pg-button{min-width:56px;padding:5px}.pw-task-progress small{font-size:10px}.pw-chapter-tab{padding:6px;gap:5px;font-size:10px}.pw-chapter-tab .pg-lock{display:none}.ch-deck{grid-auto-columns:100%}.ch-picture{min-height:140px}.ch-picture h2{font-size:22px}.ch-info{font-size:14px;gap:10px;padding:14px}.ch-unlocks span{font-size:14px}.ch-footer{flex-direction:column;gap:5px}.ch-footer>p{font-size:11px}.ch-status{font-size:10px}.ch-reward .pg-reward img,.ch-reward .pg-reward>svg{width:32px;height:32px}.jr .pg-heading{text-align:left}.jr-total{font-size:12px}.jr-route{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));padding:0 5%;gap:6px}.jr-route:before{display:none}.jr-step .pg-piece{max-width:105px}.jr-step>small{font-size:11px}.jr-focus{grid-template-columns:1fr;height:37%;min-height:220px;padding:0 3%}.jr-portrait{display:none}.jr-copy{padding:14px}.jr-copy h2{font-size:21px}.jr-copy p{font-size:13px}.jr-copy .pg-diamond{width:35px;height:35px}.jr-footer{padding:0 3%;flex-wrap:wrap}.jr-footer small{order:3;width:100%;text-align:center;font-size:10px}.ev-layout{grid-template-columns:1fr;grid-template-rows:34% minmax(0,1fr);gap:8px}.ev-selector{gap:5px}.ev-tiles{grid-template-rows:repeat(2,minmax(0,1fr));gap:5px}.ev-tile{padding:8px;gap:4px}.ev-tile strong{font-size:13px}.ev-tile small{font-size:10px}.ev-detail{padding:9px;gap:8px}.ev-hero h2{font-size:21px}.ev-hero p{font-size:11px}.ev-flavor{display:none}.ev-stage-area{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:7px}.ev-stage-cards{gap:5px}.ev-stage .pg-reward{font-size:10px;padding:2px}.ev-stage .pg-reward img,.ev-stage .pg-reward>svg{width:24px;height:24px}.ev-stage>.pg-button{min-height:32px;font-size:10px}.ev-action{min-height:36px}.ev-prize-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ev-seats-prize{flex-direction:column;align-items:flex-start}.ev-ranking{gap:5px}.ev-header .ev-timer{font-size:10px}.ev-tab-tools .pg-button{padding:5px 8px}}@media(max-height:420px){.jr-step .pg-piece{width:min(100%,58px)}.pg-reward-icon{width:23px;height:23px}.ev-stage .pg-rewards:has(.pg-reward:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.ev-stage .pg-reward{font-size:9px;gap:2px;padding:2px}.ev-stage .pg-reward>span:last-child{max-width:100%;overflow-wrap:anywhere}.ev-stage .pg-reward img,.ev-stage .pg-reward>svg,.ev-stage .pg-reward-icon{width:20px;height:20px}.ev-stage>small{display:none}.ev-stage{gap:3px}.ev-prize-cards .ev-stage .pg-rewards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-height:340px){.jr-focus{height:38%;min-height:104px}.jr-route{min-height:78px}.jr-step .pg-piece{width:min(100%,50px)}.pw-story p{font-size:10px}.pw-reward-panel{padding:5px}.pw-task h3{font-size:11px}}@media(max-height:340px){.ch-picture{min-height:54px}.ch-info{padding:6px;gap:4px;font-size:10px}.ch-unlocks{display:block}.ch-unlocks b{margin-right:5px}.ch-unlocks span{font-size:10px}.ch-reward>small{font-size:9px}.ch-card-heading h2{font-size:12px}}.ev-tiles{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc(50% - 4px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.ev-tiles>.ev-tile{scroll-snap-align:start}.ev-stage-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 16px)/3);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.ev-stage-cards>.ev-stage{scroll-snap-align:start}.ch-deck{grid-auto-columns:calc((100% - 24px)/3);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.ch-deck>.ch-card{scroll-snap-align:start}@media(max-width:639px){.ch-deck{grid-auto-columns:calc((100% - 12px)/2)}}@media(max-width:599px)and (orientation:portrait){.ch-deck{grid-auto-columns:100%}}.jr-route{container-type:size}.jr-step{height:100%;min-height:0;justify-content:center}.jr-step .pg-piece{--s:max(24px,min(calc(100cqw / 7 - 10px),calc(100cqh - var(--jr-chrome,46px)),145px));width:var(--s);height:var(--s);max-width:none}@media(max-height:420px){.jr-route{--jr-chrome:40px}}@media(max-width:599px)and (orientation:portrait){.jr-step .pg-piece{--s:max(24px,min( calc(25cqw - 10px) , calc(50cqh - 52px) ,105px))}}.jr-finale{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;flex:1}.jr-finale img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid #c9a35a;flex:none}.jr-finale small{min-width:0;font-size:11px;line-height:1.15;text-align:center}.jr-finale .pg-button{flex:none;white-space:nowrap}@media(max-height:560px)and (orientation:landscape),(max-height:420px),(max-width:599px){.jr-finale img,.jr-finale small{display:none}}@media(max-width:599px)and (orientation:portrait){.jr-footer{flex-wrap:wrap;row-gap:6px}.jr-finale{order:-1;flex:1 1 100%}.jr-finale .pg-button{flex:1;white-space:normal;line-height:1.1}}.ev-layout-tasks,.ev-tasks .ev-stage-area{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}.ev-tasks .ev-stage h3{font-size:13px;line-height:1.2}.jr-copy>.jr-body{min-width:0;flex:1}@media(max-height:560px)and (orientation:landscape){.jr-copy>.jr-body{display:flex;align-items:center;gap:12px}.jr-txt{flex:1;min-width:0}.jr-act{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:5px}.jr-copy .jr-act .pg-primary{min-width:130px}}.ev-stage .pg-rewards{min-height:0;overflow-y:auto;align-content:safe center}.ev-stage .pg-rewards:has(.pg-reward:nth-child(4)){grid-template-columns:repeat(3,minmax(0,1fr))}.ev-stage .pg-reward{overflow:hidden;min-height:0}.ev-stage .pg-reward>span:last-child{max-width:100%;overflow-wrap:anywhere}.ev-claim-all{font-size:11px;min-height:34px;padding:6px 10px;white-space:nowrap}.ev-claim-all:disabled{opacity:.5;cursor:default}.st-screen{--st-gold: #dfc58c;--st-text: #edf0ee;--st-muted: #a8b7bf;--st-line: #846f465e;--st-panel: #08151ddd;color:var(--st-text);color-scheme:dark;font-family:Georgia,Times New Roman,serif;box-sizing:border-box}.st-screen *,.st-screen *:before,.st-screen *:after{box-sizing:border-box}.st-screen button,.st-screen select,.st-screen input{touch-action:manipulation}.st-screen button:focus-visible,.st-screen select:focus-visible,.st-screen input:focus-visible{outline:2px solid #79c5d8;outline-offset:2px}.st-screen button:not(:disabled){transition:border-color .15s,background-color .15s,filter .15s}.st-screen button:not(:disabled):hover{filter:brightness(1.16)}.st-screen .st-panel{border:6px solid transparent;border-image:url(/ui/stormglass/panel-frame.webp) 64 stretch;background:var(--st-panel);background-clip:padding-box}.st-screen .st-heading{font:700 13px/1.3 Cinzel,Georgia,serif;color:var(--st-gold);letter-spacing:.1em;margin:0}.st-screen .st-empty{padding:20px 12px;color:var(--st-muted);font-size:14px;line-height:1.5}.st-screen .st-muted{color:var(--st-muted)}.st-screen.ar,.st-screen.bs,.st-screen.tw{padding:max(var(--sat,0px),8px) max(var(--sar,0px),12px) max(var(--sab,0px),8px) max(var(--sal,0px),12px)}.st-screen.ar{background:#09131b url(/ui/stormglass/arena-background.webp) center/cover}.st-screen.bs{background:#09131b url(/ui/stormglass/bosses-background.webp) center/cover}.st-screen.tw{background:#09131b url(/ui/stormglass/tower-background.webp) center/cover}.st-screen.ar:before,.st-screen.bs:before,.st-screen.tw:before{background:linear-gradient(#07131b45,#06111b70)}.st-screen :is(.ar-top,.bs-top,.tw-top){padding:6px 8px 10px;gap:10px;min-height:58px;border-bottom:1px solid var(--st-line);background:#09151bba}.st-screen :is(.ar-title,.bs-title,.tw-title){min-width:0;line-height:1.35}.st-screen :is(.ar-title,.bs-title,.tw-title) b{color:var(--st-gold);font:700 clamp(17px,3.5vh,25px)/1.2 "Cinzel",Georgia,serif;letter-spacing:.12em}.st-screen :is(.ar-title,.bs-title,.tw-title) small{color:var(--st-muted);font:12px/1.4 Georgia,serif;letter-spacing:.01em}.st-screen :is(.ar-back,.bs-back,.tw-back){width:40px;height:40px;padding:0;color:var(--st-gold);background:#09151b;border-color:#9e814b;border-radius:3px;flex-shrink:0;font-size:20px}.st-screen :is(.ar-btn,.bs-btn,.tw-btn){min-height:40px;border:1px solid #b69a5e;border-radius:3px;background:linear-gradient(160deg,#2a554c,#122f31);color:#f5e8c7;font:700 12px/1.3 Cinzel,Georgia,serif;padding:8px 14px;letter-spacing:.055em;white-space:normal}.st-screen :is(.ar-btn,.bs-btn,.tw-btn).dim{background:#09151bdd;color:#d8c79e;border-color:#786745}.st-screen :is(.ar-btn,.bs-btn,.tw-btn):disabled{opacity:.5}.st-screen :is(.ar-note,.bs-note,.tw-note){color:var(--st-muted);font:14px/1.45 Georgia,serif}.st-screen :is(.ar-chip,.tw-chip){background:#09151be8;border-color:#a78b53;border-radius:3px;min-width:70px;padding:3px 12px}.st-screen :is(.ar-chip,.tw-chip) small{color:var(--st-muted);font-size:10px}.st-screen :is(.ar-chip,.tw-chip) b{color:var(--st-gold);font-size:21px}.st-screen :is(.ar-err,.bs-err,.tw-err){padding:6px 10px;font:14px/1.4 Georgia,serif}.st-screen .ar-tabs{padding:10px 0 4px;gap:8px}.st-screen .ar-tab{border:1px solid #786745;padding:8px 14px;border-radius:3px;background:#08151ddd;color:#c4b48d;min-height:38px;white-space:nowrap}.st-screen .ar-tab.on{border-color:#dfc58c;color:#f5e8c7;background:linear-gradient(#494029,#241e16);box-shadow:inset 0 -2px #d2b36f}.st-screen .ar-body{padding:8px 0 0;gap:10px}.st-screen .ar-brief{display:flex;align-items:center;gap:12px;flex:0 0 auto}.st-screen .ar-brief p{margin:0;flex:1;font-size:14px;color:var(--st-gold);line-height:1.4}.st-screen .ar-brief small{display:block;color:var(--st-muted);font-size:12px}.st-screen .ar-ladder{flex:1;min-height:280px;display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:12px}.st-screen .ar-shortlist{display:flex;flex-direction:column;gap:7px;min-height:0;overflow-y:auto;touch-action:pan-y;padding:1px}.st-screen .ar-candidate{display:flex;gap:10px;align-items:center;width:100%;min-height:64px;flex:1 0 64px;padding:7px 10px;background:#09151de8;border:1px solid #786745;border-radius:3px;color:var(--st-text);text-align:left;cursor:pointer}.st-screen .ar-candidate.on{border-color:#e0bf75;background:linear-gradient(110deg,#293839eb,#0b1921e8);box-shadow:inset 3px 0 #d3b674}.st-screen .ar-candidate img{width:50px;height:54px;object-fit:cover;object-position:center 20%;border:1px solid #92774b;border-radius:3px;flex-shrink:0}.st-screen .ar-candidate .info{min-width:0;flex:1}.st-screen .ar-candidate strong{display:block;color:#f2e6c9;font:14px/1.25 Georgia,serif;overflow-wrap:anywhere}.st-screen .ar-candidate strong b{color:var(--st-gold);margin-right:6px}.st-screen .ar-candidate small{display:block;color:var(--st-muted);margin-top:4px;font:12px/1.3 Georgia,serif}.st-screen .ar-opp.st-panel{padding:10px 12px;gap:8px;min-height:0;background:linear-gradient(#09151baa,#09151dee)}.st-screen .ar-opp .hd{gap:8px;align-items:center;flex-wrap:wrap;flex:0 0 auto}.st-screen .ar-opp .hd b{font-size:22px;color:var(--st-gold)}.st-screen .ar-opp .hd span{font-size:18px;white-space:normal;overflow:visible;color:#f3e8cf;overflow-wrap:anywhere}.st-screen .ar-opp .ar-cmd{min-height:80px}.st-screen .ar-cmd img.bust{object-fit:contain;object-position:center bottom}.st-screen .ar-cmd .nm{font:14px/1.3 Georgia,serif;padding:16px 8px 4px;background:linear-gradient(transparent,#09151ddd)}.st-screen .ar-troops{gap:8px}.st-screen .ar-troop{border-color:#665739;background:#09151dc9;border-radius:3px;padding:4px;color:var(--st-text)}.st-screen .ar-troop img{height:clamp(42px,10vh,80px)}.st-screen .ar-troop b{color:var(--st-gold);font-size:14px;line-height:1.2}.st-screen .ar-troop small{font:11px/1.2 Georgia,serif;color:var(--st-muted);white-space:normal;text-align:center}.st-screen .ar-troop.empty{justify-content:center;color:var(--st-muted);min-height:64px;font:12px Georgia,serif;border-style:dashed}.st-screen .ar-army{border-color:#846f46;border-radius:3px;background:var(--st-panel)}.st-screen .ar-army .banner{background:linear-gradient(110deg,#354034,#0c1c24);height:44px;border-bottom:1px solid var(--st-line);display:flex;align-items:center;padding:0 14px}.st-screen .ar-army .banner span{position:static;transform:none;color:var(--st-gold);font:700 15px Cinzel,Georgia,serif}.st-screen .ar-army .in{padding:14px;gap:12px;overflow-y:auto;touch-action:pan-y}.st-screen .ar-lead .info b{font:700 17px/1.3 Georgia,serif;color:var(--st-gold)}.st-screen .ar-lead .face{border-radius:3px}.st-screen .ar-gear div,.st-screen .ar-skills span{border-color:#665739;background:#08121bcc;color:#d8cba5}.st-screen .ar-cap{font:12px/1.4 Georgia,serif;color:var(--st-muted)}.st-screen .ar-leader-row{background:var(--st-panel);border-color:#786745;border-radius:3px}.st-screen .ar-leader-player strong{font:16px/1.4 Georgia,serif}.st-screen .ar-tier{border-color:#786745;background:var(--st-panel);padding:10px;min-height:82px;border-radius:3px}.st-screen .ar-tier .t{font:14px Georgia,serif}.st-screen .ar-tier .t small{font:12px/1.4 Georgia,serif;color:var(--st-muted)}.st-screen .bs-main{padding:12px 0 0;gap:16px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:minmax(0,1fr)}.st-screen .bs-stage{padding-bottom:3px}.st-screen .bs-art img{height:100%;width:100%;object-fit:contain;object-position:center bottom}.st-screen .bs-hp .bar{height:14px;border-color:#ac7755;border-radius:2px}.st-screen .bs-hp .row{font:12px/1.4 Georgia,serif;gap:8px;color:var(--st-muted);flex-wrap:wrap}.st-screen .bs-side{gap:10px;overflow-y:auto;touch-action:pan-y}.st-screen .bs-pick{gap:8px}.st-screen .bs-card{background:var(--st-panel);border-color:#786745;border-radius:3px;padding:4px}.st-screen .bs-card.on{background:#33382dda;border-color:#e0bd75;box-shadow:inset 0 -2px #d2b36f}.st-screen .bs-card small{font:11px/1.3 Georgia,serif;color:#d8c79e;padding-top:3px}.st-screen .bs-control-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;flex:0 0 auto}.st-screen .bs-facts{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px;padding:10px;font:14px/1.4 Georgia,serif}.st-screen .bs-facts dt{color:var(--st-muted)}.st-screen .bs-facts dd{margin:0;color:var(--st-gold);text-align:right}.st-screen .bs-facts dt,.st-screen .bs-facts dd{overflow-wrap:anywhere}.st-screen .bs-panel{border-color:#786745;background:var(--st-panel);padding:12px;gap:10px;border-radius:3px;flex-shrink:0}.st-screen .bs-army select{width:100%;min-width:0;margin-top:6px;padding:8px;border:1px solid #786745;border-radius:3px;color:#dfc58c;background:#0b1821;font:13px/1.4 Georgia,serif}.st-screen .bs-army .bs-note{font-size:13px}.st-screen .bs-army .bs-btn{width:100%}.st-screen .bs-selected-army{display:flex;align-items:center;gap:8px;color:var(--st-gold);font:14px Georgia,serif}.st-screen .bs-selected-army img{width:42px;height:42px;object-fit:contain;border:1px solid #665739;background:#0b1821;border-radius:3px}.st-screen .bs-selected-army small{display:block;margin-top:4px;color:var(--st-muted);font-size:11px}.st-screen .bs-attack{margin-top:auto}.st-screen .bs-attack:disabled{background:linear-gradient(#4a2720,#281513);border-color:#865239}.st-screen .bs-name{margin:0;color:var(--st-gold);font:700 17px/1.3 Cinzel,Georgia,serif}.st-screen .bs-name small{color:var(--st-muted);font:13px Georgia,serif}.st-screen .bs-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;flex:1;min-height:120px}.st-screen .bs-rank{border:1px solid #786745;background:var(--st-panel);border-radius:3px;padding:10px;min-height:120px;overflow-y:auto;touch-action:pan-y}.st-screen .bs-rankhd{height:auto;min-height:24px;background:none;padding:0 0 8px;font:700 12px Cinzel,Georgia,serif;color:var(--st-gold);letter-spacing:.08em}.st-screen .bs-rank .r{border:0;border-bottom:1px solid #50616a66;padding:6px 0;background:none;font:13px/1.4 Georgia,serif;flex-shrink:0}.st-screen .bs-rank .r.me{color:#a7dcc6}.st-screen .bs-rw{display:flex;gap:8px;font:12px/1.45 Georgia,serif;color:var(--st-muted);overflow-y:auto;touch-action:pan-y}.st-screen .bs-rw b{color:var(--st-gold)}.st-screen .bs-rwbtn{display:none}.st-screen .tw-main{padding:12px 0 0;gap:16px;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr) minmax(0,.9fr);grid-template-rows:minmax(0,1fr)}.st-screen .tw-stage{order:0;min-height:0}.st-screen .tw-panel{background:var(--st-panel);border-color:#786745;border-radius:3px;padding:14px;gap:12px;overflow-y:auto;touch-action:pan-y}.st-screen .tw-floor-info{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;touch-action:pan-y}.st-screen .tw-climb{flex:0 0 auto}.st-screen .tw-panel h3{color:var(--st-gold);font-size:14px}.st-screen .tw-floor{font-size:clamp(30px,8vh,58px);color:var(--st-gold)}.st-screen .tw-rw{font:14px/1.5 Georgia,serif;color:var(--st-muted)}.st-screen .tw-rw b{color:var(--st-gold)}.st-screen .tw-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.st-screen .tw-gem-reward{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:16px;color:var(--st-gold)}.st-screen .tw-gem-reward img{width:24px;height:24px;object-fit:contain}.st-screen .tw-reward{display:flex;align-items:center;gap:6px;padding:8px;border:1px solid #75653c66;background:#111e2599;border-radius:3px;font:14px/1.3 Georgia,serif;color:#e7dcb9}.st-screen .tw-reward img{width:26px;height:26px;object-fit:contain}.st-screen .tw-rw-title{display:block;padding-bottom:6px;margin-bottom:5px;border-bottom:1px solid #846f465e}.st-screen .tw-week-rewards{padding-top:12px;border-top:1px solid #846f465e;margin-top:auto}.st-screen .tw-week-rewards>div{padding:5px 0;font-size:12px}.st-screen .tw-week-rewards b{display:inline-block;min-width:60px}.st-screen .tw-troops{gap:8px}.st-screen .tw-troop{border-color:#786745;background:var(--st-panel);border-radius:3px}.st-screen .tw-troop small{font:11px/1.25 Georgia,serif;color:var(--st-muted);white-space:normal;text-align:center}.st-screen .tw-troop b{font-size:14px;color:var(--st-gold)}.st-screen .tw-troop.empty{border-style:dashed;justify-content:center;color:var(--st-muted);min-height:64px;font:12px Georgia,serif}.st-screen .tw-name{font:16px/1.4 Georgia,serif;color:#ecdfbb}.st-screen .tw-row{padding:7px;border-color:#665739;font:14px Georgia,serif;border-radius:3px}.st-screen.st-chat{background:#08151e url(/ui/stormglass/chat-background.webp) center/cover!important;color:var(--st-text);padding:var(--sat,0px) var(--sar,0px) var(--sab,0px) var(--sal,0px)!important;overflow:hidden}.st-chat .st-chat-header{min-height:60px;background:#0a1821cc!important;padding:10px 18px!important;border-bottom-color:#846f4666!important}.st-chat .st-chat-title{font:700 20px Cinzel,Georgia,serif!important;color:var(--st-gold)!important;letter-spacing:.06em}.st-chat .st-chat-tabs{background:#07131cb3;border-bottom-color:#846f4666!important}.st-chat .st-chat-tabs button{min-height:42px;font:16px Georgia,serif!important}.st-chat .st-chat-tabs button[aria-pressed=true]{color:#e7c988!important;background:#41362488!important;border-bottom-color:#d0b26a!important}.st-chat .st-chat-layout{min-width:0}.st-chat .st-chat-channels{width:220px!important;padding:12px!important;gap:8px!important;border-right-color:#846f4666!important;background:#07131ba8}.st-chat .st-channel>button:first-child{min-height:42px;font:14px/1.3 Georgia,serif!important;border-color:#766542aa!important;color:#b8c5ce!important;background:#0d1b23b3!important}.st-chat .st-channel>button:first-child[aria-pressed=true]{border-color:#d5b777!important;color:#e8cf95!important;background:#26363bbb!important;box-shadow:inset 3px 0 #d5b777}.st-chat .st-channel>button:last-child{width:28px!important;border-color:#76654288!important;font-size:13px!important}.st-chat .st-chat-channels>button{min-height:40px;font:14px/1.3 Georgia,serif!important}.st-chat .st-channel-help{font:12px/1.5 Georgia,serif;color:#a1b2bc;margin-top:auto;padding-top:16px}.st-chat .st-conversation-header{border-bottom-color:#846f4666!important;background:#0d1d27b3;min-height:42px}.st-chat .st-conversation-title{font:14px/1.4 Georgia,serif;color:#e0c895;padding-left:4px}.st-chat .st-messages{padding:16px 18px!important;gap:14px!important}.st-chat .st-message{flex-direction:row!important;gap:10px!important}.st-chat .st-message-content{align-items:flex-start!important}.st-chat .st-message-content>div:first-child{flex-wrap:wrap}.st-chat .st-message-name{font:700 14px/1.35 Georgia,serif!important;color:#ddc28c!important;overflow-wrap:anywhere}.st-chat .st-message.mine .st-message-name{color:#87ceb9!important}.st-chat .st-message-time{font:11px Georgia,serif!important;color:#8b9fab!important}.st-chat .st-message-text{max-width:100%!important;background:none!important;border:0!important;padding:3px 0!important;font:16px/1.45 Georgia,serif!important;color:#ebefed!important;border-radius:0!important}.st-chat .st-message-text button[aria-label^="Open tile"]{display:block;border:1px solid #ac8d51!important;border-radius:3px;padding:7px 10px!important;background:#122632b3!important;color:#bbdbea!important;text-decoration:none}.st-chat .st-message-text button[aria-label^="Open tile"] u{text-decoration:none}.st-chat .st-compose{background:#08151ee6;border-top-color:#846f4666!important;padding:10px 14px!important}.st-chat .st-compose input{min-width:0;min-height:40px;font:16px Georgia,serif!important;background:#0f222db3!important;border-color:#566874!important;color:#f0f3ef!important}.st-chat .st-compose input::placeholder{color:#93a6b2}.st-chat .st-compose button{min-height:40px}.st-chat .st-compose button:last-child{font:700 13px Cinzel,Georgia,serif!important;color:#e9d7a8!important;background:linear-gradient(#2a554c,#122f31)!important;border-color:#b69a5e!important}.st-chat .st-chat-empty{font:14px Georgia,serif!important;color:#a8b7bf!important}.st-chat .st-channel-empty{font:12px/1.4 Georgia,serif!important;color:#a1b2bc!important}@media(orientation:landscape)and (max-height:450px){.st-screen.ar,.st-screen.bs,.st-screen.tw{padding-top:max(var(--sat,0px),4px);padding-bottom:max(var(--sab,0px),4px)}.st-screen :is(.ar-top,.bs-top,.tw-top){min-height:46px;padding:3px 6px 5px}.st-screen :is(.ar-badge,.tw-medal){height:34px;width:34px}.st-screen :is(.ar-title,.bs-title,.tw-title) b{font-size:17px}.st-screen :is(.ar-back,.bs-back,.tw-back){height:34px;width:34px}.st-screen :is(.ar-btn,.bs-btn,.tw-btn){min-height:34px;padding:5px 10px;font-size:11px}.st-screen .ar-tabs{padding-top:6px}.st-screen .ar-tab{min-height:30px;padding:5px 10px;font-size:11px}.st-screen .ar-body{gap:6px;padding-top:4px}.st-screen .ar-brief small{display:none}.st-screen .ar-candidate{min-height:43px;flex-basis:43px;padding:4px 7px;gap:8px}.st-screen .ar-candidate img{width:34px;height:34px}.st-screen .ar-candidate strong{font-size:12px}.st-screen .ar-candidate small{font-size:10px;margin-top:2px}.st-screen .ar-shortlist{gap:4px}.st-screen .ar-opp.st-panel{gap:4px;padding:4px 8px}.st-screen .ar-ladder{min-height:220px}.st-screen .ar-opp .hd b,.st-screen .ar-opp .hd span{font-size:15px}.st-screen .ar-opp .ar-cmd{min-height:50px}.st-screen .ar-cmd .nm{font-size:12px;padding-top:8px}.st-screen .ar-troop img{height:38px}.st-screen .ar-troop b{font-size:12px}.st-screen .ar-troop small{font-size:10px}.st-screen .ar-troop.empty{min-height:60px}.st-screen .bs-main,.st-screen .tw-main{gap:10px;padding-top:8px}.st-screen .bs-side,.st-screen .bs-control-grid{gap:6px}.st-screen .bs-facts{gap:4px;padding:6px 8px;font-size:12px}.st-screen .bs-panel{padding:8px;gap:6px}.st-screen .bs-card img{height:30px}.st-screen .bs-card small{font-size:10px}.st-screen .bs-name{font-size:14px}.st-screen .bs-army select{padding:5px;font-size:12px}.st-screen .bs-bottom{min-height:76px}.st-screen .bs-rw,.st-screen .bs-rank{padding:7px;font-size:11px}.st-screen .tw-panel{padding:9px;gap:6px}.st-screen .tw-note,.st-screen .tw-rw{font-size:12px}.st-screen .tw-floor-info{gap:6px}.st-screen .tw-reward{padding:4px;font-size:12px}.st-screen .tw-reward img{height:20px;width:20px}.st-screen .tw-floor{font-size:30px}.st-screen .tw-gem-reward{margin-top:4px;font-size:14px}.st-screen .tw-gem-reward img{width:20px;height:20px}.st-screen .tw-reward-grid{margin-top:4px;gap:4px}.st-screen .tw-week-rewards{padding-top:6px}.st-screen .tw-week-rewards>div{font-size:11px;padding:3px 0}.st-chat .st-chat-header{min-height:44px;padding:5px 12px!important}.st-chat .st-chat-title{font-size:17px!important}.st-chat .st-chat-tabs button{min-height:34px;padding:6px 0!important}.st-chat .st-messages{gap:10px!important;padding:12px!important}.st-chat .st-chat-channels{width:190px!important;padding:8px!important}.st-chat .st-compose{padding:6px 10px!important}}@media(max-width:600px){.st-screen .ar-top{flex-wrap:wrap}.st-screen .ar-top>.ar-btn{margin-left:auto}.st-screen .ar-brief{align-items:flex-start}.st-screen .ar-brief p{font-size:13px}.st-screen .ar-brief .ar-btn{font-size:10px;padding:6px 8px}.st-screen .ar-ladder{grid-template-columns:1fr;flex:none}.st-screen .ar-shortlist{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;touch-action:pan-x}.st-screen .ar-candidate{flex:0 0 190px}.st-screen .ar-opp.st-panel{min-height:390px}.st-screen .ar-opp .ar-cmd{min-height:190px}.st-screen .ar-tabs{gap:5px}.st-screen .ar-tab{padding:7px 9px;font-size:10px}.st-screen .bs-top{flex-wrap:wrap}.st-screen .bs-top>.bs-btn{margin-left:auto}.st-screen .bs-main{grid-template-columns:1fr;grid-template-rows:auto auto;overflow-y:auto;touch-action:pan-y}.st-screen .bs-stage{min-height:260px}.st-screen .bs-art{height:240px;flex:none}.st-screen .bs-side{overflow:visible}.st-screen .bs-control-grid,.st-screen .bs-bottom{grid-template-columns:1fr}.st-screen .bs-facts{grid-template-columns:1fr 1fr;margin:0}.st-screen .bs-rw{display:flex}.st-screen .tw-main{grid-template-columns:1fr;grid-template-rows:none;overflow-y:auto;touch-action:pan-y}.st-screen .tw-stage{order:0}.st-screen .tw-gate{width:min(78vw,340px);flex:none}.st-screen .tw-panel{overflow:visible}.st-screen .tw-floor-info{flex:none;overflow:visible}.st-screen .tw-title b{font-size:17px}.st-screen .tw-top{gap:6px}.st-screen .tw-medal{width:32px}.st-chat .st-chat-channels{width:116px!important;padding:6px!important;gap:5px!important}.st-chat .st-channel{flex-wrap:wrap;gap:2px!important}.st-chat .st-channel>button:first-child{flex-basis:100%!important;font-size:12px!important;padding:6px 4px!important}.st-chat .st-channel>button:last-child{width:100%!important;min-height:24px;font-size:11px!important}.st-chat .st-chat-channels>button{font-size:12px!important;padding:6px 4px!important}.st-chat .st-messages{padding:10px 8px!important;gap:14px!important}.st-chat .st-message{gap:7px!important}.st-chat .st-message-name{font-size:12px!important}.st-chat .st-message-text{font-size:14px!important}.st-chat .st-compose{padding:7px 6px!important;gap:4px!important}.st-chat .st-compose button{padding:0 7px!important}.st-chat .st-compose input{padding:7px!important}.st-chat .st-channel-help{font-size:11px}}@media(prefers-reduced-motion:reduce){.st-screen button{transition:none!important}.st-screen.st-chat{animation:none!important}}:root[data-ui-visuals=simple] .st-screen .st-panel{border-image:none;border-width:1px;border-color:#786745}.cr-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:calc(var(--sat,0px) + 10px) calc(var(--sar,0px) + 14px) calc(var(--sab,0px) + 10px) calc(var(--sal,0px) + 14px);background:#000b}.cr-box{display:flex;flex-direction:column;gap:10px;width:min(100%,720px);max-height:100%;padding:14px 16px;border:1px solid #a48642;background:linear-gradient(#0f1d21,#071014);color:#eadfc7;font:14px Arial,sans-serif;box-shadow:0 8px 40px #000}.cr-box h2{margin:0;color:#f4d595;font:700 clamp(17px,2.6vw,24px) "Cinzel",Georgia,serif;text-align:center}.cr-box h3{margin:0 0 6px;font:700 11px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#bdb39b}.cr-scroll-area{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.cr-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.cr-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;border:1px solid #596162;background:#09131bd9;text-align:center;min-width:0}.cr-card img{width:56px;height:56px;object-fit:contain}.cr-card .cr-face{border-radius:50%;object-fit:cover;object-position:50% 10%}.cr-card .cr-scroll{display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:34px}.cr-card b{font:700 12px Georgia,serif;line-height:1.2;overflow-wrap:anywhere}.cr-card small{font-size:10px;color:#c9c2ae;line-height:1.2}.cr-card.rare,.cr-card.soldier{border-color:#426f95}.cr-card.rare b,.cr-card.soldier b{color:#9fd0f3}.cr-card.epic,.cr-card.veteran{border-color:#86599d;box-shadow:0 0 12px #86599d44}.cr-card.epic b,.cr-card.veteran b{color:#e0b6f6}.cr-card.legendary,.cr-card.champion{border-color:#c9a24a;box-shadow:0 0 14px #c9a24a55}.cr-card.legendary b,.cr-card.champion b{color:#f6cf79}.cr-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.cr-list li{display:flex;justify-content:space-between;gap:10px;padding:5px 8px;border:1px solid #2f3b3a;background:#0a141a;font-size:12px}.cr-list li span{min-width:0}.cr-list li small{color:#d5c18c;text-align:right;font-size:11px;max-width:55%}.cr-ok{align-self:center;min-width:160px}@media(max-height:420px){.cr-box{padding:9px 12px;gap:7px}.cr-card{padding:5px}.cr-card img,.cr-card .cr-scroll{width:42px;height:42px}.cr-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}*,*: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:#030b0c}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.vp-tall,html.vp-tall body,html.vp-tall #root{height:100lvh}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-line{display:flex;flex-wrap:wrap;gap:2px 14px;align-items:center}.ty-sheet-costs{display:flex;flex-direction:column;justify-content:center;gap:2px;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-v2:has(.ty-sheet-both){--sheet-h:clamp(74px,21vh,100px)}.ty-v2:has(.ty-sheet-both) .ty-far .ty-slide-anchor .ty-slide{bottom:calc(8cqh - 43px + var(--sheet-h) - clamp(44px,13vh,60px))}.ty-v2:has(.ty-sheet-both) .ty-slide-upg .ty-slide{transform:translate(-50%,-38px)}.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-sheet-btns{align-items:center}.ty-repeat{display:flex;align-items:center;gap:4px;font:700 12px Cinzel,serif;color:#ead09a;white-space:nowrap;cursor:pointer}.ty-repeat input{width:20px;height:20px;accent-color:#f0c040}.training-yard .ty-sheet-costs .ty-repeat-chip{min-height:22px;padding:0 8px;font-size:11px}.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);transform:translate(-50%,-50%)}.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}}@media(pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{font-size:16px!important}}.ty-sheet-costs .ty-have{font-style:normal;opacity:.65;font-size:.92em}.ty-sheet{grid-template-columns:minmax(0,1fr) auto!important}.ty-x{flex:none;width:24px;height:24px;margin-left:8px;padding:0;border-radius:50%;border:1px solid #d9604a;background:#5a1d16;color:#ffd9d0;font:700 13px/1 sans-serif;cursor:pointer;display:grid;place-items:center}.ty-x:active{background:#8a2a1e}.ty-confirm{max-width:420px;height:auto!important}.ty-confirm-btns{display:flex;gap:10px;justify-content:center;padding-top:4px}.ty-confirm-btns .qo-cancel-btn{padding:8px 16px;font-size:14px}.ty-confirm-btns .qo-cancel-btn.keep{background:#1d2a30;border-color:#6b8a90;color:#d8e6e8}.ty-dock{padding-left:max(3%,92px)}.ty-dock.has-batches .ty-dock-info{flex:0 1 auto}.ty-batches-btn{flex:none;margin-left:12px;padding:2px 12px;min-height:0;font:700 clamp(9px,2.1vh,12px) "Cinzel",serif;letter-spacing:.06em;text-transform:uppercase;color:#f0d9a0;background:#1a1410d9;border:1px solid #9c7a3c;border-radius:999px;white-space:nowrap;cursor:pointer}.ty-upgrade-arrow{margin-left:auto;flex-shrink:0;width:26px;height:26px;border-radius:6px;border:1px solid #5fcf6f;background:#173a1f;color:#7ef08c;font-size:14px;line-height:1;cursor:pointer;box-shadow:0 0 6px #5fcf6f66}.ty-upgrade-arrow:hover{background:#1f4d29}