:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0c0e14;color:#f3f5f9}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}
.sports-player{position:fixed;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#0c0e14}
.sports-toolbar{display:flex;align-items:center;gap:12px;min-height:44px;padding:4px max(12px,env(safe-area-inset-right)) 4px max(12px,env(safe-area-inset-left));padding-top:max(4px,env(safe-area-inset-top));background:#171b22;border-bottom:1px solid #303645;font-size:12px}
.sports-toolbar a,.sports-toolbar button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;color:inherit;text-decoration:none;font:inherit;font-weight:650;background:transparent;border:1px solid #444c60;border-radius:8px;padding:6px 10px;cursor:pointer}
.sports-toolbar strong{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sports-toolbar :focus-visible{outline:2px solid #6ee7a4;outline-offset:2px}
#sports-frame{width:100%;height:100%;border:0;display:block;background:#0c0e14}
.sports-status{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);max-width:90%;padding:12px 16px;background:#171b22;border:1px solid #444c60;border-radius:10px;font-size:13px}
[hidden]{display:none!important}

.sports-status:has(#sports-status[hidden]):has(#sports-recovery[hidden]){display:none}
.sports-status p{margin:0}.sports-status:has(#sports-recovery:not([hidden])){width:360px}
#sports-recovery{display:flex;gap:12px;margin-top:12px;align-items:center}
#sports-recovery button,#sports-recovery a{font:inherit;color:#f3f5f9;border:1px solid #586176;border-radius:8px;padding:10px 12px;background:#252d3b;text-decoration:none;cursor:pointer}