.sport-chip{display:inline-flex;align-items:center;gap:0.4rem;padding:0.4rem 1rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-dark);font-size:0.85rem;cursor:pointer;transition:background 0.2s,color 0.2s;white-space:nowrap}
.sport-chip.is-active,.sport-chip:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.chips-row{display:flex;flex-wrap:wrap;gap:0.5rem;padding:1rem 0}
.sport-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;transition:box-shadow 0.2s}
.sport-card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.12)}
.sport-card__title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;margin-bottom:0.5rem}
.sport-card__meta{font-size:0.8rem;color:var(--text-muted)}
.tab-nav{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid var(--border);margin-bottom:1.5rem}
.tab-btn{padding:0.6rem 1.2rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:0.95rem;color:var(--text-dark);margin-bottom:-2px;transition:color 0.2s,border-color 0.2s}
.tab-btn:hover{color:var(--accent)}
.tab-btn.is-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}
.tab-panel{display:none}
.tab-panel.is-active{display:block}
.seg-control{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1.5rem}
.seg-btn{padding:0.5rem 1.1rem;background:var(--surface);border:none;cursor:pointer;font-size:0.9rem;color:var(--text-dark);transition:background 0.2s,color 0.2s}
.seg-btn+.seg-btn{border-left:1px solid var(--border)}
.seg-btn.is-active{background:var(--accent);color:var(--on-accent)}
.seg-panel{display:none}
.seg-panel.is-active{display:block}
.faq-item{border-bottom:1px solid var(--border)}
.faq-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 0;background:none;border:none;cursor:pointer;text-align:left;font-size:1rem;font-weight:600;color:var(--text-dark)}
.faq-trigger:hover{color:var(--accent)}
.acc-icon{font-style:normal;font-size:1.2rem;transition:transform 0.25s;flex-shrink:0}
.faq-item.is-open .faq-trigger .acc-icon{transform:rotate(45deg)}
.faq-body{display:none;padding:0 0 1rem;font-size:0.95rem;word-break:break-word;overflow-wrap:break-word}
.faq-item.is-open .faq-body{display:block}
.accordion-item{border-bottom:1px solid var(--border)}
.accordion-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0.9rem 0;background:none;border:none;cursor:pointer;text-align:left;font-size:0.95rem;font-weight:600;color:var(--text-dark)}
.accordion-trigger:hover{color:var(--accent)}
.accordion-body{display:none;padding:0 0 1rem;word-break:break-word;overflow-wrap:break-word}
.accordion-item.is-open .accordion-body{display:block}
.checklist-item{border-bottom:1px solid var(--border)}
.checklist-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0.9rem 0;background:none;border:none;cursor:pointer;text-align:left;font-size:0.95rem;font-weight:600;color:var(--text-dark)}
.checklist-body{display:none;padding:0 0 1rem}
.checklist-item.is-expanded .checklist-body{display:block}
.timeline{list-style:none;padding:0;margin:0;position:relative}
.timeline::before{content:'';position:absolute;left:1rem;top:0;bottom:0;width:2px;background:var(--accent)}
.timeline-item{position:relative;padding-left:2.5rem;margin-bottom:1.5rem}
.timeline-item::before{content:counter(step);counter-increment:step;position:absolute;left:0;top:0;width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.8rem}
.timeline{counter-reset:step}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:2rem}
.card__img{width:100%;height:180px;object-fit:cover;display:block}
.card__body{padding:1.25rem}
.card__title{font-weight:700;margin-bottom:0.5rem;font-size:1.05rem}
.card__text{font-size:0.9rem;color:var(--text-muted)}
.flip-card{height:300px;perspective:1000px;cursor:pointer}
.flip-card__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.6s ease}
.flip-card:hover .flip-card__inner,.flip-card.is-flipped .flip-card__inner{transform:rotateY(180deg)}
.flip-card__front,.flip-card__back{position:absolute;inset:0;backface-visibility:hidden;border-radius:var(--radius);overflow-y:auto;padding:1.5rem}
.flip-card__front{background:var(--surface);border:1px solid var(--border)}
.flip-card__back{background:var(--accent);color:var(--on-accent);transform:rotateY(180deg)}
.ticker-wrap{overflow:hidden;background:var(--accent);color:var(--on-accent);padding:0.4rem 0;white-space:nowrap}
.ticker-track{display:inline-flex;gap:2rem;animation:ticker-scroll 30s linear infinite}
@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}
.odds-chip{display:inline-block;padding:0.2rem 0.6rem;background:var(--accent);color:var(--on-accent);border-radius:4px;font-weight:700;font-size:0.85rem}
.promo-card{background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}
.promo-card__badge{display:inline-block;background:var(--accent);color:var(--on-accent);font-size:0.75rem;font-weight:700;padding:0.2rem 0.6rem;border-radius:4px;margin-bottom:0.75rem;text-transform:uppercase}
.promo-card__title{font-weight:700;font-size:1.1rem;margin-bottom:0.5rem}
.payment-table{width:100%;border-collapse:collapse;font-size:0.9rem}
.payment-table th{background:var(--accent);color:var(--on-accent);padding:0.6rem 0.75rem;text-align:left}
.payment-table td{padding:0.6rem 0.75rem;border-bottom:1px solid var(--border)}
.payment-table tr:nth-child(even) td{background:var(--surface-alt)}
.app-mockup{display:flex;flex-direction:column;align-items:center;gap:1.5rem}
.app-mockup__screen{width:180px;height:360px;background:var(--surface-alt);border:3px solid var(--border);border-radius:24px;overflow:hidden;position:relative}
.app-mockup__screen img{width:100%;height:100%;object-fit:cover}
.app-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 1.2rem;background:#000;color:#fff;border-radius:8px;font-size:0.9rem;text-decoration:none}
.app-badge--ios{background:#000}
.app-badge--android{background:#1a1a2e}
.dense-list{list-style:none;padding:0;margin:0}
.dense-list li{display:block;padding:0.75rem 0}
.dense-list li+li{border-top:1px solid var(--border);padding-top:1.5rem}
.dense-list__marker{display:block;font-weight:600;color:var(--accent);margin-bottom:0.5rem}
.rg-callout{background:var(--surface-alt);border-left:4px solid var(--accent);padding:1.25rem 1.5rem;border-radius:0 var(--radius) var(--radius) 0;margin:1.5rem 0;word-break:break-word;overflow-wrap:break-word}
.rg-callout *{color:inherit}
.info-table{width:100%;border-collapse:collapse;font-size:0.9rem;margin-bottom:1.5rem}
.info-table th{text-align:left;padding:0.5rem 0.75rem;background:var(--surface-alt);font-weight:600}
.info-table td{padding:0.5rem 0.75rem;border-bottom:1px solid var(--border)}
.grid-2x2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
@media(max-width:640px){.grid-2x2{grid-template-columns:1fr}}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}
.stat-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center}
.stat-box__value{font-size:2rem;font-weight:700;color:var(--accent)}
.stat-box__label{font-size:0.85rem;color:var(--text-muted)}
.steps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}
.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;position:relative}
.step-card__num{font-size:2rem;font-weight:700;color:var(--accent);opacity:0.3;position:absolute;top:0.5rem;right:0.75rem}
.step-card__title{font-weight:700;margin-bottom:0.5rem}
.responsible-band{background:var(--dark-alt);color:var(--text-light);padding:1rem 0;text-align:center;font-size:0.85rem}
.responsible-band *{color:inherit}
.age-gate-note{background:var(--dark);color:var(--text-light);padding:0.75rem 1rem;text-align:center;font-size:0.8rem;border-top:2px solid var(--accent)}
.age-gate-note *{color:inherit}