@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#0e151c;--panel:#17212b;--muted:#91a0ad;--line:#2a3742;--lime:#d9fa79;--white:#f3f5ee}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font:14px Inter,Arial,sans-serif}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand{display:flex;align-items:center;gap:8px;color:var(--white);font-size:20px;font-weight:800;text-decoration:none}.brand b{color:var(--lime)}.brand small{font-size:9px;letter-spacing:2px;border-left:1px solid var(--line);padding-left:14px;margin-left:10px}.ball{font-size:32px;color:var(--lime)}.header-right{display:flex;align-items:center;gap:20px}.status{font-size:9px;letter-spacing:1.6px;color:var(--lime)}.quiet{color:var(--muted);background:none;border:0;padding:10px}.quiet:hover{color:white}main{max-width:1500px;margin:auto;padding:40px 4vw}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--lime)}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.5px}h1{font-size:60px;line-height:.97;margin:14px 0}h1 span{color:var(--lime)}p{line-height:1.7;color:var(--muted)}.intro p{margin:16px 0 0}.steps{display:flex;gap:24px;font-size:11px;color:var(--muted)}.steps span{padding-bottom:12px;border-bottom:2px solid var(--line)}.steps b{margin-left:8px}.steps .active{color:var(--lime);border-color:var(--lime)}.game-grid{display:grid;grid-template-columns:minmax(340px,.95fr) minmax(500px,1.3fr);gap:26px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:21px 24px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:25px}.tag{color:var(--muted);font-size:10px;letter-spacing:1px}.pitch-wrap{padding:22px;background:#101d22}.pitch{position:relative;aspect-ratio:1/1.08;min-height:410px;background:repeating-linear-gradient(0deg,#213c35 0%,#213c35 12.5%,#254138 12.5%,#254138 25%);border:1px solid #637c6266;border-radius:4px}.pitch:before{content:'';position:absolute;left:0;right:0;top:50%;border-top:1px solid #b8cd9b38}.circle{width:26%;aspect-ratio:1;border:1px solid #b8cd9b38;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.box{position:absolute;left:25%;width:50%;height:16%;border:1px solid #b8cd9b38}.box.top{top:0;border-top:0}.box.bottom{bottom:0;border-bottom:0}.slot{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;background:none;border:0;color:#dce5d7;padding:0;width:22%;z-index:1}.slot-mark{width:44px;height:44px;border:1px dashed #a6b7a5a0;border-radius:50%;display:grid;place-items:center;font-size:20px;color:#b2c7b5;background:#18382dcc}.slot.selected .slot-mark{background:var(--lime);color:#1d3226;border:2px solid var(--lime);box-shadow:0 0 0 5px #d9fa7915}.slot small{font-size:10px;margin-top:5px;font-weight:700;max-width:100%;white-space:nowrap}.slot img{width:67px;height:60px;object-fit:contain;image-rendering:pixelated}.slot.filled small{background:#101c23dc;border-radius:4px;padding:3px 6px;font-size:9px}.slot em{font-size:9px;color:var(--lime);font-style:normal}.pitch-bottom{display:flex;justify-content:space-between;gap:10px;padding:18px 24px;color:var(--muted);font-size:11px}.pitch-bottom b{color:var(--white)}.draft-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px}.draft-top h2{font-size:29px;margin:0}.round{font-size:11px;color:var(--lime);background:#d9fa7910;border:1px solid #d9fa7930;padding:7px 10px;border-radius:5px}.hint{font-size:12px;margin:0 0 22px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{background:linear-gradient(145deg,#22313d,#16212b);border:1px solid #344450;border-radius:10px;text-align:left;color:white;padding:15px 14px;position:relative;transition:transform .16s,border-color .16s}.card:hover{transform:translateY(-4px);border-color:#a4b5bf}.card.chosen{border:2px solid var(--lime);padding:14px 13px;background:linear-gradient(145deg,#344231,#1b2a29)}.card-id{font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.card img{display:block;width:100%;height:130px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 9px 12px #0005)}.card h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:27px;margin:4px 0 8px}.types{display:flex;gap:5px;flex-wrap:wrap;min-height:19px}.type{font-size:8px;text-transform:uppercase;letter-spacing:1px;padding:4px 6px;background:#ffffff12;border-radius:3px}.fit{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;margin:15px 0;padding:11px 0}.fit strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:37px;color:var(--lime)}.fit span{font-size:9px;letter-spacing:1px;color:var(--muted)}.stat{display:flex;justify-content:space-between;font-size:10px;margin-top:10px;gap:8px}.stat span{color:var(--muted)}.stat b{font-variant-numeric:tabular-nums}.best{font-size:9px;color:var(--muted);margin:18px 0 0;padding-top:12px;border-top:1px solid #ffffff16;line-height:1.6}.best b{color:var(--white)}.commit{margin-top:18px;padding:18px;background:#17232c;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px}.commit strong{display:block;font-size:13px;margin-bottom:5px}.commit small{color:var(--muted);font-size:10px}.primary{background:var(--lime);color:#182218;border:0;border-radius:5px;padding:14px 20px;font-weight:800;font-size:12px;white-space:nowrap}.primary:hover{background:#e7ffad}.note{padding:18px 0;color:var(--muted);font-size:11px;line-height:1.7}.note b{color:#cbd5c9}.progress{height:3px;background:#2c383f}.progress i{height:100%;display:block;background:var(--lime);transition:width .3s}.ready{padding:35px}.ready h2{font-size:46px;margin:8px 0}.team-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.metric{padding:18px;background:#ffffff05;border-radius:5px;font-size:10px;color:var(--muted)}.metric b{display:block;font-size:27px;color:var(--lime);margin-top:6px}.tournament{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cup-banner{grid-column:1/-1;padding:25px;background:#d9fa79;color:#17211a;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cup-banner h2{font-size:36px;margin:0}.cup-banner p{color:#36432b;margin:5px 0}.cup-banner .primary{background:#17211a;color:var(--lime)}.table-wrap{padding:12px 20px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{font-size:9px;text-transform:uppercase;color:var(--muted);text-align:right;padding:13px 7px}td{padding:15px 7px;text-align:right;border-top:1px solid var(--line)}td:nth-child(2),th:nth-child(2){text-align:left}tr.you{color:var(--lime);background:#d9fa7908}.match-row{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;gap:10px;border-bottom:1px solid var(--line);font-size:11px}.match-row span{flex:1}.match-row span:last-child{text-align:right}.match-row b{font-size:18px;white-space:nowrap}.match-row small{font-size:9px;color:var(--muted)}.events{padding:8px 22px 18px;font-size:11px;color:var(--muted);line-height:1.9}.results{max-height:490px;overflow:auto}.tabs{display:flex;gap:5px;padding:15px 20px;flex-wrap:wrap}.tabs button{border:1px solid var(--line);border-radius:4px;background:none;color:var(--muted);padding:7px 11px}.tabs button.active{color:#17211a;background:var(--lime)}.empty{padding:30px;color:var(--muted);line-height:1.7}.wide{grid-column:1/-1}.muted{color:var(--muted)}footer{max-width:1500px;margin:20px auto 0;padding:25px 4vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:9px;line-height:1.8;color:#778b99}footer b{color:var(--lime);padding:0 8px}footer a{color:inherit}dialog{background:var(--panel);color:var(--white);border:1px solid var(--line);border-radius:12px;max-width:760px;width:90%;padding:30px}dialog::backdrop{background:#070e17d9}dialog h2{font-size:40px;margin:12px 0}dialog h3{margin-top:25px}dialog .close{float:right}#weights{overflow:auto}#weights td:first-child{text-align:left;color:var(--lime)}@media(min-width:1450px){.pitch{min-height:490px}.card img{height:155px}}@media(max-width:1050px){.game-grid{grid-template-columns:1fr}.pitch-wrap{padding:20px 12%}.pitch{min-height:450px;max-width:520px;margin:auto}.intro{align-items:flex-start}.steps{flex-direction:column;gap:12px}.cards{gap:16px}.card img{height:145px}}@media(max-width:650px){header{height:70px}.brand{font-size:15px}.brand small,.status{display:none}.header-right{gap:0}.quiet{font-size:10px}main{padding:28px 5vw}h1{font-size:46px}.intro{display:block}.intro p{font-size:12px}.steps{margin-top:25px;flex-direction:row;font-size:9px}.pitch-wrap{padding:18px}.pitch{min-height:390px}.cards{gap:7px}.card{padding:10px 8px}.card.chosen{padding:9px 7px}.card img{height:94px}.card h3{font-size:20px}.type{font-size:7px;padding:3px 4px}.fit strong{font-size:30px}.fit span{font-size:8px}.stat{font-size:9px}.best{font-size:8px}.commit{padding:14px;flex-wrap:wrap}.commit .primary{width:100%}.tournament{grid-template-columns:1fr}.cup-banner{display:block}.cup-banner .primary{margin-top:12px}.cup-banner h2{font-size:30px}footer{flex-direction:column}.ready{padding:25px}.game-grid{gap:24px}}
.slot:disabled{opacity:1;cursor:default}
#language{background:var(--panel);border:1px solid var(--line);border-radius:5px;color:var(--white);padding:8px;font:inherit;font-size:11px;max-width:110px}#language:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.squad-view{padding:14px}.squad-view>.panel{border:0}.squad-view .pitch-wrap{padding:16px}.squad-view .pitch{min-height:400px;max-width:520px;margin:auto}.goal-event{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:5px 0;line-height:1.5}.goal-event:last-child{border-bottom:0}.goal-event img{width:44px;height:44px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.goal-minute{font-variant-numeric:tabular-nums;width:28px;color:var(--lime)}.goal-event strong{color:var(--white);font-size:12px}.goal-team{display:block;font-size:10px}.goal-icon{margin-left:auto}.goal-fallback{width:44px;text-align:center}.header-right{gap:12px}.squad-view .slot img{width:67px;height:60px}html[lang="es"] .steps{font-size:10px}@media(max-width:650px){header{height:auto;min-height:76px;padding-top:12px;padding-bottom:12px;gap:10px;flex-wrap:wrap}.header-right{gap:5px;margin-left:auto}.brand{font-size:14px}.squad-view{padding:4px}.squad-view .pitch-wrap{padding:12px}.squad-view .pitch{min-height:365px}.squad-view .slot img{width:57px;height:54px}.squad-view .slot.filled small{font-size:8px;padding:3px}.goal-event{gap:8px}html[lang="es"] .steps{font-size:9px}html[lang="es"] .round{font-size:10px}html[lang="es"] .panel-head{padding:18px 16px;gap:10px}html[lang="es"] .panel-head h2{font-size:23px}html[lang="es"] .tag{font-size:9px}}
.level-picker{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.level-picker>h2{font-size:40px;margin:12px 0}.level-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.level-option{text-align:left;color:var(--white);background:#111d26;border:1px solid var(--line);padding:24px;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .15s,transform .15s}.level-option:hover{transform:translateY(-3px);border-color:#91a0ad}.level-option.chosen{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime);background:#253129}.level-icon{font-size:35px;color:var(--lime);margin-bottom:22px}.level-option h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:31px;margin:10px 0 0}.level-option p{font-size:12px;margin-bottom:24px;flex:1}.level-select{color:var(--lime);font-size:11px;font-weight:700}.level-start{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px}.level-start p{font-size:12px;max-width:660px}.level-badge{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--lime);margin-bottom:18px}.hidden-intel{border-top:1px solid #ffffff16;margin-top:20px;padding:25px 0 10px;text-align:center}.hidden-intel>span{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;font-size:22px;color:var(--muted)}.hidden-intel p{font-size:10px;line-height:1.6}.squad-review{margin-top:20px;border-top:1px solid var(--line);padding:16px 0}.squad-review summary{color:var(--lime);font-size:12px;cursor:pointer;padding:4px 0}.squad-review .table-wrap{padding:0}.squad-review td,.squad-review th{white-space:nowrap}.squad-review td:first-child{text-align:left}.squad-view .squad-review{padding:16px}.card .types{margin-bottom:16px}@media(max-width:650px){.level-picker{padding:22px 17px}.level-picker>h2{font-size:34px}.level-options{grid-template-columns:1fr;gap:12px}.level-option{padding:18px}.level-icon{font-size:25px;margin-bottom:10px}.level-option h3{font-size:28px}.level-option p{margin-bottom:12px}.level-start{display:block}.level-start .primary{width:100%}.level-picker>.note{padding-bottom:0}.hidden-intel p{font-size:9px}.pitch-bottom{flex-wrap:wrap}}
.player-panel{padding:22px 24px;border-top:1px solid var(--line);background:#15222b}.player-panel.empty p{font-size:12px;margin-bottom:0}.player-panel.empty b{font-size:10px;letter-spacing:1.5px;color:var(--lime)}.player-heading{display:flex;align-items:center;gap:16px}.player-heading>img{width:76px;height:76px;object-fit:contain;image-rendering:pixelated;background:#ffffff06;border:1px solid var(--line);border-radius:10px}.player-heading h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:29px;margin:6px 0 0}.player-heading p{font-size:10px;margin:4px 0}.player-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 22px;margin-top:22px}.player-stat>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin-bottom:7px}.player-stat span{color:var(--muted)}.player-stat b{font-variant-numeric:tabular-nums}.stat-track{height:5px;border-radius:5px;background:#31414c;overflow:hidden}.stat-track i{height:100%;display:block;border-radius:5px;background:var(--lime)}.position-compare{margin-top:25px;border-top:1px solid var(--line);padding-top:18px}.position-compare h4{font-size:12px;font-weight:600;margin:0 0 13px}.position-buttons{display:flex;flex-wrap:wrap;gap:6px}.position-buttons button{background:#1c2c36;color:var(--muted);border:1px solid var(--line);padding:9px 11px;border-radius:5px;font-size:10px;min-width:36px}.position-buttons button.active{background:var(--lime);color:#17211a;border-color:var(--lime)}.position-result{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding:15px;border:1px solid #d9fa7925;border-radius:7px;background:#d9fa7908}.position-result b{font-size:13px}.position-result small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.position-result strong{color:var(--lime);font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px}.position-compare .note{padding-bottom:0;margin-bottom:0;font-size:10px}.slot.filled{cursor:pointer}.slot.filled:hover img{filter:drop-shadow(0 0 7px #d9fa7980)}.slot.inspected small{background:var(--lime);color:#17211a}.slot.inspected img{filter:drop-shadow(0 0 5px #d9fa7960)}@media(max-width:650px){.player-panel{padding:20px 16px}.player-heading>img{width:64px;height:64px}.player-stats{gap:14px 16px}.position-buttons button{padding:9px}.player-heading .eyebrow{font-size:9px}.player-heading h3{font-size:26px}}
.best-position-report{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:16px;border:1px solid #d9fa7950;border-radius:8px;background:#d9fa790b}.best-position-report .eyebrow{font-size:9px}.best-position-report h4{font-size:14px;line-height:1.5;margin:7px 0 0}.best-position-score{display:flex;align-items:center;flex-direction:column;flex-shrink:0;color:var(--lime)}.best-position-score strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:37px;line-height:1}.best-position-score small{font-size:9px;margin-top:4px;letter-spacing:1px}
.formation-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:25px}.formation-option{background:#111d26;color:var(--white);border:1px solid var(--line);border-radius:10px;padding:18px;text-align:left}.formation-option.chosen{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}.formation-option:hover{background:#1e302b}.formation-option h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;margin:0 0 15px}.formation-option p{font-size:10px;line-height:1.7;margin:14px 0 0;min-height:34px}.mini-pitch{height:195px;position:relative;border:1px solid #72957850;border-radius:5px;background:linear-gradient(0deg,#203b31,#254437)}.mini-pitch:before{content:'';position:absolute;top:50%;width:100%;border-top:1px solid #72957850}.mini-pitch>span{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:20px;background:#d9fa79;color:#1b3225;font-weight:700;font-size:8px;width:25px;height:20px}.panel-head .tag{max-width:48%;text-align:right;line-height:1.5}@media(max-width:750px){.formation-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.formation-option{padding:12px}.formation-option h3{font-size:21px}.mini-pitch{height:180px}.mini-pitch>span{width:21px;height:18px;font-size:7px}}@media(max-width:370px){.formation-options{grid-template-columns:1fr}}
.intro .roster-note{font-size:10px;color:var(--lime);letter-spacing:1px;margin-top:10px}
.generation-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.generation-option{background:#111d26;color:var(--white);border:1px solid var(--line);border-radius:10px;padding:22px;text-align:left}.generation-option.chosen{background:#253129;border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}.generation-option:hover{border-color:var(--lime)}.generation-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.generation-title h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:29px;margin:0 0 10px}.generation-title>span{color:var(--lime);font-size:24px}.generation-starters{display:flex;justify-content:center;align-items:center;margin:20px 0 12px}.generation-starters img{width:33.33%;max-width:90px;height:auto;image-rendering:pixelated}.generation-option p{font-size:12px;margin-bottom:0}.pool-badge{border-left:1px solid var(--line);padding-left:12px;color:var(--muted)}.level-badge{flex-wrap:wrap}#editGenerations{padding-left:0;margin-bottom:16px}@media(max-width:650px){.generation-options{grid-template-columns:1fr;gap:12px}.generation-option{padding:18px}.generation-starters{margin:5px 0}.generation-starters img{width:70px}.generation-title h3{font-size:27px}}
.generation-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:22px}.generation-actions .quiet{border:1px solid var(--line);border-radius:5px;color:var(--lime)}.generation-actions .tag{margin-left:auto;font-size:9px}.generation-options{margin-top:16px}.pool-badge{line-height:1.7}@media(max-width:650px){.generation-actions .tag{margin-left:0;width:100%;line-height:1.6}.generation-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.generation-option{padding:12px}.generation-title h3{font-size:22px}.generation-starters img{width:33.33%}.generation-option .eyebrow{font-size:8px;letter-spacing:1px}}@media(max-width:370px){.generation-options{grid-template-columns:1fr}}
#challenges{max-width:1050px;max-height:90vh;padding:30px}#challenges h2{margin-bottom:20px}.challenge-summary{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.challenge-summary strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px;color:var(--lime)}.challenge-summary span{color:var(--muted);font-size:12px}.challenge-generations,.challenge-bonuses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.challenge-generation,.bonus-challenge{background:#111d26;border:1px solid var(--line);border-radius:8px;padding:16px}.challenge-generation-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.challenge-generation-title img{width:45px;height:45px;object-fit:contain;image-rendering:pixelated}.challenge-generation-title h4{font-size:15px;margin:0 0 6px}.challenge-generation-title small{font-size:10px;color:var(--muted)}.challenge-item{display:grid;grid-template-columns:20px 1fr;gap:4px 8px;font-size:12px;padding:10px 0;border-top:1px solid var(--line)}.challenge-item small{grid-column:2;font-size:9px;color:var(--muted)}.challenge-check{grid-row:1/3;color:var(--muted);font-size:18px}.challenge-item.complete>span,.challenge-item.complete small{color:var(--lime)}.bonus-challenge .challenge-item{border-top:0;padding-top:0}.bonus-challenge p{font-size:11px;margin:7px 0 0}.challenge-backup{border-top:1px solid var(--line);margin-top:28px;padding-top:5px}.challenge-backup p{font-size:12px}.backup-actions{display:flex;gap:12px;flex-wrap:wrap}#challengeMessage{color:var(--lime)}#challengesBtn{color:var(--lime)}@media(max-width:850px){.challenge-generations,.challenge-bonuses{grid-template-columns:repeat(2,minmax(0,1fr))}.header-right{gap:4px}.status{display:none}}@media(max-width:540px){#challenges{padding:22px 16px;width:95%}.challenge-generations,.challenge-bonuses{grid-template-columns:1fr}.header-right{flex-wrap:wrap}.header-right .quiet{padding:7px}.challenge-summary strong{font-size:34px}}
.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.mode-option{background:#111d26;color:var(--white);border:1px solid var(--line);border-radius:12px;padding:30px;text-align:left;transition:border-color .15s,transform .15s}.mode-option:hover{border-color:var(--lime);transform:translateY(-3px)}.mode-option h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:36px;margin:22px 0 10px}.mode-option p{font-size:13px;min-height:64px}.mode-symbol{font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px;color:var(--lime);letter-spacing:7px}.roulette-mode{background:linear-gradient(140deg,#293b2c,#15232b)}.mode-cta{display:inline-block;margin-top:18px;font-size:12px;font-weight:700;color:var(--lime)}.roulette-machine{border:1px solid #d9fa7940;border-radius:12px;background:linear-gradient(145deg,#24352c,#111d26 70%);padding:20px;margin-bottom:20px}.roulette-label{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}.reels{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:12px;align-items:center}.reel{min-width:0}.reel-label{display:block;text-transform:uppercase;letter-spacing:2px;font-size:9px;color:var(--muted);margin-bottom:8px}.reel-window{height:68px;overflow:hidden;border:1px solid #6e866266;border-radius:8px;background:#0b1418;position:relative;box-shadow:inset 0 8px 16px #0007,inset 0 -8px 16px #0007}.reel-window:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(#071015bb,transparent 26%,transparent 74%,#071015bb)}.reel-value{height:66px;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;font-weight:600;white-space:nowrap;text-transform:uppercase;color:var(--lime);padding:0 6px}.reel-cross{color:var(--muted);font-size:24px;margin-top:21px;text-align:center}.reel-strip{animation:reel-spin 1.2s linear infinite}.type-reel{animation-duration:.9s}.reel-value.landed{animation:reel-land .3s ease-out}.roulette-action{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.roulette-action p{font-size:11px;margin:0}.reel-note{font-size:10px;margin:15px 0 0;line-height:1.6}.roulette-await{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:210px;border:1px dashed var(--line);border-radius:10px;padding:25px;text-align:center}.roulette-await>span{font-size:42px;color:#d9fa7955}.roulette-await p{font-size:12px}.pool-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 12px}.pool-heading h3{font-size:11px;letter-spacing:1px;margin:0}.pool-heading>span{font-size:10px;color:var(--lime);white-space:nowrap}.roulette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:420px;overflow:auto;padding:3px 6px 3px 3px;scrollbar-color:#647c55 #15222b;scrollbar-width:thin}.roulette-choice{color:var(--white);background:#172630;border:1px solid var(--line);border-radius:8px;padding:10px 7px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;min-width:0}.roulette-choice:hover{border-color:#a1b48e}.roulette-choice.chosen{border-color:var(--lime);background:#2b3b2e;box-shadow:inset 0 0 0 1px var(--lime)}.roulette-choice>img{width:72px;height:64px;object-fit:contain;image-rendering:pixelated}.roulette-choice>strong{font-size:12px;line-height:1.3;overflow-wrap:anywhere}.roulette-choice .types{justify-content:center;min-height:0;gap:4px}.roulette-choice>small{color:var(--lime);font-size:10px}.roulette-detail{border:1px solid var(--line);border-radius:9px;padding:16px;background:#17232c;margin-top:16px}.roulette-detail.empty{font-size:12px;line-height:1.7}.roulette-detail .player-heading{gap:12px}.roulette-detail .player-heading h3{margin-bottom:7px}.candidate-fit{margin-left:auto;display:flex;flex-direction:column;align-items:center;flex-shrink:0;color:var(--lime)}.candidate-fit strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:36px}.candidate-fit small{font-size:9px}.candidate-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding-top:17px;margin-top:15px;border-top:1px solid var(--line)}.candidate-stats>div{text-align:center}.candidate-stats span{display:block;color:var(--muted);font-size:8px;margin-bottom:6px}.candidate-stats b{font-size:16px}.candidate-best{font-size:10px;margin:16px 0 0}.candidate-best>span{margin-right:12px}.candidate-best b{color:var(--white)}@keyframes reel-spin{from{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes reel-land{from{transform:translateY(-10px);opacity:.5}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.reel-strip,.reel-value.landed{animation:none}.mode-option{transition:none}}@media(max-width:650px){.mode-options{grid-template-columns:1fr;gap:14px}.mode-option{padding:22px}.mode-option p{min-height:0}.mode-option h3{font-size:31px;margin-top:14px}.mode-symbol{font-size:30px}.roulette-machine{padding:15px}.reel-value{font-size:23px}.roulette-action{flex-wrap:wrap}.roulette-action .primary{width:100%}.reel-note{font-size:9px}.roulette-label .tag{font-size:8px}.roulette-grid{max-height:380px;gap:7px}.roulette-choice>strong{font-size:10px}.roulette-choice>img{width:62px;height:58px}.roulette-choice .type{font-size:6px}.roulette-detail .player-heading>img{width:55px;height:55px}.roulette-detail .player-heading h3{font-size:24px}.candidate-stats{grid-template-columns:repeat(3,1fr);gap:12px}.roulette-layout>.panel{min-width:0}}
@media(max-width:370px){.reel-value{font-size:18px}.roulette-label .eyebrow{font-size:9px;letter-spacing:1px}.roulette-label .tag{font-size:7px}.roulette-choice>img{width:54px;height:52px}}
.type-reel-window{box-shadow:none}.type-reel-window:after{display:none}.type-reel-value{font-weight:800;text-shadow:none}.type-reel-value.landed{animation:none}.generation-reel .reel-value{font-size:26px}@media(max-width:650px){.generation-reel .reel-value{font-size:22px}}@media(max-width:370px){.generation-reel .reel-value{font-size:18px}}

.legendary-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0;padding:18px 20px;border:1px solid var(--line,#334155);border-radius:14px;background:#152036}.legendary-setting h3{margin:0 0 5px}.legendary-setting p{margin:0;font-size:14px}.legendary-toggle{display:flex;align-items:center;gap:10px;flex-shrink:0;background:transparent;color:#fff;border:0;padding:10px;cursor:pointer}.legendary-toggle b{min-width:30px}.toggle-track{width:46px;height:26px;border-radius:20px;background:#64748b;padding:3px;display:block;box-sizing:border-box}.toggle-track span{display:block;width:20px;height:20px;background:white;border-radius:50%;transition:transform .15s}.legendary-toggle.enabled .toggle-track{background:#b8f349}.legendary-toggle.enabled .toggle-track span{transform:translateX(20px);background:#132015}.legendary-toggle:focus-visible{outline:2px solid #b8f349;outline-offset:3px;border-radius:8px}@media(max-width:480px){.legendary-setting{padding:14px;gap:10px}.legendary-setting p{font-size:12px}}@media(prefers-reduced-motion:reduce){.toggle-track span{transition:none}}
/* Live friend challenges */
[hidden]{display:none!important}.live-toolbar,.live-actions,.live-settings{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 22px}.live-toolbar{justify-content:space-between}.live-settings .tag{padding:8px 12px;background:#21313a;border-radius:20px;line-height:1.5}.live-setup-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin-top:24px}.live-box{padding:24px;border:1px solid var(--line);border-radius:12px;background:#14202a}.live-box h3{margin-top:0;font-size:22px}.live-label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);margin:16px 0}.live-label input,.live-label select{width:100%;font:inherit;font-size:15px;color:var(--white);background:#0f1922;border:1px solid #435460;border-radius:7px;padding:13px;min-height:46px}.live-label input:focus-visible,.live-label select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.live-setup>.live-label{max-width:400px}.live-gens{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border:1px solid var(--line);border-radius:8px;margin:20px 0;padding:16px}.live-gens legend{padding:0 6px;color:var(--muted)}.live-gens label,.live-check{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5}.live-gens input,.live-check input{accent-color:var(--lime);min-width:18px;min-height:18px}.live-check{margin:20px 0}.live-error{padding:15px 20px;margin:0 0 20px;background:#432d22;border:1px solid #c89554;color:#ffe2b4;border-radius:9px;line-height:1.6}.live-code{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:25px 0}.live-code>strong{font-size:clamp(22px,5vw,40px);letter-spacing:5px;color:var(--lime);font-family:monospace}.live-players{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.live-player{display:flex;flex-direction:column;gap:9px;border:1px solid var(--line);padding:18px;border-radius:10px;background:var(--panel);min-width:0}.live-player.self{border-color:#d9fa7950}.live-player strong{font-size:20px;overflow-wrap:anywhere}.live-player small{font-size:10px;color:var(--muted)}.live-player progress{width:100%;height:6px;accent-color:var(--lime)}.live-pitch-panel>.note{padding:0 18px}.live-report{padding:20px;border-top:1px solid var(--line)}.live-report .player-heading img{width:64px;height:64px;object-fit:contain}.live-report h3{margin:0 0 10px}.live-compare{display:flex;flex-wrap:wrap;gap:4px}.live-compare .quiet{border:1px solid var(--line);border-radius:5px}.live-compare .selected,.live-actions .selected{color:var(--lime);border:1px solid var(--lime);border-radius:5px}.live-results-banner{padding:30px;background:linear-gradient(135deg,#273b2f,#17242e);border:1px solid #d9fa7940;border-radius:14px;margin:20px 0}.live-results-banner h2{font-size:clamp(32px,5vw,54px);margin:12px 0 24px}.live-scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative}.live-scoreboard>div{display:flex;flex-direction:column;gap:8px;text-align:center;padding:24px 15px;border:1px solid var(--line);border-radius:12px;background:#0f1922}.live-scoreboard>div.winner{border-color:var(--lime)}.live-scoreboard>div>span{font-size:18px;overflow-wrap:anywhere}.live-scoreboard strong{font:700 clamp(40px,7vw,70px) 'Barlow Condensed',Impact,sans-serif;color:var(--lime)}.live-scoreboard small{font-size:9px;letter-spacing:1px;color:var(--muted)}.live-vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bg);border:1px solid var(--line);padding:10px;border-radius:50%}.live-result-pitch{max-width:650px;margin:auto}.live-spinning{animation:live-pulse .3s infinite alternate}@keyframes live-pulse{to{transform:translateY(10px);opacity:.45}}header{height:auto;min-height:88px;gap:16px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.header-right{flex-wrap:wrap;gap:10px}#friendsBtn{color:var(--lime);border:1px solid #d9fa7950;border-radius:6px}.live-actions .primary{max-width:100%}@media(max-width:700px){.live-setup-grid{grid-template-columns:1fr}.live-box{padding:18px}.live-gens{grid-template-columns:repeat(2,1fr)}.live-player{padding:12px}.live-player strong{font-size:16px}.live-results-banner{padding:20px 14px}.live-scoreboard{gap:14px}.live-scoreboard>div{padding:20px 8px}.live-scoreboard>div>span{font-size:14px}.live-code>strong{letter-spacing:3px}.live-toolbar .tag{display:none}}@media(prefers-reduced-motion:reduce){.live-spinning{animation:none}}
/* Interactive playbook */
#rules{max-width:780px}#rules>h2{font-size:42px;line-height:1.05;margin:14px 0}.help-intro{margin-bottom:26px}.help-section{border-top:1px solid var(--line);padding:22px 0 4px}.help-section>h3{display:flex;align-items:center;gap:12px;font-size:21px;margin:0 0 16px}.help-section>h3>span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--lime);color:#17211a;font-size:15px}.help-steps{padding-left:24px;color:var(--muted);line-height:1.75}.help-steps li{padding:0 0 12px 5px}.help-mode-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.help-mode-cards>div{padding:18px;border:1px solid var(--line);border-radius:9px;background:#101c25;min-width:0}.help-mode-cards strong{color:var(--lime);font-size:14px}.help-mode-cards p{font-size:13px;margin:8px 0 0}.help-details{border-top:1px solid var(--line);margin:18px 0;padding-top:6px}.help-details summary{min-height:44px;cursor:pointer;color:var(--lime);font-size:13px;padding:12px 0;line-height:1.5}.help-details summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.help-details p,.help-details li{color:var(--muted);font-size:13px;line-height:1.75}.help-details li{margin-bottom:10px}.help-details ul{padding-left:20px}.help-position-buttons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:18px 0}.help-position-buttons button{min-width:44px;min-height:44px;padding:8px 4px;background:#101c25;color:var(--white);border:1px solid var(--line);border-radius:7px;font-weight:700;font-size:13px}.help-position-buttons button[aria-pressed=true]{background:var(--lime);color:#17211a;border-color:var(--lime)}#helpPositionChart{padding:20px;border:1px solid #d9fa7940;border-radius:12px;background:#101c25}.help-role-heading{display:flex;align-items:center;gap:12px}.help-role-heading>span{background:#d9fa7918;border:1px solid #d9fa7940;border-radius:6px;padding:8px;color:var(--lime);font-weight:700}.help-role-heading h4{font-size:23px;margin:0}.help-role-summary{font-size:14px;margin:12px 0 22px}.help-bars{display:grid;gap:15px}.help-bar-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:7px}.help-bar-label>span{display:flex;align-items:center;gap:8px}.help-bar-label i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.help-bar-label b{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.help-bar-track{height:12px;background:#293843;border-radius:4px;overflow:hidden}.help-bar-track>span{display:block;height:100%;border-radius:4px}.help-chart-caption{font-size:12px;margin:20px 0 0;line-height:1.65}.help-rating-note{padding:14px;border-left:3px solid var(--lime);background:#d9fa7908;font-size:13px}.help-details #weights{max-width:100%;padding-bottom:8px}.help-details table{min-width:520px}.help-details caption{text-align:left;color:var(--muted);font-size:12px;padding:10px 0}.help-details th[scope=row]{text-align:left;color:var(--lime)}@media(max-width:650px){#rules>h2{font-size:34px}.help-mode-cards{grid-template-columns:minmax(0,1fr)}.help-mode-cards>div{padding:14px}.help-position-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}#helpPositionChart{padding:16px 12px}.help-role-heading h4{font-size:21px}.help-section>h3{font-size:19px}.help-bar-label{font-size:12px}.help-details summary{font-size:13px}}

.challenge-requirement{margin:22px 0;padding:18px;border:1px solid #d9fa7950;border-radius:9px;background:#d9fa7908}.challenge-requirement strong{color:var(--lime);font-size:14px}.challenge-requirement p{font-size:12px;margin:10px 0 0}.challenge-item .challenge-rule{color:var(--muted);font-size:10px;line-height:1.5}.legendary-setting .challenge-setup-note{color:var(--lime);font-size:12px;margin-top:8px}