:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#ece5d5;--paper-2:#fbf8f0;--paper-3:#f3eee1;--ink:#211b16;--ink-soft:#7b7060;--ink-line:#211b16;--line:#211b1621;--line-2:#211b1638;--green:#0f8a4d;--green-d:#0a6b3b;--red:#e23120;--blue:#1f5fd0;--gold:#f3b51b;--accent:var(--red);--shadow-ink:#211b16e6;--hard:0 10px 26px -12px #211b1647;--hard-sm:0 4px 12px -6px #211b1638;--r:14px;--r-sm:10px;--display:"Big Shoulders Display", "Archivo", sans-serif;--sans:"Archivo", ui-sans-serif, system-ui, sans-serif;--mono:"Space Mono", ui-monospace, monospace;font-family:var(--sans)}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;opacity:.06;background-image:radial-gradient(var(--ink) 1px, transparent 1.5px);background-size:6px 6px;position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}button{font:inherit}a{color:var(--red);text-underline-offset:3px}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;text-transform:uppercase;font-weight:800}.foil{position:relative;overflow:hidden}.foil:after{content:"";mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(115deg,#ff008059,#00c8ff59,#ffd70066,#00ff804d) 0 0/300% 300%;animation:5s ease-in-out infinite foil-shift;position:absolute;inset:0}@keyframes foil-shift{50%{background-position:100%}}.app-shell{width:min(1280px,100vw - 40px);margin:0 auto;padding:24px 0 30px}.loading{text-align:center;place-content:center;gap:6px;min-height:100vh;display:grid}.eyebrow,.label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.18em;font-family:var(--mono);align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.muted{color:var(--ink-soft)}.logo{align-items:baseline;gap:12px;display:inline-flex}.logo-button{border-radius:var(--r-sm);cursor:pointer;font:inherit;background:0 0;border:0;margin:-4px -6px;padding:4px 6px;transition:transform .12s,background .12s}.logo-button:hover{background:#211b160d;transform:translateY(-1px)}.logo-button:active{transform:translateY(0)}.logo-word{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;align-items:baseline;gap:6px;font-weight:900;line-height:.8;display:inline-flex}.logo-word strong{color:var(--ink);font-weight:900}.logo-word em{color:var(--red);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;font-style:normal;font-weight:900}.logo-word strong,.logo-word em{font-size:30px}.logo-years{font-family:var(--mono);letter-spacing:.18em;color:var(--ink-soft);font-size:11px;font-weight:700}.hero-logo .logo-word strong,.hero-logo .logo-word em{font-size:44px}.hero-logo .logo-years{font-size:13px}.gamebar{border:1px solid var(--line);border-radius:var(--r);background:var(--paper-2);box-shadow:var(--hard);align-items:center;padding:14px 22px 18px;display:flex;position:relative;overflow:hidden}.gamebar:after{content:"";background:linear-gradient(90deg, var(--green) 0 25%, var(--gold) 25% 50%, var(--red) 50% 75%, var(--blue) 75% 100%);height:6px;position:absolute;bottom:0;left:0;right:0}.lineup-panel .rating-box{margin-top:0}.topbar{border:1px solid var(--line);border-radius:var(--r);background:var(--paper-2);box-shadow:var(--hard);padding:30px 32px;display:block;position:relative;overflow:hidden}.hero-sun-logo{z-index:1;object-fit:contain;pointer-events:none;border-radius:14px;width:auto;max-width:42%;height:calc(100% - 44px);position:absolute;top:50%;right:clamp(96px,13vw,300px);transform:translateY(-50%)rotate(-2deg);box-shadow:0 14px 34px #1c18102e}.hero-sun-glow{display:none}.topbar:after{content:"";background:linear-gradient(90deg, var(--green) 0 25%, var(--gold) 25% 50%, var(--red) 50% 75%, var(--blue) 75% 100%);pointer-events:none;height:8px;position:absolute;bottom:0;left:0;right:0}.topbar>div{z-index:1;position:relative}.hero-main{max-width:54%}@media (width<=1200px){.hero-sun-logo{max-width:40%;height:calc(100% - 40px);right:clamp(48px,9vw,170px)}.hero-main{max-width:56%}}@media (width<=980px){.hero-sun-logo,.hero-sun-glow{display:none}.hero-main{max-width:none}}.brand-badge{border:1px solid var(--line);background:var(--paper);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);box-shadow:var(--hard-sm);border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-size:11px;font-weight:700;display:inline-flex}.brand-badge .ball{background:var(--red);border:1px solid var(--line);width:26px;height:26px;color:var(--paper);border-radius:999px;place-items:center;display:grid}.topbar h1{max-width:7.2ch;margin:20px 0 0;font-size:clamp(78px,11vw,156px);font-weight:900;line-height:.82}.topbar h1 .grad{color:var(--red)}.topbar .tagline{max-width:42ch;color:var(--ink);margin:18px 0 0;font-size:16px;font-weight:500;line-height:1.45}.dataset-stats{flex-flow:wrap;align-items:baseline;gap:24px;margin-top:26px;display:flex}.dataset-stats .stat{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;justify-content:flex-start;align-items:center;gap:8px;padding:0;display:inline-flex}.dataset-stats .stat strong{font-family:var(--display);color:var(--ink);font-size:34px;font-weight:900;line-height:1}.dataset-stats .stat:first-child strong{color:var(--green-d)}.dataset-stats .stat:nth-child(2) strong{color:var(--blue)}.dataset-stats .stat:nth-child(3) strong{color:#b98200}.dataset-stats .stat span{color:var(--ink);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.landing{margin-top:18px}.landing-grid{grid-template-columns:1fr minmax(300px,430px);align-items:stretch;gap:18px;display:grid}.landing-copy,.landing-pitch-wrap{border:1px solid var(--line);border-radius:var(--r);background:var(--paper-2);box-shadow:var(--hard);flex-direction:column;padding:22px;display:flex}.steps{flex-direction:column;gap:12px;margin:16px 0 22px;display:flex}.step{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);box-shadow:var(--hard-sm);grid-template-columns:52px 1fr;align-items:center;gap:16px;padding:14px 16px;transition:transform .14s;display:grid}.step:hover{box-shadow:var(--hard);transform:none}.step:first-child .step-num{background:var(--green)}.step:nth-child(2) .step-num{background:var(--blue)}.step:nth-child(3) .step-num{background:var(--red)}.step-num{border:1px solid var(--line);width:52px;height:52px;font-family:var(--display);color:var(--paper);border-radius:999px;place-items:center;font-size:26px;font-weight:900;line-height:1;display:grid}.step-icon{display:none}.step strong{font-family:var(--display);text-transform:uppercase;align-items:center;gap:9px;font-size:26px;font-weight:800;line-height:1;display:flex}.step strong svg{color:var(--ink-soft)}.step p{color:var(--ink-soft);margin:5px 0 0;font-size:14px;line-height:1.4}.landing-actions{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:10px;margin-top:auto;display:grid}.landing-actions .primary-btn,.landing-actions .secondary-action{width:100%;min-height:56px;box-shadow:var(--hard-sm)}.landing-actions .primary-btn{border-color:color-mix(in srgb, var(--ink) 35%, var(--gold))}.landing-actions .secondary-action{background:var(--ink);color:var(--paper);border-width:2px;margin:0}.landing-actions .secondary-action:hover:not(:disabled){background:var(--blue);color:var(--paper)}.control-actions{flex-wrap:wrap;gap:8px;display:flex}.ghost-btn:disabled{opacity:.4;cursor:not-allowed}.landing-note{text-align:center;font-family:var(--mono);margin:13px 0 0;font-size:12px}.pitch-caption{text-align:center;font-family:var(--mono);color:var(--ink-soft);letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:700}.pitch.mini{max-width:340px;margin:auto}.pitch.mini .disc{width:40px;height:40px;font-size:12px}.nations-bar{border:1px solid var(--line);border-radius:var(--r);background:var(--paper-2);box-shadow:var(--hard);margin-top:18px;padding:16px 0;overflow:hidden}.nations-head{font-family:var(--mono);color:var(--ink);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:9px;padding:0 20px 13px;font-size:11px;font-weight:700;display:flex}.flag-dot{color:var(--red);animation:1.5s ease-in-out infinite blink}@keyframes blink{50%{opacity:.25}}.marquee{width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.marquee-track{gap:10px;width:max-content;padding:4px;animation:72s linear infinite scroll-x;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes scroll-x{to{transform:translate(-50%)}}.nation-pill{border:1px solid var(--line);background:var(--paper);color:var(--ink);white-space:nowrap;box-shadow:var(--hard-sm);border-radius:999px;flex:none;align-items:center;gap:9px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.nation-pill .flag{font-size:17px;line-height:1}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}.control-band{border:1px solid var(--line);border-radius:var(--r);background:var(--paper-2);box-shadow:var(--hard);grid-template-columns:minmax(150px,1fr) auto minmax(260px,1fr);align-items:center;gap:14px;margin-top:18px;padding:13px 18px;display:grid}.control-band>.ghost-btn{justify-self:start}.control-band .formation-tabs{justify-content:center}.control-band .control-actions{justify-self:end}.run-label{font-family:var(--display);color:var(--ink);text-transform:uppercase;align-items:center;gap:7px;margin-top:5px;font-size:22px;font-weight:800;display:inline-flex}.run-label:before{content:"";background:var(--red);border:1px solid var(--ink);border-radius:999px;width:9px;height:9px}.formation-tabs,.roster-meta,.result-stats{flex-wrap:wrap;gap:7px;display:flex}.formation-tabs button,.ghost-btn{border:1px solid var(--line);border-radius:var(--r-sm);min-height:38px;color:var(--ink);background:var(--paper);font-family:var(--mono);cursor:pointer;padding:7px 14px;font-size:13px;font-weight:700;transition:transform .1s,box-shadow .1s}.formation-tabs button:hover,.ghost-btn:hover{box-shadow:var(--hard-sm);transform:none}.formation-tabs button.active{color:var(--paper);background:var(--ink)}.ghost-btn{text-transform:uppercase;align-items:center;gap:8px;display:inline-flex}.game-grid{grid-template-columns:minmax(266px,344px) minmax(390px,1fr) minmax(244px,304px);align-items:start;gap:16px;margin-top:16px;display:grid}.roll-panel,.pitch-panel,.lineup-panel,.result-hero,.campaign,.share-card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--hard)}.roll-panel,.lineup-panel{padding:16px}.roll-card{border-radius:var(--r-sm);background:var(--green);border:1px solid var(--line);min-height:144px;color:var(--paper);box-shadow:var(--hard-sm);margin-bottom:14px;padding:15px 16px;position:relative;overflow:hidden}.roll-card .eyebrow{color:#fbf8f0d9}.dice-roll{z-index:3;border-radius:var(--r-sm);background:var(--paper);border:1px solid var(--line);width:34px;height:34px;color:var(--ink);box-shadow:var(--hard-sm);transform-origin:50%;place-items:center;animation:.45s ease-in-out infinite dice-tumble;display:grid;position:absolute;top:12px;right:12px}@keyframes dice-tumble{0%{transform:rotate(0)scale(1)}25%{transform:rotate(-22deg)scale(1.14)}50%{transform:rotate(18deg)scale(.94)}75%{transform:rotate(-10deg)scale(1.08)}to{transform:rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.dice-roll{animation:none}}.roll-card h2,.result-hero h2{margin:9px 0 10px;font-size:36px;font-weight:900;line-height:.9}.roll-title{align-items:center;gap:12px;display:flex}.roll-flag{border:1px solid var(--line);background:var(--paper);width:52px;height:38px;box-shadow:var(--hard-sm);border-radius:7px;flex:none;place-items:center;font-size:26px;line-height:1;display:grid}.roll-card .muted{color:#fbf3e2d9}.roster-meta span,.result-stats span{border:1px solid var(--line);background:var(--paper);color:var(--ink);font-family:var(--mono);text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.primary-btn{border:1px solid var(--line);border-radius:var(--r-sm);width:100%;min-height:52px;color:var(--paper);background:var(--red);font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;box-shadow:var(--hard);justify-content:center;align-items:center;gap:10px;font-size:19px;font-weight:800;transition:transform .1s,box-shadow .1s;display:inline-flex}.primary-btn:hover:not(:disabled){box-shadow:var(--hard);transform:none}.primary-btn:active:not(:disabled){box-shadow:var(--hard-sm);transform:none}.primary-btn:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.4;box-shadow:none}.primary-btn.gold{background:var(--gold);color:var(--ink)}.reroll-actions{flex-direction:column;gap:9px;display:flex}.secondary-action{border:1px solid var(--line);border-radius:var(--r-sm);min-height:46px;color:var(--ink);background:var(--paper);font-family:var(--display);text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:700;transition:transform .1s,box-shadow .1s,background .1s;display:inline-flex}.secondary-action:hover:not(:disabled){background:var(--blue);color:var(--paper);box-shadow:var(--hard-sm);transform:none}.reroll-note{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.45}.rating-box{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;display:grid}.rating-box span{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);text-align:center;color:var(--ink-soft);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:11px 6px;font-size:10px;font-weight:700}.rating-box b{font-family:var(--display);color:var(--ink);font-size:30px;font-weight:900;display:block}.player-list{flex-direction:column;gap:6px;max-height:52vh;display:flex;overflow:auto}.list-head{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;padding:4px 2px;font-size:11px;font-weight:700;display:flex}.player-row{text-align:left;border:1px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);background:var(--paper);cursor:pointer;grid-template-columns:34px 1fr 40px;align-items:center;gap:10px;padding:8px 9px;transition:transform .1s,box-shadow .1s;display:grid}.player-row.selected,.player-row:hover:not(:disabled){box-shadow:var(--hard-sm);background:color-mix(in srgb, var(--gold) 18%, var(--paper));transform:none}.player-row.unavailable{cursor:not-allowed;opacity:.7;background:var(--paper-3);filter:grayscale(.85);border-style:dashed}.player-row.unavailable:hover{box-shadow:none;background:var(--paper-3);transform:none}.player-row.unavailable .player-main strong{text-decoration:line-through;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);color:var(--ink-soft)}.player-row.unavailable .player-main small{color:var(--ink-soft)}.player-row.unavailable .overall{opacity:.6}.filled-tag{background:var(--ink);color:var(--paper-2);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;border-radius:999px;align-items:center;gap:3px;margin-left:6px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-flex}.filled-tag svg{flex:none}.shirt,.overall{border:1px solid var(--line);background:var(--paper-2);width:34px;height:34px;font-family:var(--mono);border-radius:999px;place-items:center;font-size:13px;font-weight:700;display:grid}.overall.gold{color:var(--ink);background:var(--gold);border-color:#0000}.overall.elite{color:var(--paper);background:var(--blue);border-color:#0000}.player-main{min-width:0}.player-main strong,.player-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-main strong{font-weight:700}.player-main small{color:var(--ink-soft);font-family:var(--mono);font-size:11px}.pitch-panel{padding:15px}.pitch{aspect-ratio:3/4;border-radius:var(--r-sm);border:1px solid var(--line);background:linear-gradient(90deg, transparent 49.6%, #ffffff80 49.6%, #ffffff80 50.4%, transparent 50.4%), repeating-linear-gradient(180deg, var(--green) 0 11%, var(--green-d) 11% 22%);width:100%;max-width:540px;margin:0 auto;position:relative;overflow:hidden}.pitch:before,.pitch:after{content:"";pointer-events:none;border:2px solid #ffffff8c;height:15%;position:absolute;left:18%;right:18%}.pitch:before{border-top:0;top:-1px}.pitch:after{border-bottom:0;bottom:-1px}.slot{--slot-disc-size:48px;z-index:2;width:132px;transform:translate(-50%, calc(var(--slot-disc-size) / -2));color:var(--paper);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute}.slot .disc{width:var(--slot-disc-size);height:var(--slot-disc-size);background:var(--paper-2);border:1px solid var(--line);color:var(--ink);font-family:var(--mono);box-shadow:var(--hard-sm);border-radius:999px;place-items:center;font-weight:700;transition:transform .12s;display:grid}.slot.filled .disc{background:var(--gold)}.slot.target .disc{background:var(--red);color:var(--paper);animation:.9s ease-in-out infinite bounce}@keyframes bounce{50%{transform:translateY(-4px)}}.slot-name{border:1px solid var(--ink);background:var(--ink);max-width:92px;color:var(--paper);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700;overflow:hidden}.slot small{background:var(--paper-2);border:1px solid var(--ink);color:var(--ink);font-family:var(--mono);border-radius:999px;padding:1px 6px;font-size:10px}.selection-hint{border-radius:var(--r-sm);background:var(--red);border:1px solid var(--line);color:var(--paper);font-family:var(--display);text-transform:uppercase;box-shadow:var(--hard-sm);justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:11px;font-size:16px;font-weight:700;display:flex}.lineup-panel h2{margin:0 0 14px;font-size:28px;font-weight:900}.lineup-list{flex-direction:column;gap:6px;display:flex}.lineup-row{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;padding:9px 10px;transition:transform .1s,box-shadow .1s;display:grid}.lineup-row.empty{opacity:.55;background:0 0;border-style:dashed}.lineup-row.target{opacity:1;background:var(--gold);box-shadow:var(--hard-sm)}.lineup-row:disabled{cursor:not-allowed}.lineup-row span{color:var(--red);font-family:var(--display);font-size:15px;font-weight:800}.lineup-row strong{font-weight:700}.lineup-row small{color:var(--ink-soft);font-family:var(--mono);font-size:11px}.result-grid{grid-template-columns:minmax(286px,420px) 1fr;gap:16px;margin-top:18px;display:grid}.live-panel{border:1px solid var(--line);border-radius:var(--r);background:var(--paper-2);box-shadow:var(--hard);padding:24px}.live-panel .event-feed{min-height:220px;max-height:620px;margin-top:16px}.live-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.live-top h2{margin:12px 0 0;font-size:clamp(30px,4.2vw,48px);font-weight:900;line-height:.98}.match-clock{text-align:center;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);min-width:86px;padding:9px 11px}.match-clock strong{font-family:var(--mono);color:var(--red);font-size:28px;font-weight:700;line-height:1;display:block}.match-clock span{color:var(--ink-soft);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:5px;font-size:10px;display:block}.live-scoreboard{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;display:grid}.live-scoreboard div{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);padding:11px 14px}.live-scoreboard div:first-child{background:color-mix(in srgb, var(--green) 16%, var(--paper))}.live-scoreboard span{min-height:32px;color:var(--ink-soft);font-family:var(--mono);text-transform:uppercase;font-size:12px;font-weight:700;display:block}.live-scoreboard strong{font-family:var(--display);color:var(--ink);font-size:clamp(46px,6vw,68px);font-weight:900;line-height:.9;display:block}.shootout-score{border:1px solid var(--line);border-radius:var(--r-sm);background:color-mix(in srgb, var(--gold) 18%, var(--paper));justify-content:space-between;align-items:center;gap:12px;margin:-10px 0 18px;padding:9px 12px;display:flex}.shootout-score span{color:var(--ink-soft);font-family:var(--mono);text-transform:uppercase;font-size:11px;font-weight:700}.shootout-score strong{font-family:var(--display);color:var(--ink);font-size:28px;font-weight:900;line-height:1}.next-opponent-card{border:1px solid var(--line);border-radius:var(--r-sm);background:color-mix(in srgb, var(--gold) 22%, var(--paper));gap:4px;margin:-2px 0 14px;padding:12px;display:grid}.next-opponent-card span,.next-opponent-card small{color:var(--ink-soft);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.next-opponent-card strong{font-family:var(--display);color:var(--ink);font-size:22px;font-weight:800}.sim-controls{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.sim-controls button{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);min-height:40px;color:var(--ink);font-family:var(--mono);text-transform:uppercase;cursor:pointer;padding:0 14px;font-size:12px;font-weight:700;transition:transform .1s,box-shadow .1s}.sim-controls button:hover:not(:disabled){box-shadow:var(--hard-sm);transform:none}.sim-controls button.active{color:var(--paper);background:var(--ink)}.sim-controls button:disabled{opacity:.4;cursor:not-allowed}.event-feed{flex-direction:column;gap:6px;min-height:168px;max-height:320px;padding-right:4px;display:flex;overflow:auto}.ev{border:0;border-bottom:1px solid var(--line);width:100%;box-shadow:none;background:0 0;border-radius:0;align-items:baseline;gap:11px;padding:7px 2px;display:flex}.ev:last-child{border-bottom:0}.ev-min{font-family:var(--mono);color:var(--ink-soft);flex:none;min-width:30px;font-size:12px;font-weight:700}.ev-icon{flex:none;align-self:center;font-size:14px;line-height:1}.ev-body{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.ev-body strong{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.ev-opp .ev-body strong{color:var(--ink-soft);font-weight:600}.ev-body small{font-family:var(--mono);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ev-score{font-family:var(--display);color:var(--ink);flex:none;margin-left:auto;font-size:16px;font-weight:900}.ev-goal.ev-you .ev-score{color:var(--green-d)}.ev-goal.ev-opp .ev-score{color:var(--red)}.ev-penalties .ev-icon,.ev-penalties .ev-score{color:var(--green-d)}.ev-penalties.ev-missed .ev-icon,.ev-penalties.ev-missed .ev-body small{color:var(--red)}.ev-penalties.ev-missed .ev-score{color:var(--ink-soft)}.ev-in{color:var(--green-d)}.ev-out{text-decoration:line-through}.ev-half{background:var(--ink);color:var(--paper);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:8px;margin:4px 0;padding:4px 14px;font-size:11px;font-weight:700;display:flex}.ev-half b{font-family:var(--display);font-size:14px}.empty-events{color:var(--ink-soft);border-radius:var(--r-sm);border:2px dashed var(--ink);margin:0;padding:12px}.group-card{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);margin-top:14px;padding:13px}.group-card-head,.group-row{grid-template-columns:1fr 36px 36px 36px 36px;align-items:center;gap:8px;display:grid}.group-card-head{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.group-row{color:var(--ink-soft);border-top:1px solid #211b162e;padding:7px 0;font-size:13px}.group-row.header{color:var(--ink);font-family:var(--mono);text-transform:uppercase;border-top:0;font-size:11px}.group-row.you{color:var(--ink);font-weight:800}.group-row b{text-align:right;font-family:var(--mono)}.result-hero{padding:28px;position:relative;overflow:hidden}.result-hero h2{margin-bottom:16px;line-height:.98}.result-hero .result-stats{margin:6px 0 18px}.result-hero .group-card{margin-top:22px}.progress-line{font-family:var(--mono);color:var(--ink);margin:10px 0 0;font-size:13px;font-weight:700}.progress-pips{gap:6px;margin:14px 0 4px;display:flex}.pip{border:1px solid var(--line);background:0 0;border-radius:999px;flex:1;max-width:60px;height:10px}.pip-win{background:var(--green)}.pip-draw{background:var(--gold)}.pip-loss{background:var(--red)}.pip-next{opacity:.5;background:0 0}.pip-now{background:var(--ink);animation:1s ease-in-out infinite pip-pulse}@keyframes pip-pulse{50%{opacity:.4}}.result-hero:before{content:"";background:var(--red);width:8px;position:absolute;top:0;bottom:0;left:0}.result-hero.champion:before{background:var(--gold)}.result-hero.champion{background:color-mix(in srgb, var(--gold) 14%, var(--paper-2))}.big-record{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;text-shadow:4px 4px 0 var(--gold);margin:16px 0;font-size:clamp(52px,7vw,92px);font-weight:900;line-height:.9}.result-hero.champion .big-record{color:var(--gold);text-shadow:4px 4px 0 var(--ink)}.pending-record{font-family:var(--display);color:var(--red);white-space:nowrap;font-size:clamp(48px,7vw,92px);font-weight:900}.campaign{border:0;border-top:1px solid var(--line);box-shadow:none;background:0 0;flex-direction:column;gap:4px;margin-top:20px;padding:18px 0 0;display:flex}.campaign-head{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:0 2px 6px;font-size:11px;font-weight:700}.match-row{border:0!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:9px 2px!important}.match-row:last-child{border-bottom:0!important}.match-row{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 12px;display:grid}.match-row.lost{background:color-mix(in srgb, var(--red) 11%, var(--paper));border-left:4px solid var(--red)}.match-row.live{background:color-mix(in srgb, var(--gold) 18%, var(--paper));box-shadow:var(--hard-sm)}.match-row.pending-match{opacity:.5}.m-phase{min-width:90px;color:var(--ink-soft);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:700}.m-opp{align-items:center;gap:8px;min-width:0;display:flex}.m-opp .flag{font-size:16px;line-height:1}.m-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.m-score{font-family:var(--display);color:var(--green-d);white-space:nowrap;font-size:22px;font-weight:900}.match-row.lost .m-score{color:var(--red)}.match-row.pending-match .m-score{color:var(--ink-soft)}.share-card{border-color:var(--line-2);grid-column:1/-1;justify-self:center;width:min(860px,100%);padding:clamp(22px,3vw,32px);position:relative;overflow:hidden}.share-card.champion{background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 26%, transparent), transparent 28%), var(--paper-2)}.share-kicker,.share-card-head,.share-record,.share-actions{align-items:center;display:flex}.share-kicker{border-bottom:1px solid var(--line);color:var(--ink-soft);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:16px;padding-bottom:14px;font-size:12px;font-weight:700}.share-brand{font-family:var(--display);letter-spacing:0;font-size:30px;font-weight:900;line-height:.9}.share-brand b{color:var(--ink);font-weight:900}.share-brand em{color:var(--red);margin-left:4px;font-style:normal;font-weight:900}.share-card-head{justify-content:space-between;align-items:end;gap:22px;margin:22px 0 18px}.share-card-head h3{margin:4px 0 0;font-size:clamp(44px,6vw,76px);font-weight:900;line-height:.9}.share-record{flex-direction:column;flex:none;align-items:end;gap:7px}.share-record span{color:var(--ink-soft);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.share-record strong{font-family:var(--display);color:var(--green-d);text-shadow:2px 2px 0 color-mix(in srgb, var(--gold) 50%, transparent);font-size:clamp(52px,8vw,90px);font-weight:900;line-height:.76}.share-card.champion .share-record strong{color:#bd8d12}.share-statbox{border:1px solid var(--line-2);background:color-mix(in srgb, var(--paper) 42%, var(--paper-2));border-radius:6px;grid-template-columns:repeat(4,1fr);margin-bottom:18px;display:grid}.share-statbox span{border-left:1px solid var(--line);color:var(--ink-soft);text-transform:uppercase;font-family:var(--mono);letter-spacing:.06em;gap:3px;padding:11px 12px;font-size:10px;font-weight:700;display:grid}.share-statbox span:first-child{border-left:0}.share-statbox b{font-family:var(--display);color:var(--ink);font-size:32px;font-weight:900;line-height:1}.share-statbox b.gold{color:#c29a2e}.share-lineup{border-top:1px solid var(--line);flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.sl-row{border-bottom:1px solid var(--line);background:0 0;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:40px;padding:8px 0;display:grid}.sl-meta{grid-template-columns:26px 1fr;align-items:baseline;gap:8px;display:grid}.sl-num{font-family:var(--mono);color:var(--ink-soft);text-align:left;font-size:13px;font-weight:700}.sl-pos{color:var(--red);font-family:var(--display);font-size:19px;font-weight:900;line-height:1}.sl-name{min-width:0;color:var(--ink);align-items:baseline;gap:9px;font-size:16px;font-weight:800;display:flex}.sl-pname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sl-row.gold .sl-name{color:#a77d12}.sl-row.elite .sl-name{color:var(--blue)}.sl-nat{font-family:var(--mono);color:var(--ink-soft);white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:inline-flex}.sl-nat b{color:var(--ink);font-weight:700}.sl-flag{font-size:16px;line-height:1}.sl-ovr{font-family:var(--display);color:var(--ink);flex:none;font-size:18px;font-weight:900}.sl-row.gold .sl-ovr{color:#a77d12}.sl-row.elite .sl-ovr{color:var(--blue)}.share-foot{text-align:center;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:14px 0 0;font-size:11px;font-weight:700}.share-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.share-btn{border:1.5px solid var(--ink);background:var(--paper-2);min-width:168px;min-height:48px;color:var(--ink);font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 22px;font-size:16px;font-weight:700;transition:filter .12s,box-shadow .12s;display:inline-flex}.share-btn:disabled{opacity:.7;cursor:progress}.share-btn:hover{box-shadow:var(--hard-sm)}.share-btn.primary{background:var(--red);color:#fff;border-color:var(--red)}.share-btn.primary:hover{filter:brightness(1.06)}.source-note{color:var(--ink-soft);font-family:var(--mono);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:22px 4px 0;font-size:12px;display:flex}.source-note a{color:var(--ink);align-items:center;gap:5px;font-weight:700;text-decoration:none;display:inline-flex}.source-note a:hover{color:var(--red)}.source-note a b{place-items:center;width:15px;height:15px;font-size:12px;line-height:1;display:grid}.source-note a.support-btn{color:var(--ink);background:var(--gold);border:2px solid var(--ink);letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--hard-sm);border-radius:999px;padding:8px 16px;transition:transform .14s,box-shadow .14s}.source-note a.support-btn:hover{color:var(--ink);box-shadow:var(--hard);transform:translateY(-2px)}.support-coffee{border:2px solid var(--ink);background:var(--gold);width:42px;height:42px;color:var(--ink);box-shadow:var(--hard-sm);border-radius:999px;justify-content:center;align-items:center;margin-left:auto;text-decoration:none;transition:transform .14s,box-shadow .14s;display:inline-flex}.support-coffee:hover{box-shadow:var(--hard);transform:translateY(-2px)}@media (width>=1101px){.game-grid{align-items:stretch;height:calc(100vh - 228px);margin-top:16px}.roll-panel,.lineup-panel,.pitch-panel{flex-direction:column;min-height:0;max-height:100%;display:flex}.roll-panel .player-list{flex:1;min-height:0;max-height:none}.lineup-panel .lineup-list{flex:1;min-height:0;overflow:auto}.pitch-panel{justify-content:center;align-items:center}.pitch{width:auto;max-width:100%;height:100%;max-height:100%;margin:0}}@media (width<=1100px){.control-band{flex-wrap:wrap;justify-content:space-between;display:flex}.game-grid,.result-grid,.landing-grid{grid-template-columns:1fr}.lineup-panel{order:3}}@media (width<=720px){body{overflow-x:hidden}body:before,body:after{opacity:.035}.topbar{padding:18px 18px 22px}.topbar:after{height:6px}.hero-logo .logo-word strong,.hero-logo .logo-word em{font-size:34px}.hero-logo .logo-years{font-size:11px}.topbar h1{max-width:7ch;margin-top:15px;font-size:clamp(58px,18vw,74px);line-height:.84}.topbar .tagline{margin-top:12px;font-size:14px;line-height:1.35}.dataset-stats{flex-wrap:wrap;gap:10px 14px;margin-top:14px}.dataset-stats .stat{flex-direction:row;flex:none;align-items:baseline;gap:7px;min-width:0}.dataset-stats .stat strong{font-size:26px}.landing{margin-top:12px}.landing-grid{gap:12px}.landing-copy,.landing-pitch-wrap,.roll-panel,.pitch-panel,.lineup-panel,.live-panel,.result-hero,.share-card{box-shadow:var(--hard-sm);border-radius:12px}.landing-copy{padding:14px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0;display:grid}.step{text-align:center;grid-template-columns:1fr;justify-items:center;gap:6px;padding:9px 7px;display:grid}.step-num{width:34px;height:34px;font-size:18px}.step strong{justify-content:center;gap:4px;font-size:17px}.step strong svg,.step p,.landing-note{display:none}.landing-actions{gap:8px}.landing-actions .primary-btn,.landing-actions .secondary-action{min-height:50px;padding-inline:8px;font-size:17px}.landing-pitch-wrap{padding:14px}.pitch.mini{max-width:260px}.nations-bar{margin-top:12px;padding:12px 0}.nations-head{letter-spacing:.08em;padding:0 14px 9px;font-size:10px}.gamebar{padding:12px 16px 16px}.gamebar .logo-word strong,.gamebar .logo-word em{font-size:26px}.gamebar .logo-years{font-size:10px}.gamebar .logo-button{align-items:center;min-height:44px}.control-band{gap:10px;margin-top:12px;padding:11px}.control-band>.back-btn{flex:96px;justify-content:center}.control-band .control-actions{flex:2 190px;grid-template-columns:1fr 1fr;display:grid}.control-band .formation-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;order:3;justify-content:flex-start;width:100%;padding-bottom:2px;overflow-x:auto}.control-band .formation-tabs::-webkit-scrollbar{display:none}.formation-tabs button,.ghost-btn{flex:none;min-height:44px;padding:8px 13px}.game-grid{gap:12px;margin-top:12px}.roll-panel,.pitch-panel,.lineup-panel{padding:12px}.roll-card{min-height:0;margin-bottom:11px;padding:13px}.roll-card h2,.result-hero h2{font-size:30px;line-height:.95}.roster-meta{gap:6px}.roster-meta span{padding:4px 8px;font-size:10px}.player-list{max-height:min(430px,58vh)}.player-row{min-height:48px;padding:7px 8px}.pitch-panel{scroll-margin-top:10px}.pitch{width:min(100%,330px);max-height:68vh}.lineup-panel{scroll-margin-top:10px}.rating-box{gap:6px;margin:0 0 12px}.rating-box span{letter-spacing:.04em;padding:9px 4px}.rating-box b{font-size:26px}.lineup-panel h2{font-size:28px}.lineup-row{min-height:48px;padding:8px 9px}.result-grid{gap:12px;margin-top:12px}.live-panel{order:-1;padding:16px}.live-top{align-items:center;gap:10px}.live-top h2{margin-top:8px;font-size:28px}.match-clock{min-width:72px;padding:8px}.match-clock strong{font-size:24px}.live-scoreboard{gap:8px;margin:14px 0}.live-scoreboard div{padding:9px 10px}.live-scoreboard span{min-height:26px;font-size:10px}.live-scoreboard strong{font-size:46px}.sim-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.sim-controls button{min-height:44px;padding:0 8px}.sim-controls button:last-child:nth-child(odd){grid-column:1/-1}.event-feed{max-height:310px}.result-hero{padding:20px}.big-record,.pending-record{font-size:54px}.group-card{padding:10px}.group-card-head,.group-row{grid-template-columns:minmax(0,1fr) 30px 30px 30px 30px;gap:5px}.match-row{grid-template-columns:72px minmax(0,1fr) auto;gap:7px}.m-phase{min-width:0;font-size:9px}}@media (width<=640px){.app-shell{width:min(100vw - 22px,1280px);padding-top:16px}.slot{--slot-disc-size:42px;width:112px}.slot .disc{font-size:12px}.slot-name{max-width:70px}}@keyframes gd-float{0%,to{transform:translateY(-50%)rotate(-2deg)}50%{transform:translateY(-52.5%)rotate(-1deg)}}@keyframes gd-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes gd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gd-pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes gd-shimmer{0%{background-position:-160% 0}to{background-position:260% 0}}@keyframes gd-rise{0%{opacity:0;transform:translateY(20px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-sun-logo{transition:filter .4s,transform .4s;animation:6s ease-in-out infinite gd-float}.hero-main h1{animation:.7s cubic-bezier(.2,.8,.2,1) both gd-fade-up}.hero-main .tagline{animation:.7s cubic-bezier(.2,.8,.2,1) .12s both gd-fade-up}.hero-main .dataset-stats{animation:.7s cubic-bezier(.2,.8,.2,1) .24s both gd-fade-up}.topbar:after{background:linear-gradient(90deg, var(--green) 0 25%, var(--gold) 25% 50%, var(--red) 50% 75%, var(--blue) 75% 100%);background-size:200% 100%;animation:6s linear infinite gd-shimmer}.panel,.group-card,.live-panel,.roll-panel,.pitch-panel,.lineup-panel{animation:.55s cubic-bezier(.2,.8,.2,1) both gd-rise}.step{transition:transform .25s,box-shadow .25s;animation:.6s cubic-bezier(.2,.8,.2,1) both gd-fade-up}.step:first-child{animation-delay:50ms}.step:nth-child(2){animation-delay:.16s}.step:nth-child(3){animation-delay:.27s}.step:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1c18101f}.step .step-num{transition:transform .25s}.step:hover .step-num{transform:scale(1.08)rotate(-4deg)}.dataset-stats .stat{transition:transform .2s}.dataset-stats .stat:hover{transform:translateY(-2px)}.primary-btn,.secondary-action,.ghost-btn{transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s,filter .16s}.primary-btn:hover,.secondary-action:hover{transform:translateY(-2px)}.primary-btn:active,.secondary-action:active,.ghost-btn:active{transform:translateY(1px)scale(.99)}.slot .disc{transition:transform .2s}.slot:not(.static) .disc{animation:.35s cubic-bezier(.2,.8,.2,1) both gd-pop}.player-list>*{animation:.4s both gd-fade-in}.ev{animation:.45s cubic-bezier(.2,.8,.2,1) both gd-fade-up}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}