.draft-nav{color:#a9b59d;background:none;border:1px solid #465047;border-radius:3px;padding:10px;font-size:9px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.draft-nav.active{color:var(--lime);border-color:#819359}.draft-screen{padding:36px 0 145px}.draft-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.draft-heading h1{font-size:72px;letter-spacing:-1px;margin:16px 0}.draft-heading h1 em{color:var(--lime);font-style:normal}.draft-heading p{font-size:13px;color:#9fab9d}.draft-totals{display:flex;gap:40px;text-align:center}.draft-totals strong{display:block;font:800 52px/1 'Barlow Condensed';color:#eaf0dc}.draft-totals strong span{font-size:25px;color:#687767}.draft-totals small{display:block;font-size:9px;letter-spacing:1px;margin-top:8px;color:#98a58d}.draft-toolbar{margin:25px 0 22px;padding:18px 0;border-block:1px solid #344039;display:flex;gap:16px;align-items:center;justify-content:space-between}.draft-toolbar p{font-size:11px;color:#a7b3a2;max-width:450px;line-height:1.8;margin:0}.draft-toolbar>div{display:flex;gap:8px;flex-shrink:0}.lime-button{border:0;background:var(--lime);color:#172018;border-radius:3px;padding:14px 20px;font-size:11px;font-weight:800;letter-spacing:.5px}.lime-button:disabled{background:#2c3a2c;color:#83917b;cursor:default}.quiet-button{background:none;border:1px solid #42513d;color:#b6c3ab;border-radius:3px;padding:12px;font-size:9px;font-weight:700}.draft-workspace{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}.draft-squad{border:1px solid #3d4d38;border-radius:6px;overflow:hidden;background:#16221a;position:sticky;top:16px}.draft-side-tabs{display:flex;border-bottom:1px solid #3b4c34}.draft-side-tabs button{padding:16px 8px;flex:1;border:0;border-bottom:2px solid transparent;background:none;color:#8b9d80;font-size:10px;font-weight:700}.draft-side-tabs button.active{color:var(--lime);border-bottom-color:var(--lime);background:#283523}.draft-side-tabs span{margin-left:7px;font-size:9px}.draft-slots{padding:8px}.draft-slot{width:100%;display:flex;align-items:center;gap:8px;padding:5px 9px;min-height:51px;margin:4px 0;background:#1a281f;color:#b0bea5;border:1px solid transparent;border-radius:4px;text-align:left}.draft-slot.selected{border-color:var(--lime);background:#2b3926}.draft-slot .slot-position{min-width:29px;font-size:10px;font-weight:800;color:#9cae8d}.draft-slot.selected .slot-position{color:var(--lime)}.draft-slot img{width:39px;height:39px;image-rendering:pixelated;flex-shrink:0}.slot-name{font:700 18px 'Barlow Condensed';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-slot>b{margin-left:auto;font:700 20px 'Barlow Condensed';color:#dfedbd}.empty-pick{font-size:10px;color:#829675}.draft-market{min-width:0}.position-header{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:103px;padding:0 0 20px;border-bottom:1px solid #344039}.position-header .eyebrow{font-size:8px;letter-spacing:1.6px}.position-header h2{font:800 36px/1 'Barlow Condensed';margin:12px 0 7px}.position-header p{font-size:11px;color:#9fab98;margin:0;line-height:1.5}.position-current{display:flex;align-items:center;gap:8px;flex-shrink:0}.position-current>img{width:60px;height:60px;image-rendering:pixelated}.position-current div{display:flex;flex-direction:column;gap:4px}.position-current small,.open-spot{font-size:8px;color:#8c9c82;letter-spacing:.5px}.position-current b{font:700 21px 'Barlow Condensed';color:#dceaaf}.position-current span{font-size:10px;color:#aabd8e}.position-current button{border:0;background:none;color:#bf998b;font-size:9px;text-decoration:underline;padding:0;margin-left:10px}.open-spot{text-align:right;line-height:2}.open-spot b{font:700 17px 'Barlow Condensed';color:#acbf8e}.prospect-filters{display:grid;grid-template-columns:minmax(130px,1fr) 120px 170px;gap:9px;margin:20px 0 13px}.prospect-filters input,.prospect-filters select{width:100%;min-width:0;background:#19271e;border:1px solid #42513b;border-radius:3px;color:#cfdbc3;padding:12px 10px;font:11px 'DM Sans'}.prospect-filters input:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.prospect-caption{display:flex;justify-content:space-between;gap:8px;font-size:8px;letter-spacing:1px;color:#809574;margin:15px 0}.prospect-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.prospect{display:flex;flex-direction:column;align-items:stretch;min-width:0;text-align:left;background:linear-gradient(145deg,#243321,#18261c);border:1px solid #405339;border-radius:5px;color:#e3edd4;padding:13px;transition:border-color .15s,background .15s}.prospect:hover:not(:disabled){border-color:#cee594;background:#2d3f28}.prospect-top{display:flex;justify-content:space-between;align-items:start}.prospect-top>small{font-size:9px;letter-spacing:1px;color:#7c9471}.prospect-top>b{font:800 28px/.8 'Barlow Condensed';color:var(--lime);text-align:right}.prospect-top>b span{display:block;font:7px 'DM Sans';color:#8a9c79;margin-top:5px}.prospect>img{width:80px;height:80px;object-fit:contain;image-rendering:pixelated;align-self:center;margin-top:-9px}.prospect h3{font:700 23px 'Barlow Condensed';margin:1px 0 6px;line-height:1.1;overflow-wrap:anywhere}.type-tags{display:flex;gap:4px;flex-wrap:wrap;min-height:18px}.type-tags span{font-size:7px;text-transform:uppercase;letter-spacing:.5px;background:#3a4735;color:#c6d8b4;border-radius:2px;padding:3px 5px}.type-tags .type-water,.type-tags .type-ice{background:#234659;color:#a2d2ef}.type-tags .type-fire,.type-tags .type-fighting{background:#55332a;color:#ffb797}.type-tags .type-psychic,.type-tags .type-poison,.type-tags .type-ghost{background:#49354e;color:#e0b9ef}.type-tags .type-electric{background:#504c25;color:#e9df8e}.prospect-skills{margin:12px 0}.prospect-skills div{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#91a585;margin-top:6px}.prospect-skills b{color:#c6d7b4}.pick-action{font-size:8px;font-weight:700;letter-spacing:.6px;color:#d5ed9b;border-top:1px solid #3b5034;padding-top:11px;margin-top:auto}.prospect.taken{opacity:.45;cursor:default}.prospect.starter{opacity:.8;border-color:#bbd584}.more-prospects{grid-column:1/-1;background:none;border:1px dashed #4a613f;color:#b6cd94;padding:17px;font-size:10px;font-weight:700;border-radius:4px}.empty-search{grid-column:1/-1;padding:45px 15px;text-align:center;font-size:13px;color:#9bae88}.draft-kickoff{position:fixed;z-index:8;bottom:0;left:50%;transform:translateX(-50%);width:min(1528px,calc(100% - 72px));background:#18271bf5;backdrop-filter:blur(12px);border:1px solid #637d48;border-bottom:0;box-shadow:0 -10px 40px #09130c99;border-radius:6px 6px 0 0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px}.draft-kickoff .eyebrow{font-size:8px;color:#92a97d;letter-spacing:1.4px;margin-bottom:7px}.draft-kickoff strong{font:700 24px 'Barlow Condensed';color:#e0eebf}.draft-kickoff p{font-size:10px;color:#a5b99a;line-height:1.6;margin:5px 0 0;max-width:760px}.draft-kickoff button{white-space:nowrap;min-height:51px;flex-shrink:0}.draft-kickoff button span{margin-left:18px}.draft-footnote{font-size:9px;line-height:1.8;color:#73866b;margin:25px 0}.matchup-summary{border:1px solid #3b5038;border-radius:4px;padding:12px;margin:12px 0 22px}.matchup-summary>small{font-size:8px;letter-spacing:1px;color:#90a381}.matchup-summary>div{display:flex;justify-content:space-between;margin-top:10px;font-size:9px;color:#b4c7a0}.matchup-summary b{color:#d8f474}.matchup-summary>div:last-child b{color:#ee9784}#scoutTeam{margin-left:auto}.scouting-head{flex-wrap:wrap}
@media(min-width:1450px){.prospect-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1150px){.draft-heading h1{font-size:62px}.draft-totals{gap:25px}.draft-workspace{grid-template-columns:235px minmax(0,1fr);gap:20px}.prospect-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.draft-toolbar p{max-width:370px}.draft-kickoff{width:calc(100% - 48px)}}
@media(max-width:820px){.prospect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prospect-filters{grid-template-columns:1fr 1fr}.draft-search{grid-column:1/-1}.draft-toolbar{align-items:start}.draft-toolbar>div{flex-wrap:wrap;justify-content:end}.position-header{align-items:start}.position-current>img{display:none}.position-current{max-width:100px}.draft-totals strong{font-size:39px}.draft-kickoff strong{font-size:20px}.draft-kickoff button{font-size:9px;padding:14px}.draft-kickoff button span{margin-left:6px}}
@media(max-width:680px){.draft-nav{font-size:8px;padding:8px 5px;margin-left:auto}.audio-buttons{margin-left:0}.draft-screen{padding-top:23px;padding-bottom:165px}.draft-heading{gap:12px;align-items:end}.draft-heading .eyebrow{font-size:7px;letter-spacing:1.2px}.draft-heading h1{font-size:46px;letter-spacing:-.5px;margin:12px 0}.draft-heading p{font-size:10px;line-height:1.7;max-width:185px;margin-bottom:0}.draft-totals{gap:12px;flex-wrap:wrap;max-width:145px;justify-content:end}.draft-totals>div:first-child{width:100%;text-align:right}.draft-totals strong{font-size:32px}.draft-totals strong span{font-size:20px}.draft-totals small{font-size:6px;letter-spacing:.5px;margin-top:5px}.draft-toolbar{display:block;margin:20px 0 16px;padding:13px 0}.draft-toolbar p{font-size:10px;max-width:none}.draft-toolbar>div{justify-content:start;margin-top:12px}.lime-button{padding:12px;font-size:10px}.quiet-button{font-size:8px;padding:10px}.draft-workspace{display:block}.draft-squad{position:static;margin-bottom:22px}.draft-side-tabs button{padding:13px}.draft-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px}.draft-slot{position:relative;min-height:83px;padding:21px 5px 5px;margin:0;gap:1px;flex-direction:column;align-items:center;text-align:center}.draft-slot .slot-position{position:absolute;left:6px;top:7px;font-size:9px;min-width:0}.draft-slot>b{position:absolute;right:6px;top:5px;font-size:16px}.draft-slot img{width:36px;height:36px}.draft-slot .slot-name{font-size:15px;max-width:100%}.empty-pick{font-size:9px;line-height:1.7;margin:auto 0;max-width:85px}.position-header{min-height:90px;padding-bottom:15px}.position-header h2{font-size:31px}.position-header p{font-size:10px;max-width:245px}.position-current{max-width:95px}.position-current b{font-size:18px}.position-current small{font-size:6px}.position-current span{font-size:8px}.position-current button{font-size:8px;margin-left:4px}.prospect-filters{margin-top:15px}.prospect-filters input,.prospect-filters select{font-size:12px;min-height:43px}.prospect-caption{font-size:6px;letter-spacing:.5px}.prospect-grid{gap:8px}.prospect{padding:12px}.prospect h3{font-size:24px}.prospect-skills div{font-size:10px}.pick-action{font-size:9px}.draft-kickoff{width:100%;border-radius:0;padding:12px 14px;display:block}.draft-kickoff .eyebrow{display:none}.draft-kickoff strong{font-size:18px}.draft-kickoff p{font-size:9px;margin:3px 0 9px;line-height:1.4;min-height:13px}.draft-kickoff button{width:100%;font-size:10px;min-height:43px;display:flex;justify-content:space-between;align-items:center}.draft-footnote{font-size:9px;margin-top:20px}.matchup-summary{margin:12px 0}#scoutTeam{margin:12px 0 0;max-width:100%}}
@media(prefers-reduced-motion:reduce){.prospect{transition:none}}

@media(max-width:680px){.prospect-filters input,.prospect-filters select{font-size:16px}}
@media(max-width:380px){header{gap:5px}.brand{font-size:21px;white-space:nowrap}.brand small{font-size:5px;letter-spacing:.6px}.ball{font-size:20px;margin-right:3px}.draft-nav{font-size:7px;padding:8px 4px}.audio-buttons button,#sound{font-size:7px;padding:8px 4px}}

.team-identity{max-width:520px;margin:22px 0 4px}.team-identity>label{display:block;font-size:9px;letter-spacing:1.3px;color:var(--lime);font-weight:800;margin-bottom:8px}.team-identity>div{display:flex;align-items:center;gap:12px}.team-identity input{width:100%;min-width:0;border:1px solid #627c4c;border-radius:4px;background:#1d2d21;color:#e9f2d4;padding:13px 15px;font:700 25px 'Barlow Condensed',sans-serif}.team-identity input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.team-identity>div>span{font-size:10px;color:#a6b996;white-space:nowrap}.team-identity p{font-size:10px;color:#95a68c;line-height:1.5;margin:8px 0}.matchup-summary span{overflow-wrap:anywhere;min-width:0;max-width:72%}.matchup-summary b{flex-shrink:0}

.social-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0 24px}.social-toolbar p{font-size:10px;line-height:1.6;color:#9caf92;flex-basis:100%;margin:0}.social-panel{padding:22px;border:1px solid #829c58;background:#203021;border-radius:5px;margin:0 0 24px}.social-panel h2{font:700 30px 'Barlow Condensed';overflow-wrap:anywhere;margin:12px 0}.social-panel p{color:#b1c39e;font-size:12px;line-height:1.7;max-width:800px}.social-panel button{margin:5px 6px 0 0}.share-url{display:block;width:100%;padding:13px;background:#102218;border:1px solid #6e8754;border-radius:4px;color:#e0eebd;font-size:12px;margin:10px 0 18px}.share-actions{display:flex;gap:10px}.duel-status{border:1px solid #7b9655;background:#22341f;color:#def2b6;padding:12px 16px;font-size:12px;line-height:1.5;border-radius:4px;overflow-wrap:anywhere}#shareDialog>label{font-size:9px;color:#b6cc9b;letter-spacing:1px}#shareState{font-size:11px;color:#b4c9a1;line-height:1.6}@media(max-width:680px){.social-panel{padding:16px}.social-panel h2{font-size:26px}.social-panel p{font-size:11px}.social-toolbar{margin:16px 0}.duel-status{font-size:10px;padding:10px}}