:root{--bg:#111715;--panel:#19201e;--line:#2d3a38;--text:#eff4f5;--muted:#a0b2b4;--mint:#58e0f2;--pink:#f151dc}
body{background:radial-gradient(ellipse at 100% 0,#bc22b90a,transparent 45%),var(--bg)}
.sidebar{background:#101817;border-top:2px solid var(--pink)}.brand-logo{width:68px;height:66px;object-fit:contain;border-radius:8px}.brand{gap:10px}.brand-sub{color:var(--mint);letter-spacing:3px}.sidebar-label{margin:25px 0 12px}.sidebar nav a.active{background:#53dff013;color:var(--mint);box-shadow:inset 2px 0 var(--mint)}.avatar{background:#1c3337;border-color:#345458;color:#b3eef2}.button{color:#08252a}.button.secondary{background:#1a2727;border-color:#3a5253}.small-button{border-color:#3b5150;color:#bdd9dc}.small-button:hover{background:#233a3c}.status-dot{box-shadow:0 0 10px #58e0f244}.topbar{border-image:linear-gradient(90deg,#4edbe544,#f151dc33) 1}.main{min-height:100vh}.main>footer{margin-top:35px}.library{min-height:calc(100vh - 210px);padding-top:38px}.library .section-heading h1{margin:0;font-size:36px;letter-spacing:-1px}.page-title{margin:25px 0}.page-title h1{font-size:36px;letter-spacing:-1px;margin-bottom:10px}.page-title .eyebrow{display:block;margin-bottom:8px}.filters{flex-wrap:wrap}.filters input{min-width:190px}.library-tabs,.map-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.library-tabs a,.map-tabs a{font-size:12px;border:1px solid var(--line);border-radius:5px;padding:7px 12px;color:var(--muted)}.library-tabs a.active,.map-tabs a.active{color:var(--mint);background:#58e0f211;border-color:#58e0f255}.library-tabs span{margin-left:4px}.folder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,480px));gap:20px}.session-card{position:relative;overflow:hidden;padding:32px;background:radial-gradient(ellipse at 100% 0,#d22ec219,transparent 65%),var(--panel);border-top:2px solid var(--pink);transition:border-color .2s}.session-card:hover,.bo-card:hover{border-color:var(--mint)}.session-card .eyebrow{display:block}.session-card h2{font-size:29px;margin:25px 0 2px}.session-date{color:var(--muted);font-size:19px;margin-bottom:30px}.folder-icon{position:absolute;right:30px;top:20px;font-size:50px;line-height:1;color:var(--pink);opacity:.6}.session-card .card-bottom{font-size:12px}.bo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bo-card{padding:25px;border-top:2px solid var(--mint)}.bo-card:nth-child(2){border-top-color:var(--pink)}.bo-card h2{font-size:23px;margin-top:20px}.bo-card .card-bottom{font-size:11px}.match-card{background:var(--panel)}.match-card:hover{border-color:#56b8c5}.match-card .card-body h3{margin-top:0}.viewed-form{margin:0;padding:0 16px 15px}.viewed-button{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:8px 11px;font-size:12px;white-space:normal;text-align:left}.viewed-button:hover{color:var(--mint);border-color:var(--mint)}.viewed-button.is-viewed{color:var(--mint);background:#58e0f20d}.viewed-form .viewed-button{width:100%}.card-bottom{font-size:11px}.moments-heading{margin:35px 0 5px}.bo-moments .list-row{font-size:14px}.bo-moments .tag{display:inline-block;margin:0 8px 5px 0}.tag.good{background:#22484a;color:var(--mint)}.tag.work{background:#463b27;color:#e0c18b}.map-label{font-family:inherit;font-weight:550}.map-tabs{margin-bottom:24px}.moment{background:var(--panel)}.moment.good{border-left-color:var(--mint)}.moment.selected{box-shadow:0 0 0 2px #58e0f217}.tag{color:var(--mint);background:#234042}.player-toolbar{background:#1e2a28}.panel summary{cursor:pointer;font-size:16px;font-weight:600}.analysis summary{font-size:12px;color:var(--muted);cursor:pointer}.analysis[open] summary{margin-bottom:15px}.report[open]>summary{margin-bottom:20px}.discussion h2{font-size:20px;margin-bottom:15px}.timestamp-label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted);width:225px;max-width:100%}.comment-controls input{width:100%;font-size:12px}.timestamp-label small{font-size:10px}.comment-controls{align-items:center}.comment-controls .button{align-self:center}.login-layout{align-items:center}.login-logo{width:100%;max-width:350px;border-radius:14px;box-shadow:0 0 60px #c92ac318}.login-intro{text-align:center}.login-panel h1{font-size:32px;letter-spacing:-1px}.login-panel label:first-of-type{margin-top:0}.players-grid .panel{background:radial-gradient(ellipse at 100% 0,#58e0f20a,transparent 70%),var(--panel)}.page-heading h1{font-size:36px;letter-spacing:-1px}.player-heading .eyebrow{display:none}.player-heading .lead{margin-bottom:15px}
@media(max-width:1150px){.bo-grid{grid-template-columns:1fr}.filters select{max-width:170px}}
@media(max-width:800px){.brand-logo{width:44px;height:43px}.library{padding:26px 20px}.library .section-heading h1,.page-title h1{font-size:29px}.session-card{padding:25px}.session-card h2{font-size:25px}.folder-grid{grid-template-columns:1fr}.bo-moments .list-row{font-size:12px;gap:10px}.bo-moments .timecode{font-size:9px}.match-heading .section-heading{flex-wrap:wrap;gap:15px}.match-heading .viewed-button{font-size:11px}.map-tabs{gap:7px}.map-tabs a{padding:7px 10px;font-size:11px}.match-grid{grid-template-columns:1fr}.comment-controls{align-items:flex-end}.comment-controls .button{margin-left:0}.timestamp-label{width:100%}.login-logo{max-width:190px}.login-layout{gap:25px}.login-panel{width:100%}.profile-grid h2{font-size:21px}.players-grid{grid-template-columns:1fr 1fr}.player-card{padding:18px}.player-card h2{font-size:21px}.library-tabs{gap:7px}.library-tabs a{font-size:11px;padding:7px 10px}.filters select{max-width:none}.report{grid-row:4}.discussion{grid-row:6}}
@media(prefers-reduced-motion:reduce){.session-card{transition:none}}