/* sport chips */
.chip-row{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem;}
.sport-chip,.promo-chip{display:inline-flex;align-items:center;gap:0.4rem;padding:0.35rem 0.9rem;border-radius:999px;border:1.5px solid var(--border);background:var(--bg-elevated);color:var(--text);font-family:var(--font-meta);font-size:0.78rem;cursor:pointer;transition:border-color 0.18s,background 0.18s,color 0.18s;}
.sport-chip:hover,.promo-chip:hover{border-color:var(--accent);color:var(--accent);}
.sport-chip.is-active,.promo-chip.is-active,[data-promo-filter].is-active{background:var(--accent);color:var(--on-accent);border-color:var(--accent);}
/* sport cards */
.sport-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:box-shadow 0.18s,border-color 0.18s;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.sport-card:hover{box-shadow:0 0 0 2px var(--accent),var(--shadow);border-color:var(--accent);}
/* tab bar */
.tab-bar{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:1.5rem;overflow-x:auto;}
.tab-btn{padding:0.65rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:var(--font);font-size:0.9rem;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color 0.18s,border-color 0.18s;}
.tab-btn:hover{color:var(--accent);}
.tab-btn.is-active{color:var(--accent);border-bottom-color:var(--accent);}
.tab-panel{display:none;}
.tab-panel.is-active{display:block;}
/* seg control */
.seg-control{display:inline-flex;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);padding:3px;gap:3px;margin-bottom:1.5rem;}
.seg-btn{padding:0.45rem 1.1rem;border:none;border-radius:calc(var(--radius) - 3px);background:none;font-family:var(--font);font-size:0.85rem;font-weight:600;color:var(--muted);cursor:pointer;transition:background 0.18s,color 0.18s;}
.seg-btn.is-active{background:var(--accent);color:var(--on-accent);}
.seg-panel{display:none;}
.seg-panel.is-active{display:block;}
/* FAQ */
.faq-item{border-bottom:1px solid var(--border);}
.faq-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:1rem 0;font-family:var(--font);font-size:0.95rem;font-weight:600;color:var(--text);cursor:pointer;text-align:left;}
.faq-trigger:hover{color:var(--accent);}
.acc-icon{display:inline-block;font-style:normal;font-size:1.2rem;line-height:1;transition:transform 0.2s;flex-shrink:0;}
.faq-item.is-open .faq-trigger .acc-icon{transform:rotate(45deg);}
.faq-body{display:none;padding:0 0 1rem;word-break:break-word;overflow-wrap:break-word;color:var(--muted);font-size:0.9rem;}
.faq-item.is-open .faq-body{display:block;}
/* accordion */
.accordion-item{border-bottom:1px solid var(--border);}
.accordion-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:1rem 0;font-family:var(--font);font-size:0.95rem;font-weight:600;color:var(--text);cursor:pointer;text-align:left;}
.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;}
.accordion-item.is-open .accordion-trigger .acc-icon{transform:rotate(45deg);}
/* checklist accordion */
.checklist-item{border-bottom:1px solid var(--border);}
.checklist-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:0.85rem 0;font-family:var(--font);font-size:0.9rem;font-weight:600;color:var(--text);cursor:pointer;text-align:left;}
.checklist-body{display:none;padding:0 0 0.85rem;}
.checklist-item.is-expanded .checklist-body{display:block;}
/* dense list */
.dense-list{list-style:none;padding:0;margin:0;}
.dense-list li{display:block;padding:1rem 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;font-family:var(--font-meta);font-size:0.8rem;}
/* ticker */
.ticker-ribbon{background:var(--pitch);overflow:hidden;padding:0.55rem 0;}
.ticker-track{display:flex;gap:2.5rem;white-space:nowrap;animation:ticker-scroll 28s linear infinite;}
.ticker-ribbon:hover .ticker-track{animation-play-state:paused;}
.ticker-item{font-family:var(--font-meta);font-size:0.78rem;color:var(--on-pitch-muted);display:inline-flex;align-items:center;gap:0.5rem;}
.ticker-item .live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;animation:pulse-dot 1.2s ease-in-out infinite;}
@keyframes ticker-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.4;transform:scale(0.7);}}
/* live dot */
.live-dot-lg{width:10px;height:10px;border-radius:50%;background:var(--accent);display:inline-block;animation:pulse-dot 1.2s ease-in-out infinite;}
/* timeline */
.timeline-flow{display:flex;flex-direction:column;gap:0;position:relative;}
.timeline-flow::before{content:'';position:absolute;left:18px;top:0;bottom:0;width:2px;background:var(--border);}
.timeline-item{position:relative;padding:0 0 1.5rem 3rem;}
.timeline-item::before{content:attr(data-step);position:absolute;left:0;top:2px;width:36px;height:36px;border-radius:50%;background:var(--bg-elevated);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-meta);font-size:0.75rem;font-weight:600;color:var(--muted);transition:border-color 0.2s,color 0.2s;}
.timeline-item.is-active::before{border-color:var(--accent);color:var(--accent);}
.timeline-item.is-visible::before{border-color:var(--accent);color:var(--accent);}
/* deposit timeline horizontal */
.deposit-flow{display:flex;flex-direction:column;gap:1rem;}
@media(min-width:780px){.deposit-flow{flex-direction:row;gap:0;}
.deposit-step{flex:1;position:relative;}
.deposit-step+.deposit-step::before{content:'';position:absolute;left:-1px;top:20px;width:2px;height:calc(100% - 40px);background:var(--border);}}
.deposit-step{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;cursor:pointer;transition:border-color 0.18s,box-shadow 0.18s;backdrop-filter:blur(12px);}
.deposit-step.is-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);}
.deposit-step:hover{border-color:var(--accent);}
/* tl-step */
.tl-step{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;cursor:pointer;margin-bottom:0.5rem;transition:border-color 0.18s;backdrop-filter:blur(12px);}
.tl-step.is-active{border-color:var(--accent);}
/* step rail */
.step-rail{display:flex;flex-direction:column;gap:0.5rem;}
.step-rail-item{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:0.85rem 1.1rem;cursor:pointer;transition:border-color 0.18s,background 0.18s;backdrop-filter:blur(12px);font-size:0.9rem;}
.step-rail-item.is-active{border-color:var(--accent);background:hsla(var(--accent-h),100%,38%,0.08);}
/* flip card */
.flip-card{height:300px;perspective:900px;}
.flip-card__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.5s ease;}
.flip-card:hover .flip-card__inner{transform:rotateY(180deg);}
.flip-card__front,.flip-card__back{position:absolute;inset:0;overflow-y:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);backdrop-filter:blur(12px);padding:1.25rem;}
.flip-card__back{transform:rotateY(180deg);}
/* table scroll */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:2rem;border-radius:var(--radius);}
.data-table{width:100%;border-collapse:collapse;font-size:0.88rem;}
.data-table th{background:var(--pitch);color:var(--text-light);font-family:var(--font-meta);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.06em;padding:0.7rem 1rem;text-align:left;}
.data-table td{padding:0.65rem 1rem;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top;}
.data-table tr:hover td{background:hsla(var(--accent-h),100%,38%,0.05);}
.data-table tr:last-child td{border-bottom:none;}
/* product tiles */
.product-tiles{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;}
.product-tile{background:var(--bg-elevated);border:1px solid rgba(255,255,255,0.35);border-radius:var(--radius);padding:1rem 0.85rem;display:flex;flex-direction:column;gap:0.4rem;backdrop-filter:blur(12px);transition:box-shadow 0.18s,border-color 0.18s;position:relative;overflow:hidden;}
.product-tile::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,0.18) 0%,rgba(255,255,255,0) 60%);pointer-events:none;}
.product-tile:hover{box-shadow:0 0 0 2px var(--accent),var(--shadow);border-color:var(--accent);}
.product-tile__icon{font-size:1.5rem;}
.product-tile__label{font-family:var(--font-display);font-size:0.85rem;font-weight:600;color:var(--text);}
.product-tile__sub{font-size:0.75rem;color:var(--muted);font-family:var(--font-meta);}
/* glass cards */
.glass-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow);transition:box-shadow 0.18s,transform 0.18s;margin-bottom:2rem;}
.glass-card:hover{box-shadow:0 12px 40px rgba(15,36,56,0.13),0 0 0 1.5px var(--accent);transform:translateY(-2px);}
/* resource cards */
.resource-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.25rem;backdrop-filter:blur(12px);transition:box-shadow 0.18s,border-color 0.18s,transform 0.18s;margin-bottom:1rem;}
.resource-card:hover{box-shadow:var(--shadow);border-color:var(--accent);transform:translateY(-2px);}
/* pathway cards */
.pathway-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.25rem;backdrop-filter:blur(12px);transition:box-shadow 0.18s,border-color 0.18s,transform 0.18s;display:block;text-decoration:none;color:var(--text);margin-bottom:1rem;}
.pathway-card:hover{box-shadow:var(--shadow);border-color:var(--accent);transform:translateY(-3px);color:var(--text);}
/* helpline card */
.helpline-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;margin-bottom:0.75rem;backdrop-filter:blur(12px);}
.helpline-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;font-family:var(--font);font-weight:600;font-size:0.9rem;color:var(--text);cursor:pointer;padding:0;}
.helpline-trigger:hover{color:var(--accent);}
.helpline-body{padding-top:0.75rem;font-size:0.875rem;color:var(--muted);}
/* hub link cards */
.hub-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.25rem;backdrop-filter:blur(12px);transition:box-shadow 0.18s,border-color 0.18s,transform 0.18s;display:block;text-decoration:none;color:var(--text);}
.hub-card:hover{box-shadow:var(--shadow);border-color:var(--accent);transform:translateY(-3px);}
.hub-card__icon{font-size:1.5rem;margin-bottom:0.5rem;display:block;}
.hub-card__title{font-family:var(--font-display);font-size:0.95rem;font-weight:600;color:var(--text);margin-bottom:0.25rem;}
.hub-card__sub{font-size:0.8rem;color:var(--muted);}
/* rg callout */
.rg-callout{border-left:3px solid var(--accent);padding:1rem 1.25rem;background:hsla(var(--accent-h),100%,38%,0.06);border-radius:0 var(--radius) var(--radius) 0;margin-bottom:1.5rem;word-break:break-word;overflow-wrap:break-word;}
.callout{border-left:3px solid var(--gold);padding:1rem 1.25rem;background:hsla(var(--gold-h),90%,60%,0.08);border-radius:0 var(--radius) var(--radius) 0;margin-bottom:1.5rem;word-break:break-word;overflow-wrap:break-word;}
.warn-callout{border-left:3px solid #e05858;padding:1rem 1.25rem;background:rgba(224,88,88,0.07);border-radius:0 var(--radius) var(--radius) 0;margin-bottom:1.5rem;word-break:break-word;overflow-wrap:break-word;}
/* app mockup */
.app-mockup{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:24px;padding:1.5rem 1.25rem;backdrop-filter:blur(12px);box-shadow:var(--shadow);transition:transform 0.3s ease;display:inline-block;}
.app-mockup:hover{transform:perspective(600px) rotateX(3deg) rotateY(-4deg) scale(1.02);}
/* cookie row */
.cookie-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border);}
.cookie-switch{display:flex;align-items:center;gap:0.5rem;}
.cookie-switch input[type='checkbox']{width:40px;height:22px;cursor:pointer;accent-color:var(--accent);}
/* mode panels */
.mode-panel{display:none;}
.mode-panel.is-active{display:block;}
/* step item */
.step-item{display:flex;align-items:flex-start;gap:0.85rem;padding:0.85rem 0;border-bottom:1px solid var(--border);transition:background 0.15s;}
.step-item.is-done .step-label{text-decoration:line-through;color:var(--muted);}
.step-check{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:2px;}
/* doc checklist */
.doc-item{display:flex;align-items:flex-start;gap:0.85rem;padding:0.85rem 0;border-bottom:1px solid var(--border);}
.doc-item.is-done .doc-label{text-decoration:line-through;color:var(--muted);}
.doc-check{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:2px;}
/* topic pills */
.pill-row{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem;overflow-x:auto;}
.topic-pill{display:inline-block;padding:0.35rem 0.9rem;border-radius:999px;border:1.5px solid var(--border);background:var(--bg-elevated);font-size:0.8rem;color:var(--muted);cursor:pointer;text-decoration:none;transition:border-color 0.18s,color 0.18s,background 0.18s;}
.topic-pill:hover,.topic-pill:focus{border-color:var(--accent);color:var(--accent);outline:none;}
.topic-pill:focus-visible{box-shadow:0 0 0 3px hsla(var(--accent-h),100%,38%,0.3);}
/* sponsored badge */
.sponsored-badge{display:inline-flex;align-items:center;padding:0.2rem 0.55rem;border-radius:999px;background:hsla(var(--gold-h),90%,60%,0.15);border:1px solid var(--gold);font-family:var(--font-meta);font-size:0.7rem;color:var(--text);animation:badge-pulse 2.5s ease-in-out infinite;}
@keyframes badge-pulse{0%,100%{box-shadow:0 0 0 0 hsla(var(--gold-h),90%,60%,0.4);}50%{box-shadow:0 0 0 5px hsla(var(--gold-h),90%,60%,0);}}
/* shimmer edge */
.shimmer-edge{position:relative;overflow:hidden;}
.shimmer-edge::before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,0.45) 50%,transparent 60%);transform:translateX(-100%);animation:shimmer 2.8s ease infinite;pointer-events:none;border-radius:inherit;}
@keyframes shimmer{from{transform:translateX(-100%);}to{transform:translateX(100%);}}
/* code glass */
.code-glass{background:var(--pitch);color:var(--on-pitch-muted);font-family:var(--font-meta);font-size:0.82rem;border-radius:var(--radius);padding:1.25rem;overflow-x:auto;border:1px solid rgba(255,255,255,0.08);}
/* breadcrumb */
.breadcrumb{display:flex;flex-wrap:wrap;gap:0.25rem 0.5rem;font-size:0.8rem;color:var(--muted);margin-bottom:1rem;}
.breadcrumb a{color:var(--link);text-decoration:none;}
.breadcrumb a:hover{color:var(--link-hover);}
.breadcrumb span{color:var(--muted);}
/* toc */
.toc-nav{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;backdrop-filter:blur(12px);position:sticky;top:75px;max-height:80vh;overflow-y:auto;}
.toc-link{display:block;padding:0.35rem 0.5rem;font-size:0.85rem;color:var(--muted);text-decoration:none;border-left:2px solid transparent;transition:border-color 0.18s,color 0.18s;}
.toc-link:hover,.toc-link.is-active{color:var(--accent);border-left-color:var(--accent);}
.policy-nav-link{display:block;padding:0.35rem 0.5rem;font-size:0.85rem;color:var(--muted);text-decoration:none;border-left:2px solid transparent;transition:border-color 0.18s,color 0.18s;}
.policy-nav-link:hover,.policy-nav-link.is-active{color:var(--accent);border-left-color:var(--accent);}
/* security tip */
.security-panel{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.5rem;backdrop-filter:blur(12px);min-height:100px;}
.security-tip{font-size:0.95rem;color:var(--text);}
/* access method cards */
.access-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.25rem;backdrop-filter:blur(12px);transition:border-color 0.18s,box-shadow 0.18s,transform 0.18s;text-align:center;}
.access-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px);}
/* mission cards */
.mission-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.5rem;backdrop-filter:blur(12px);transition:border-color 0.18s,box-shadow 0.18s,transform 0.18s;}
.mission-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px);}
/* method grid */
.method-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:0.75rem;}
.method-item{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:0.85rem;display:flex;flex-direction:column;align-items:center;gap:0.4rem;backdrop-filter:blur(12px);font-size:0.78rem;color:var(--muted);transition:border-color 0.18s,box-shadow 0.18s;cursor:default;}
.method-item:hover{border-color:var(--accent);box-shadow:var(--shadow);}
.method-item__icon{font-size:1.6rem;}
/* age gate */
.age-gate-strip{background:var(--pitch);color:var(--text-light);padding:0.7rem 0;text-align:center;font-family:var(--font-meta);font-size:0.78rem;}
.age-gate-strip *{color:inherit;}
.age-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:2px solid var(--accent);color:var(--accent);font-weight:700;font-size:0.85rem;margin-right:0.5rem;vertical-align:middle;}
/* responsible band */
.responsible-band{background:var(--pitch);color:var(--text-light);padding:1.5rem 0;}
.responsible-band *{color:inherit;}
.rg-links{display:flex;flex-wrap:wrap;gap:0.75rem 1.5rem;}
.rg-link{color:var(--link-on-dark);text-decoration:none;font-size:0.85rem;}
.rg-link:hover{color:var(--link-on-dark-hover);text-decoration:underline;}
/* process card */
.process-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.25rem;backdrop-filter:blur(12px);transition:border-color 0.18s,transform 0.18s;}
.process-card:hover{border-color:var(--accent);transform:translateY(-2px);}
/* policy block */
.policy-block{border-radius:var(--radius);padding:1rem 1.25rem;transition:background 0.18s;}
.policy-block:hover{background:hsla(var(--accent-h),100%,38%,0.04);}
/* reduced motion */
@media(prefers-reduced-motion:reduce){.ticker-track,.shimmer-edge::before,.sponsored-badge,.live-dot-lg,.ticker-item .live-dot{animation:none;}
.flip-card__inner{transition:none;}
.glass-card,.hub-card,.pathway-card,.resource-card,.sport-card,.mission-card,.access-card,.process-card,.product-tile{transition:none;transform:none;}}