.demo{max-width:1600px;margin:auto;padding:24px}.demo [hidden]{display:none!important}.demo-intro{display:flex;align-items:center;gap:24px;margin-bottom:24px}.demo-intro h1{font-size:clamp(28px,4vw,46px);margin:8px 0}.demo small,.muted{color:#a9b9d5}.demo-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.demo button,.demo select,.demo input{font:inherit;border:1px solid #3c5074;border-radius:8px;padding:10px;background:#142440;color:white}.demo button{cursor:pointer}.demo button:disabled{opacity:.5;cursor:default}.demo button:hover:not(:disabled){filter:brightness(1.2)}.demo label{display:grid;gap:6px}.demo #demo-start{background:#ed1239;border-color:#ed1239}.demo-order{display:flex;overflow:auto;gap:4px;margin:20px 0 0}.demo-order>div{min-width:115px;padding:14px;background:#172743;border-bottom:3px solid #324564}.demo-order .you{background:#08677d;border-color:#63e8ff}.demo-order .clock{background:#14583e;border-color:#39e49b}.demo-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 200px;background:#152440;border:1px solid #324564}.demo-layout>aside{padding:16px;background:#0f1c34}.demo-center{min-width:0;padding:20px}.demo-center>h2{text-align:center;background:#1e3456;margin:-20px -20px 20px;padding:22px}.demo h2{font-size:22px}.demo h3{font-size:18px}.auto-controls button{width:100%}#demo-auto{display:flex;align-items:center;justify-content:center;gap:12px;background:white;color:#dc1238;font-size:23px;font-weight:800;border:2px solid #ed1239}#demo-auto img{width:40px}#demo-auto small{display:block;color:inherit;font-size:14px;letter-spacing:2px}#demo-auto[aria-pressed=true]{background:#dfffee;color:#075c38;border-color:#25d690}.espn-control{border:1px solid #ba2843;border-radius:10px;padding:12px;margin:20px 0}.espn-control strong{display:flex;align-items:center;gap:8px;font-size:13px}.espn-control img{width:48px}.espn-control small{display:block;margin-top:8px}.demo-recommendations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.demo-card{border:1px solid #268762;background:#103f35;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}.demo-card:first-child{border:2px solid #40e99f}.demo-card button{margin-top:auto;background:#168451}.person{display:flex;align-items:center;gap:8px}.person img{width:40px;height:40px;object-fit:contain}.person strong{display:block}.person small{display:block;font-size:12px}.injury{color:#ffd783!important}.demo-card .person{flex-wrap:wrap}.demo-card .person img{width:55px;height:55px}.demo-filters{display:flex;gap:12px;margin:16px 0}.demo-filters input{min-width:0;flex:1}.demo-table{overflow:auto;max-height:540px}.demo table{width:100%;border-collapse:collapse;font-size:13px}.demo td,.demo th{padding:10px;text-align:left;border-bottom:1px solid #30435f}.demo th{position:sticky;top:0;background:#152440}.demo-rail-player{padding:12px 0;border-bottom:1px solid #30435f;font-size:13px}.demo-footer{text-align:center;max-width:750px;margin:40px auto}.demo-result-you{background:#08677d}.demo-error{color:#ffb6bf}@media(max-width:1100px){.demo-layout{grid-template-columns:190px minmax(0,1fr)}.demo-layout>aside:last-child{grid-column:1/-1}.demo-recommendations{grid-template-columns:1fr}.demo-card .person{flex-wrap:nowrap}}@media(max-width:650px){.demo{padding:12px}.demo-intro{gap:12px;align-items:flex-start}.demo-intro>img{width:70px;height:70px}.demo-layout{display:flex;flex-direction:column}.demo-layout>aside:first-child{order:1}.demo-center{padding:16px}.demo-center>h2{margin:-16px -16px 16px}.demo-controls{gap:8px}.demo-controls button{font-size:13px}.demo-order>div{min-width:100px}.demo h1{font-size:27px}}

.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;background:#203953;border-radius:50%;overflow:hidden;color:#92e7ff;font-weight:700}.avatar img{position:absolute;inset:0;background:#142440}.demo-card .avatar{width:55px;height:55px}#demo-auto>span{white-space:nowrap;font-size:20px}

#demo-audio{display:inline-flex;align-items:center;gap:8px;border:2px solid #ed1239}#demo-audio .audio-slash{display:none}#demo-audio[aria-pressed=false] .audio-slash{display:block}#demo-play-bottom{background:#ed1239;font-weight:bold;font-size:20px;padding:16px 24px}

#demo-audio[aria-pressed=true]{background:#116940;border-color:#3be49a;color:white}#demo-audio[aria-pressed=false]{background:#bd1532;border-color:#ff5673;color:white}#demo-audio .audio-slash{display:none!important}

.demo-team-identity{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;vertical-align:middle}.demo-team-avatar{width:36px;height:36px;flex:none}.demo-order .demo-team-identity{margin:7px 0;gap:7px}.demo-order .demo-team-avatar{width:30px;height:30px}.demo-rail-player small .demo-team-avatar{width:23px;height:23px}.demo-rail-player small .demo-team-identity{gap:5px;margin-top:5px}

#demo-results-dialog{width:min(850px,calc(100vw - 28px));max-height:85vh;overflow:auto;background:#152440;color:white;border:1px solid #476487;border-top:4px solid #35dc91;border-radius:16px;padding:24px}#demo-results-dialog::backdrop{background:#020919cf;backdrop-filter:blur(4px)}#demo-close-results{display:block;margin-left:auto}.demo-signup{text-align:center;border-top:1px solid #3a506e;padding:24px 0 0;margin-top:24px}.demo-signup .btn{display:inline-block;background:#ed1239;color:white;font-size:20px;padding:12px 24px}.demo-signup p{font-size:14px}#demo-results-dialog table{min-width:360px}#demo-results{overflow-x:auto}