/* LogiSim minimal 0.16.1 — menos texto, mais hierarquia e rolagem natural */
html,body{overflow-x:hidden}
body .log-shell{width:min(1180px,calc(100% - 24px));padding:16px 0 64px}
body .company-dashboard:not(.hidden){display:block!important;height:auto!important;min-height:0!important;overflow:visible!important}
body .company-dashboard:before{opacity:.22}

/* topo do jogador: compacto, mas legível */
body .player-strip{grid-template-columns:minmax(240px,1fr) minmax(360px,1.25fr) 118px 96px;gap:8px;margin-bottom:12px;padding:9px 10px;border-radius:14px}
body .player-main{gap:9px}
body .small-avatar{width:42px;height:42px;border-radius:12px}
body .player-main .eyebrow{display:none}
body .player-main strong{font-size:.92rem;line-height:1.15}
body .player-main small{font-size:.72rem}
body .campaign-control{display:flex;align-items:center;gap:7px;min-width:0}
body .campaign-control label{min-width:0;flex:1;padding:5px 7px;border-radius:10px}
body .campaign-control label>span{font-size:.6rem}
body .campaign-control select{height:32px;font-size:.76rem}
body .campaign-control .btn{min-height:36px;padding:7px 10px;font-size:.7rem}
body .player-status{min-width:0;padding:7px 9px;border-radius:10px}
body .player-status span{font-size:.6rem}
body .player-status strong{font-size:.8rem}

/* empresa como faixa de identidade, não como painel explicativo */
body .company-hero{min-height:116px;padding:18px 30% 18px 20px;border-radius:18px;align-items:center;background-size:29% auto;background-position:right 24px center}
body .company-hero:after{opacity:.55}
body .company-title-line{gap:10px}
body .company-icon{width:48px;height:48px;border-radius:14px;font-size:1.35rem}
body .company-title-line h1{font-size:2rem;line-height:1;margin:.15rem 0;letter-spacing:-.04em}
body .company-hero>div>.eyebrow{font-size:.58rem}
body .company-hero p{display:none}
body .company-badges{gap:5px;max-width:46%}
body .company-badges span{padding:5px 7px;font-size:.6rem}
body .company-badges span:nth-child(2){display:none}

/* placar */
body .game-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
body .game-kpis article{min-height:84px;padding:12px 10px 10px 44px;border-radius:14px}
body .kpi-icon{left:10px;top:13px;width:29px;height:29px;border-radius:9px}
body .kpi-icon svg{width:17px;height:17px}
body .game-kpis small{margin:0;font-size:.61rem}
body .game-kpis strong{margin-top:3px;font-size:1.15rem;line-height:1.05}
body .game-kpis em{display:none}

/* HUD: só saúde, semanas e ação */
body .gameplay-hud{margin:10px 0 14px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:8px}
body .gameplay-health,body .week-track-wrap,body .turn-flow,body .week-action{border-radius:14px}
body .gameplay-health{padding:10px 12px}
body .health-copy .eyebrow{display:none}
body .health-copy strong{font-size:.86rem;margin:0}
body .gameplay-health>b{font-size:1.05rem}
body .gameplay-health .health-meter{height:7px}
body .week-track-wrap{padding:9px 11px}
body .week-track-title{margin-bottom:5px}
body .week-track-title>span{font-size:.53rem}
body .week-track-title strong{font-size:.74rem}
body .week-track-title em{font-size:.54rem;padding:2px 6px}
body .week-node{height:32px;padding:3px 1px;border-radius:8px}
body .week-node b{font-size:.7rem}
body .week-node small{font-size:.42rem}
body .turn-flow{grid-column:1/-1;padding:6px;grid-template-columns:repeat(4,1fr);gap:5px}
body .turn-flow article{min-height:42px;padding:6px 8px;border-radius:10px;gap:7px}
body .turn-flow article>span{width:25px;height:25px;border-radius:8px;font-size:.58rem}
body .turn-flow small{display:none}
body .turn-flow strong{font-size:.68rem;margin:0}
body .week-action{grid-column:1/-1;padding:9px 11px;gap:12px}
body .week-action-hint{font-size:.72rem;line-height:1.35}
body .week-advance-btn{min-width:210px;min-height:42px;font-size:.76rem}

/* acontecimento como foco principal, com leitura confortável */
body .week-play,body .dynamic-event{margin:14px 0;gap:8px}
body .week-header,body .dynamic-week-head{padding:9px 12px;border-radius:13px}
body .week-header h2,body .dynamic-week-head h2{font-size:1rem;margin:0}
body .week-header .eyebrow,body .dynamic-week-head .eyebrow{font-size:.52rem}
body .week-number,body .dynamic-week-head>span{width:34px;height:34px;border-radius:9px;font-size:.8rem}
body .event-card,body .dynamic-event-card{border-radius:17px;overflow:hidden}
body .event-copy{padding:16px 18px 10px}
body .event-kicker{font-size:.62rem}
body .event-copy h2,body .dynamic-event-card>h2{font-size:1.5rem;line-height:1.12;margin:.3rem 0 .45rem}
body .event-copy p,body .dynamic-event-card>p{font-size:.9rem;line-height:1.45;color:var(--text-secondary)}
body .event-facts{gap:7px;padding:0 18px 10px}
body .event-facts div{padding:9px 10px;border-radius:10px}
body .event-facts small{font-size:.63rem}
body .event-facts strong{font-size:.78rem}
body .event-actions-head{padding:10px 18px}
body .event-actions-head .eyebrow{display:none}
body .event-actions-head strong,body .dynamic-actions-head strong{font-size:.86rem}
body .team-btn,body .dynamic-actions-head .btn{padding:8px 10px;font-size:.72rem}
body .team-hint{margin:0 18px 9px;padding:9px 10px;font-size:.72rem;line-height:1.4}
body .decision-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 18px 16px}
body .decision-card{min-height:100px;padding:11px;border-radius:12px;gap:7px 8px}
body .decision-index{width:28px;height:28px;border-radius:8px;font-size:.65rem}
body .decision-card strong{font-size:.86rem;line-height:1.2}
body .decision-card small{font-size:.72rem;line-height:1.3}
body .decision-card b{font-size:.64rem}
body .dynamic-event-card{padding:16px 18px}
body .dynamic-actions-head{margin-top:12px;padding-top:10px}
body .dynamic-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
body .dynamic-options button{min-height:100px;padding:11px;border-radius:12px;gap:7px 8px}
body .dynamic-options button>span{width:28px;height:28px;border-radius:8px;font-size:.65rem}
body .dynamic-options strong{font-size:.86rem;line-height:1.2}
body .dynamic-options small{font-size:.72rem;line-height:1.3}
body .dynamic-options b{font-size:.64rem}
body .week-result,body .dynamic-result{margin-top:8px;border-radius:14px}

/* gestão: três setores, sem excesso de texto */
body .operations-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 0}
body .operation-card{min-height:190px;padding:16px;border-radius:16px;gap:9px}
body .operation-icon{width:42px;height:42px;border-radius:12px}
body .operation-card .eyebrow{font-size:.57rem}
body .operation-card h2{font-size:1.03rem;margin:.2rem 0}
body .operation-card p{font-size:.74rem;line-height:1.38;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body .micro-data{gap:5px}
body .micro-data span{font-size:.63rem;padding:6px 7px}
body .operation-card .btn{min-height:38px;font-size:.72rem}
body .locked-pill{font-size:.6rem}

/* avaliação e fim ficam abaixo, sem disputar espaço com a rodada */
body #assessmentBanner{margin-top:14px}

/* o antigo modo de uma tela não pode voltar a travar a página */
html:has(body.logisim-game-screen),body.logisim-game-screen,html:has(body.logisim-stage-focus),body.logisim-stage-focus{overflow-y:auto!important}
body.logisim-game-screen .log-shell,body.logisim-stage-focus .log-shell{height:auto!important;overflow:visible!important}

@media(max-width:1050px){
  body .player-strip{grid-template-columns:1fr 1fr;align-items:stretch}
  body .player-main{grid-column:1}
  body .campaign-control{grid-column:2}
  body .player-status{display:none}
  body .company-hero{padding-right:22px;background-image:none!important}
  body .company-badges{max-width:none}
  body .game-kpis{grid-template-columns:repeat(2,1fr)}
  body .gameplay-hud{grid-template-columns:1fr}
  body .week-track-wrap,body .turn-flow,body .week-action{grid-column:auto}
  body .decision-options,body .dynamic-options{grid-template-columns:1fr}
  body .operations-grid{grid-template-columns:1fr}
  body .operation-card{min-height:0}
}

@media(max-width:720px){
  body .log-shell{width:calc(100% - 14px);padding-top:10px}
  body .player-strip{grid-template-columns:1fr;padding:8px}
  body .player-main,body .campaign-control{grid-column:auto}
  body .campaign-control{flex-wrap:wrap}
  body .campaign-control label{flex-basis:100%}
  body .company-hero{min-height:104px;padding:16px}
  body .company-title-line h1{font-size:1.55rem}
  body .company-badges{justify-content:flex-start}
  body .game-kpis{grid-template-columns:1fr 1fr}
  body .turn-flow{grid-template-columns:1fr 1fr}
  body .week-action{align-items:stretch;flex-direction:column}
  body .week-advance-btn{width:100%;min-width:0}
  body .event-copy{padding:14px 14px 8px}
  body .event-facts{padding:0 14px 8px}
  body .event-actions-head{padding:9px 14px}
  body .team-hint{margin:0 14px 8px}
  body .decision-options{padding:0 14px 14px}
  body .dynamic-event-card{padding:14px}
}