@import "https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@700;800&family=Inter:wght@400;500;600&family=Roboto+Mono:wght@600;700&display=swap";*{box-sizing:border-box}body{margin:0}:root{--pitch:#2f8c46;--pitch-dark:#267339;--panel:#faf9f5;--panel-2:#fff;--ink:#141414;--ink-soft:#6b6b6b;--accent:#ff5a36;--accent-ink:#fff;--border:#14141424;--dashed:#1414144d;--jersey-empty:#faf6e8d9;--jersey-empty-text:#faf6e8e6;--on-pitch-soft:#14141499}[data-theme=dark]{--pitch:#0a0f0b;--pitch-dark:#050705;--panel:#12160f;--panel-2:#171c14;--ink:#eaf2ea;--ink-soft:#93a797;--accent:#3dff6e;--accent-ink:#06210f;--border:#eaf2ea24;--dashed:#eaf2ea4d;--jersey-empty:#ffffff80;--jersey-empty-text:#ffffffa6;--on-pitch-soft:#eaf2eaa6}body{background:var(--pitch);color:var(--ink);font-family:Inter,sans-serif}.stage{max-width:1000px;margin:0 auto;padding:1.25rem}.topbar{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.brand{letter-spacing:.02em;color:var(--ink);font-family:Big Shoulders Display,sans-serif;font-size:26px;font-weight:800}.theme-btn{color:var(--ink);background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 14px;font:500 15px Inter,sans-serif}.error-banner{color:var(--ink);background:var(--panel-2);border:1px solid var(--accent);border-radius:8px;margin-bottom:1rem;padding:12px 16px;font:500 15px Inter,sans-serif}.reveal{margin-bottom:1rem}.reveal .tag{color:var(--on-pitch-soft);margin:0 0 2px;font:500 15px Inter,sans-serif}.reveal h1{color:var(--ink);margin:0;font-family:Big Shoulders Display,sans-serif;font-size:52px;font-weight:800;line-height:1}.reveal .sub{color:var(--on-pitch-soft);margin-top:6px;font:500 17px Inter,sans-serif}.layout{grid-template-columns:330px minmax(0,1fr);gap:16px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.reject-btn{width:100%;color:var(--accent-ink);background:var(--accent);cursor:pointer;border:none;border-radius:8px;padding:12px;font:600 16px Inter,sans-serif}.reject-btn:disabled{color:var(--ink-soft);border:1px dashed var(--dashed);cursor:default;background:0 0}.reject-count{text-align:center;color:var(--ink-soft);margin:8px 0 14px;font:500 14px Inter,sans-serif}.layout .panel{flex-direction:column;display:flex}.roster{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow-y:auto}.row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:11px 2px;display:flex}.row:last-child{border-bottom:none}.row.disabled{opacity:.45}.row .info{flex:1;min-width:0}.row .name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font:600 16px Inter,sans-serif;overflow:hidden}.row .pos{color:var(--ink-soft);margin-top:2px;font:500 13px Inter,sans-serif}.row .rate{text-align:center;width:44px;color:var(--ink);background:color-mix(in srgb, var(--accent) 16%, var(--panel-2));border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);font-variant-numeric:tabular-nums;border-radius:8px;flex-shrink:0;padding:5px 0;font:700 20px Roboto Mono,monospace}.pick-btn{color:var(--panel);background:var(--ink);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:8px 14px;font:600 14px Inter,sans-serif}.row.disabled .pick-btn{color:var(--ink-soft);border:1px dashed var(--dashed);cursor:default;background:0 0}.pitch{background:repeating-linear-gradient(to bottom, var(--pitch) 0 44px, var(--pitch-dark) 44px 88px);border:1px solid var(--border);border-radius:10px;min-height:400px;position:relative;overflow:hidden}.jersey{font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font:600 16px Roboto Mono,monospace;display:flex;position:absolute;transform:translate(-50%,-50%)}.jersey.empty{border:1.5px dashed var(--jersey-empty);color:var(--jersey-empty-text)}.jersey.filled{background:var(--accent);color:var(--accent-ink);border:1.5px solid var(--accent);font-weight:700}.field-col{flex-direction:column;gap:10px;display:flex}.pos-list{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.pos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px 12px;display:grid}.pos-grid .item{align-items:baseline;gap:8px;font:500 15px Inter,sans-serif;display:flex;overflow:hidden}.pos-grid .n{color:var(--ink-soft);font-variant-numeric:tabular-nums;min-width:20px;font:600 14px Roboto Mono,monospace}.pos-grid .v{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pos-grid .v.empty-v{color:var(--ink-soft)}.start-card{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:12px;max-width:400px;margin:2.5rem auto;padding:36px 32px}.start-card h1{color:var(--ink);margin:0 0 10px;font-family:Big Shoulders Display,sans-serif;font-size:40px;font-weight:800}.start-card .sub{color:var(--ink-soft);margin:0 0 24px;font:500 16px/1.5 Inter,sans-serif}.mode-group{gap:8px;margin-bottom:24px;display:flex}.mode-btn{border:1px solid var(--border);background:var(--panel-2);color:var(--ink-soft);cursor:pointer;border-radius:8px;flex:1;padding:12px;font:500 16px Inter,sans-serif}.mode-btn.selected{color:var(--ink);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--panel-2));font-weight:600}.cta-btn{width:100%;color:var(--accent-ink);background:var(--accent);cursor:pointer;border:none;border-radius:8px;padding:14px;font:600 17px Inter,sans-serif}.cta-btn:disabled{opacity:.6;cursor:default}.scrim{z-index:50;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--panel-2);border:1px solid var(--border);text-align:center;border-radius:14px;width:360px;max-width:100%;padding:28px}.modal-card p.q{color:var(--ink);margin:0 0 18px;font:600 18px/1.4 Inter,sans-serif}.modal-card .opt{border:1px solid var(--border);background:var(--panel);width:100%;color:var(--ink);cursor:pointer;border-radius:10px;margin-bottom:10px;padding:14px;font:600 17px Inter,sans-serif;display:block}.modal-card .opt:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--panel))}.modal-card .cancel{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;margin-top:6px;padding:8px;font:500 15px Inter,sans-serif}.result-card{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:12px;max-width:600px;margin:0 auto;padding:24px}.result-card .tag{color:var(--ink-soft);margin:0;font:500 15px Inter,sans-serif}.result-card h2{color:var(--ink);margin:2px 0 6px;font-family:Big Shoulders Display,sans-serif;font-size:36px;font-weight:800}.result-card .reason{color:var(--ink-soft);margin:0 0 14px;font:500 15px Inter,sans-serif}.final-roster{text-align:left;margin-bottom:16px}.final-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:11px 2px;display:flex}.final-row:last-child{border-bottom:none}.final-row.empty{opacity:.5}.final-row .pos-label{width:140px;color:var(--ink-soft);flex-shrink:0;font:500 14px Inter,sans-serif}.final-row .name{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font:600 16px Inter,sans-serif;overflow:hidden}.final-row .conv{text-align:right;width:170px;color:var(--ink-soft);flex-shrink:0;font:500 14px Inter,sans-serif}.final-row .rate{text-align:center;width:40px;color:var(--ink);font-variant-numeric:tabular-nums;flex-shrink:0;font:700 18px Roboto Mono,monospace}.avg{color:var(--ink-soft);margin:0 0 16px;font:500 16px Inter,sans-serif}.avg b{color:var(--ink);font-family:Roboto Mono,monospace;font-size:20px}.result-actions{gap:10px;display:flex}.share-btn{border:1px dashed var(--dashed);color:var(--ink-soft);cursor:default;background:0 0;border-radius:8px;flex:1;padding:13px;font:600 15px Inter,sans-serif}.again-btn{background:var(--ink);color:var(--panel);cursor:pointer;border:none;border-radius:8px;flex:1;padding:13px;font:600 15px Inter,sans-serif}