.pr { --lousa:#203b33; --lousa2:#19302a; --madeira:#5d4330; --madeira2:#3f2d1f; --giz:#ecebe2; --giz2:#b6c4ba; --risco:rgba(236,235,226,.16); --risco2:rgba(236,235,226,.34); --amarelo:#f1d36b; --verde:#a7d98b; --vermelho:#ec8a74; --azul:#93c6dc; background: url("data:image/svg+xml;utf8,"), var(--lousa2); color: var(--giz); font-family: var(--f-txt), system-ui, sans-serif; padding-top: 64px; min-height: 100vh; } .pr-wrap a { color: var(--amarelo); } .pr-wrap a:focus-visible { outline: 2px solid var(--amarelo); outline-offset: 3px; border-radius: 2px; } .pr-wrap { max-width: 1160px; margin: 0 auto; padding: 0 24px; } .pr-quadro { margin-top: 28px; border: 12px solid var(--madeira); border-radius: 6px; box-shadow: inset 0 0 0 1px var(--madeira2), 0 24px 60px rgba(0,0,0,.35); background: radial-gradient(60% 80% at 20% 30%, rgba(236,235,226,.05), transparent 70%), url("data:image/svg+xml;utf8,"), var(--lousa); padding: 36px 40px 40px; display: grid; gap: 28px; } @media (min-width: 900px) { .pr-quadro { grid-template-columns: 1.1fr .9fr; align-items: center; } } @media (max-width: 600px) { .pr-quadro { border-width: 8px; padding: 26px 20px 28px; } } .pr-volta { font: 600 16px var(--f-cond), sans-serif; } .pr-volta a { color: var(--giz2); text-decoration: none; } .pr-volta a:hover { color: var(--giz); } .pr-h1 { font-family: var(--f-mao), cursive; font-weight: 700; font-size: clamp(40px, 6vw, 66px); line-height: 1.04; margin: 10px 0 14px; } .pr-resumo { font-size: 19px; line-height: 1.55; color: var(--giz2); max-width: 34em; } .pr-aviso { margin-top: 18px; font: 700 19px var(--f-mao), cursive; color: var(--azul); max-width: 32em; line-height: 1.4; } .pr-diag svg { width: 100%; height: auto; display: block; } .pr-sec { padding-top: 64px; } .pr-h2 { font-family: var(--f-mao), cursive; font-weight: 700; font-size: clamp(28px, 3.4vw, 38px); line-height: 1.1; margin-bottom: 20px; } .pr-h3 { font: 600 21px var(--f-cond), sans-serif; margin-bottom: 14px; } .pr-dupla { display: grid; gap: 36px; } @media (min-width: 900px) { .pr-dupla { grid-template-columns: minmax(0, 1fr) 330px; gap: 56px; } } .pr-texto p { font-size: 17.5px; line-height: 1.7; max-width: 64ch; margin-bottom: 18px; } .pr-regras { border-left: 2px solid var(--risco2); padding-left: 22px; align-self: start; } .pr-regras-t { font: 700 23px var(--f-mao), cursive; color: var(--amarelo); margin-bottom: 14px; } .pr-regra { margin-bottom: 18px; font-size: 15px; line-height: 1.55; color: var(--giz2); } .pr-regra b { display: block; font: 700 18px var(--f-mao), cursive; color: var(--giz); margin-bottom: 2px; } .pr-selo { font: 700 15px var(--f-mao), cursive; color: var(--azul); margin-left: 8px; white-space: nowrap; } .pr-cadeia { margin-bottom: 40px; } .pr-passos { display: flex; flex-direction: column; } @media (min-width: 900px) { .pr-passos { flex-direction: row; align-items: stretch; } } .pr-passo { flex: 1 1 0; border: 1.5px solid var(--risco2); border-radius: 10px; padding: 14px 16px 16px; background: rgba(0,0,0,.1); } .pr-passo .tag { display: block; font: 700 16px var(--f-mao), cursive; color: var(--giz2); margin-bottom: 4px; } .pr-passo p { font-size: 15.5px; line-height: 1.5; } .pr-passo.decisao { border-color: var(--amarelo); } .pr-passo.decisao .tag { color: var(--amarelo); } .pr-passo.ganho { border-color: var(--verde); } .pr-passo.

Mapa do jogo

Efeito dominó

Campo

Elenco

Dinheiro

Clube

Carreira

Competições

Suas decisões