:root{--riso-1:#ff4d6d;--riso-2:#2c4ad8;--ink:#1a1410;--ink-soft:#2b2622;--ink-mute:#8a6f55;--paper:#faecd2;--paper-deep:#f4dfbe;--paper-hi:#fdf3e2;--dark-strip:#3a352e;--font-display:"Frank Ruhl Libre", "Heebo", system-ui, sans-serif;--font-ui:"Heebo", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--riso-pink:#ff4d6d;--bg-cream:#faecd2;--coach-gray:#8a6f55;--coach-text:#2b2622;--liga-blue:#2c4ad8;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.333rem;--text-xl:2.4rem;--text-2xl:4rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--ease-overshoot:cubic-bezier(.34, 1.56, .64, 1)}.riso-shadow{isolation:isolate;display:inline-block;position:relative}.riso-shadow.riso-shadow-sm:before{opacity:.9;transform:translate(.06em,.06em)}.riso-shadow.riso-shadow-sm:after{transform:translate(-.03em,-.02em)}.riso-shadow.riso-shadow-xs:before{opacity:.45;transform:translate(.03em,.03em)}.riso-shadow.riso-shadow-xs:after{opacity:.45;transform:translate(-.015em,-.01em)}.riso-shadow:before{content:attr(data-text);color:var(--riso-1);mix-blend-mode:multiply;z-index:-1;opacity:1;position:absolute;inset:0;transform:translate(4px,4px)}.riso-shadow:after{content:attr(data-text);color:var(--riso-2);mix-blend-mode:multiply;z-index:-2;opacity:.35;position:absolute;inset:0;transform:translate(-2px,-1px)}.riso-paper{background-color:var(--paper);position:absolute;inset:0}.riso-grain{mix-blend-mode:multiply;opacity:.35;pointer-events:none;background-image:url(/paper-grain-v2.jpg);background-repeat:repeat;background-size:320px 320px;position:absolute;inset:0}.riso-dots{mix-blend-mode:multiply;opacity:.22;pointer-events:none;background-image:url(/dots-grid-v2.jpg);background-repeat:repeat;background-size:600px;position:absolute;inset:0}.riso-halftone-tint{background-color:var(--riso-1);mix-blend-mode:multiply;opacity:.75;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:url(/halftone-tile.png);mask-image:url(/halftone-tile.png);-webkit-mask-position:-30% 110%;mask-position:-30% 110%;-webkit-mask-size:160% 160%;mask-size:160% 160%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.riso-halftone-tint.tr-blue{background-color:var(--riso-2);opacity:.55;-webkit-mask-position:-40% -30%;mask-position:-40% -30%}.riso-lines{background-image:repeating-linear-gradient(135deg,transparent 0 6px,var(--ink) 6px 6.6px);mix-blend-mode:multiply;opacity:.06;pointer-events:none;position:absolute;inset:0}.riso-bleed{filter:blur(40px);mix-blend-mode:multiply;opacity:.6;pointer-events:none;border-radius:50%;position:absolute}body{background-color:var(--bg-cream);color:var(--ink);font-family:var(--font-he);font-size:var(--text-base);min-height:100vh;line-height:1.5;position:relative}body:before{content:"";pointer-events:none;z-index:0;opacity:.08;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.6' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.25  0 0 0 0 0.25  0 0 0 0 0.25  0 0 0 0.9 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;filter:blur(20px);background:radial-gradient(120px 120px at 40px 40px,#ff4d6d1f,#0000 70%),radial-gradient(120px 120px at calc(100% - 40px) calc(100% - 40px),#4361ee1f,#0000 70%);position:fixed;inset:0}#root,main,.app-root{z-index:1;position:relative}*{scrollbar-color:var(--riso-pink) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--riso-pink);border:2px solid var(--bg-cream);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--ink)}.num,.num *{font-family:var(--font-mono);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}h1,h2{text-wrap:balance;letter-spacing:-.01em;font-weight:800;line-height:1.1}h1{font-size:var(--text-xl)}p{text-wrap:pretty;line-height:1.6}.caps{text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-display)}.headline-display{color:var(--ink);text-wrap:balance;font-weight:800;font-size:var(--text-2xl);letter-spacing:-.02em;line-height:1;display:inline-block;position:relative}.headline-display:first-letter{color:var(--riso-pink)}.hero-num{font-family:var(--font-mono);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:.02em;direction:ltr;font-weight:700;line-height:1}.num,.num *{letter-spacing:.02em}.dot-pattern{background-image:radial-gradient(var(--goal-yellow) 1.2px,transparent 1.4px);opacity:.35;background-size:14px 14px}.with-bottom-nav{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}button,a{min-height:0}.tap{min-width:44px;min-height:44px}.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);background:var(--riso-pink);color:#fff;font-family:var(--font-he);font-weight:800;font-size:var(--text-lg);letter-spacing:-.01em;border:1.5px solid var(--ink);cursor:pointer;min-height:52px;transition:transform .18s var(--ease-overshoot),opacity .18s ease;box-shadow:3px 3px 0 var(--ink);border-radius:14px 4px;padding:16px 24px;display:inline-flex}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-ghost{color:var(--coach-text);font-family:var(--font-he);font-weight:500;font-size:var(--text-base);cursor:pointer;background:0 0;border:none;padding:12px 16px}.input-field{background:var(--bg-cream);border:1.5px solid var(--ink);width:100%;font-family:var(--font-he);font-weight:700;font-size:var(--text-lg);color:var(--ink);border-radius:14px 4px;outline:none;padding:16px 20px;transition:border-color .18s}.input-field:focus{border-color:var(--riso-pink);border-width:2px;padding:15.5px 19.5px}.input-field::placeholder{color:var(--coach-gray);font-weight:500}.team-card{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);background:var(--bg-cream);border:1.5px solid var(--ink);cursor:pointer;transition:transform .18s var(--ease-overshoot),border-color .18s ease,border-width .18s ease;border-radius:14px 4px;flex-direction:column;min-height:88px;display:flex;position:relative}.team-card[data-selected=true]{border-color:var(--riso-pink);padding:calc(var(--space-3) - 1.5px) calc(var(--space-2) - 1.5px);border-width:3px;transform:scale(1.05)}.team-card .flag{font-size:36px;line-height:1}.team-card .name{font-size:var(--text-sm);text-align:center;color:var(--ink);font-weight:700}.flag-emoji{font-family:Twemoji Country Flags,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,sans-serif;line-height:1}.team-card .flag{font-family:Twemoji Country Flags,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,sans-serif}.flag-stamp{background:var(--bg-cream);border:2px solid var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.flag-stamp-sm{width:40px;height:40px}.flag-stamp-md{width:56px;height:56px}.flag-stamp-lg{width:96px;height:96px}.flag-stamp-sm .flag-emoji{font-size:32px}.flag-stamp-md .flag-emoji{font-size:44px}.flag-stamp-lg .flag-emoji{font-size:76px}.flag-stamp .flag-emoji{filter:saturate(.75)contrast(.95);line-height:1}.logo-mondial{color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;text-shadow:1px 1px 0 var(--riso-pink),2px 2px 0 var(--riso-pink),3px 3px 0 var(--riso-pink);line-height:1;display:inline-block}.logo-mondial--hero{font-size:var(--text-xl);text-shadow:-3px -2px 0 var(--riso-pink),3px 2px 0 var(--liga-blue);font-weight:800}
