/* REKT menu system: shared chrome with original per-screen artwork. */
:root{--menu-height:72px;--menu-ink:#e6f6ff;--menu-muted:#aac5d3;--menu-action:#65dff2;--menu-selected:#d46ddf;--menu-surface:#0a1928;--menu-rim:url('../assets/ui-flow/panel_frame.webp');--menu-button:url('../assets/ui-flow/button_clean_01942.webp')}
body.ui37{color-scheme:dark}
#ui37-chrome{position:fixed;inset:0 0 auto;height:var(--menu-height);z-index:10000;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:10px 20px;background:#081522;border:8px solid transparent;border-image:var(--menu-rim) 58 60 /8px stretch;box-shadow:0 6px 22px #000b;color:var(--menu-ink)}
#ui37-chrome button{min-height:40px;padding:8px 12px;font:600 13px var(--cuerpo,Arial);color:var(--menu-ink);background:#102b3b;border:1px solid #426276;border-radius:3px;white-space:nowrap;cursor:pointer}
#ui37-chrome nav{display:flex;gap:4px;min-width:0;flex:1;justify-content:center}
#ui37-chrome nav button{background:transparent;border-color:transparent}
#ui37-chrome button:hover{background:#1c4254;border-color:#72e6f4}
#ui37-chrome [aria-current=page]{background:#183e50;border-color:#64daee;box-shadow:inset 0 -3px #64daee;color:#fff}
.ui37-brand{font:900 19px var(--titulo,Arial);line-height:1;white-space:nowrap}.ui37-brand span{display:block;font-size:10px;letter-spacing:1px;color:#70e2f2}
.ui37-resources{display:flex;gap:14px;align-items:center;font:13px var(--cuerpo,Arial);white-space:nowrap}.ui37-resources span{display:flex;gap:7px;align-items:center}.ui37-resources b{font-variant-numeric:tabular-nums;font-size:16px;color:#8de9fa}.ui37-resources span:last-child b{color:#f3cc7b}
.ui37-current{display:none}.ui37 .ui37-drawer{position:absolute;right:12px;top:calc(100% + 8px);display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:16px;width:330px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);overflow:auto;background:#081522;border:10px solid transparent;border-image:var(--menu-rim) 58 60/10px stretch;box-sizing:border-box}
body.ui37 :is(button,a,input,select,summary):focus-visible{outline:2px solid #b3f5ff!important;outline-offset:3px}
body.ui37 :is(input,select){color-scheme:dark;min-height:42px}
body.ui37 :is(.fx-world-nav,.barra-sup,.fx-mission-nav,.inv-back,.market-back,.atelier-top,.fx-steam-hud,.fx-steam-menu-toggle,#rekt-online-entry){display:none!important}
body.ui37 #principal{top:var(--menu-height)!important;max-height:calc(100dvh - var(--menu-height))!important;scroll-padding:20px}
body.ui37 :is(.inv-scene,.rekt-market-scene,.atelier-world,.fx-arena-select,.combate,.fx-mission-world){top:var(--menu-height)!important;height:calc(100dvh - var(--menu-height))!important;max-height:calc(100dvh - var(--menu-height))!important}
body.ui37 :is(.inv-stage,.rekt-market-stage,.atelier-scene){width:min(100vw,calc((100dvh - var(--menu-height))*1.7768))!important;height:min(56.28vw,calc(100dvh - var(--menu-height)))!important}
body.ui37 .fx-steam-hub{padding-top:var(--menu-height)!important;box-sizing:border-box}
body.ui37 .fx-steam-scene{max-height:calc(100dvh - var(--menu-height))!important}
body.ui37 .fx-team-shade{top:var(--menu-height)!important;height:calc(100dvh - var(--menu-height))!important}
body.ui37 .fx-team-console{width:100%;height:100%;max-height:none}
body.ui37 .fx-team-console>header{top:2%;height:9%}
body.ui37 .fx-team-console>header h1{font-size:clamp(24px,2.6vw,38px)}
body.ui37 .fx-team-console>header small{display:none}
body.ui37 .fx-team-console>header>button{min-height:44px;font-size:16px}
body.ui37 .fx-team-layout{top:12%;bottom:13%;grid-template-columns:23% 44% 33%}
body.ui37 .fx-team-footer{height:11%;min-height:70px;padding:14px 24px;box-sizing:border-box;gap:10px}
body.ui37 .fx-team-footer button{min-height:46px;font-size:16px;padding:10px 20px}
body.ui37 .fx-team-loadout h2{font-size:16px;line-height:1.3}
body.ui37 .fx-team-skills .chip{font-size:14px!important;min-height:48px}
body.ui37 .fx-team-roster button{min-height:76px;flex-shrink:0}
body.ui37 .fx-team-roster button span{min-width:0;font-size:15px}
body.ui37 .fx-team-vitals b{font-size:26px}
body.ui37 .fx-team-stats b{font-size:22px}
body.ui37 .fx-arena-heading{top:2%;min-height:64px}
body.ui37 :is(.fx-ring-stage,.fx-ring-preview){top:15%!important}
body.ui37 .fx-ring-preview{padding:38px 28px 28px!important}
body.ui37 .fx-ring-preview h2{font-size:22px}
body.ui37 .fx-ring-preview p{font-size:14px}
body.ui37 .fx-ring-kit .chip{font-size:13px;padding:8px}
body.ui37 .fx-ring-fight{font-size:16px;min-height:52px}
body.ui37 .fx-arena-management:not([open]){max-width:26%;font-size:12px}
body.ui37 .combate>.tactics-combat-summary{top:12px;min-height:44px}
body.ui37 .combate .lienzo-caja{top:82px!important}
body.ui37 .combate>.registro{top:84px!important;font-size:14px}
body.ui37 .tactics-screen{max-height:calc(100dvh - var(--menu-height) - 35px);margin-top:8px!important}
body.ui37 .tactics-screen h1{font-size:30px}
body.ui37 .tactics-screen .tactics-footer{background:#0a1928;padding:12px!important}
body.ui37 :is(.inv-window,.market-window){height:calc(100dvh - var(--menu-height) - 30px);max-height:calc(100dvh - var(--menu-height) - 30px);border-width:16px;border-image-width:16px;padding:16px}
body.ui37 :is(.inv-window>header,.market-window>header){min-height:48px}
body.ui37 .inv-tabs button{min-height:46px;font-size:15px}
body.ui37 .inv-layout{grid-template-columns:minmax(0,1fr) 320px}
body.ui37 .inv-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px}
body.ui37 .inv-grid .inv-slot{height:145px}
body.ui37 .inv-slot>span:not(.inv-slot-icon){font-size:14px}
body.ui37 .inv-detail{max-height:calc(100dvh - var(--menu-height) - 255px);padding:16px}
body.ui37 .inv-detail h2{font-size:22px}
body.ui37 .inv-detail-actions{bottom:-16px;background:#09141f}
body.ui37 .inv-large{height:115px}
body.ui37 .inv-large img{height:105px;width:105px}
body.ui37 .inv-toolbar input{font-size:15px}
body.ui37 :is(.inv-window,.market-window,.atelier-dialog) button{min-height:44px}
body.ui37 .market-window{padding-top:56px}
body.ui37 .atelier-shade{padding:20px;top:var(--menu-height);max-height:calc(100dvh - var(--menu-height));box-sizing:border-box}
body.ui37 .atelier-dialog{max-height:calc(100dvh - var(--menu-height) - 48px);border:16px solid transparent;border-image:var(--menu-rim) 58 60/16px stretch;background:#0a1928;padding:20px}
body.ui37 .machine-library .atelier-weapons button{min-height:130px!important}
body.ui37 .machine-library .atelier-weapons span{font-size:14px;max-height:none}
body.ui37 .fx-mission-zone{top:4%;bottom:3%;width:21%;padding:28px}
body.ui37 .fx-mission-event{top:16%;width:21%;padding:28px}
body.ui37 .fx-mission-map{left:24%;right:23%}
body.ui37 .fx-mission-sign{top:7%;left:35%;width:34%}
body.ui37 .fx-mission-sign span{font-size:12px}
body.ui37 .fx-mission-loot{top:2%;left:24%;right:23%;padding:18px 22px;height:auto;min-height:78px;box-sizing:border-box}
body.ui37 .has-ready-loot .fx-mission-sign{top:17%}
body.ui37 .fx-mission-track{left:24%;width:48%;height:13%;bottom:2%}
body.ui37 .fx-mission-shortcuts{width:25%;bottom:2%}
body.ui37 :is(.p-ranking,.p-gremio,.p-ajustes,.p-habilidades,.p-referidos,.p-crear,.p-tienda){padding:24px!important;overflow:auto!important}
body.ui37 .cab-pantalla{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
body.ui37 .cab-pantalla h1{font-size:28px;line-height:1.2}
body.ui37 :is(.p-ranking,.p-gremio,.p-ajustes,.p-habilidades,.p-referidos,.p-crear,.p-tienda) .panel{border-image-slice:58 60!important;padding:22px!important;background:#0a1928f5!important}
body.ui37 :is(.p-ranking,.p-gremio,.p-ajustes) :is(p,label,td){font-size:15px;line-height:1.45}
body.ui37 .p-ranking td{padding:10px 12px}
@media(max-width:1150px){#ui37-chrome nav:not(.ui37-drawer){display:none}.ui37-current{display:block;flex:1;text-align:center;font:700 18px var(--titulo)}#ui37-chrome{gap:10px}.ui37-resources{font-size:12px}.ui37-brand{font-size:16px}}
@media(max-width:700px){
:root{--menu-height:68px}#ui37-chrome{padding:6px 8px;gap:6px}.ui37-brand{display:none}.ui37-resources{gap:6px;font-size:10px}.ui37-resources b{font-size:12px}.ui37-current{font-size:14px;text-align:left}#ui37-chrome button{min-height:40px;padding:6px 9px}
body.ui37 #principal{height:calc(100dvh - var(--menu-height))!important}
body.ui37 :is(.inv-window,.market-window){width:98vw;padding:8px;height:calc(100dvh - var(--menu-height) - 12px);max-height:calc(100dvh - var(--menu-height) - 12px);border-width:12px;border-image-width:12px}
body.ui37 .inv-layout{grid-template-columns:1fr}.ui37 .inv-detail{max-height:none!important}.ui37 .inv-tabs button{font-size:13px}.ui37 .inv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ui37 .inv-slot>span:not(.inv-slot-icon){font-size:12px!important}
body.ui37 .inv-stage{height:100%!important;width:100%!important}
body.ui37 .rekt-market-stage{height:100%!important;width:100%!important}
body.ui37 .atelier-world{overflow:auto!important;align-items:flex-start}
body.ui37 .atelier-scene{width:960px!important;min-width:960px!important;height:540px!important}
body.ui37 .fx-team-console{overflow:auto}.ui37 .fx-team-console>header{position:relative;inset:auto;height:70px;padding:12px 22px}.ui37 .fx-team-layout{position:relative;inset:auto;display:flex;flex-direction:column;padding:0 14px}.ui37 .fx-team-roster{padding:18px;max-height:180px;overflow:auto;flex:none}.ui37 .fx-team-roster::before{background:none}.ui37 .fx-team-hero{min-height:520px}.ui37 .fx-team-loadout{min-height:540px;padding:40px}.ui37 .fx-team-footer{position:relative;inset:auto;height:auto;flex-wrap:wrap}.ui37 .fx-team-footer>span{flex-basis:100%}
body.ui37 .fx-arena-heading{top:1%;padding:10px}.ui37 .fx-arena-heading h1{font-size:20px}.ui37 .fx-ring-stage{top:180px!important;bottom:38%!important}.ui37 .fx-ring-preview{top:auto!important;padding:25px!important;height:35%!important}.ui37 .fx-ring-preview>div{min-width:0}.ui37 .fx-ring-preview h2{font-size:19px}
body.ui37 .fx-mission-zone{width:auto;padding:24px}.ui37 .fx-mission-event{width:auto;padding:24px}.ui37 .fx-mission-map{left:auto;right:auto}.ui37 .fx-mission-sign{left:auto;width:auto}.ui37 .fx-mission-track{left:auto;width:auto;height:auto}.ui37 .fx-mission-shortcuts{width:auto}
body.ui37 :is(.p-ranking,.p-gremio,.p-ajustes,.p-habilidades,.p-referidos,.p-crear,.p-tienda){padding:10px!important}.ui37 .cab-pantalla h1{font-size:24px}
}
@media(prefers-reduced-motion:reduce){#ui37-chrome *,body.ui37 .ui37-panel{animation:none!important;transition:none!important}}
body.ui37 .fx-team-weapons .fx-team-weapon>.arma-ico{display:grid!important;place-items:center}
body.ui37 .fx-mission-sign{top:15%}
.ui37-forge-menu{display:none}
@media(max-width:700px){
body.ui37 .p-ficha>.gas-panel{display:none}
body.ui37 .fx-arena-select{overflow-y:auto!important;display:flex!important;flex-direction:column;gap:14px;padding:12px!important;box-sizing:border-box}
body.ui37 .fx-arena-heading{position:relative!important;inset:auto!important;width:100%;display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0;box-sizing:border-box}
body.ui37 .fx-ring-stage{position:relative!important;inset:auto!important;width:100%!important;height:340px!important;min-height:340px;flex-shrink:0}
body.ui37 .fx-ring-preview{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:380px;display:flex!important;flex-direction:column;padding:30px!important;box-sizing:border-box;flex-shrink:0}
body.ui37 .fx-arena-management{position:relative!important;inset:auto!important;max-width:100%!important;flex-shrink:0}
body.ui37 .fx-mission-world{overflow-y:auto!important;display:flex!important;flex-direction:column;gap:14px;padding:12px!important;box-sizing:border-box}
body.ui37 .fx-mission-world>:is(.fx-mission-zone,.fx-mission-sign,.fx-mission-event,.fx-mission-track,.fx-mission-shortcuts,.fx-mission-loot){position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;box-sizing:border-box;flex-shrink:0}
body.ui37 .fx-mission-sign{order:-2;padding:16px 0}
body.ui37 .fx-mission-sign h1{font-size:26px}
body.ui37 .fx-mission-loot{order:-3}
body.ui37 .fx-mission-zone{padding:28px!important}
body.ui37 .fx-mission-map{position:relative!important;inset:auto!important;width:100%!important;height:400px!important;min-height:400px;flex-shrink:0}
body.ui37 .fx-mission-event{padding:28px!important}
body.ui37 .atelier-world{overflow:hidden!important}
body.ui37 .atelier-scene{width:100%!important;min-width:0!important;height:100%!important;background-size:cover!important}
body.ui37 .atelier-scene :is(.machine,.atelier-fighter,.atelier-bottom){display:none!important}
body.ui37 .atelier-title{top:4%!important;left:10%!important;width:80%!important;font-size:28px!important}
body.ui37 .atelier-hero{top:16%!important;left:15%!important;width:70%!important;height:30%!important}
body.ui37 .atelier-action{top:auto!important;bottom:5%!important;left:8%!important;width:84%!important;min-height:56px}
body.ui37 .ui37-forge-menu{position:absolute;top:53%;left:8%;width:84%;display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.ui37 .ui37-forge-menu button{min-height:64px;color:#c6f6ff;background:#102534;border:8px solid transparent;border-image:var(--menu-rim) 58 60/8px stretch;font:700 14px var(--cuerpo,Arial);cursor:pointer}
}
@media(max-width:700px){
body.ui37 .atelier-world:before{display:none!important}
body.ui37 .atelier-scene{display:block!important;padding:0!important;min-height:0!important}
body.ui37 .atelier-title{position:absolute!important;top:12%!important;text-align:center}
body.ui37 .machine-caption{left:8%;width:84%;top:46%;font-size:14px}
body.ui37 .atelier-action button{width:100%;min-height:56px!important;font-size:18px!important}
body.ui37 .atelier-action b{font-size:20px!important}
body.ui37 .atelier-action small{font-size:14px!important}
}

/* Illustrated fixed navigation; uses the supplied brand artwork as a cropped CSS sprite. */
#ui37-chrome{gap:0;padding:0 8px;border:1px solid #23495b;background:#020e18;height:88px} :root{--menu-height:88px}
#ui37-chrome .ui37-logo{flex:none;width:128px;height:84px;padding:0;background:#030d17 url('../assets/images/header-brand-reference.png') left top/1420px 88px no-repeat;border:0;border-right:1px solid #23495b;border-radius:0}
#ui37-chrome .ui37-mainnav{justify-content:flex-start;gap:0;flex:1;overflow:hidden;height:100%}#ui37-chrome .ui37-mainnav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:74px;padding:5px 10px;border:0;border-right:1px solid #23495b;border-radius:0;font:12px var(--titulo);height:100%}#ui37-chrome .ui37-mainnav>button img{width:30px;height:30px;object-fit:contain}#ui37-chrome .ui37-mainnav .fx-steam-atlas{width:30px;height:30px}#ui37-chrome .ui37-mainnav [aria-current=page]{background:#123447;box-shadow:inset 0 -3px #68e6f5}
#ui37-chrome .ui37-resources{gap:12px;padding:0 12px;font:12px var(--titulo)}#ui37-chrome .ui37-resources .ui37-gas{display:flex;gap:5px;align-items:center;border:0;background:none;padding:4px;color:#d3faff}#ui37-chrome .ui37-gas img{width:26px;height:34px;object-fit:contain}#ui37-chrome .ui37-gas span{display:flex;flex-direction:column;gap:0;font-size:10px}#ui37-chrome .ui37-smash{color:#f2c76b;gap:5px}#ui37-chrome .ui37-smash b{font:14px var(--titulo);color:#f6c767}#ui37-chrome .ui37-settings{background:none;border:0;font:11px var(--titulo)}#ui37-chrome .ui37-more{padding:6px;margin-left:4px}#ui37-chrome .ui37-resources b{font-size:13px}
.fx-team-footer{gap:8px!important}.fx-team-footer button[data-a="gas-open"]{white-space:nowrap}
@media(max-width:1200px){#ui37-chrome .ui37-mainnav>button{min-width:60px;padding:4px 6px;font-size:10px}#ui37-chrome .ui37-resources{gap:4px;padding:0 5px}#ui37-chrome .ui37-logo{width:112px;background-size:1280px 79.2px}}@media(max-width:1000px){#ui37-chrome .ui37-mainnav>button:nth-child(n+7){display:none}#ui37-chrome .ui37-settings{display:none}}@media(max-width:800px){:root{--menu-height:72px}#ui37-chrome{height:72px}#ui37-chrome .ui37-logo{width:96px;height:68px;background-size:1120px 69.3px}#ui37-chrome .ui37-mainnav{display:none}#ui37-chrome .ui37-resources{margin-left:auto;display:flex!important}#ui37-chrome .ui37-smash b{font:11px var(--titulo)}.fx-team-footer{flex-wrap:wrap!important}.fx-team-footer>span{display:none}.fx-team-footer button{flex:1;min-width:110px}}

#ui37-chrome .ui37-mainnav>button .fx-steam-atlas{width:30px!important;height:30px!important;display:block!important;flex:none!important;margin:0!important;transform:translateY(-3px)}[data-a="gremio"],[data-route="gremio"],[data-fx="mission-nav"][data-id="gremio"]{display:none!important}

#ui37-chrome .ui37-mainnav>button .fx-steam-atlas{width:30px!important;height:30px!important;display:block!important;flex:none!important;margin:0!important;transform:translateY(-3px)}[data-a="gremio"],[data-route="gremio"],[data-fx="mission-nav"][data-id="gremio"]{display:none!important}
#ui37-chrome .ui37-mainnav>button .fx-steam-icon{width:30px!important;height:30px!important;display:block!important;flex:none!important;margin:0!important;transform:translateY(-2px)}
#ui37-chrome .ui37-faucet{display:flex;align-items:center;gap:4px;padding:6px 8px;border-color:#957143;color:#ffd788;background:#2b2217;font-size:11px;min-width:40px;min-height:44px}#ui37-chrome .ui37-faucet b{font-size:20px}@media(max-width:800px){#ui37-chrome .ui37-faucet span{display:none}#ui37-chrome .ui37-faucet{justify-content:center;padding:4px;min-width:36px}#ui37-chrome .ui37-logo{width:80px;background-size:1010px 62.5px}#ui37-chrome .ui37-resources{padding:0 3px;gap:3px}#ui37-chrome .ui37-smash{font-size:9px}#ui37-chrome .ui37-smash img{width:18px;height:18px}#ui37-chrome .ui37-gas img{width:18px;height:25px}}