@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#eef5f1;font-synthesis:none;--bg:#071316;--surface:#0e1b1f;--raised:#14262a;--line:#dcf5eb21;--muted:#9badaa;--lime:#a8ef72;--danger:#f66d67;--blue:#7fa6ff;background:#071316;font-family:DM Sans,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% -10%,#15342c55,transparent 34%),var(--bg);min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}.app{min-height:100vh;display:flex}.rail{background:#09181b;border-right:1px solid #ffffff09;flex-direction:column;width:216px;padding:26px 14px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;margin:0 18px 48px;font-size:21px;font-weight:700;line-height:.95;display:flex}.mark{grid-template-columns:repeat(2,10px);gap:3px;display:grid;transform:skew(-18deg)}.mark i{background:var(--lime);border-radius:1px;width:10px;height:15px;display:block}.mark i:nth-child(2),.mark i:nth-child(3){height:10px}.rail nav{gap:8px;display:grid}.rail nav button,.rail-bottom button{color:#c9d4d1;text-align:left;border-radius:12px;align-items:center;gap:14px;width:100%;padding:13px 16px;display:flex}.rail nav button:hover,.rail nav button.active{color:#fff;background:#163429}.rail nav button.active{box-shadow:inset 3px 0 var(--lime)}.navicon{text-align:center;width:22px;font-size:22px}.rail-bottom{color:#b9c8c3;margin-top:auto;padding:0 18px;font-size:13px;line-height:1.7}.rail-bottom small{color:#8da39d}.rail-bottom button{color:#bac6c3;margin:22px 0 0;padding:0}.sync-dot{background:var(--lime);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.main{width:calc(100% - 216px);max-width:1600px;margin-left:216px;padding:32px 34px 56px}header{justify-content:space-between;align-items:flex-start;margin-bottom:26px;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:4px;font-size:28px}h2{letter-spacing:-.04em;font-size:28px;line-height:1.1}h3{margin-bottom:16px;font-size:17px}p{line-height:1.5}.sub{color:var(--muted);margin:0}.top-actions{align-items:center;gap:16px;display:flex}.demo,.tag{color:var(--lime);border:1px solid #8bc65b55;border-radius:999px;padding:6px 10px;font-size:12px}.avatar,.gabi-avatar{background:var(--lime);color:#112116;border-radius:50%;place-items:center;font-weight:700;display:grid}.avatar{width:36px;height:36px}.panel{border:1px solid var(--line);background:linear-gradient(140deg,#122124,#0c191c);border-radius:16px;padding:20px}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head h3{margin:0}.home-grid{grid-template-columns:1.45fr .85fr;gap:16px;display:grid}.hero-panel{flex-direction:column;grid-row:span 2;justify-content:space-between;min-height:520px;display:flex}.hero-panel>div:first-child{max-width:460px}.eyebrow{letter-spacing:.12em;color:var(--lime);font-size:11px;font-weight:700}.hero-panel h2{max-width:520px;margin:18px 0;font-size:54px}.hero-panel p{color:#b8c5c1;max-width:430px;font-size:18px}.primary{background:var(--lime);color:#102017;border-radius:9px;min-height:44px;padding:12px 18px;font-weight:700}.primary:hover{background:#c1f99c}.link{color:var(--lime);font-size:13px}.live{color:var(--lime);font-size:12px}.focus{min-height:190px}.focus-text{max-width:400px;margin:28px 0;font-size:20px;line-height:1.28}.signal{color:var(--muted);align-items:center;gap:10px;display:flex}.signal b{color:var(--lime);font-size:42px}small{color:var(--muted);font-size:12px;display:block}.row{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.row b{display:block}.row strong{color:var(--lime);font-size:20px}.quote{grid-column:2}.quote-mark{color:var(--lime);font-size:50px;line-height:.5}.quote p{max-width:420px;font-size:20px}.muted{color:var(--muted)}.court{width:100%;max-height:245px;display:block}.court rect{filter:drop-shadow(0 12px 15px #051a0d)}.court.animated path:nth-of-type(2){stroke-dasharray:8 5;animation:1s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-26px}}.match-layout{grid-template-columns:minmax(0,1.7fr) minmax(320px,.9fr);gap:16px;display:grid}.match-column,.right-column{align-content:start;gap:16px;display:grid}.match-meta{color:var(--muted);gap:18px;padding:0 4px;font-size:13px;display:flex}.score-card.editing{outline:2px solid var(--lime);outline-offset:2px}.score-head{justify-content:space-between;align-items:start;display:flex}.icon-button{border:1px solid var(--line);border-radius:10px;width:44px;height:44px}.scoreboard{margin-top:16px}.score-labels,.score-line{grid-template-columns:2.4fr .65fr .65fr .8fr 40px 40px;align-items:center;gap:10px;display:grid}.score-labels{color:var(--muted);padding:10px 14px;font-size:12px}.score-labels span:not(:first-child){text-align:center}.score-line{border-top:1px solid #ffffff0b;padding:15px 14px;font-size:17px}.score-line>strong{text-align:center;font-size:20px}.score-line b{align-items:center;gap:8px;display:flex}.player-dot{background:var(--lime);border-radius:50%;width:9px;height:9px}.rival-dot{background:#728280}.game-score{color:var(--lime);background:#1a3430;border-radius:8px;padding:8px}.plus,.minus{border:1px solid var(--lime);width:34px;height:34px;color:var(--lime);border-radius:50%;font-size:20px}.minus{border-color:var(--danger);color:var(--danger)}.point-controls{border-top:1px solid var(--line);gap:12px;margin-top:14px;padding-top:16px;display:flex}.ball-btn{color:var(--lime);border:1px solid #9ce66e99;border-radius:10px;flex:1;padding:13px;font-weight:700}.ball-btn.rival{border-color:var(--line);color:#dbe5e0}.focus-box{border:1px solid #9ce66e966;background:#1b342a;border-radius:12px;margin:20px 0;padding:16px}.focus-box b{color:var(--lime)}.insight-row{border-top:1px solid #ffffff0d;align-items:flex-start;gap:12px;padding:13px 0;display:flex}.insight-row span{color:var(--lime);font-size:22px}.insight-row p{margin:0}.playbook-card .court{margin:16px 0}.voice-cta{text-align:left;background:#183127;border:1px solid #9ce66e66;border-radius:14px;align-items:center;gap:14px;padding:18px;display:flex}.voice-cta>span{flex:1;gap:4px;display:grid}.opponents-layout{grid-template-columns:330px 1fr;gap:16px;display:grid}.list-panel{padding:16px}.search{background:#1c3033;border-radius:999px;align-items:center;gap:10px;padding:12px 14px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.tabs{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.tabs button{color:#c2ceca;border-radius:999px;padding:9px 14px}.tabs .selected{border:1px solid var(--lime);color:var(--lime)}.opponent-row{text-align:left;border:1px solid #0000;border-radius:13px;grid-template-columns:42px 1fr 24px;align-items:center;gap:12px;width:100%;padding:14px 10px;display:grid}.opponent-row.selected{border-color:var(--lime);background:#1a352b}.op-avatar,.large-avatar{color:var(--lime);background:#315d4c;border-radius:50%;place-items:center;font-weight:700;display:grid}.op-avatar{width:38px;height:38px}.opponent-row b{display:block}.opponent-detail{gap:16px;display:grid}.profile-banner{align-items:center;gap:18px;display:flex}.large-avatar{width:74px;height:74px;font-size:28px}.profile-banner>div:nth-child(2){flex:1}.star{color:var(--lime)}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.detail-grid .court{max-width:320px;margin:auto}.detail-grid ol,.tactic-detail ol{padding-left:24px;line-height:2}.note-saved{border-left:3px solid var(--lime);background:#183127;padding:14px}.modal-backdrop{z-index:5;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#102124;border-radius:16px;width:min(520px,90vw);padding:24px}textarea{border:1px solid var(--line);color:#fff;resize:vertical;background:#091618;border-radius:10px;width:100%;min-height:140px;padding:12px;display:block}.modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.modal-actions>button:first-child{padding:10px 14px}.page-actions{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.playbook-layout{grid-template-columns:1fr 1.6fr 1.15fr;gap:16px;display:grid}.library-row{text-align:left;color:#dae5df;border-radius:10px;grid-template-columns:50px 1fr 20px;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.library-row.selected{color:var(--lime);background:#183127}.mini-court .court{height:38px}.stage-toolbar{align-items:center;gap:8px;margin-bottom:14px;display:flex}.stage-toolbar button{border:1px solid var(--line);border-radius:50%;width:40px;height:40px}.stage-toolbar span{color:var(--muted);margin-left:auto;font-size:12px}.timeline{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.timeline div{background:#31504a;border-radius:5px;flex:1;height:5px}.timeline i{background:var(--lime);border-radius:5px;width:35%;height:100%;display:block}.count{color:var(--lime);background:#29413b;border-radius:999px;padding:3px 7px;font-size:12px}.when{background:#183127;border-radius:10px;margin-top:24px;padding:14px}.when b{color:var(--lime)}.analysis-head,.profile-hero{align-items:center;gap:22px;margin-bottom:16px;display:flex}.analysis-head>div:first-child,.profile-hero>div:nth-child(2){flex:1}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi span,.kpi small{color:var(--muted)}.kpi strong{color:var(--lime);margin:14px 0;font-size:32px;display:block}.analytics-grid,.gabi-grid{grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px;display:grid}.empty-analytics .court{max-width:520px;margin:10px auto}.empty-analytics p{color:var(--muted);text-align:center}.gabi-avatar{width:90px;height:90px;font-size:36px}.profile-stat{text-align:right}.profile-stat strong{color:var(--lime);font-size:36px;display:block}.radar{clip-path:polygon(50% 0,95% 30%,78% 90%,22% 90%,5% 30%);height:180px;color:var(--muted);border:1px dashed #8bc65b88;place-items:center;margin-bottom:18px;display:grid}.gabi-grid label{border-bottom:1px solid #ffffff0d;padding:14px 0;display:block}.gabi-grid input{accent-color:var(--lime)}@media (width<=1000px){.rail{width:76px;padding:22px 10px}.brand{margin:0 auto 40px}.brand>span:last-child,.rail nav button:not(.active):after,.rail nav button{font-size:0}.rail nav button{justify-content:center}.navicon{font-size:22px}.rail-bottom{padding:0 4px;font-size:0}.rail-bottom button{font-size:0}.main{width:calc(100% - 76px);margin-left:76px;padding:24px}.hero-panel h2{font-size:42px}.playbook-layout{grid-template-columns:1fr 1.5fr}.tactic-detail{grid-column:1/-1}.opponents-layout{grid-template-columns:260px 1fr}}@media (width<=700px){.main{padding:18px 14px}.home-grid,.match-layout,.opponents-layout,.detail-grid,.playbook-layout,.analytics-grid,.gabi-grid{grid-template-columns:1fr;display:grid}.hero-panel{min-height:0}.hero-panel h2{font-size:38px}.quote{grid-column:auto}.kpi-grid{grid-template-columns:1fr 1fr}.profile-banner{flex-wrap:wrap;align-items:flex-start}.profile-banner .primary{width:100%}.page-actions{display:block}.page-actions .primary{margin-top:12px}.score-labels,.score-line{grid-template-columns:1.5fr .55fr .55fr .75fr 34px 34px}.score-line{padding:12px 4px;font-size:14px}.score-line>strong{font-size:17px}.score-head h2{font-size:23px}.point-controls{flex-direction:column}.rail{z-index:4;border-top:1px solid var(--line);width:100%;height:68px;padding:6px 4px;display:block;position:fixed;inset:auto 0 0}.brand,.rail-bottom{display:none}.rail nav{justify-content:space-around;display:flex}.rail nav button,.rail nav button.active{box-shadow:none;background:0 0;justify-items:center;gap:2px;padding:5px 4px;font-size:10px;display:grid}.rail nav button.active{color:var(--lime)}.navicon{font-size:20px}.main{width:100%;margin-left:0;padding-bottom:90px}.top-actions .demo{display:none}.panel{padding:16px}.court{max-height:190px}}.tactic-detail form{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.tactic-detail form input,.tactic-detail form select,.inline-form input,.inline-form select{border:1px solid var(--line);color:#eef5f1;background:#091618;border-radius:9px;min-width:0;min-height:42px;padding:0 10px}.tactic-detail form input:first-child,.tactic-detail form button{grid-column:1/-1}.tactic-detail li small{margin-top:3px}.observation-fields{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.observation-fields input,.observation-fields select{border:1px solid var(--line);color:#eef5f1;background:#091618;border-radius:9px;min-width:0;min-height:40px;padding:0 10px}.match-setup{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px;display:flex}.match-setup>div,.match-setup form{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.match-setup label{color:var(--muted);font-size:12px;display:block}.match-setup select{color:#eef5f1;border:1px solid var(--line);background:#091618;border-radius:9px;min-height:42px;padding:0 10px}.match-setup form{margin-left:auto}.match-setup>.link{min-height:42px}.match-setup>.muted{font-size:12px}@media (width<=700px){.tactic-detail form,.observation-fields{grid-template-columns:1fr}.tactic-detail form input:first-child,.tactic-detail form button{grid-column:auto}.match-setup form{width:100%;margin-left:0}.match-setup form select,.match-setup form button{flex:1;min-width:0}}