:root{--bg: #06182f;--bg-deep: #031024;--surface: #0c2444;--surface-strong: #123766;--surface-soft: rgba(10, 35, 68, .84);--text: #eaf6ff;--muted: #89b8d8;--accent: #38bdf8;--accent-dim: #0ea5e9;--accent-strong: #7dd3fc;--accent-ink: #05243b;--accent-warm: #facc15;--accent-warm-dim: #d97706;--border: #1d5f95;--surface-elevated: rgba(7, 28, 58, .88);--surface-elevated-strong: rgba(9, 36, 76, .95);--surface-elevated-deep: rgba(3, 16, 36, .96);--surface-blue-wash: rgba(56, 189, 248, .055);--text-accent: #cdefff;--shadow: 0 24px 80px rgba(0, 12, 32, .42);--shadow-soft: 0 12px 34px rgba(0, 12, 32, .28);--ring: 0 0 0 3px rgba(56, 189, 248, .22);--control-height: 52px;--control-height-sm: 44px;font-family:Avenir Next,DIN Alternate,Trebuchet MS,PingFang SC,Noto Sans SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;font-synthesis-weight:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;min-width:0;min-height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.avatar-thumb{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.profile-avatar-preview{width:72px;height:72px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}a{color:var(--accent);text-decoration:none;text-underline-offset:.2em}a:hover{text-decoration:underline}body{margin:0;min-height:100vh;background:radial-gradient(900px 520px at 16% -10%,rgba(56,189,248,.22) 0%,transparent 62%),radial-gradient(760px 460px at 92% 4%,rgba(250,204,21,.12) 0%,transparent 60%),radial-gradient(620px 420px at 88% 12%,rgba(14,165,233,.2) 0%,transparent 58%),linear-gradient(rgba(234,246,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(234,246,255,.018) 1px,transparent 1px),var(--bg);background-size:auto,auto,auto,34px 34px,34px 34px,auto}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#06182f00,#06182f9e),radial-gradient(circle at 50% 0%,rgba(255,255,255,.05),transparent 34%);z-index:-1}.app-shell{max-width:1320px;margin:0 auto;padding:1.25rem clamp(1rem,2.4vw,1.65rem) 3.5rem}.top{position:sticky;top:.75rem;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;margin-bottom:2rem;padding:.65rem .72rem;border:1px solid rgba(56,189,248,.16);border-radius:22px;background:linear-gradient(130deg,rgba(255,255,255,.04),transparent 36%),#05162cc7;box-shadow:0 16px 50px #0000003d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{position:relative;display:inline-flex;align-items:center;gap:.6rem;font-size:1.08rem;font-weight:850;letter-spacing:.08em;color:var(--text);text-decoration:none;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.brand:before{content:"";width:.72rem;height:.72rem;border-radius:999px;background:var(--accent);box-shadow:0 0 0 5px #38bdf81f,0 0 26px #38bdf8a6}.brand:hover{text-decoration:none;color:var(--accent)}.top-menu-toggle{display:none;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;margin:0;padding:0;border:1px solid rgba(56,189,248,.22);border-radius:12px;background:#0310248c;cursor:pointer;flex-shrink:0;transition:border-color .15s ease,background .15s ease}.top-menu-toggle:hover{border-color:#38bdf861;background:#031024b8}.top-menu-toggle__bar{display:block;width:20px;height:2px;border-radius:1px;background:var(--text);transition:transform .2s ease,opacity .2s ease}.top.top--nav-open .top-menu-toggle__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.top.top--nav-open .top-menu-toggle__bar:nth-child(2){opacity:0;transform:scaleX(0)}.top.top--nav-open .top-menu-toggle__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.top-nav-backdrop{display:none}.top-nav{display:flex;align-items:center;justify-content:flex-end;gap:.52rem;min-width:0}.top-nav__primary,.top-nav__account{display:flex;align-items:center;gap:.45rem;min-width:0}.top-nav__primary{flex-wrap:nowrap;justify-content:flex-end}.top-nav__primary .btn{min-height:38px;padding-inline:clamp(.68rem,1.1vw,.98rem)}.nav-link--active{border-color:#7dd3fc85;background:linear-gradient(180deg,#38bdf833,#0ea5e91f),var(--surface-blue-wash);color:#f4fbff;box-shadow:inset 0 1px #ffffff17,0 0 0 3px #38bdf81a}.top-nav__account{position:relative;flex:0 0 auto}.top-account-trigger{max-width:190px;padding-left:.52rem}.top-account-avatar{display:inline-grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:999px;background:radial-gradient(circle at 35% 24%,rgba(255,255,255,.75),transparent 18%),linear-gradient(145deg,var(--accent-strong),var(--accent-dim));color:var(--accent-ink);font-size:.72rem;font-weight:920;box-shadow:0 0 0 3px #38bdf81f;flex:0 0 auto}.top-account-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.top-account-caret{color:var(--muted);font-size:.9rem;line-height:1}.top-account-menu{position:absolute;top:calc(100% + .55rem);right:0;display:grid;gap:.42rem;min-width:190px;padding:.55rem;border:1px solid rgba(56,189,248,.18);border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.04),transparent 48%),var(--surface-elevated-deep);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-account-menu .btn{justify-content:flex-start;width:100%}.home-page{display:grid;gap:clamp(1rem,2.2vw,1.5rem);animation:homeReveal .55s ease both}.home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(1.2rem,4vw,3rem);align-items:center;min-height:min(72vh,720px);padding:clamp(1.2rem,4vw,3rem);border:1px solid rgba(56,189,248,.16);border-radius:34px;background:radial-gradient(460px 260px at 16% 12%,rgba(125,211,252,.18),transparent 70%),radial-gradient(420px 280px at 86% 88%,rgba(250,204,21,.12),transparent 68%),linear-gradient(140deg,rgba(255,255,255,.06),transparent 46%),#05162cb8;box-shadow:var(--shadow);overflow:hidden}.home-hero:before{content:"";position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;border:1px solid rgba(255,255,255,.055);border-radius:26px;pointer-events:none}.home-hero__copy,.home-hero__visual{position:relative;z-index:1}.home-hero h1{max-width:14ch;margin:0;font-size:clamp(2.25rem,7vw,5.4rem);letter-spacing:-.07em}.home-kicker{margin:0 0 .55rem;color:var(--accent-strong);font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.home-lede{max-width:62ch;margin:1rem 0 0;color:var(--text-accent);font-size:clamp(1rem,1.55vw,1.2rem)}.home-hero__actions,.home-pill-line{display:flex;flex-wrap:wrap;gap:.65rem}.home-hero__actions{margin-top:1.35rem}.home-pill-line{margin-top:1rem}.home-pill-line span{display:inline-flex;align-items:center;min-height:34px;padding:.28rem .72rem;border:1px solid rgba(56,189,248,.16);border-radius:999px;background:#03102485;color:var(--muted);font-size:.82rem;font-weight:720}.home-hero__visual{display:grid;align-items:end;min-height:430px}.home-court-card{position:relative;min-height:365px;border:2px solid rgba(205,239,255,.18);border-radius:32px;background:linear-gradient(90deg,#06182f59 49.65%,#cdefff57 49.65%,#cdefff57 50.35%,#06182f59 50.35%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,transparent 2px 22px),linear-gradient(145deg,#0ea5e933,#09244cf0);box-shadow:0 28px 70px #00000057,inset 0 1px #ffffff1a;transform:rotate(-1.5deg);overflow:hidden}.home-court-card:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:2px solid rgba(205,239,255,.24);border-radius:20px}.home-court-card__net,.home-court-card__attack{position:absolute;top:8%;bottom:8%;width:2px;background:#cdefff61}.home-court-card__net{left:50%;width:5px;background:repeating-linear-gradient(180deg,#cdeffff2 0,#cdeffff2 8px,#38bdf859 8px,#38bdf859 15px);box-shadow:0 0 24px #38bdf852}.home-court-card__attack--left{left:31%}.home-court-card__attack--right{right:31%}.home-player{position:absolute;display:grid;place-items:center;width:42px;height:42px;border:2px solid rgba(255,255,255,.78);border-radius:999px;background:radial-gradient(circle at 36% 25%,rgba(255,255,255,.9),transparent 18%),linear-gradient(145deg,var(--accent-warm),#f97316);color:#231305;font-weight:950;box-shadow:0 12px 24px #00000047,0 0 0 7px #facc1514}.home-player--1{right:18%;top:18%}.home-player--2{right:34%;top:38%}.home-player--3{right:18%;top:58%}.home-player--4{right:44%;top:68%}.home-player--5{right:8%;top:75%}.home-player--6{right:8%;top:39%}.home-ball{position:absolute;left:25%;top:27%;width:28px;height:28px;border:3px solid rgba(3,16,36,.55);border-radius:999px;background:radial-gradient(circle at 42% 36%,white 0 18%,transparent 19%),conic-gradient(from 20deg,#f8fafc,#38bdf8,#facc15,#f8fafc);box-shadow:0 0 0 8px #38bdf81a,0 18px 34px #00000052;animation:homeFloatBall 3.6s ease-in-out infinite}.home-route{position:absolute;height:4px;border-radius:999px;background:linear-gradient(90deg,#7dd3fc00,#7dd3fce6);box-shadow:0 0 18px #38bdf847;transform-origin:left center}.home-route--receive{left:30%;top:33%;width:30%;transform:rotate(23deg)}.home-route--set{right:34%;top:48%;width:19%;transform:rotate(118deg)}.home-route--attack{right:43%;top:72%;width:30%;transform:rotate(196deg);background:linear-gradient(90deg,#facc1500,#facc15f2)}.home-demo-card{position:absolute;right:0;bottom:0;display:grid;gap:.12rem;max-width:285px;padding:1rem 1.05rem;border:1px solid rgba(56,189,248,.2);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 42%),#031024e0;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.home-demo-card p,.home-demo-card span{margin:0;color:var(--muted);font-size:.82rem}.home-demo-card strong{color:var(--text);font-size:1.05rem;letter-spacing:-.02em}.home-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.home-stat,.home-feature-card{border:1px solid rgba(56,189,248,.15);background:linear-gradient(145deg,rgba(255,255,255,.04),transparent 48%),var(--surface-elevated);box-shadow:var(--shadow-soft)}.home-stat{padding:1.05rem 1.15rem;border-radius:22px}.home-stat strong{display:block;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1;letter-spacing:-.05em}.home-stat span{display:block;margin-top:.35rem;color:var(--muted);font-size:.86rem;font-weight:730}.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.home-feature-card{position:relative;min-height:290px;padding:1.25rem;border-radius:26px;overflow:hidden}.home-feature-card:after{content:"";position:absolute;right:-40px;top:-46px;width:130px;height:130px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.17),transparent 62%);pointer-events:none}.home-feature-card__index{color:var(--accent-warm);font-size:.78rem;font-weight:920;letter-spacing:.15em}.home-feature-card h2{max-width:14ch;margin:.7rem 0 .55rem;font-size:clamp(1.35rem,2.3vw,1.85rem)}.home-feature-card p{min-height:6.4rem;margin:0 0 1rem;color:var(--muted)}.home-workflow{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);gap:1.2rem;align-items:center}.home-workflow h2{margin:0 0 .45rem;font-size:clamp(1.45rem,3vw,2.25rem)}.home-workflow__steps{display:grid;gap:.62rem;margin:0;padding:0;list-style:none;counter-reset:teaching-flow}.home-workflow__steps li{position:relative;min-height:56px;padding:.82rem .9rem .82rem 3.6rem;border:1px solid rgba(56,189,248,.14);border-radius:18px;background:#03102470;color:var(--text-accent)}.home-workflow__steps li:before{counter-increment:teaching-flow;content:counter(teaching-flow);position:absolute;left:.82rem;top:50%;display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:950;transform:translateY(-50%)}.plays-command{display:grid;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);gap:1rem;align-items:center;margin-bottom:1rem}.plays-command h2{margin:0 0 .42rem;font-size:clamp(1.35rem,2.8vw,2rem)}.plays-command__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.62rem}.plays-command-card{position:relative;display:grid;gap:.42rem;min-height:172px;padding:.9rem;border:1px solid rgba(56,189,248,.15);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.04),transparent 48%),#03102475;color:var(--text);text-align:left;text-decoration:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.plays-command-card:hover{border-color:#38bdf86b;background:linear-gradient(145deg,rgba(56,189,248,.08),transparent 48%),#0310249e;text-decoration:none;transform:translateY(-2px);box-shadow:0 14px 32px #0003}.plays-command-card:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.plays-command-card--button{width:100%;font:inherit}.plays-command-card span{color:var(--accent-warm);font-size:.76rem;font-weight:930;letter-spacing:.14em}.plays-command-card strong{color:var(--text);font-size:1.02rem;line-height:1.15;letter-spacing:-.025em}.plays-command-card small{color:var(--muted);font-size:.82rem;line-height:1.45}.empty-state{width:100%;padding:1.35rem;border:1px dashed rgba(125,211,252,.32);border-radius:24px;background:radial-gradient(360px 160px at 16% 0%,rgba(56,189,248,.12),transparent 72%),#0310247a}.empty-state h2{margin:0 0 .45rem;font-size:clamp(1.25rem,2.8vw,1.8rem)}.empty-state .muted{max-width:58ch;margin:0 0 1rem}.template-starter{margin-bottom:1rem}.template-starter__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.template-starter__header h2{margin:0 0 .42rem;font-size:clamp(1.35rem,2.8vw,2rem)}.template-starter__header .hint{margin-bottom:0}.template-starter__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.68rem}.template-starter-card{position:relative;display:grid;align-content:start;gap:.48rem;min-height:244px;padding:1rem;border:1px solid rgba(56,189,248,.15);border-radius:22px;background:radial-gradient(180px 120px at 100% 0%,rgba(250,204,21,.1),transparent 70%),linear-gradient(145deg,rgba(255,255,255,.045),transparent 48%),#03102480;color:var(--text);font:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease}.template-mini-court{width:100%;height:auto;min-height:105px;padding:.18rem;border:1px solid rgba(56,189,248,.13);border-radius:16px;background:radial-gradient(circle at 75% 30%,rgba(250,204,21,.08),transparent 38%),#06182f80}.template-mini-court rect{fill:#0ea5e91f;stroke:#cdefff52;stroke-width:.8}.template-mini-court line{stroke:#cdefff47;stroke-width:.55}.template-mini-court__net{stroke:#facc15b8!important;stroke-width:1.1!important;stroke-dasharray:1.2 1.2}.template-mini-court__route{fill:none;stroke-linecap:round;stroke-width:1.15!important;stroke-dasharray:2.3 1.6}.template-mini-court__route--1{stroke:#7dd3fce0!important}.template-mini-court__route--2{stroke:#facc15db!important}.template-mini-court__route--3{stroke:#f87171d1!important}.template-mini-court__player circle{stroke:#ffffffc7;stroke-width:.7}.template-mini-court__player--offense circle{fill:#f97316}.template-mini-court__player--defense circle{fill:#38bdf8}.template-mini-court__player text{fill:#06182f;font-size:3.2px;font-weight:900;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.template-starter-card:before{content:"";position:absolute;inset:auto 1rem 3.3rem 1rem;height:1px;background:linear-gradient(90deg,#38bdf800,#38bdf859,#38bdf800)}.template-starter-card:hover{border-color:#38bdf870;background:radial-gradient(180px 120px at 100% 0%,rgba(250,204,21,.14),transparent 70%),linear-gradient(145deg,rgba(56,189,248,.08),transparent 48%),#031024a8;transform:translateY(-2px);box-shadow:0 16px 38px #00000038}.template-starter-card:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.template-starter-card:disabled{cursor:wait;opacity:.62;transform:none}.template-starter-card strong{color:var(--text);font-size:1.08rem;line-height:1.14;letter-spacing:-.025em}.template-starter-card small{color:var(--muted);font-size:.82rem;line-height:1.46}.template-starter-card em{color:#cdefffb8;font-size:.76rem;font-style:normal;letter-spacing:.02em}.template-starter-card__cta{align-self:end;display:inline-flex;align-items:center;min-height:34px;margin-top:auto;color:var(--accent-strong);font-size:.82rem;font-weight:850}.teaching-mode-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,auto);gap:1rem;align-items:center;margin-bottom:1rem;overflow:hidden}.teaching-mode-panel:after{content:"";position:absolute;right:-54px;top:-74px;width:190px;height:190px;border-radius:999px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 6px,transparent 6px 13px),radial-gradient(circle,rgba(56,189,248,.2),transparent 66%);pointer-events:none}.teaching-mode-panel h2{margin:0 0 .45rem;font-size:clamp(1.5rem,4vw,2.55rem)}.teaching-mode-panel__meta{position:relative;z-index:1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem}.teaching-mode-panel__meta a{display:inline-flex;align-items:center;min-height:34px;padding:.28rem .72rem;border:1px solid rgba(56,189,248,.18);border-radius:999px;background:#38bdf81a;color:var(--accent-strong);font-size:.82rem;font-weight:800}.teaching-preview-card{border-color:#facc1538;background:radial-gradient(520px 240px at 100% 0%,rgba(250,204,21,.1),transparent 68%),linear-gradient(145deg,rgba(255,255,255,.04),transparent 42%),var(--surface-soft)}.play-edit--teaching h1{max-width:none}.route-loading{display:grid;place-items:center;min-height:42vh;text-align:center}@keyframes homeReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes homeFloatBall{0%,to{transform:translateZ(0)}50%{transform:translate3d(14px,12px,0)}}h1,h2,h3{color:var(--text);line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2rem,5vw,3.45rem);font-weight:900;max-width:18ch;text-wrap:balance}h2{font-weight:800}h3{font-weight:760}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:40px;padding:.58rem 1.05rem;border-radius:999px;border:1px solid rgba(56,189,248,.18);background:linear-gradient(180deg,#0d2a4ff5,#061834f0);color:var(--text);font-size:.9rem;font-weight:720;letter-spacing:.01em;line-height:1.1;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px #ffffff0f,0 8px 20px #0000002e;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,filter .18s ease}.btn:hover{border-color:#38bdf885;text-decoration:none;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff14,0 12px 28px #0000003d}.btn:active{transform:translateY(0)}.btn:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.btn:disabled{cursor:not-allowed;opacity:.46;transform:none;box-shadow:none}.btn-primary{background:radial-gradient(circle at 35% 0%,rgba(255,255,255,.42),transparent 34%),linear-gradient(180deg,var(--accent-strong),#38bdf8 52%,var(--accent-dim));border-color:var(--accent-strong);font-weight:850;color:var(--accent-ink);box-shadow:0 12px 32px #38bdf83d,inset 0 1px #ffffff5c}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:var(--surface-blue-wash)}.card{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 42%),var(--surface-soft);border:1px solid rgba(56,189,248,.16);border-radius:24px;padding:1.35rem 1.45rem;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card h1:first-child,.card h2:first-child,.card h3:first-child{margin-top:0}input,textarea,select{width:100%;min-height:var(--control-height);padding:.72rem .86rem;border-radius:14px;border:1px solid rgba(56,189,248,.18);background:#031024d1;color:var(--text);font:inherit;line-height:1.25;box-shadow:inset 0 1px #ffffff09;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input:hover,textarea:hover,select:hover{border-color:#38bdf859}textarea{min-height:calc(var(--control-height) * 1.9);line-height:1.45;resize:vertical}select{height:var(--control-height);padding-right:2.35rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%),#031024d1;background-position:calc(100% - 1.08rem) 50%,calc(100% - .74rem) 50%,0 0;background-repeat:no-repeat;background-size:.34rem .34rem,.34rem .34rem,100% 100%}label{display:block;font-size:.76rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}.field{display:flex;flex-direction:column;min-width:0;margin-bottom:1rem}.category-combobox{position:relative}.category-combobox input{padding-right:3rem;cursor:text}.category-combobox__chevron{position:absolute;right:.72rem;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:999px;background:#38bdf81a;border:1px solid rgba(56,189,248,.2);color:var(--accent-strong);font-size:1.15rem;line-height:1;pointer-events:none;transition:background .18s ease,border-color .18s ease,color .18s ease}.category-combobox:hover .category-combobox__chevron,.category-combobox:focus-within .category-combobox__chevron{background:#38bdf82e;border-color:#38bdf861;color:#f0fbff}.form-actions{display:flex;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.list{display:flex;flex-direction:column;gap:.72rem}.list-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.1rem;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 46%),var(--surface-elevated);border:1px solid rgba(56,189,248,.14);box-shadow:0 10px 28px #00000029;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.list-item:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--accent),var(--accent-warm));opacity:.4}.list-item:hover{border-color:#38bdf86b;background:linear-gradient(135deg,rgba(56,189,248,.08),transparent 48%),var(--surface-elevated-strong);transform:translateY(-2px);box-shadow:0 16px 40px #00000038}.list-item>*{position:relative;z-index:1}.list-item>div:first-child{min-width:0}.list-item h3{margin:0 0 .2rem;font-size:1.05rem}.list-item.list-item--link{text-decoration:none;color:inherit;cursor:pointer}.list-item.list-item--link:hover,.list-item.list-item--link:visited{color:inherit;text-decoration:none}.list-item.list-item--link:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.list-item__title{color:var(--accent);font-weight:820}.muted{color:var(--muted);font-size:.85rem;overflow-wrap:anywhere}.row-actions{display:flex;flex-wrap:wrap;gap:.5rem}.hint{color:var(--muted);font-size:.95rem;margin:0 0 1.15rem;max-width:62ch}pre.doc{margin:0;max-height:50vh;overflow:auto;font-size:.8rem;line-height:1.4;padding:1rem;background:#031024e6;border-radius:16px;border:1px solid rgba(56,189,248,.16)}.error{color:#ff6b6b;font-size:.9rem;margin:0 0 .5rem}.success{color:var(--accent-strong);font-size:.9rem;margin:0 0 .5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.stat-card{padding:1rem;border-radius:18px;border:1px solid rgba(56,189,248,.14);background:var(--surface-elevated);box-shadow:var(--shadow-soft)}.stat-card span{display:block;color:var(--muted);font-size:.78rem;font-weight:780;letter-spacing:.06em;text-transform:uppercase}.stat-card strong{display:block;margin-top:.35rem;font-size:1.7rem;line-height:1}.invite-code{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;padding:.85rem 1rem;border-radius:16px;border:1px solid rgba(56,189,248,.18);background:#031024b8}.invite-code code{color:var(--text-accent);font-size:1.1rem;font-weight:850;letter-spacing:.08em}.status-pill{display:inline-flex;align-items:center;padding:.25rem .62rem;border-radius:999px;color:var(--text-accent);background:#38bdf81a;border:1px solid rgba(56,189,248,.18);font-size:.78rem;font-weight:760;white-space:nowrap}.status-pill--used{color:var(--muted);background:#89b8d80f;border-color:#89b8d824}.admin-user-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.admin-user-actions input{width:180px;padding:.45rem .65rem;font-size:.85rem}.team-roster{margin-top:.85rem}.team-roster__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}.team-roster__rows{display:flex;flex-direction:column;gap:.45rem}.team-roster__row{display:grid;grid-template-columns:72px minmax(120px,1fr) auto;gap:.45rem;align-items:center}.team-roster__row input{padding:.45rem .6rem}.team-checkbox-grid{display:flex;flex-wrap:wrap;gap:.55rem}.team-checkbox{display:inline-flex;align-items:center;gap:.45rem;padding:.46rem .7rem;border:1px solid rgba(56,189,248,.16);border-radius:999px;background:#03102480;color:var(--text);font-size:.86rem;letter-spacing:0;text-transform:none}.team-checkbox input{width:auto}.team-checkbox span{width:10px;height:10px;border-radius:999px}.match-prep-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:1rem;align-items:center;margin-bottom:1rem;overflow:hidden}.match-prep-hero:after{content:"";position:absolute;right:-60px;top:-70px;width:220px;height:220px;border-radius:50%;background:repeating-linear-gradient(90deg,rgba(6,24,47,.42) 0 8px,transparent 8px 17px),radial-gradient(circle,rgba(56,189,248,.26),transparent 62%);opacity:.72;pointer-events:none}.match-prep-kicker{margin:0 0 .35rem;color:var(--accent-strong);font-size:.72rem;font-weight:860;letter-spacing:.12em;text-transform:uppercase}.match-prep-hero h2,.match-prep-stage h2{margin:0 0 .45rem}.match-prep-hero__steps{display:grid;gap:.5rem;position:relative;z-index:1}.match-prep-hero__steps span{padding:.7rem .85rem;border-radius:16px;border:1px solid rgba(56,189,248,.18);background:#03102494;color:var(--text);font-weight:780}.match-prep-form-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:.7rem;align-items:start}.match-prep-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(140px,220px);gap:.65rem;margin:0 0 1rem}.match-prep-share-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.9rem;align-items:center;margin-bottom:1rem}.match-prep-share-panel h2{margin:0 0 .35rem;font-size:1.12rem}.match-prep-share-panel__actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.match-prep-share-link{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.55rem;align-items:center;padding:.62rem .72rem;border:1px solid rgba(56,189,248,.14);border-radius:16px;background:#03102480}.match-prep-share-link span{color:var(--muted);font-size:.84rem}.match-prep-share-link a{min-width:0;overflow-wrap:anywhere}.match-prep-list-card__chips{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.35rem}.match-prep-console{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.82fr);gap:1rem;align-items:start}.match-prep-stage,.match-prep-call-sheet{min-width:0}.match-prep-public-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem 1rem;align-items:start;margin-bottom:1rem}.match-prep-public-hero h1{margin:0 0 .35rem}.match-prep-public-meta{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.45rem}.match-prep-public-meta span{display:inline-flex;align-items:center;min-height:32px;padding:.24rem .68rem;border:1px solid rgba(56,189,248,.16);border-radius:999px;background:#0310247a;color:var(--text-accent);font-size:.86rem;font-weight:720}.match-prep-public-notes{grid-column:1 / -1;padding:.75rem .85rem;border-left:3px solid var(--accent-warm);border-radius:14px;background:#ffb34714}.match-prep-public-notes strong{color:#ffe0a6}.match-prep-public-notes p{margin:.2rem 0 0;color:#f1e7d3}.match-prep-public-layout{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.45fr);gap:1rem;align-items:start}.match-prep-public-picker{position:sticky;top:6.5rem}.match-prep-public-stage{min-width:0;scroll-margin-top:1rem}.match-prep-stage__header,.match-prep-call-sheet__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.8rem}.match-prep-stage__header .status-pill{flex-shrink:0}.match-prep-mobile-picker{display:none}.match-code{display:inline-flex;align-items:center;min-height:28px;padding:.18rem .55rem;border-radius:999px;background:#38bdf824;color:var(--text-accent);border:1px solid rgba(56,189,248,.24);font-weight:900;letter-spacing:.04em}.match-prep-empty-stage{min-height:360px;display:grid;place-items:center;border-radius:18px;border:1px dashed rgba(56,189,248,.28);background:#0310246b;color:var(--muted);text-align:center}.match-prep-call-sheet{position:sticky;top:6.5rem}.match-prep-call-sheet__top{align-items:end}.match-prep-call-sheet__top input{max-width:220px}.match-prep-category-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.8rem}.match-prep-card-grid{display:grid;gap:.55rem;max-height:70vh;overflow:auto;padding-right:.15rem}.match-prep-call-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.15rem .65rem;align-items:center;width:100%;padding:.75rem;border-radius:16px;border:1px solid rgba(56,189,248,.14);background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 52%),#03102494;color:var(--text);text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease,box-shadow .18s ease}.match-prep-call-card:hover,.match-prep-call-card--active{border-color:#38bdf885;background:linear-gradient(135deg,rgba(56,189,248,.12),transparent 52%),var(--surface-elevated-strong);transform:translateY(-1px);box-shadow:0 12px 26px #0000002e}.match-prep-call-card__code{grid-row:span 3;min-width:4.2rem;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:#38bdf821;color:var(--text-accent);font-weight:920}.match-prep-call-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem}.match-prep-call-card small{color:var(--muted);font-weight:720}.match-prep-call-card span:not(.match-prep-call-card__code){color:var(--text-accent);font-size:.82rem}.match-prep-entry-add{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(92px,.5fr) minmax(140px,.8fr) minmax(180px,1fr) auto;gap:.65rem;align-items:end}.match-prep-entry-add .field,.match-prep-form-grid .field{margin-bottom:0}.match-prep-entry-add .btn-primary{min-height:var(--control-height)}.match-prep-entry-editor{display:grid;gap:.55rem}.match-prep-entry-row{display:grid;grid-template-columns:92px minmax(130px,.8fr) minmax(180px,1.2fr) minmax(180px,1fr) auto;gap:.5rem;align-items:center;padding:.55rem;border-radius:16px;border:1px solid rgba(56,189,248,.12);background:#03102461}.match-prep-entry-row input,.match-prep-entry-row select{height:var(--control-height-sm);min-height:var(--control-height-sm);padding:.52rem .64rem}.match-prep-entry-row select{padding-right:2rem;background-position:calc(100% - .95rem) 50%,calc(100% - .61rem) 50%,0 0}.match-prep-entry-row .btn{min-height:var(--control-height-sm)}.court-svg{width:100%;max-height:60vh;border-radius:18px;display:block;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-soft)}.court-svg--editor{border:1px solid rgba(56,189,248,.18);cursor:default}.court-svg--crosshair{cursor:crosshair}.court-svg--pointer{cursor:pointer}.tactic-editor{display:grid;grid-template-columns:minmax(160px,.72fr) minmax(420px,2.5fr) minmax(160px,.72fr);grid-template-rows:1fr auto;gap:.85rem;margin:1rem 0}.editor-bench--left{grid-row:1;grid-column:1}.editor-court{grid-row:1;grid-column:2}.editor-bench--right{grid-row:1;grid-column:3}.editor-timeline{grid-row:2;grid-column:1 / -1}.editor-bench{background:linear-gradient(160deg,rgba(255,255,255,.04),transparent 42%),var(--surface-elevated);border:1px solid rgba(56,189,248,.16);border-radius:22px;padding:.9rem;display:flex;flex-direction:column;gap:.78rem;overflow-y:auto;max-height:70vh;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bench-section{padding-bottom:.78rem;border-bottom:1px solid rgba(56,189,248,.1);display:flex;flex-direction:column;gap:.35rem}.bench-section:last-child{padding-bottom:0;border-bottom:0}.bench-section--empty{min-height:120px;justify-content:center}.bench-label{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:850}.bench-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.bench-row--directions{display:grid;grid-template-columns:repeat(3,minmax(32px,1fr))}.bench-roster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:.55rem}.bench-roster-player{min-height:54px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;gap:.18rem}.bench-roster-dot{width:38px;height:38px;border-radius:50%;border:2px solid rgba(0,0,0,.32);background:linear-gradient(180deg,#ff615d,#e53935);color:#fff;font-size:16px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #0000003d}.bench-roster-player small{max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;opacity:.9;color:var(--text)}.bench-roster-player:hover .bench-roster-dot,.bench-roster-player--active .bench-roster-dot{border-color:#fff;box-shadow:0 0 0 5px #ffffff1a,0 0 22px #ffffff47}.bench-roster-player:disabled{cursor:not-allowed;opacity:.42}.bench-roster-player:disabled .bench-roster-dot{box-shadow:none}.bench-hint{font-size:.78rem;color:var(--muted);margin:0}.bench-tip{font-size:.78rem;color:var(--accent-strong);margin:.2rem 0 0;padding:.45rem .55rem;border-radius:12px;background:#38bdf814;border:1px solid rgba(56,189,248,.14)}.bench-field{margin-bottom:.35rem}.bench-field label{font-size:.75rem;margin-bottom:.15rem}.bench-field input{padding:.35rem .5rem;font-size:.85rem}.bench-finish-list{display:grid;gap:.45rem}.bench-finish-option{display:grid;gap:.35rem;padding:.5rem;border-radius:14px;border:1px solid rgba(56,189,248,.14);background:#0310246b}.bench-finish-option__meta{display:flex;align-items:center;gap:.4rem}.bench-finish-option input,.bench-finish-option select{min-height:34px;padding:.35rem .5rem;font-size:.82rem}.bench-finish-pill{display:inline-flex;align-items:center;min-height:22px;padding:.1rem .45rem;border-radius:999px;font-size:.66rem;font-weight:900;letter-spacing:.04em}.bench-finish-pill--shot{color:#fff3e0;background:#ff704333;border:1px solid rgba(255,112,67,.32)}.bench-finish-pill--pass{color:#e0f7fa;background:#4dd0e12e;border:1px solid rgba(77,208,225,.3)}.bench-token{width:38px;height:38px;border-radius:50%;border:2px solid rgba(255,255,255,.18);color:#fff;font-weight:900;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;padding:0;box-shadow:0 10px 24px #0000003d}.bench-token--offense{background:linear-gradient(180deg,#ff615d,#e53935)}.bench-token--defense{background:linear-gradient(180deg,#51a8ff,#1e88e5)}.bench-token--active{border-color:#fff;box-shadow:0 0 0 5px #ffffff1a,0 0 22px #ffffff47}.bench-token:hover{border-color:#ffffff80;transform:translateY(-1px) scale(1.03)}.btn-sm{padding:.34rem .72rem;font-size:.8rem;min-height:36px}.btn-active{border-color:var(--accent);background:linear-gradient(180deg,#38bdf838,#0ea5e929),#38bdf814;color:#edfaff;box-shadow:inset 0 1px #ffffff14,0 0 0 3px #38bdf81a}.kf-timeline{margin-top:.25rem;padding:.85rem;border:1px solid rgba(56,189,248,.16);border-radius:20px;background:#05162cbd;box-shadow:var(--shadow-soft)}.kf-timeline__bar{padding:.5rem 0}.kf-timeline__track{position:relative;height:24px;background:linear-gradient(90deg,rgba(56,189,248,.16) 1px,transparent 1px),#031024e0;background-size:10% 100%,auto;border-radius:999px;border:1px solid rgba(56,189,248,.18)}.kf-timeline__playhead{position:absolute;top:-5px;bottom:-5px;width:2px;background:var(--accent);transform:translate(-50%);pointer-events:none;box-shadow:0 0 16px #38bdf8b8}.kf-timeline__marker{position:absolute;top:50%;width:24px;height:24px;background:var(--surface-strong);border:2px solid rgba(125,211,252,.72);border-radius:6px;transform:translate(-50%,-50%) rotate(45deg);cursor:grab;padding:0;touch-action:none;z-index:2;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.kf-timeline__marker-label{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text);font-size:.64rem;font-weight:900;line-height:1;transform:rotate(-45deg);pointer-events:none}.kf-timeline__marker:active{cursor:grabbing}.kf-timeline__marker--active{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 5px #38bdf821,0 0 18px #38bdf885}.kf-timeline__marker--active .kf-timeline__marker-label{color:var(--accent-ink)}.kf-timeline__controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}.kf-timeline__duration{display:flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.82rem}.kf-timeline__duration input{width:80px;padding:.25rem .4rem;font-size:.82rem}.save-status{font-size:.72rem;font-weight:820;letter-spacing:.06em;text-transform:uppercase;padding:.28rem .68rem;border-radius:999px;border:1px solid transparent}.save-status--saved{color:var(--accent-strong);background:#38bdf81a;border-color:#38bdf833}.save-status--saving{color:#ffa726;background:#ffa7261a;border-color:#ffa72633}.save-status--unsaved{color:#ef5350;background:#ef53501a;border-color:#ef53502e}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 20%,rgba(56,189,248,.1),transparent 38%),#000000b8;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 42%),var(--surface-elevated-deep);border:1px solid rgba(56,189,248,.2);border-radius:26px;padding:1.5rem;max-width:540px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow)}.avatar-crop-modal{max-width:min(440px,100%)}.avatar-crop-wrap{position:relative;width:100%;height:280px;border-radius:14px;overflow:hidden;background:var(--bg-deep);border:1px solid var(--border)}.template-grid{display:flex;flex-direction:column;gap:.68rem}.template-card{display:flex;flex-direction:column;gap:.32rem;padding:1rem 1.05rem;border-radius:18px;border:1px solid rgba(56,189,248,.14);background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 48%),var(--surface-elevated);cursor:pointer;text-align:left;color:var(--text);font:inherit;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.template-card strong{font-weight:830;letter-spacing:-.02em}.template-card:hover{border-color:#38bdf875;background:linear-gradient(135deg,rgba(56,189,248,.08),transparent 48%),var(--surface-elevated-strong);transform:translateY(-1px);box-shadow:0 14px 32px #00000038}.preview-controls{display:flex;flex-direction:column;gap:.65rem;margin:.85rem 0 .25rem;padding:.85rem;border:1px solid rgba(56,189,248,.16);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 45%),#05162ca8}.preview-controls__timeline-row{display:flex;align-items:center;gap:.85rem}.preview-controls__time{min-width:12ch;color:var(--muted);text-align:right;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:.86rem;font-variant-numeric:tabular-nums;flex-shrink:0}.preview-controls__timeline{position:relative;flex:1;min-width:180px;height:42px;display:flex;align-items:center}.preview-controls__track{position:absolute;left:0;right:0;top:50%;height:8px;border-radius:999px;background:#ffffff29;transform:translateY(-50%);overflow:visible;box-shadow:inset 0 0 0 1px #ffffff0a}.preview-controls__progress{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-dim),var(--accent));box-shadow:0 0 16px #38bdf85c}.preview-controls__mark{position:absolute;top:50%;width:24px;height:24px;border:2px solid rgba(255,255,255,.7);border-radius:6px;background:#061b3af2;transform:translate(-50%,-50%) rotate(45deg);cursor:pointer;z-index:4;padding:0;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.preview-controls__mark-label{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text);font-size:.64rem;font-weight:900;line-height:1;transform:rotate(-45deg);pointer-events:none}.preview-controls__mark:hover,.preview-controls__mark--active{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 5px #38bdf81f,0 0 16px #38bdf87a}.preview-controls__mark:hover .preview-controls__mark-label,.preview-controls__mark--active .preview-controls__mark-label{color:var(--accent-ink)}.preview-controls__range{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);width:100%;height:100%;max-height:42px;opacity:0;cursor:pointer;z-index:3;margin:0;padding:0}.preview-controls__actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.preview-controls__play{min-width:74px;justify-content:center}.preview-controls__toggle,.preview-controls__speed{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.82rem;font-weight:640;line-height:1.2;white-space:nowrap}.preview-controls__toggle{cursor:pointer}.preview-controls__speed{margin-left:auto}.preview-controls__speed .btn-sm{min-width:44px;padding:.25rem .45rem}.view-controls__actions,.view-controls__transport,.view-controls__options{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.view-controls__transport{flex:1 1 auto}.view-controls__options{justify-content:center;flex:0 1 auto;min-width:0;max-width:100%;column-gap:.75rem}.view-controls__options .preview-controls__toggle{flex:0 0 auto}.view-controls__speed{flex-wrap:wrap;justify-content:flex-end}.preview-controls .view-controls__actions{display:grid;grid-template-columns:1fr;gap:.62rem}.preview-controls .view-controls__transport{display:grid;grid-template-columns:minmax(0,1fr) minmax(86px,1.12fr) minmax(0,1fr);gap:.52rem;width:100%}.preview-controls .view-controls__transport .btn{width:100%;min-height:42px;padding-inline:.52rem;font-size:.78rem}.preview-controls .view-controls__transport .preview-controls__play{min-height:48px;font-size:.94rem}.preview-controls .view-controls__options{display:grid;grid-template-columns:1fr 1fr;gap:.46rem;width:100%;min-width:0}.preview-controls .preview-controls__toggle{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.55rem;width:100%;min-height:40px;padding:.48rem .58rem;border:1px solid rgba(56,189,248,.16);border-radius:999px;background:var(--surface-blue-wash);min-width:0;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,opacity .15s ease,color .15s ease}.preview-controls .preview-controls__toggle>span{min-width:0;text-align:start}.preview-controls .preview-controls__toggle>input[type=checkbox]{margin:0;flex-shrink:0;width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer}.preview-controls .preview-controls__toggle:has(input:disabled){cursor:not-allowed}.preview-controls .preview-controls__toggle:has(input:disabled:not(:checked)){opacity:.5}.preview-controls .preview-controls__toggle:has(input:checked){border-color:var(--accent);background:linear-gradient(180deg,#38bdf838,#0ea5e929),#38bdf814;color:#edfaff;box-shadow:inset 0 1px #ffffff14,0 0 0 3px #38bdf81a;opacity:1}.preview-controls .preview-controls__toggle:has(input:checked)>span{color:#edfaff;font-weight:760}.preview-controls .view-controls__speed{display:grid;grid-template-columns:auto repeat(3,1fr);align-items:center;gap:.46rem;width:100%;margin-left:0}.preview-controls .view-controls__speed .btn-sm{min-height:40px;min-width:0;padding:.36rem .45rem}.controls{display:flex;align-items:center;gap:.75rem;margin:.75rem 0 .25rem;flex-wrap:wrap}.controls__loop span{white-space:nowrap}.controls input[type=range]{width:180px}select.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;padding-right:2.35rem}input[type=color]{min-height:0;cursor:pointer}input[type=checkbox],input[type=radio],input[type=range],input[type=file]{min-height:0;padding:0}input[type=checkbox],input[type=radio]{width:auto}@media(min-width:980px){.top-menu-toggle{display:none}}@media(max-width:979px){.app-shell{padding:1rem .75rem 2rem}.home-hero{grid-template-columns:1fr;min-height:0;padding:1rem;border-radius:24px}.home-hero h1{max-width:12ch}.home-hero__visual{min-height:350px}.home-court-card{min-height:315px;border-radius:24px}.home-demo-card{left:.75rem;right:.75rem;max-width:none}.home-stat-grid,.home-grid,.home-workflow,.plays-command,.plays-command__cards,.template-starter__grid{grid-template-columns:1fr}.template-starter__header{flex-direction:column}.template-starter__header .btn{width:100%}.teaching-mode-panel{grid-template-columns:1fr}.teaching-mode-panel__meta{justify-content:flex-start}.home-feature-card,.home-feature-card p{min-height:0}.top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem .65rem;margin-bottom:1rem}.top .brand{grid-column:1;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-menu-toggle{display:inline-flex;grid-column:2;grid-row:1}.top .top-nav{grid-column:1 / -1;grid-row:2;display:none;flex-direction:column;align-items:stretch;width:100%;gap:.55rem;margin:0;padding-top:.55rem;border-top:1px solid rgba(56,189,248,.12)}.top.top--nav-open .top-nav{display:flex}.top .top-nav .btn{width:100%;justify-content:flex-start}.top-nav__primary,.top-nav__account{display:grid;grid-template-columns:1fr;width:100%;gap:.38rem}.top-nav__primary .btn{min-height:44px}.top-account-trigger{max-width:none;justify-content:space-between}.top-account-menu{position:static;min-width:0;margin-top:.4rem;border-radius:16px;background:#0310246b;box-shadow:none}.top-nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;margin:0;background:#0000006b;cursor:pointer}.court-svg{max-height:none;border-radius:6px}.preview-controls{padding:.65rem}.preview-controls__timeline-row{align-items:stretch;flex-direction:column;gap:.35rem}.preview-controls__time{min-width:0;text-align:left}.preview-controls__timeline{width:100%}.preview-controls__actions{gap:.4rem}.preview-controls__speed{width:100%;margin-left:0}.preview-controls .view-controls__options{grid-template-columns:1fr}.view-page h1{max-width:none;font-size:clamp(1.5rem,8vw,2.25rem)}.view-controls{gap:.72rem;margin-top:1rem;padding:.85rem;border-radius:22px}.view-controls .preview-controls__timeline-row{gap:.46rem;margin-bottom:.45rem;border-bottom:1px solid rgba(56,189,248,.1);padding-bottom:.72rem}.view-controls .preview-controls__time{align-self:center;padding:.28rem .68rem;border:1px solid rgba(56,189,248,.16);border-radius:999px;background:#03102480;font-size:.78rem}.view-controls .preview-controls__timeline{align-self:center;width:100%;height:48px;min-width:0}.view-controls .preview-controls__track{height:10px}.view-controls .preview-controls__mark{width:20px;height:20px;pointer-events:none}.view-controls .preview-controls__mark-label{font-size:.56rem}.view-controls .preview-controls__range{top:0;left:0;right:0;bottom:0;height:48px;max-height:none;transform:none;touch-action:none}.tactic-editor{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto}.editor-bench{grid-column:1;flex-direction:row;flex-wrap:wrap;max-height:none;overflow-y:visible;gap:.5rem 1rem}.editor-bench--left{grid-row:1}.editor-bench--right{grid-row:3}.bench-section{flex-direction:row;align-items:center;gap:.4rem;flex-wrap:wrap}.bench-field{margin-bottom:0}.editor-court{grid-row:2;grid-column:1}.editor-timeline{grid-row:4;grid-column:1}.btn-sm{min-height:44px;padding:.4rem .65rem}.btn{min-height:44px}.bench-token{width:40px;height:40px}.kf-timeline__bar{overflow-x:auto;-webkit-overflow-scrolling:touch}.kf-timeline__track{min-width:300px}.list-item{flex-direction:column;align-items:flex-start}.match-prep-hero,.match-prep-console,.match-prep-form-grid,.match-prep-toolbar,.match-prep-share-panel,.match-prep-share-link,.match-prep-public-hero,.match-prep-public-layout,.match-prep-entry-add,.match-prep-entry-row{grid-template-columns:1fr}.match-prep-public{display:flex;flex-direction:column}.match-prep-public-layout{order:1}.match-prep-public-stage{order:1;scroll-margin-top:.5rem}.match-prep-public-picker{display:none}.match-prep-share-panel__actions{justify-content:stretch}.match-prep-share-panel__actions .btn,.match-prep-share-link .btn{width:100%}.match-prep-public-hero{order:2;gap:.55rem;margin:.75rem 0 0;padding:.72rem;border-radius:16px}.match-prep-public-hero .match-prep-kicker,.match-prep-public-hero .hint{display:none}.match-prep-public-hero h1{max-width:none;margin:0;font-size:1rem}.match-prep-public-meta{justify-content:flex-start}.match-prep-public-meta span{min-height:28px;padding:.18rem .52rem;font-size:.76rem}.match-prep-public-notes{padding:.55rem .65rem;font-size:.82rem}.match-prep-detail__crumb{margin-bottom:.25rem!important}.match-prep-detail__title{margin-bottom:.35rem!important}.match-prep-detail__title h1{max-width:none;font-size:1.12rem;letter-spacing:-.02em}.match-prep-detail__hint{display:none}.match-prep-stage.card{padding:.62rem;border-radius:16px}.match-prep-stage__header{gap:.4rem;margin-bottom:.4rem}.match-prep-stage__header .match-prep-kicker{display:none}.match-prep-stage h2{max-width:none;margin-bottom:.25rem;overflow:hidden;font-size:1rem;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}.match-prep-stage__header .muted{margin:0;font-size:.76rem;line-height:1.35}.match-prep-stage__header .status-pill{display:none}.match-prep-mobile-picker{display:grid;gap:.42rem;margin:.42rem 0 .5rem}.match-prep-mobile-picker__filters{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:.4rem}.match-prep-mobile-picker select{min-height:38px;height:38px;padding-block:.35rem;padding-inline:.62rem 2rem;border-radius:12px;font-size:.8rem}.match-prep-mobile-code-strip{display:flex;gap:.35rem;overflow-x:auto;padding:.03rem 0 .12rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.match-prep-mobile-code-strip::-webkit-scrollbar{display:none}.match-prep-mobile-code{flex:0 0 auto;min-height:34px;padding:.34rem .68rem;border:1px solid rgba(56,189,248,.16);border-radius:999px;background:#0310249e;color:var(--text);font-size:.82rem;font-weight:860;letter-spacing:.02em;cursor:pointer}.match-prep-mobile-code--active{border-color:var(--accent);background:linear-gradient(180deg,#38bdf840,#0ea5e933),#38bdf81a;color:#edfaff;box-shadow:0 0 0 3px #38bdf81a}.match-prep-stage .court-svg{width:100%;height:min(42vh,340px);max-height:340px;object-fit:contain}.match-prep-stage .preview-controls{gap:.62rem;margin-top:.45rem;padding:.55rem;border-radius:14px}.match-prep-stage .view-controls .preview-controls__timeline-row{margin-bottom:.12rem;padding-bottom:.62rem;border-bottom:1px solid rgba(56,189,248,.12)}.match-prep-stage .view-controls .preview-controls__time{align-self:flex-start;padding:.18rem .5rem;font-size:.72rem}.match-prep-stage .view-controls .preview-controls__timeline{height:44px}.match-prep-stage .view-controls .preview-controls__range{top:50%;bottom:auto;height:34px;max-height:34px;transform:translateY(-50%)}.match-prep-stage .view-controls .preview-controls__mark{width:18px;height:18px;border-radius:5px;pointer-events:none}.match-prep-stage .view-controls__actions{position:relative;z-index:5}.match-prep-stage .preview-controls .view-controls__transport .btn{min-height:38px}.match-prep-stage .preview-controls .view-controls__transport .preview-controls__play{min-height:42px}.match-prep-stage .view-controls__options,.match-prep-stage .view-controls__speed,.match-prep-call-sheet{display:none}.match-prep-call-sheet__top,.match-prep-stage__header{flex-direction:column}.match-prep-call-sheet__top input{max-width:none;width:100%}.match-prep-card-grid{max-height:none}.match-prep-card-grid--public{grid-template-columns:repeat(2,minmax(0,1fr));max-height:28vh;overflow:auto;padding-right:0;-webkit-overflow-scrolling:touch}.match-prep-card-grid--public .match-prep-call-card{grid-template-columns:1fr;min-height:118px}.match-prep-card-grid--public .match-prep-call-card__code{grid-row:auto;min-width:0;min-height:34px}.match-prep-card-grid--public .match-prep-call-card strong{white-space:normal}.match-prep-list-card__chips,.match-prep-entry-row .row-actions{justify-content:flex-start;width:100%}.match-prep-entry-row .row-actions .btn{flex:1}.team-roster__row{grid-template-columns:64px minmax(100px,1fr)}.team-roster__row .btn{grid-column:1 / -1}.list-item .row-actions{width:100%}.card{padding:1rem;border-radius:10px}}@media(max-width:499px){.brand{font-size:1.1rem}h1{font-size:1.3rem}.home-hero h1{font-size:clamp(2rem,14vw,3.1rem)}.home-hero__actions .btn{width:100%}.home-hero__visual{min-height:300px}.home-court-card{min-height:260px}.home-player{width:34px;height:34px;font-size:.82rem}.home-ball{width:24px;height:24px}.home-stat{padding:.9rem}.form-actions .btn,.invite-code .btn{width:100%}.invite-code{align-items:stretch;flex-direction:column}.match-prep-card-grid--public{grid-template-columns:1fr;max-height:24vh}}