@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--pitch-black:#080d0b;--surface-1:#111a16;--surface-2:#172018;--surface-3:#1e2a22;--saffron:#ff6b2b;--saffron-glow:rgba(255,107,43,.15);--gold:#f5c842;--turf:#4a9465;--turf-muted:rgba(74,148,101,.2);--chalk:#f0f4f2;--text-primary:#f0f4f2;--text-secondary:#9db8a4;--text-muted:#5a7a68;--danger:#e74c3c;--border:rgba(157,184,164,.12);--font-display:"Barlow Condensed",sans-serif;--font-heading:"Space Grotesk",sans-serif;--font-body:"Space Grotesk",sans-serif;--font-mono:"JetBrains Mono",monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--sidebar-width:260px;--navbar-height:56px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body,html{overflow-x:clip}body{font-family:var(--font-body);background:var(--pitch-black);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:var(--saffron);text-decoration:none}a:hover{text-decoration:underline}ol,ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.container{max-width:1100px;margin:0 auto;padding:0 var(--space-md)}.page-title,h1,h2{font-family:var(--font-display);color:var(--chalk);font-weight:700;text-transform:uppercase;letter-spacing:.02em}.page-title,h1{font-size:1.75rem;margin-bottom:var(--space-md)}h2{font-size:1.35rem;margin-bottom:var(--space-sm)}h3{font-size:1rem;color:var(--chalk)}.section-label,h3{font-family:var(--font-heading);font-weight:600}.section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-sm)}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:var(--space-md)}.grid-2,.grid-3{display:grid;gap:var(--space-md)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-md)}.grid-4{grid-template-columns:repeat(4,1fr);grid-gap:var(--space-md)}.grid-4,.grid-auto{display:grid;gap:var(--space-md)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-md)}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.card-inner{background:var(--surface-2);border-radius:var(--radius-sm);padding:var(--space-md)}.grid-auto>div{display:flex}.player-card{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:.875rem;font-weight:600;border:none;transition:all .2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--saffron),#e55a1b);color:#fff}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--saffron);color:var(--saffron)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover{color:var(--saffron)}.btn-danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-lg{padding:.8rem 1.6rem;font-size:1rem}.badge{display:inline-flex;align-items:center;gap:4px;padding:.2rem .55rem;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-saffron{background:var(--saffron-glow);color:var(--saffron)}.badge-green{background:var(--turf-muted);color:var(--turf)}.badge-gold{background:rgba(245,200,66,.15);color:var(--gold)}.badge-muted{background:rgba(90,122,104,.2);color:var(--text-muted)}.input-label{display:block;font-family:var(--font-heading);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-xs)}.input{width:100%;padding:.6rem .8rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;transition:border-color .2s}.input:focus{outline:none;border-color:var(--saffron)}.select{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239DB8A4' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;padding:.6rem 2rem .6rem .8rem}.select:focus{outline:none;border-color:var(--saffron)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.modal{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:480px;width:100%;max-height:90vh;overflow-y:auto}.modal h2{font-family:var(--font-display);margin-bottom:var(--space-lg)}.modal-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-lg)}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--text-muted)}.empty-icon{font-size:3rem;opacity:.4}.empty-icon,.empty-state p{margin-bottom:var(--space-md)}.toast-container{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:2000;display:flex;flex-direction:column;gap:var(--space-sm)}.toast{padding:.75rem 1.25rem;border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:.85rem;font-weight:500;animation:slideIn .3s ease;min-width:250px}.toast-success{background:var(--turf);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-info{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border)}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-family:var(--font-display);font-weight:700;text-transform:uppercase;background:linear-gradient(135deg,var(--saffron),#e55a1b);color:#fff;flex-shrink:0}.avatar-sm{width:28px;height:28px;font-size:.7rem}.avatar-md{width:36px;height:36px;font-size:.8rem}.avatar-lg{width:48px;height:48px;font-size:1rem}.avatar-xl{width:64px;height:64px;font-size:1.25rem}.strength-bar{width:100%;height:6px;background:var(--surface-2);overflow:hidden}.strength-bar,.strength-fill{border-radius:var(--radius-full)}.strength-fill{height:100%;background:linear-gradient(90deg,var(--turf),var(--saffron));transition:width .4s ease}.stat-box{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--saffron);line-height:1}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--space-xs)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--surface-1);border-right:1px solid var(--border);padding:var(--space-lg) 0;position:fixed;top:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;transition:transform .3s ease}.sidebar-brand{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--saffron);text-transform:uppercase;letter-spacing:.04em;padding:0 var(--space-lg);margin-bottom:var(--space-xl)}.sidebar-nav{flex:1 1}.sidebar-link{display:flex;align-items:center;gap:var(--space-sm);padding:.65rem var(--space-lg);color:var(--text-secondary);font-family:var(--font-heading);font-size:.875rem;font-weight:500;transition:all .2s;text-decoration:none}.sidebar-link:hover{color:var(--chalk);background:var(--surface-2);text-decoration:none}.sidebar-link.active{color:var(--saffron);background:var(--saffron-glow);border-right:3px solid var(--saffron)}.navbar{display:none;position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:var(--surface-1);border-bottom:1px solid var(--border);z-index:200;align-items:center;padding:0 var(--space-md);justify-content:space-between}.navbar-brand{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--saffron);text-transform:uppercase}.navbar-toggle{background:none;border:none;color:var(--text-primary);font-size:1.5rem;padding:var(--space-xs)}.main-content{margin-left:var(--sidebar-width);flex:1 1;padding:var(--space-xl);min-height:100vh}.team-split{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:var(--space-lg);gap:var(--space-lg);align-items:start}.vs-divider{font-size:2rem;color:var(--text-muted);align-self:center;text-align:center;padding:var(--space-md) var(--space-sm)}.team-header,.vs-divider{font-family:var(--font-display);font-weight:700}.team-header{font-size:1.25rem;text-transform:uppercase;margin-bottom:var(--space-sm);gap:var(--space-sm)}.player-row,.team-header{display:flex;align-items:center}.player-row{gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:background .2s}.player-row:hover{background:var(--surface-2)}.player-info{flex:1 1;min-width:0}.player-name{font-family:var(--font-heading);font-weight:600;font-size:.9rem;color:var(--chalk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-meta{font-size:.75rem;color:var(--text-muted)}.toggle{width:40px;height:22px;border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border);position:relative;cursor:pointer;transition:all .2s}.toggle.active{background:var(--turf);border-color:var(--turf)}.toggle:after{content:"";width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s}.toggle.active:after{transform:translateX(18px)}.hero{text-align:center;padding:4rem var(--space-md) 3rem}.hero h1{font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:var(--space-md)}.hero .accent{color:var(--saffron)}.hero-sub{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-xl)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);max-width:900px;margin:0 auto var(--space-2xl)}.feature-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:left}.feature-card h3{margin-bottom:var(--space-xs)}.feature-card p{font-size:.9rem;color:var(--text-secondary)}.article-content{max-width:720px;margin:0 auto;padding:var(--space-xl) var(--space-md)}.article-content h1{font-size:2rem;margin-bottom:var(--space-lg)}.article-content h2{margin-top:var(--space-xl)}.article-content p{margin-bottom:var(--space-md);color:var(--text-secondary)}.article-content ul{padding-left:1.5rem;list-style:disc;margin-bottom:var(--space-md)}.article-content li{color:var(--text-secondary);margin-bottom:var(--space-xs)}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{padding:.6rem .8rem;text-align:left;border-bottom:1px solid var(--border);font-size:.875rem}th{font-family:var(--font-heading);font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:.7rem;letter-spacing:.06em}td{color:var(--text-secondary)}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.navbar{display:flex}.main-content{margin-left:0;padding:calc(var(--navbar-height) + var(--space-md)) var(--space-md) var(--space-md)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.team-split{grid-template-columns:1fr auto 1fr;gap:6px}.vs-divider{font-size:.85rem;padding:4px 2px;writing-mode:vertical-rl}.team-split .player-row{padding:3px;gap:3px}.team-split .player-name{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px}.team-split .player-meta{font-size:.6rem}.team-split .team-header{font-size:.9rem}.team-split select.select{font-size:.72rem;padding:4px 6px}.team-split .avatar-sm{width:22px;height:22px;font-size:.55rem}.hero h1{font-size:2rem}.modal{padding:var(--space-lg)}}@media (max-width:600px){.app-main{padding-left:var(--space-md)!important;padding-right:var(--space-md)!important}.player-card{padding:var(--space-sm)!important}}@media (max-width:390px){.hero h1{font-size:1.75rem}.hero-sub{font-size:.95rem}.btn{padding:.5rem 1rem;font-size:.8rem}.card{padding:var(--space-md)}.team-split .player-name{max-width:55px;font-size:.62rem}.team-split .team-header{font-size:.78rem}}.algo-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-xs);gap:var(--space-xs);margin-bottom:var(--space-sm)}@media (max-width:480px){.algo-grid{grid-template-columns:repeat(2,1fr)}}.player-availability-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-sm);gap:var(--space-sm)}@media (max-width:768px){.player-availability-grid{grid-template-columns:repeat(2,1fr)}}