/* Art direction: football prediction game → energetic, clear, trustworthy.
   Palette: neutral black/white with Baoole purple accent from official logo.
   Typography: Cabinet Grotesk display + Satoshi body; spacious, editorial rhythm. */
@import url('https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@500,600,700,800&f[]=satoshi@400,500,600,700&display=swap');
:root,[data-theme="light"]{
 --font-display:'Cabinet Grotesk','Arial Black',sans-serif;--font-body:'Satoshi','Helvetica Neue',sans-serif;
 --text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.82rem + .25vw,1rem);--text-base:clamp(1rem,.96rem + .2vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .65vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--text-2xl:clamp(2.25rem,1.3rem + 3.2vw,4.5rem);--text-hero:clamp(3.25rem,1.6rem + 6vw,7rem);
 --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;
 --color-bg:#fbfafc;--color-surface:#fff;--color-surface-2:#f7f3fa;--color-surface-offset:#eee8f2;--color-text:#211f23;--color-muted:#625e66;--color-faint:#827c87;--color-border:rgba(33,31,35,.14);--color-divider:rgba(33,31,35,.10);--color-primary:#9b45d5;--color-primary-hover:#7e2eb6;--color-primary-active:#64218f;--color-primary-soft:#f0e3f8;--color-on-primary:#fff;
 --radius-sm:.375rem;--radius-md:.65rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:999px;--shadow-sm:0 2px 8px rgba(54,33,67,.06);--shadow-md:0 14px 38px rgba(54,33,67,.10);--transition:180ms cubic-bezier(.16,1,.3,1);--content:1200px;--prose:72ch;
}
[data-theme="dark"]{--color-bg:#151317;--color-surface:#1c191f;--color-surface-2:#242027;--color-surface-offset:#302a34;--color-text:#f1edf3;--color-muted:#c2bac6;--color-faint:#a49aa9;--color-border:rgba(255,255,255,.16);--color-divider:rgba(255,255,255,.11);--color-primary:#bd76ec;--color-primary-hover:#ca91ef;--color-primary-active:#d9aff4;--color-primary-soft:#33233e;--color-on-primary:#18131b;--shadow-sm:0 2px 8px rgba(0,0,0,.22);--shadow-md:0 16px 44px rgba(0,0,0,.35)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth;scroll-padding-top:6rem}body{min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.2em}button{font:inherit;color:inherit}button,a{transition:color var(--transition),background-color var(--transition),border-color var(--transition),transform var(--transition),box-shadow var(--transition)}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:var(--color-primary);color:#fff}.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:1000;padding:var(--space-3) var(--space-4);background:var(--color-text);color:var(--color-bg);transform:translateY(-160%)}.skip-link:focus{transform:none}.container{width:min(100% - 2rem,var(--content));margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--color-bg) 92%,transparent);border-bottom:1px solid var(--color-divider);backdrop-filter:blur(14px)}.header-inner{min-height:4.75rem;display:flex;align-items:center;gap:var(--space-6)}.brand{display:flex;align-items:center;width:clamp(9rem,17vw,13rem);margin-right:auto}.brand img{width:100%;height:auto}.logo-light{display:block}.logo-dark{display:none}[data-theme="dark"] .logo-light{display:none}[data-theme="dark"] .logo-dark{display:block}.desktop-nav{display:flex;align-items:center;gap:clamp(.6rem,1.3vw,1.25rem)}.desktop-nav a,.mobile-nav a{font-size:var(--text-sm);font-weight:600;text-decoration:none;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.icon-button,.menu-button{width:2.75rem;height:2.75rem;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);display:grid;place-items:center;cursor:pointer}.icon-button:hover,.menu-button:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.icon-button svg,.menu-button svg{width:1.25rem}.menu-button{display:none}.mobile-nav{display:none;border-top:1px solid var(--color-divider);padding:var(--space-4) max(1rem,calc((100vw - var(--content))/2));background:var(--color-bg)}.mobile-nav[data-open="true"]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.mobile-nav a{min-height:2.75rem;display:flex;align-items:center;padding:var(--space-2);border-radius:var(--radius-md)}.mobile-nav a:hover{background:var(--color-primary-soft);color:var(--color-primary)}.hero{min-height:calc(100svh - 4.75rem);display:grid;align-items:center;padding-block:clamp(var(--space-12),8vw,var(--space-24));overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);gap:clamp(var(--space-10),7vw,var(--space-24));align-items:center}.eyebrow{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-5)}.eyebrow::before{content:"";width:2.5rem;height:2px;background:currentColor}.hero h1,.page-hero h1{font-family:var(--font-display);font-size:var(--text-hero);line-height:.88;letter-spacing:-.055em;max-width:10ch}.hero h1 span{color:var(--color-primary)}.hero-copy>p:not(.eyebrow){max-width:44ch;color:var(--color-muted);font-size:var(--text-lg);margin-top:var(--space-6)}.cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.button{min-height:3.25rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:1px solid transparent;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;text-decoration:none}.button-primary{background:var(--color-primary);color:var(--color-on-primary)}.button-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.button-secondary{background:var(--color-surface);border-color:var(--color-border)}.button-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.button svg{width:1.2rem}.hero-art{position:relative;aspect-ratio:1/1;display:grid;place-items:center}.hero-panel{position:absolute;inset:7%;background:var(--color-primary);border-radius:32% 8% 28% 8%;transform:rotate(3deg);box-shadow:var(--shadow-md)}.hero-art img{position:relative;width:86%;filter:drop-shadow(0 18px 24px rgba(44,17,61,.2));transform:rotate(-2deg)}.hero-note{position:absolute;right:0;bottom:5%;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700}.download-strip{background:var(--color-text);color:var(--color-bg);padding-block:var(--space-8)}.download-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.download-inner h2{font-family:var(--font-display);font-size:var(--text-xl);line-height:1}.store-links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.store-button{min-height:3.25rem;display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);border:1px solid color-mix(in srgb,var(--color-bg) 30%,transparent);border-radius:var(--radius-md);text-decoration:none;font-size:var(--text-sm);font-weight:700}.store-button:hover{background:var(--color-bg);color:var(--color-text)}.store-button svg{width:1.5rem}.legal-links{padding-block:clamp(var(--space-16),9vw,var(--space-32))}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:end;margin-bottom:var(--space-12)}.section-heading h2{font-family:var(--font-display);font-size:var(--text-2xl);line-height:.98;letter-spacing:-.04em}.section-heading p{color:var(--color-muted);max-width:42ch}.link-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-4)}.link-card{position:relative;min-height:14rem;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;overflow:hidden}.link-card:first-child{grid-row:span 2;min-height:29rem;background:var(--color-primary);color:#fff}.link-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.link-card h3{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.05;max-width:14ch}.link-card p{color:var(--color-muted);font-size:var(--text-sm);margin-top:var(--space-3)}.link-card:first-child p{color:rgba(255,255,255,.8)}.card-arrow{align-self:flex-end;font-size:2rem;line-height:1}.support{padding-block:var(--space-16);border-top:1px solid var(--color-divider)}.support-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6)}.support h2{font-family:var(--font-display);font-size:var(--text-xl)}.support p{color:var(--color-muted)}.support a{color:var(--color-primary);font-weight:700}.page-hero{padding-block:clamp(var(--space-12),8vw,var(--space-24));border-bottom:1px solid var(--color-divider)}.page-hero h1{font-size:var(--text-2xl);max-width:15ch}.page-hero .meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5);color:var(--color-muted);font-size:var(--text-sm)}.page-hero .meta span+span::before{content:"•";margin-right:var(--space-2)}.language-switch{display:inline-flex;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);margin-top:var(--space-8)}.language-switch a{min-height:2.5rem;display:grid;place-items:center;padding-inline:var(--space-4);border-radius:var(--radius-full);text-decoration:none;font-size:var(--text-sm);font-weight:700}.language-switch a[aria-current="true"]{background:var(--color-primary);color:var(--color-on-primary)}.legal-layout{display:grid;grid-template-columns:15rem minmax(0,var(--prose));gap:clamp(var(--space-8),6vw,var(--space-20));align-items:start;padding-block:clamp(var(--space-12),7vw,var(--space-24))}.legal-toc{position:sticky;top:6.5rem}.legal-toc p{font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-faint);margin-bottom:var(--space-3)}.legal-toc a{display:block;padding-block:var(--space-2);font-size:var(--text-sm);color:var(--color-muted);text-decoration:none}.legal-toc a:hover{color:var(--color-primary)}.legal-content{min-width:0}.legal-content .legal-kicker{font-weight:800;font-size:var(--text-lg);color:var(--color-text)}.legal-content .legal-date{font-size:var(--text-sm);color:var(--color-muted);margin-block:var(--space-1)}.legal-content h2{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.1;margin-top:var(--space-16);margin-bottom:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-divider)}.legal-content h2:first-of-type{margin-top:var(--space-10)}.legal-content h3{font-size:var(--text-lg);margin-top:var(--space-8);margin-bottom:var(--space-3)}.legal-content p{margin-block:var(--space-3);max-width:var(--prose)}.legal-content ul{padding-left:var(--space-6);margin-block:var(--space-4)}.legal-content li{padding-left:var(--space-2);margin-block:var(--space-2)}.legal-content a{color:var(--color-primary);font-weight:600}.table-scroll{overflow-x:auto;margin-block:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md)}table{border-collapse:collapse;width:100%;min-width:38rem;font-size:var(--text-sm)}th,td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider);vertical-align:top}th{background:var(--color-surface-2);font-weight:700}tr:last-child td{border-bottom:0}.simple-page{min-height:65svh;display:grid;place-items:center;padding-block:var(--space-20)}.simple-card{width:min(100%,44rem);padding:clamp(var(--space-8),7vw,var(--space-16));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.simple-card .app-icon{width:5rem;border-radius:1.25rem;margin-bottom:var(--space-8)}.simple-card h1{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1}.simple-card p{color:var(--color-muted);margin-top:var(--space-5)}.simple-card .cta-row{margin-top:var(--space-8)}.redirect-status{font-size:var(--text-sm);color:var(--color-faint)!important}.site-footer{padding-block:var(--space-10);background:var(--color-surface-2);border-top:1px solid var(--color-divider)}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:var(--space-8)}.footer-brand img{width:10rem}.footer-brand p{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-4);max-width:35ch}.footer-nav h2{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-faint);margin-bottom:var(--space-3)}.footer-nav a{display:block;font-size:var(--text-sm);color:var(--color-muted);padding-block:var(--space-1);text-decoration:none}.footer-nav a:hover{color:var(--color-primary)}.footer-bottom{display:flex;justify-content:space-between;gap:var(--space-6);padding-top:var(--space-8);margin-top:var(--space-8);border-top:1px solid var(--color-divider);font-size:var(--text-xs);color:var(--color-faint)}
@media(max-width:900px){.desktop-nav{display:none}.menu-button{display:grid}.hero-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-art{width:min(100%,32rem);margin-inline:auto}.section-heading{grid-template-columns:1fr}.link-grid{grid-template-columns:1fr 1fr}.link-card:first-child{grid-row:auto;grid-column:1/-1;min-height:20rem}.legal-layout{grid-template-columns:1fr}.legal-toc{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){.container{width:min(100% - 1.25rem,var(--content))}.header-inner{min-height:4.25rem}.brand{width:9rem}.mobile-nav[data-open="true"]{grid-template-columns:1fr}.hero{padding-top:var(--space-10)}.hero h1{font-size:clamp(3rem,16vw,5rem)}.hero-grid{gap:var(--space-10)}.hero-note{right:var(--space-2);bottom:0}.download-inner,.support-inner,.footer-bottom{align-items:flex-start;flex-direction:column}.link-grid{grid-template-columns:1fr}.link-card:first-child{grid-column:auto;min-height:18rem}.link-card{min-height:12rem;padding:var(--space-6)}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.simple-card{border-radius:var(--radius-lg)}.page-hero{padding-block:var(--space-12)}.legal-content h2{margin-top:var(--space-12)}.store-links{width:100%}.store-button{flex:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}