:root{--brand:#3fbd59;--brand-strong:#279b45;--brand-dark:#153d24;--brand-light:#78dc88;--brand-rgb:63,189,89;--brand-soft:rgba(var(--brand-rgb),.14);--canvas:#070a08;--surface:#0c110e;--surface-raised:#121914;--surface-soft:#17221a;--text:#f7faf8;--muted:#9ba8a0;--line:rgba(255,255,255,.09);--danger:#ff6b6b;--warning:#f5bd4f;--success:#52cc69;--info:#6ca8d9;--radius-sm:10px;--radius:16px;--radius-lg:24px;--shadow:0 24px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;min-height:100%;background:var(--canvas);color:var(--text);font:15px/1.55 Inter,Segoe UI,Arial,sans-serif}body{overflow-x:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}button,input,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(var(--brand-rgb),.48);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2rem,7vw,4rem);line-height:1.02;letter-spacing:-.055em}h2{font-size:1.15rem;line-height:1.25;letter-spacing:-.025em}h3{font-size:.96rem}.shell{width:min(100%,1180px);margin:auto;padding:20px}.app-shell{min-height:100vh;padding-bottom:88px}.top{display:flex;justify-content:space-between;gap:16px}.brand,.top{align-items:center}.brand{display:inline-flex;gap:11px;min-width:0}.brand-mark{width:64px;height:64px;flex:0 0 64px;overflow:hidden;border:1px solid rgba(var(--brand-rgb),.4);border-radius:50%;background:#0a160e;display:grid;place-items:center;color:var(--brand);font-size:.78rem;font-weight:800;box-shadow:0 10px 34px rgba(0,0,0,.32)}.sidebar .brand-mark{width:68px;height:68px;flex-basis:68px}.brand-copy{min-width:0;line-height:1.2}.brand-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.brand-copy span{color:var(--muted);font-size:.69rem;text-transform:uppercase;letter-spacing:.09em}.site-header{min-height:72px;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--line)}.site-header .shell{justify-content:space-between;gap:14px;padding-block:13px}.nav,.site-header .shell{display:flex;align-items:center}.nav{gap:26px;color:#c6cec9;font-size:.85rem;font-weight:600}.nav a:hover{color:var(--brand)}.button,button{min-height:46px;border:0;border-radius:13px;background:var(--brand);color:#041109;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:hover,button:hover{background:var(--brand-light);transform:translateY(-1px)}.button.secondary,button.secondary{background:var(--surface-soft);color:var(--text);border:1px solid var(--line)}.button.ghost,button.ghost{background:transparent;color:#d3d9d5;border:1px solid var(--line)}.button.danger,button.danger{background:rgba(255,107,107,.12);color:#ff9191;border:1px solid rgba(255,107,107,.2)}.button.small,button.small{min-height:38px;padding:8px 12px;border-radius:10px;font-size:.78rem}.eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;color:var(--brand);font-size:.69rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px rgba(var(--brand-rgb),.1)}.muted{color:var(--muted)}.lead{max-width:660px;color:#b5c0ba;font-size:clamp(1rem,2vw,1.15rem)}.section{padding:32px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h2{margin:0;font-size:clamp(1.3rem,3vw,1.75rem)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:14px;gap:14px}.card{position:relative;background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 1px 0 rgba(255,255,255,.025)}.card.interactive{transition:border-color .2s,transform .2s}.card.interactive:hover{border-color:rgba(var(--brand-rgb),.3);transform:translateY(-2px)}.metric{margin-top:8px;font-size:clamp(1.65rem,4vw,2.25rem);line-height:1;font-weight:800;letter-spacing:-.05em}.pill,.status{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 9px;border:1px solid rgba(var(--brand-rgb),.22);border-radius:99px;background:var(--brand-soft);color:var(--brand-light);font-size:.67rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.offline{color:#ff8585;background:rgba(255,107,107,.1);border-color:rgba(255,107,107,.2)}.status.warning{color:var(--warning);background:rgba(245,189,79,.1);border-color:rgba(245,189,79,.2)}.actions{display:flex;gap:9px;flex-wrap:wrap}.empty-state{max-width:560px;margin:20px auto;padding:42px 24px;text-align:center}.empty-icon{width:54px;height:54px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:1.25rem}.hero{position:relative;padding:clamp(72px,12vw,150px) 0 64px}.hero:after{content:"";position:absolute;z-index:-1;width:500px;height:500px;top:-180px;left:45%;border-radius:50%;background:radial-gradient(circle,rgba(var(--brand-rgb),.11),transparent 68%);pointer-events:none}.hero h1{max-width:850px}.hero .lead{margin-bottom:28px}.sport-grid{position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 0);background-size:52px 52px;-webkit-mask-image:linear-gradient(180deg,black,transparent 78%);mask-image:linear-gradient(180deg,black,transparent 78%)}.step-card{min-height:190px;display:flex;flex-direction:column;justify-content:space-between}.step-number{color:var(--brand);font-size:.72rem;font-weight:800;letter-spacing:.12em}.page-head{padding:28px 0 20px}.page-head h1{font-size:clamp(1.8rem,5vw,2.8rem)}.player-home{padding-top:34px}.player-welcome{overflow:hidden;min-height:310px;padding:clamp(25px,6vw,48px);display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 85% 10%,rgba(var(--brand-rgb),.17),transparent 38%),linear-gradient(145deg,#13291a,#0b100d 72%)}.player-welcome h1{max-width:640px}.flow{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.flow-step{display:grid;grid-template-columns:38px 1fr;grid-gap:12px;gap:12px;align-items:start}.flow-index{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:.76rem;font-weight:800}.form{display:grid;grid-gap:15px;gap:15px}.form h2{margin-bottom:2px}.form label{display:grid;grid-gap:7px;gap:7px;color:#c4cdc7;font-size:.78rem;font-weight:700}input,select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;background:#0a0d0b;color:var(--text);padding:11px 13px;transition:border-color .18s,box-shadow .18s}input:hover,select:hover{border-color:rgba(255,255,255,.17)}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.1);outline:none}input[type=color]{padding:6px}.notice{padding:13px 15px;border:1px solid rgba(var(--brand-rgb),.2);border-radius:12px;background:var(--brand-soft);color:#bdf3c8}.notice.error{color:#ffc2c2;background:rgba(255,107,107,.1);border-color:rgba(255,107,107,.2)}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)}.auth-visual{position:relative;overflow:hidden;padding:42px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 70% 25%,rgba(var(--brand-rgb),.18),transparent 40%),#0a0f0c;border-right:1px solid var(--line)}.auth-visual:after{content:"";position:absolute;width:560px;height:320px;right:-180px;bottom:-100px;border:1px solid rgba(var(--brand-rgb),.22);border-radius:50%;box-shadow:0 0 0 55px rgba(var(--brand-rgb),.025),0 0 0 110px rgba(var(--brand-rgb),.018)}.auth-copy{position:relative;z-index:1;max-width:590px}.auth-copy h1{font-size:clamp(2.5rem,6vw,5rem)}.auth-panel{padding:clamp(24px,5vw,72px);display:flex;align-items:center}.auth-panel-inner{width:100%;max-width:440px;margin:auto}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;margin:24px 0;border-radius:12px;background:var(--surface)}.auth-tabs a{padding:10px;border-radius:9px;text-align:center;color:var(--muted);font-size:.8rem;font-weight:700}.auth-tabs a.active{background:var(--surface-soft);color:var(--text)}.auth-separator{display:flex;align-items:center;gap:12px;margin:8px 0;color:var(--muted);font-size:.73rem}.auth-separator:after,.auth-separator:before{content:"";height:1px;flex:1 1;background:var(--line)}.google-button{width:100%;background:#f8faf9;color:#18201b;border:1px solid #d9dfdb}.google-button:hover{background:#fff}.google-mark{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#4285f4;background:#fff;font-family:Arial,sans-serif;font-size:1rem;font-weight:800;box-shadow:0 0 0 1px #d9dfdb}.replay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:15px;gap:15px}.video-card{overflow:hidden;padding:0}.replay-thumb{position:relative;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 30% 20%,rgba(var(--brand-rgb),.18),transparent 28%),linear-gradient(135deg,#17291d,#070b08)}.replay-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.68))}.play-button{position:relative;z-index:1;width:54px;height:54px;border-radius:50%;padding:0;box-shadow:0 8px 30px rgba(0,0,0,.35)}.duration{position:absolute;right:10px;bottom:9px;z-index:2;padding:3px 7px;border-radius:6px;background:rgba(0,0,0,.76);font-size:.68rem;font-weight:800}.video-card-body{padding:15px}.video-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.video-time{font-size:1.15rem;font-weight:800;letter-spacing:-.03em}.video-actions{display:flex;gap:7px;margin-top:14px}.video-actions>*{flex:1 1}.video-player{width:100%;max-height:72vh;display:block;background:#000;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.player-layout{max-width:980px;margin:auto}.player-details{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}.bottom-nav{position:fixed;z-index:20;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));display:none;grid-template-columns:repeat(3,1fr);padding:7px;border:1px solid var(--line);border-radius:18px;background:rgba(15,19,16,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 45px rgba(0,0,0,.45)}.bottom-nav a{min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px;color:var(--muted);font-size:.65rem;font-weight:700}.bottom-nav a.active{background:var(--brand-soft);color:var(--brand)}.nav-icon{font-size:1rem;line-height:1}.admin-layout{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:22px 15px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#0a0d0b}.side-nav{display:grid;grid-gap:3px;gap:3px;margin-top:28px}.side-nav a{min-height:43px;padding:10px 12px;display:flex;align-items:center;gap:10px;border-radius:11px;color:#9da9a2;font-size:.79rem;font-weight:650}.side-nav a.active,.side-nav a:hover{color:var(--text);background:var(--surface-soft)}.side-nav a.active{box-shadow:inset 3px 0 var(--brand)}.sidebar-foot{margin-top:auto}.admin-mobile-nav{display:none}.drawer-backdrop{position:fixed;z-index:49;inset:0;min-height:0;border-radius:0;background:rgba(0,0,0,.66)}.mobile-drawer{position:fixed;z-index:50;top:0;right:0;width:min(86vw,340px);height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));display:grid;align-content:start;grid-gap:6px;gap:6px;overflow-y:auto;background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--shadow)}.mobile-drawer strong{margin:0 8px 14px}.mobile-drawer a{min-height:48px;border-radius:11px;background:var(--surface-raised)}.mobile-drawer a,.offline-banner{padding:12px;display:flex;align-items:center}.offline-banner{position:fixed;z-index:100;left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(calc(100% - 28px),520px);transform:translateX(-50%);gap:12px;border:1px solid rgba(245,189,79,.35);border-radius:14px;background:#211b0e;box-shadow:var(--shadow)}.offline-banner span{flex:1 1;color:#e4d5b4;font-size:.78rem}.admin-main{min-width:0}.admin-header{min-height:72px;padding:13px clamp(18px,4vw,38px);display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.admin-content{padding:clamp(20px,4vw,38px)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:13px;gap:13px}.metric-card{min-height:128px;display:flex;flex-direction:column;justify-content:space-between}.list{display:grid;grid-gap:8px;gap:8px}.list-row{min-height:60px;padding:11px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:15px;gap:15px}.preview-card{min-height:200px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(140deg,var(--surface-soft),#0b0e0c)}.platform-accent{--brand:#60a5fa;--brand-strong:#3b82f6;--brand-soft:rgba(96,165,250,.12)}.control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:15px;gap:15px}.control-card{min-height:220px;display:flex;flex-direction:column;justify-content:space-between;border-top:3px solid var(--brand-strong)}.control-card h2{margin:8px 0;font-size:1.35rem}.metric.compact{font-size:clamp(1.05rem,2.5vw,1.5rem);letter-spacing:-.025em}.quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px}.quick-links a{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);font-weight:700}.camera-card{min-height:500px}.camera-preview{min-height:190px;margin:10px 0 18px;display:grid;place-items:center;border:1px dashed rgba(var(--brand-rgb),.38);border-radius:14px;color:var(--muted);background:radial-gradient(circle at center,rgba(var(--brand-rgb),.12),transparent 60%),#080c09}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin:0 0 18px}.detail-grid div{padding:10px;border-radius:10px;background:rgba(255,255,255,.025)}.detail-grid dt{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.detail-grid dd{margin:3px 0 0;font-weight:700;overflow-wrap:anywhere}.small-copy{font-size:.76rem}.device-hero{min-height:230px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;background:linear-gradient(135deg,rgba(var(--brand-rgb),.18),transparent 45%),var(--surface-raised)}.health-list{display:grid;grid-gap:10px;gap:10px}.health-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.diagnostic-flow{margin-top:18px;text-align:center;padding:28px}.table-wrap{overflow-x:auto}table{width:100%;min-width:720px;border-collapse:collapse}td,th{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}td{font-size:.82rem}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.legal-page{max-width:820px;padding-block:42px 80px}.legal-page .brand{margin-bottom:70px}.legal-page h2{margin-top:34px;font-size:1.35rem}.legal-page p{color:#c0c9c2}@media (max-width:900px){.auth-page{grid-template-columns:1fr}.auth-visual{min-height:260px;padding:26px;border-right:0;border-bottom:1px solid var(--line)}.auth-copy h1{font-size:clamp(2.1rem,8vw,3.7rem)}.auth-panel{padding:28px 20px 44px}.admin-layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:14px 18px;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line)}.side-nav,.sidebar-foot{display:none}.admin-mobile-nav{display:block}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-grid{grid-template-columns:1fr}.replay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.brand-mark,.sidebar .brand-mark{width:58px;height:58px;flex-basis:58px}.shell{padding:14px}.site-header{min-height:66px}.site-header .brand-copy span,.site-header .nav{display:none}.site-header .button{min-height:40px;padding:8px 13px}.hero{padding:68px 0 50px}.hero h1{font-size:clamp(2.45rem,13vw,3.8rem)}.config-grid,.grid,.metric-grid,.replay-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:112px;padding:15px}.metric{font-size:1.6rem}.section{padding:24px 0}.section-head{align-items:center}.player-welcome{min-height:340px;border-radius:20px}.page-head .top{align-items:flex-start}.player-details{align-items:stretch;flex-direction:column}.player-details .actions>*{flex:1 1}.video-player{border-radius:14px}.bottom-nav{display:grid}.app-shell{padding-bottom:90px}.button,button{min-height:48px}.admin-header{min-height:64px;padding:11px 14px}.admin-header .muted{display:none}.admin-content{padding:20px 14px 90px}.auth-visual{min-height:225px}.auth-visual .brand{align-self:flex-start}.auth-copy p{display:none}.auth-tabs{margin:18px 0}.detail-grid,.quick-links{grid-template-columns:1fr}.device-hero{flex-direction:column}.device-hero,.health-row,.offline-banner{align-items:flex-start}.offline-banner{flex-wrap:wrap}}@media (max-height:520px) and (orientation:landscape){.auth-page{grid-template-columns:.8fr 1.2fr}.auth-visual{min-height:100dvh}.auth-copy p{display:none}.auth-panel{align-items:flex-start;padding-block:18px;overflow-y:auto}.video-player{max-height:70dvh}}@media (max-width:370px){.metric-grid{grid-template-columns:1fr}.actions.stack-xs{display:grid}.brand-copy strong{max-width:160px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.filter-flow{display:grid;grid-gap:12px;gap:12px}.filter-flow .filter-card{display:grid;grid-template-columns:36px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}.filter-flow label{display:grid;grid-gap:7px;gap:7px;color:#d1d8d3;font-size:.82rem;font-weight:700}.filter-submit{margin-top:4px}@media(min-width:760px){.filter-flow{grid-template-columns:repeat(4,minmax(0,1fr))}.filter-flow .filter-card{display:block}.filter-flow .flow-index{margin-bottom:12px}.filter-submit{grid-column:1/-1;justify-self:flex-start}}