.recommendations,.community-intro,.ranking-section { max-width: 1160px; margin: 64px auto; padding: 24px; }
.recommendations h2,.community-intro h1,.community-intro h2,.ranking-section h2 { font-family: Georgia,serif; line-height: 1.2; }
.community-intro h1 { font-size: clamp(36px,6vw,68px); }
.community-intro > p { max-width: 72ch; line-height: 1.8; }
.recommend-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); gap: 20px; }
.recommend-grid article { padding: 24px; background: #202d24; color: #f0eddf; border: 1px solid #597260; border-radius: 12px; }
.recommend-grid p { font: 14px/1.8 Arial,sans-serif; color: #c0d1bd; }
.recommend-grid a { color: #f1cd88; text-decoration: underline; text-underline-offset: 4px; }
.recommend-icon { font-size: 32px; color: #f1cd88; }
.score-invitation { margin-block: 20px; padding: 16px; border: 1px solid #8b9e91; border-radius: 8px; background: #172923; color: #f0eddf; font: 13px/1.6 Arial,sans-serif; }
.score-invitation h3 { font-size: 18px; margin-top: 0; }.score-invitation a,.score-invitation button { display: inline-block; margin: 6px; padding: 12px; background: #f1cd88; color: #172923; border: 1px solid #f1cd88; border-radius: 6px; font: inherit; min-height: 44px; }
.ranking-filter { display: flex; flex-wrap: wrap; gap: 20px; align-items: end; margin-block: 28px; }
.ranking-filter label { display: block; margin-bottom: 8px; }.ranking-filter input,.ranking-filter select { max-width: 100%; min-height: 48px; padding: 12px; border: 1px solid #8b9e91; border-radius: 6px; font: 16px Arial,sans-serif; background: #101813; color: #f0eddf; }
.ranking-filter > div { min-width: 0; }.ranking-section table { width: 100%; border-collapse: collapse; }.ranking-section td,.ranking-section th { padding: 12px 8px; text-align: left; border-bottom: 1px solid #597260; }.ranking-section caption { text-align: left; padding: 16px 0; }
.footbag-poster { max-width: 960px; margin: auto; border: 1px solid #597260; border-radius: 16px; overflow: hidden; }.footbag-poster canvas { display: block; width: 100%; height: auto; }

#overlay:has(.score-invitation) { overflow: auto; align-items: start; }
#overlay:has(.score-invitation) > div { margin-block: auto; }

.footbag-card-art { display: grid; place-items: center; min-height: 280px; background: radial-gradient(circle at 75% 20%,#fff2c9 0 8%,transparent 8.2%),linear-gradient(#c8e4dc 0 65%,#ddc9a4 65%); color: #294a40; font: 700 40px/1.8 Georgia,serif; text-align: center; text-decoration: none; }.marketing-home > main > .game-feature { max-width: 1160px; margin: 64px auto; padding: 24px; }

.footbag-card-art > span { color: #294a40; background: #f9e7bd; border-radius: 12px; padding: 12px 28px; }

.escape-discovery{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center;margin:32px auto;max-width:1200px;padding:24px}.escape-discovery .content{padding:16px}.escape-discovery img{width:100%;height:auto;display:block;border-radius:4px}@media(max-width:700px){.escape-discovery{grid-template-columns:1fr;padding:16px}}