/* ListaWG · 15-portal-jogos.css — blocos que antes ficavam inline no index.html, na mesma ordem.
   A ordem dos arquivos css/NN-*.css no index.html é a ordem da cascata: não reordene. */

/* ===== lw-narrative-integration-style-0377 ===== */
#btnBfgCampaign.lw-narrative-pulse{border-color:#b99541!important;animation:lwNarrativeFlash 5s ease-in-out infinite!important}
@keyframes lwNarrativeFlash{0%,86%,100%{box-shadow:none;filter:none}91%,95%{box-shadow:0 0 0 2px #f4c733,0 0 17px #f4c733;filter:brightness(1.38)}}
@media(prefers-reduced-motion:reduce){#btnBfgCampaign.lw-narrative-pulse{animation:none!important}}
#ktUniversalModule .ktu-header-tools .lw-campaign-quick{border:1px solid #bd9546;color:#e9cb7b;display:inline-flex;align-items:center;justify-content:center;background:transparent}
#ktUniversalModule .ktu-header-tools .lw-campaign-quick:hover{background:#473a24}

/* ===== listawg-europa-03825 ===== */
#portalEuropa{background-image:linear-gradient(180deg,rgba(6,7,9,.08),rgba(6,7,9,.55)),url("../games/europa-em-chamas/assets/europa-em-chamas-card-1920x1080.webp")!important;grid-column:2}
#portalEuropa>.game-card-logo--europa{display:block!important;position:absolute!important;top:14px!important;left:14px!important;width:auto!important;height:auto!important;max-width:min(58%,240px)!important;max-height:64px!important;object-fit:contain!important;object-position:left top!important;z-index:2!important;filter:drop-shadow(0 3px 8px #000a)}
#portalEuropa .game-card-copy--with-logo{padding-top:0!important}
@media(max-width:760px){#portalEuropa>.game-card-logo--europa{top:12px!important;left:12px!important;max-width:min(58%,210px)!important;max-height:54px!important}}
#portalEuropa .game-status{color:#f4d76d!important}
@media(max-width:900px){#portalEuropa{grid-column:auto}}
#lwEuropaShell[hidden]{display:none!important}
#lwEuropaShell{position:fixed;inset:0;width:100vw;height:100dvh;z-index:2147483001;display:flex;flex-direction:column;background:linear-gradient(180deg,#111612,#171d18);color:var(--text,#fff);padding:0;overflow:hidden;isolation:isolate}
#lwEuropaShell .europa-shell-bar{position:relative;z-index:2;display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap;min-height:64px;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));background:rgba(18,22,19,.92);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--line,#675c3e) 80%,transparent);box-shadow:0 10px 28px rgba(0,0,0,.24)}
#lwEuropaShell .europa-shell-title{display:flex;flex-direction:column;gap:4px;min-width:0}
#lwEuropaShell .europa-shell-title strong{font-size:13px;letter-spacing:.08em}
#lwEuropaShell .europa-shell-title small{color:#a8b0a6;font-size:10px;letter-spacing:.1em}
#lwEuropaShell .europa-shell-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#lwEuropaShell .europa-shell-bar button{min-height:40px;border:1px solid #495244;background:#1e241f;color:#f1efe6;padding:0 14px;border-radius:10px}
#lwEuropaShell .europa-shell-bar button:hover{border-color:#d4ae6c;color:#fff}
#lwEuropaShell iframe{display:block;flex:1;min-height:0;width:100%;border:0;background:#171b18}
@media(max-width:600px){#lwEuropaShell .europa-shell-bar{gap:8px;font-size:12px}#lwEuropaShell .europa-shell-title,#lwEuropaShell .europa-shell-actions{width:100%}#lwEuropaShell .europa-shell-actions button{flex:1 1 0}}

/* account auth modal – enough room for two full-sized Turnstile widgets. */
#accountModal{
 position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;
 z-index:2147483550!important;display:grid!important;place-items:center!important;
 box-sizing:border-box!important;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
 overflow:hidden!important;overscroll-behavior:contain!important;
}
#accountModal[hidden]{display:none!important}
#accountModal>.account-card{
 box-sizing:border-box!important;width:min(1000px,100%)!important;max-width:100%!important;
 max-height:100%!important;min-width:0!important;overflow-x:hidden!important;overflow-y:auto!important;
 scrollbar-gutter:auto!important;overscroll-behavior:contain!important;
 margin:auto!important;flex:none!important;
}
#accountModal .auth-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-width:0!important;gap:16px!important}
#accountModal .auth-panel{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}
#accountModal .auth-panel input{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
#accountModal .lw-captcha-box{min-width:0!important;max-width:100%!important}
#accountModal .auth-login-actions button{min-width:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:850px){
 #accountModal>.account-card{width:min(540px,100%)!important;max-height:100%!important;border-radius:6px!important}
 #accountModal .auth-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
}
@media(max-width:620px){
 #accountModal{align-items:center!important;justify-items:center!important}
 #accountModal>.account-card{width:100%!important;max-height:100%!important;border-radius:6px!important;padding:14px!important}
 #accountModal .auth-login-actions{flex-direction:column!important}
 #accountModal .auth-login-actions button{width:100%!important}
}