@import url('/institucional.css');
/* Decorative match stays behind every link, card and advertisement. */
body{isolation:isolate}
#home-match{position:fixed;inset:0;display:block;width:100%;height:100%;z-index:-1;pointer-events:none}
.background-pause{margin-left:12px;padding:8px 12px;border:1px solid #46543b;border-radius:20px;color:#b8c5ac;background:#0b1309;font:inherit;font-size:12px;cursor:pointer}
.background-pause:hover{color:#c2f36b;border-color:#c2f36b}
.background-pause[hidden]{display:none}
:root{color-scheme:dark}body{margin:0;background:#0b1309;color:#e9efdf;font-family:Arial,sans-serif}header,main,footer{max-width:1080px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #2c3926}nav{display:flex;gap:24px}a{color:inherit}.brand{font-size:28px;font-weight:900;text-decoration:none;letter-spacing:-1.5px}.brand span,.eyebrow,.modes strong{color:#c2f66b}.hero{position:relative;padding:56px 0 36px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px}.hero h1{font-size:clamp(36px,6vw,68px);line-height:1.05;letter-spacing:-2px;margin:20px 0}.hero p{line-height:1.7;color:#b8c5ac}.round{display:inline-block;border:1px solid #46543b;border-radius:20px;padding:8px 14px;font-size:12px}.modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.modes a{display:flex;flex-direction:column;background:#172211;border:1px solid #36482a;border-radius:16px;padding:26px;text-decoration:none;transition:background .15s}.modes a:hover{background:#23341a}.modes a:focus-visible{outline:3px solid #c2f66b;outline-offset:4px}.number{font-size:11px;letter-spacing:1.5px;color:#adbea0}.modes h2{font-size:24px;margin:20px 0 8px}.modes p{color:#b8c5ac;line-height:1.6;margin:0 0 24px}.modes strong{margin-top:auto;font-size:14px}.stories{margin-top:72px}.stories>h2{font-size:32px;letter-spacing:-1px}.stories>p{line-height:1.7;color:#b8c5ac}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.story-grid article{border-top:2px solid #779650;padding-top:18px}.story-grid h3{font-size:21px;line-height:1.3}.story-grid p{font-size:15px;line-height:1.8;color:#c4cfbb}.story-grid a{font-size:12px}.manual-ad{height:380px;min-height:380px;margin:64px 0!important;border-block:1px solid #2c3926;padding:20px 0!important;overflow:visible}.recent-challenges{margin-top:64px}.recent-grid{display:grid;gap:16px}.recent-card{padding:24px;border:1px solid #36482a;border-radius:16px}.recent-card-body{line-height:1.8}.recent-chip{display:inline-block;margin-right:12px}.recent-card-tag{margin-left:16px}.recent-entity-label{display:block;color:#adbea0}.recent-entity-name{display:block}.recent-archive-link{display:inline-block;margin-top:24px}footer{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid #2c3926;font-size:12px;margin-top:48px}.skip-link{position:absolute;left:-10000px}.skip-link:focus{left:12px;top:12px;background:#172211;padding:12px;z-index:10}@media(max-width:640px){header,main,footer{padding:20px}header nav{font-size:12px;gap:16px}.hero{padding-top:32px}.modes,.story-grid{grid-template-columns:1fr}.modes a{padding:22px}.stories{margin-top:48px}.story-grid{gap:32px}.manual-ad{height:380px;min-height:380px}.recent-card{padding:18px}.recent-card-tag{display:block;margin:8px 0}}

main{width:100%}.brand{display:inline-block}h1,h2,h3{color:#e9efdf}

.recent-card-top{display:flex;flex-wrap:wrap;gap:8px}.recent-card-tag{margin-left:0}.recent-header{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.recent-meta-chips{margin-top:8px}.recent-card-body>div{margin-top:18px}.recent-team-line,.recent-top10-line{display:block}

.recent-header{display:block}.recent-kicker-row{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;letter-spacing:1px;color:#adbea0}.recent-sub-grid{display:grid;gap:18px}.recent-sub-label,.recent-sub-value{display:block}.recent-sub-label{font-size:12px;color:#adbea0}.recent-subtitle{margin-bottom:24px}

footer.site-footer{max-width:1080px;padding:24px;margin:48px auto 0}

/* Illustrated mode cards, adapted from exemplo-visual/golguess-cards.html. */
.modes{--lime:#c2f36b;gap:20px;isolation:isolate}
.modes .card{--accent:var(--lime);position:relative;display:block;overflow:hidden;border:1px solid #ffffff19;background:linear-gradient(130deg,#1b2615,#121c10);border-radius:20px;padding:25px 27px 23px;text-decoration:none;color:inherit;transition:border-color .25s,transform .25s,box-shadow .25s}
.modes .card:hover,.modes .card:focus-visible{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 15px 35px #0003}
.modes .card:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.modes .teams{--accent:#8ecad0;background:linear-gradient(130deg,#172723,#111c18)}
.modes .top{--accent:#edcb79;background:linear-gradient(130deg,#292719,#1b1c12)}
.modes .eleven{--accent:#b7a4ef;background:linear-gradient(130deg,#24232d,#151b17)}
.modes .meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;font-weight:bold}
.modes .meta .index{color:var(--accent)}
.modes .tag{color:#a7b09e;font-size:9px;letter-spacing:1px;border:1px solid #ffffff16;padding:6px 9px;border-radius:20px}
.modes .art{height:172px;position:relative;display:flex;align-items:center;justify-content:center;margin:9px 0 14px}
.modes .art:before{content:"";position:absolute;width:200px;height:140px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%)}
.modes svg{overflow:visible}
.modes .visual{width:260px;height:170px}
.modes .card h2{font-size:25px;letter-spacing:-.7px;margin:0 0 9px}
.modes .desc{color:#b3bdab;font-size:13px;line-height:1.65;max-width:350px;margin:0;min-height:43px}
.modes .bottom{border-top:1px solid #ffffff12;margin-top:20px;padding-top:17px;display:flex;align-items:center;justify-content:space-between}
.modes .cta{color:var(--accent);font-size:12px;font-weight:bold}
.modes .arrow{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #ffffff20;border-radius:50%;font-size:17px;color:var(--accent);transition:background .25s,transform .25s}
.modes .card:hover .arrow,.modes .card:focus-visible .arrow{background:#ffffff0c;transform:rotate(-35deg)}
.modes .hint{fill:#283422;stroke:#5a7045;transition:fill .3s,filter .3s}
.modes .card:hover .hint-active,.modes .card:focus-visible .hint-active{fill:var(--lime);filter:drop-shadow(0 0 8px #c2f36b70)}
.modes .hint-check{opacity:0;transition:opacity .3s}
.modes .card:hover .hint-check,.modes .card:focus-visible .hint-check{opacity:1}
.modes .shield{stroke:#6c9a9f;transition:stroke .3s,filter .3s}
.modes .teams:hover .shield,.modes .teams:focus-visible .shield{stroke:#b9f7ff;filter:drop-shadow(0 0 7px #8ecad04d)}
.modes .bar{transition:transform .35s;transform-origin:center bottom}
.modes .top:hover .bar,.modes .top:focus-visible .bar{transform:translateY(-7px)}
.modes .top:hover .bar.first,.modes .top:focus-visible .bar.first{transform:translateY(-13px)}
.modes .mystery{transition:filter .3s,transform .3s;transform-box:fill-box;transform-origin:center}
.modes .eleven:hover .mystery,.modes .eleven:focus-visible .mystery{filter:drop-shadow(0 0 7px #b7a4ef88);transform:scale(1.15)}
.modes .card{--card-background:linear-gradient(130deg,#1b2615,#121c10);display:flex;flex-direction:column;min-width:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.modes .teams{--card-background:linear-gradient(130deg,#172723,#111c18)}
.modes .top{--card-background:linear-gradient(130deg,#292719,#1b1c12)}
.modes .eleven{--card-background:linear-gradient(130deg,#24232d,#151b17)}
.modes .card,.modes .card:hover,.modes .card:focus-visible{background:var(--card-background)}
.modes .art{flex:none}.modes .visual{max-width:100%}
.modes .card .bottom{margin-top:auto;padding-top:18px;min-height:66px}
.modes .card .desc{margin-bottom:20px}
.modes .card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#ffffff08 45%,transparent 70%);transform:translateX(-110%);transition:transform .65s ease}
.modes .card:focus-visible::after{transform:translateX(110%)}
.modes .card:active{transform:scale(.985);border-color:var(--accent);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 15%,transparent)}
.modes .card:active .arrow{background:color-mix(in srgb,var(--accent) 15%,transparent);transform:translateX(3px)}
.modes .players:active .hint-active{fill:var(--accent)}.modes .players:active .hint-check{opacity:1}
.modes .teams:active .shield{stroke:#b9f7ff;filter:drop-shadow(0 0 7px #8ecad04d)}
.modes .top:active .bar{transform:translateY(-7px)}.modes .top:active .bar.first{transform:translateY(-13px)}
.modes .eleven:active .mystery{filter:drop-shadow(0 0 7px #b7a4ef88);transform:scale(1.15)}
@media(hover:hover) and (pointer:fine){.modes .card:hover::after{transform:translateX(110%)}.modes .card:hover .visual{animation:card-float 2.8s ease-in-out infinite}.modes .card:hover{box-shadow:0 16px 40px #0005,0 0 24px color-mix(in srgb,var(--accent) 8%,transparent)}}
@keyframes card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:640px){.modes{gap:18px}.modes .card{padding:22px}.modes .art{height:155px}.modes .card h2{font-size:24px}.modes .tag{font-size:9px;letter-spacing:.5px}.modes .meta{gap:8px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.modes *,.modes *::before,.modes *::after{animation:none!important;transition:none!important}.modes .card:hover,.modes .card:active,.modes .card:focus-visible,.modes .bar,.modes .mystery,.modes .arrow{transform:none!important}.modes .card::after{display:none}}