:root{color-scheme:dark;--bg:#050505;--panel:#141414;--panel2:#202020;--ink:#ffffff;--muted:#c6c6c6;--cyan:#79c9ee;--gold:#79c9ee;--line:#414141;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 70% 0,#14232c 0,transparent 55%),var(--bg);color:var(--ink)}button,select{font:inherit}button{cursor:pointer;touch-action:manipulation;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--panel2);padding:10px 15px;min-height:44px}button:disabled{cursor:default;opacity:.45}button:hover:not(:disabled){border-color:var(--cyan)}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button.primary{background:var(--cyan);color:#050505;border-color:var(--cyan);font-weight:700}a{color:var(--cyan)}.shell{max-width:1160px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.brand{letter-spacing:.08em;font-size:1.05rem;color:var(--cyan);font-weight:700}h1{font-size:2.3rem;line-height:1.1;margin:6px 0 0;letter-spacing:-.04em}h2{font-size:1.4rem;margin:8px 0 12px}.actions{display:flex;gap:8px;flex-wrap:wrap}main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:22px;align-items:start}.team{min-width:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.toolbar label{color:var(--muted);font-size:.88rem}select{display:block;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px;color:var(--ink);min-height:44px}.counter{text-align:right;font-size:.85rem;color:var(--muted)}.counter strong{color:var(--cyan);font-size:1.45rem}#phase-label{color:var(--gold)}.pitch{position:relative;isolation:isolate;min-height:580px;aspect-ratio:1.03;background:repeating-linear-gradient(0deg,#0b1115,#0b1115 65px,#101b21 65px,#101b21 130px);border-radius:18px;border:1px solid #79c9ee66;overflow:hidden;box-shadow:0 20px 50px #0003}.lines{position:absolute;inset:22px;border:1px solid #79c9ee66;pointer-events:none;z-index:-1}.lines:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid #79c9ee66}.circle{position:absolute;width:25%;aspect-ratio:1;left:37.5%;top:50%;transform:translateY(-50%);border:1px solid #79c9ee66;border-radius:50%}.area{position:absolute;border:1px solid #79c9ee66;width:53%;height:16%;left:23.5%}.top{top:0;border-top:0}.bottom{bottom:0;border-bottom:0}#slots{min-height:580px;display:flex;flex-direction:column;justify-content:space-around;padding:20px 10px;gap:8px}.pitch-row{display:flex;justify-content:space-evenly;align-items:center;gap:4px;min-width:0}.slot{padding:5px 2px;width:108px;max-width:29%;min-height:92px;background:transparent;border:0;border-radius:10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:background .15s}.slot:hover:not(:disabled){background:#ffffff12}.slot:disabled{opacity:1}.token{width:44px;height:44px;border:1px dashed #79c9ee;border-radius:50%;display:grid;place-items:center;color:#ffffff;font-size:1rem;background:#050505b3}.filled .token{border:1px solid var(--cyan);background:#050505;color:var(--cyan);font-size:.9rem;font-weight:700}.good:not(.filled) .token{background:var(--cyan);color:#050505;border:1px solid var(--cyan);box-shadow:0 0 0 4px #79c9ee20}.slot-name{font-size:.82rem;font-weight:600;line-height:1.15;overflow-wrap:anywhere}.slot-role{font-size:.75rem;color:#d9e3e8}.five .slot{max-width:19%;width:95px}.fit-tag{font-size:.75rem;color:var(--gold)}.note{font-size:.88rem;color:var(--muted);margin:12px 0}aside{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:12px}#draw-card{position:relative;overflow:hidden;min-height:255px;background:linear-gradient(140deg,#18303c,var(--panel) 65%);border:1px solid #79c9ee66;border-radius:15px;padding:24px;margin-bottom:17px}#draw-card:before{content:"XI";position:absolute;right:-7px;top:-13px;font-size:9rem;line-height:1;color:#79c9ee0c;font-weight:900;pointer-events:none}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 10px}.avatar{display:inline-grid;place-items:center;width:62px;height:62px;border:1px solid #79c9ee66;border-radius:15px;background:#0b1115;color:var(--cyan);font-size:1.45rem;font-weight:700;margin-bottom:14px}#draw-card h2{font-size:1.7rem;line-height:1.15;margin:0 0 10px;letter-spacing:-.025em}.meta{display:flex;flex-wrap:wrap;gap:7px;font-size:.88rem;color:var(--muted)}.chip{background:#0505054d;border:1px solid #414141;border-radius:5px;padding:2px 7px;color:var(--ink)}.era{margin:13px 0 0;color:var(--muted);font-size:.88rem}aside .actions button{flex:1}#status{min-height:46px;margin:12px 0 0;color:var(--muted);font-size:.9rem}.instruction{color:var(--muted);font-size:.94rem;margin:0 0 15px}.coach-option{display:block;width:100%;text-align:left;padding:14px;margin:9px 0;background:var(--panel2)}.coach-option strong{font-size:1rem}.coach-option span{display:block;font-size:.88rem;color:var(--muted);margin-top:3px}.coach-option .bonus{color:var(--cyan)}#coach-picked{border-left:3px solid var(--gold);padding-left:12px;margin:16px 0}#coach-picked p{margin:0;font-size:.88rem;color:var(--muted)}.score{font-size:3rem;letter-spacing:-.06em;line-height:1.1;color:var(--cyan);font-weight:750;margin:10px 0}.score small{font-size:1rem;font-weight:400;color:var(--muted);letter-spacing:0}.score-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.9rem}.meter{height:6px;background:var(--panel2);margin:12px 0 16px;border-radius:4px;overflow:hidden}.meter span{height:100%;display:block;background:var(--cyan)}.rules{margin-top:22px;padding:15px 20px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:.88rem}summary{cursor:pointer;color:var(--ink);font-size:.94rem}.rules ul{padding-left:21px}.rules li{margin:7px 0}.rules p{margin:12px 0}footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.78rem;margin:22px 0}dialog{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:15px;max-width:400px;padding:25px}dialog::backdrop{background:#0009}dialog h2{margin-top:0}dialog p{color:var(--muted)}#details-list{font-size:.85rem}#details-list div{padding:8px 0;border-bottom:1px solid var(--line)}#details-list span{color:var(--muted);display:block}
@media(max-width:750px){.shell{padding:16px 12px}main{grid-template-columns:1fr;gap:14px}header{margin-bottom:18px}h1{font-size:1.9rem}header button{padding:8px 10px;font-size:.85rem}aside{grid-row:1;padding:16px}#draw-card{min-height:0;padding:15px;margin-bottom:12px;display:grid;grid-template-columns:49px 1fr;column-gap:12px}#draw-card .eyebrow{grid-column:1/-1;margin-bottom:8px}.avatar{width:46px;height:46px;font-size:1rem;margin:0;grid-row:2/5}#draw-card h2{font-size:1.25rem;margin-bottom:7px}#draw-card .era{margin-top:7px;grid-column:2}#status{min-height:0;margin-top:9px}.pitch{min-height:450px;aspect-ratio:auto}#slots{min-height:450px;padding:10px 5px;gap:5px}.slot{min-height:80px;max-width:24%;width:92px}.slot-name{font-size:.8rem}.token{width:38px;height:38px}.five .slot-name{font-size:.75rem}.five .token{width:34px;height:34px}footer{flex-wrap:wrap}.score{font-size:2.3rem}.instruction{margin-bottom:9px}.lines{inset:16px}.rules{padding:13px 15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.brand-web{display:inline-block;font-size:.85rem;color:var(--muted);text-decoration:none;margin-top:3px}.brand-web:hover{color:var(--cyan)}
@media(max-width:420px){header{align-items:flex-start;flex-wrap:wrap}.brand{font-size:.95rem}}

.live-power{text-align:center;color:var(--muted);font-size:.85rem}.live-power strong{display:block;font-size:1.5rem;color:var(--cyan)}
.slot-year{font-size:.75rem;color:var(--cyan);line-height:1.2}.slot-club{font-size:.75rem;line-height:1.2;color:var(--ink);overflow-wrap:anywhere;max-width:100%}
.slot{min-height:130px}.filled .token{font-size:1.15rem}.pitch,#slots{min-height:670px}
.card-year{color:var(--cyan);font-size:1.1rem;white-space:nowrap}.rating-avatar{display:flex;flex-direction:column;line-height:1.05}.rating-avatar strong{font-size:1.65rem}.rating-avatar small{font-size:.63rem;margin-top:5px}
.team-power{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;border:1px solid var(--cyan);border-radius:12px;padding:12px;color:var(--ink);margin:12px 0}.team-power strong{font-size:1.8rem;color:var(--cyan)}.team-power span{flex-basis:100%;color:var(--muted);font-size:.8rem}
@media(max-width:750px){.pitch,#slots{min-height:570px}.slot{min-height:105px;gap:3px}.slot-role{font-size:.75rem}.slot-year,.slot-club{font-size:.75rem}.rating-avatar strong{font-size:1.2rem}.rating-avatar small{font-size:.5rem;margin-top:3px}.toolbar{gap:7px}.five .slot-club{font-size:.75rem}}

.flag{width:1.25em;height:1.25em;object-fit:contain;vertical-align:-.2em;display:inline-block}.slot-role .flag{width:1.3em;height:1.3em}

.pitch{aspect-ratio:auto}.rating-avatar small{font-size:.75rem}.pitch-row{flex-shrink:0}

.candidate{background:#79c9ee12;border:1px dashed #79c9ee66}.candidate .token{background:var(--cyan);color:#050505;border:1px solid var(--cyan);font-weight:800;font-size:1.15rem}.candidate:hover:not(:disabled){background:#79c9ee25;border-color:var(--cyan)}.choice-label{font-size:.75rem;color:var(--cyan);font-weight:700}.filled{background:#ffffff08}#draw-card{min-height:0;padding:18px}#draw-card h2{font-size:1.35rem}#player-panel>.instruction{margin-bottom:10px}.slot{min-height:145px;padding:8px 3px}.pitch-row{align-items:stretch}
@media(max-width:750px){#draw-card{display:block;padding:12px}#draw-card h2{font-size:1.15rem}.slot{min-height:135px}.candidate .token{width:34px;height:34px}#draw-card .instruction{font-size:.88rem}}

.fit-tag{display:block;font-size:10px;color:#79c9ee;line-height:1.4}.export-label{display:block;margin:16px 0}.export-label select{display:block;width:100%;margin-top:8px}.slot-year{font-size:10px}
/* Full viewport screens, candidates paged without reducing readability. */
html,body{height:100%;overflow:hidden}.shell{height:100vh;max-width:1000px;display:flex;flex-direction:column;padding:14px}.shell>header{flex-shrink:0;margin-bottom:12px;align-items:center}.shell>header h1{font-size:clamp(20px,3vw,28px);margin:4px 0}.shell>header .brand{font-size:12px}.shell>header .brand-web{display:none}.shell>header button{font-size:14px;padding:7px 10px;min-height:40px}.shell>main{flex:1;min-height:0;display:block;overflow:auto;overscroll-behavior:contain}.shell>footer{display:none}.shell>main>aside{margin:0 auto;max-width:700px;padding:18px}.xi-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;flex-shrink:0;padding:10px 0 max(4px,env(safe-area-inset-bottom));background:#050505}.xi-tabs button{font-size:14px;padding:9px 3px}.xi-tabs [aria-current=page]{background:#79c9ee;color:#050505;font-weight:750}.xi-screen-meta{display:flex;justify-content:space-between;color:#c6c6c6;font-size:14px;padding:7px 0 15px}#xi-choice-screen{max-width:700px;margin:auto}.xi-start{border:1px solid #416070;border-radius:16px;padding:22px;background:#10212c}.xi-start p{font-size:16px}.xi-start select{width:100%;margin:7px 0 18px}.xi-start button{width:100%}.xi-player-card{padding:22px;border-radius:18px;background:linear-gradient(130deg,#18303c,#141414);border:1px solid #416070}.xi-player-card .eyebrow{font-size:13px;letter-spacing:.04em;display:block}.xi-player-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0}.xi-player-top h2{font-size:clamp(23px,4vw,34px);line-height:1.15;margin:0}.xi-player-top>strong{font-size:38px;color:#79c9ee;text-align:center;line-height:1.15}.xi-player-top small{font-size:12px;display:block;white-space:nowrap;color:#c6c6c6}.xi-player-card p{font-size:16px;margin:12px 0}.xi-position{display:flex;flex-wrap:wrap;gap:6px 15px;font-size:14px;margin:18px 0}.xi-position strong{color:#79c9ee}.xi-player-card button{width:100%}.xi-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0}.xi-pager button{font-size:14px}.xi-pager span{font-size:14px}#xi-reroll{width:100%;font-size:14px}.xi-screen-status{color:#c6c6c6;font-size:13px;margin:14px 0}.team{max-width:700px;margin:auto}.team .pitch,.team #slots{min-height:0;height:clamp(310px,calc(100dvh - 230px),560px)}.team .slot{min-height:0;padding:4px 2px;gap:2px}.team .slot-name{font-size:12px;line-height:1.2}.team .slot-year,.team .slot-club,.team .fit-tag,.team .choice-label{display:none}.team .token,.team .candidate .token{width:32px;height:32px;font-size:14px}.team .slot-role{font-size:12px}.team #slots{padding:10px 5px}.team .toolbar{font-size:14px}.team #pitch-note{font-size:12px}.xi-rules-dialog{max-width:750px;width:94vw;max-height:85vh;overflow:auto}.xi-rules-dialog .rules{margin:15px 0;padding:0;border:0}.xi-rules-dialog .rules>summary{display:none}#coach-panel>h2{font-size:24px}#result-panel>.note{font-size:13px}.export-label{margin:10px 0}.team-power{margin:8px 0;padding:10px}.score{font-size:2.5rem}.coach-option{padding:12px}.coach-option span{font-size:14px}.coach-option .bonus{font-size:13px}#result-panel .actions{margin:12px 0}@supports(height:100dvh){.shell{height:100dvh}}@media(max-width:420px){.shell>header{flex-wrap:nowrap}.shell>header .brand{letter-spacing:0}.shell>header button{font-size:13px;padding:7px}.xi-player-card{padding:18px}.toolbar select{padding:7px}.team .live-power strong{font-size:22px}}@media(max-height:550px){.shell{padding:8px}.shell>header{margin-bottom:6px}.xi-player-card{padding:14px}.xi-player-top{margin:8px 0}.xi-player-card p,.xi-position{margin:10px 0}.xi-tabs{padding-top:6px}}
/* All candidates above the confirmed XI. */
.shell>main.xi-drafting{overflow:auto;display:flex;flex-direction:column;align-items:stretch;gap:0}
#xi-choice-screen{width:100%;max-width:820px}.xi-drafting #xi-choice-screen{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}
.xi-drafting .xi-screen-meta{padding:0;flex-shrink:0}.xi-candidate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;flex-shrink:0}
.xi-candidate-card{min-width:0;min-height:0;padding:8px;border:1px solid #426273;border-radius:10px;background:linear-gradient(135deg,#18303c,#0c1820);display:flex;flex-direction:column;text-align:left;gap:3px;line-height:1.2}
.xi-candidate-card:hover{background:#214453}.xi-candidate-card:active{background:#32617a}.xi-card-top{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:12px;color:#bed2dd}.xi-card-top .flag{width:18px;height:12px;vertical-align:middle;margin:0}.xi-card-top>strong{font-size:19px;color:#79c9ee}.xi-card-name{font-size:14px;line-height:1.2;min-height:2.4em;overflow-wrap:anywhere}.xi-card-club{font-size:12px;color:#c6d9e2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xi-card-positions{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xi-card-sign{font-size:12px;color:#79c9ee;font-weight:700;border-top:1px solid #36505e;padding-top:4px;margin-top:2px}.xi-draft-tools,.xi-pitch-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;flex-shrink:0}.xi-draft-tools button{width:auto!important;padding:5px 9px;min-height:34px;font-size:13px}.xi-pitch-heading{font-size:12px;color:#c6d9e2}.xi-compact-pitch{flex:1;min-height:180px;aspect-ratio:auto;border-radius:12px;max-height:350px}.xi-compact-slots{height:100%;display:flex;flex-direction:column;justify-content:space-around;gap:3px;padding:7px 5px}.xi-mini-slot{width:24%;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.1;text-align:center}.xi-mini-token{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;border:1px dashed #79c9ee99;color:#79c9ee;background:#050b11c0;font-size:12px}.is-filled .xi-mini-token{background:#79c9ee;color:#071019;border:1px solid #79c9ee;font-weight:800}.xi-mini-name{font-size:12px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xi-mini-role{font-size:12px;color:#b4cbd7}.xi-compact-pitch .lines{inset:9px}.xi-drafting .xi-start{padding:15px}.xi-drafting .xi-start h2{margin:0 0 8px}.xi-drafting .xi-start p{font-size:14px;margin:8px 0}.xi-drafting .xi-start select{margin:4px 0 8px}
@media(max-width:480px){.shell{padding:10px}.shell>header{gap:8px;margin-bottom:8px}.shell>header h1{font-size:20px}.shell>header button{font-size:12px;padding:6px;min-height:34px}.shell>header .actions{gap:5px}.shell>header .brand{font-size:11px}.xi-drafting #xi-choice-screen{gap:6px}.xi-candidate-grid{gap:5px}.xi-candidate-card{padding:5px;gap:2px}.xi-card-name{font-size:12px;line-height:1.15;min-height:2.3em}.xi-card-top>strong{font-size:17px}.xi-card-sign{padding-top:3px;margin-top:1px}.xi-draft-tools{font-size:12px}.xi-tabs{padding-top:6px}.xi-tabs button{min-height:36px;padding:6px 3px;font-size:13px}.xi-compact-pitch{min-height:175px}.xi-mini-token{height:20px;width:20px}.xi-screen-meta{font-size:13px}}
@media(max-height:620px) and (min-width:600px){.xi-candidate-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.xi-card-name{min-height:0}.xi-compact-pitch{min-height:150px}}
@media(max-width:480px){.xi-candidate-card{padding:4px;gap:1px;line-height:1}.xi-card-top{line-height:1}.xi-card-top>strong{line-height:1;font-size:16px}.xi-card-name{line-height:1.1;min-height:2.2em}.xi-card-club,.xi-card-positions{line-height:1}.xi-card-sign{line-height:1;white-space:nowrap;padding-top:3px;margin-top:1px}.xi-compact-pitch{min-height:150px}.xi-draft-tools button{min-height:28px;padding:4px 7px;font-size:12px}.xi-draft-tools{min-height:28px}.xi-drafting .xi-screen-meta{padding:0;line-height:1.2}.xi-pitch-heading{line-height:1}.xi-mini-name,.xi-mini-role{font-size:12px;line-height:1}.xi-mini-token{height:18px;width:18px}.xi-compact-slots{padding:5px;gap:1px}}
.xi-card-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.xi-card-club{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;line-height:1.1;min-height:2.2em;overflow:hidden}
@media(max-height:620px) and (max-width:480px){.xi-card-club{-webkit-line-clamp:1;min-height:1.1em;white-space:nowrap;display:block}.xi-compact-pitch{min-height:130px}}