/* Compactacao das janelas (nativas e do kit): menos padding e margens, cabecalhos e rodapes enxutos, conteudo encaixado, rolagem so dentro
   do conteudo, celular usando a tela util. Injetado DEPOIS do CSS do jogo e ANTES do tema escuro e da skin classica (compact/rules.mjs), entao:
   - a especificidade aqui e baixa de proposito (:where) para a skin classica e o tema escuro ainda poderem ganhar onde tem regra propria;
   - nada aqui define cor, so medida (o tema escuro e a skin classica continuam donos da aparencia).
   Estrutura: 1) moldura (barra de titulo) 2) escala de espacamento das utilidades do Tailwind dentro das janelas (bloco GERADO, abaixo)
   3) janelas nativas, uma a uma 4) janelas do kit (Pressagios, Lojas, Expedicoes, RMT, Mercenario, Homunculo) 5) celular. */

/* ---- 1) moldura: barra de titulo e botoes ---- */
[data-ro-window-titlebar]{padding:.3125rem .5rem .3125rem .75rem;gap:.375rem}
[data-ro-window-titlebar] .text-xl{font-size:1.0625rem;line-height:1.375rem}
[data-ro-window-titlebar] .ro-tray-glyph{width:1.25rem;height:1.25rem}
[data-ro-window-titlebar] button{min-width:0;min-height:0;width:1.75rem;height:1.75rem}
[data-ro-window-titlebar] button .ro-chrome-glyph{width:.875rem;height:.875rem}
@media (pointer:coarse){[data-ro-window-titlebar] button{width:2.25rem;height:2.25rem}}

[role=tablist] .ro-tab-tool{min-height:2rem}

/* ---- 2) escala de espacamento (gerada): p/m/gap de 3 a 8 unidades encolhem ~25% dentro das janelas ---- */
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .m-3{margin:0.5625rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .mx-3{margin-inline:0.5625rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .mx-4{margin-inline:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .mx-5{margin-inline:0.875rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .my-3{margin-block:0.5625rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .mt-3{margin-top:0.5625rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .mt-4{margin-top:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .mt-5{margin-top:0.875rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .mt-6{margin-top:1rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .mr-4{margin-right:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .mb-3{margin-bottom:0.5625rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .mb-4{margin-bottom:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .mb-5{margin-bottom:0.875rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .gap-3{gap:0.5625rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .gap-4{gap:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .gap-5{gap:0.875rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .gap-6{gap:1rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .gap-x-3{column-gap:0.5625rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .gap-x-4{column-gap:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .gap-x-5{column-gap:0.875rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .gap-y-3{row-gap:0.5625rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .p-3{padding:0.5625rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .p-4{padding:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .p-4\.5{padding:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .p-5{padding:0.875rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .p-6{padding:1rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .px-3{padding-inline:0.5625rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .px-3\.5{padding-inline:0.625rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .px-4{padding-inline:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .px-5{padding-inline:0.875rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .py-3{padding-block:0.5625rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .py-4{padding-block:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .py-5{padding-block:0.875rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .py-6{padding-block:1rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .py-8{padding-block:1.25rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .pt-3{padding-top:0.5625rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .pt-4{padding-top:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .pt-5{padding-top:0.875rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .pt-6{padding-top:1rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .pr-3{padding-right:0.5625rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .pb-3{padding-bottom:0.5625rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .pb-4{padding-bottom:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .pb-5{padding-bottom:0.875rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .pl-4{padding-left:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .pl-5{padding-left:0.875rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .pl-6{padding-left:1rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) :where(.space-y-3>:not(:last-child)){margin-block-start:0;margin-block-end:0.5625rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) :where(.space-y-4>:not(:last-child)){margin-block-start:0;margin-block-end:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) :where(.space-y-5>:not(:last-child)){margin-block-start:0;margin-block-end:0.875rem}
@media (width>=40rem){
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .sm\\:gap-5{gap:0.875rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .sm\\:gap-6{gap:1rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .sm\\:p-4{padding:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .sm\\:p-5{padding:0.875rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .sm\\:p-6{padding:1rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .sm\\:px-4{padding-inline:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .sm\\:px-5{padding-inline:0.875rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .sm\\:px-6{padding-inline:1rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .sm\\:py-6{padding-block:1rem}
}
@media (width>=48rem){
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .md\\:p-3{padding:0.5625rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .md\\:p-4{padding:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .md\\:p-5{padding:0.875rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .md\\:p-6{padding:1rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .md\\:px-5{padding-inline:0.875rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .md\\:pr-4{padding-right:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .md\\:pl-4{padding-left:0.75rem}
}
@media (width>=64rem){
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .lg\\:gap-3{gap:0.5625rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .lg\\:gap-4{gap:0.75rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .lg\\:gap-5{gap:0.875rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .lg\\:gap-x-5{column-gap:0.875rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .lg\\:p-6{padding:1rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .lg\\:px-6{padding-inline:1rem}
:where(.ro-window-viewport:not(.ro-game-chat):not([data-testid="basic-info-window"] *)) .lg\\:py-6{padding-block:1rem}
}

/* ---- 3) janelas nativas ---- */

/* Passe de batalha: janela mais baixa, trilha com celulas menores, rodape numa linha so */
section[aria-label="Passe de batalha"]>div{max-width:64rem;max-height:min(35rem,100%)}
.ro-window-scroll-content>header{padding-block:.5rem}
.ro-window-scroll-content>header h2.text-xl{font-size:1.0625rem;line-height:1.375rem}
.ro-window-scroll-content>header .mt-1{margin-top:.125rem}
.ro-window-scroll-content>header .mt-3{margin-top:.375rem}
@media (width>=40rem){
  .ro-window-scroll-content>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:1rem;align-items:center}
  .ro-window-scroll-content>header .mt-3{margin-top:0}
}
section[aria-label="Recompensas e detalhe"]{padding-block:.5rem}
section[aria-label="Recompensas e detalhe"]>div.mb-3{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .75rem;margin-bottom:.375rem}
section[aria-label="Recompensas e detalhe"]>div.mb-3>h2{font-size:1rem;line-height:1.5rem}
section[aria-label="Recompensas e detalhe"]>div.mb-3>p{margin-top:0}
[aria-label="Legenda da trilha"]{width:3.5rem}
[aria-label="Legenda da trilha"] .h-9,[aria-label="Trilha de recompensas"] .h-9{height:1.75rem}
[aria-label="Legenda da trilha"] .h-36,[aria-label="Trilha de recompensas"] .h-36{height:5.75rem}
[aria-label="Trilha de recompensas"] .w-26{width:3.875rem}
[aria-label="Trilha de recompensas"] .size-12{width:2.5rem;height:2.5rem}
[aria-label="Trilha de recompensas"] .line-clamp-2{min-height:1.5rem;font-size:.6875rem;line-height:.75rem}
[aria-label="Trilha de recompensas"] .h-11{height:1.5rem}
[aria-label="Trilha de recompensas"] .h-11>span{font-size:.6875rem;line-height:1}
[aria-label="Trilha de recompensas"] .h-11 .min-h-11{min-height:1.5rem}
[aria-label="Detalhe da recompensa"]{margin-top:.5rem;padding:.5rem .75rem;gap:.5rem}
[aria-label="Detalhe da recompensa"]>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:.125rem .75rem}
[aria-label="Detalhe da recompensa"]>div>*{margin-top:0}
[aria-label="Detalhe da recompensa"]>div>.whitespace-pre-line{flex-basis:100%}
[aria-label="Detalhe da recompensa"] h3{font-size:.9375rem}
.ro-window-scroll-content>footer>div,.ro-window-scroll-content>div:last-child{align-items:center}
@media (width>=40rem){
  .ro-window-scroll-content:has(>footer){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto}
  .ro-window-scroll-content:has(>footer)>header,.ro-window-scroll-content:has(>footer)>div:nth-child(2){grid-column:1/-1}
  .ro-window-scroll-content>footer{grid-column:1}
  .ro-window-scroll-content:has(>footer)>div:last-child{grid-column:2}
}
.ro-window-scroll-content>div:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .75rem}
.ro-window-scroll-content>div:last-child>p{flex:1 1 12rem}
.ro-window-scroll-content>div:last-child>.mt-2{margin-top:0}
@media (width>=40rem){.ro-window-scroll-content:has(>footer)>div:last-child{flex-wrap:nowrap}.ro-window-scroll-content>div:last-child>p{flex:1 1 auto;white-space:nowrap}}