:is(html:has(.game-layout),body:has(.game-layout)){height:100%;overflow:clip}.game-layout{height:calc(var(--game-viewport-height,100dvh) - var(--top-bar-height,55px) - var(--maintenance-banner-height,0px) - env(safe-area-inset-top));min-height:0;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);flex-direction:column;display:flex;overflow:hidden}.game-grid{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:1rem;width:100%;max-width:2032px;min-height:0;margin:0 auto;padding-block:.5rem;display:grid}.game-left,.game-right,.game-panel{flex-direction:column;min-width:0;min-height:0;display:flex}.game-left,.game-right,.game-character,.game-play{gap:1rem}.game-inventory,.game-journal{flex:1}.game-character{flex-shrink:0}.game-gear{aspect-ratio:1;flex:0 auto;align-items:center;width:100%;container-type:size}.game-gear-grid{width:min(100cqw,100cqh)}.game-left-tabs{flex-shrink:0;gap:.5rem;display:none}@media (width>=1024px){.game-party-grid>*{width:100%;max-height:clamp(4rem, calc(var(--game-viewport-height,100dvh) - 40rem), 10rem)}}.game-character>[data-character-content]{flex-direction:column;flex-shrink:0;gap:1rem;display:flex}@media (width>=1280px){.game-left-tabs{display:flex}.game-layout[data-left-tab=character] .game-character-gear{flex-shrink:0}.game-layout[data-left-detail] .game-character-gear{display:contents}.game-inventory{min-height:min(10rem,20dvh)}.game-map{flex:0 0 25%;min-height:10rem;max-height:16rem}.game-journal{min-height:10rem}.game-nearby{max-height:25%}.game-layout[data-left-tab=character] .game-gear,.game-layout[data-left-tab=gear] .game-character,.game-layout[data-left-detail] .game-left-tabs,.game-layout[data-left-detail] .game-gear,.game-layout[data-left-detail=inventory] .game-character,.game-layout[data-left-detail=character] .game-inventory{display:none}.game-layout[data-left-detail=character] .game-character{flex:1;display:flex;overflow:hidden}.game-layout[data-right-detail] .game-nearby,.game-layout[data-right-detail] .game-map{display:none}}.game-navigation,.game-guide:empty{display:none}.game-guide{flex-shrink:0;padding:.5rem}.game-story{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex}.game-story[hidden],[data-character-content][hidden]{display:none}@media (width<1280px){.game-grid{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:.5rem;padding:.5rem .5rem 0}.game-left,.game-right{display:contents}.game-panel{display:none}.game-map{overflow-y:auto}.game-navigation{padding:.375rem .5rem max(.375rem, env(safe-area-inset-bottom));border-top:1px solid var(--color-slate-200);background:#fff;flex-shrink:0;grid-row:2;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;display:grid}.game-play,.game-story{gap:.5rem}.game-inventory>div{min-height:0}.game-layout input,.game-layout textarea,.game-layout select{font-size:1rem}.game-layout button{min-height:44px}.game-layout button:has(>svg:only-child){min-width:44px}.game-layout .game-composer{flex-shrink:0;max-height:48%;overflow-y:auto}.game-layout .game-composer:has([data-tutorial=chat-settings]){max-height:none;overflow:visible}.game-composer textarea{max-height:calc(var(--game-viewport-height,100dvh) * .25)}.game-composer .game-choice-options{max-height:calc(var(--game-viewport-height,100dvh) * .3);overflow-y:auto}.game-layout .game-battle-actions{flex-shrink:0;max-height:52%;overflow-y:auto}.game-layout .game-battle-actions>div:has(>[data-tutorial=attack-open]){grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.game-layout[data-panel=character] .game-character,.game-layout[data-panel=inventory] .game-inventory,.game-layout[data-panel=play] .game-play,.game-layout[data-panel=journal] .game-journal,.game-layout[data-panel=map] .game-map{display:flex}.game-layout[data-panel=character][data-left-detail=character] .game-character{overflow:hidden}.game-layout[data-panel=inventory]:not([data-left-detail=inventory]) .game-grid{grid-template-rows:minmax(0,max-content) minmax(10rem,1fr) auto;row-gap:1rem}.game-layout[data-panel=inventory]:not([data-left-detail=inventory]) .game-gear{grid-row:1;max-height:100%;display:flex}.game-layout[data-panel=inventory]:not([data-left-detail=inventory]) .game-inventory{grid-row:2}.game-layout[data-panel=inventory]:not([data-left-detail=inventory]) .game-navigation{grid-row:3}}@media (1024px<=width<1280px){.game-grid{grid-template-columns:minmax(0,1fr) minmax(300px,36%);row-gap:1rem}.game-layout .game-play{grid-area:1/1/-1;display:flex}.game-panel:not(.game-play){grid-area:1/2}.game-layout[data-panel=character]:not([data-left-detail=character]) .game-grid{grid-template-rows:auto minmax(0,1fr) auto}.game-layout[data-panel=character]:not([data-left-detail=character]) .game-nearby{grid-row:2;display:flex}.game-navigation{grid-area:2/2;grid-template-columns:repeat(4,minmax(0,1fr))}.game-layout[data-panel=character]:not([data-left-detail=character]) .game-navigation{grid-row:3}}@media (width<1024px){.game-layout[data-panel=inventory]:not([data-left-detail=inventory]) .game-grid{grid-template-rows:minmax(0,1fr) auto}.game-layout[data-panel=inventory]:not([data-left-detail=inventory]) .game-left{padding:.25rem .25rem .5rem;display:flex;overflow-y:auto}.game-layout[data-panel=inventory]:not([data-left-detail=inventory]) .game-gear{flex:none;container-type:normal}.game-layout[data-panel=inventory]:not([data-left-detail=inventory]) .game-gear-grid{width:100%}.game-layout[data-panel=inventory]:not([data-left-detail=inventory]) .game-inventory{flex:1 0 16rem}.game-layout[data-panel=inventory]:not([data-left-detail=inventory]) .game-navigation{grid-row:2}.game-character,.game-nearby{padding:.25rem .25rem .5rem;overflow-y:auto}.game-layout[data-panel=character]:not([data-left-detail=character]) .game-grid{flex-direction:column;gap:1rem;display:flex;overflow-y:auto}.game-layout[data-panel=character]:not([data-left-detail=character]) .game-character{padding:0;overflow:visible}.game-layout[data-panel=character]:not([data-left-detail=character]) .game-nearby{flex-shrink:0;padding:0;display:flex;overflow:visible}.game-layout[data-panel=character]:not([data-left-detail=character]) .game-navigation{z-index:10;margin-top:auto;position:sticky;bottom:0}:root:has(.game-layout){--top-bar-height:99px}:root[data-game-keyboard]{--top-bar-height:55px}:root[data-game-keyboard] .game-layout .game-navigation,:root[data-game-keyboard] .topbar-context{display:none}}