:root{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Roboto,Droid Sans Fallback,WenQuanYi Micro Hei,sans-serif;color:#edf5fb;background:#07131f;font-synthesis:none;--ink: #edf5fb;--muted: #91a4b5;--panel: #0d1d2a;--panel-soft: #112634;--line: rgba(180, 213, 234, .14);--blue: #36b8ff;--cyan: #63d8ff;--yellow: #ffe06b;--red: #ff6158}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#07131f}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% -10%,rgba(47,170,229,.19),transparent 32%),radial-gradient(circle at 92% 14%,rgba(255,122,79,.1),transparent 24%),linear-gradient(180deg,#081724,#06111b)}button,input{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,[role=button]:focus-visible{outline:2px solid #ffe06b;outline-offset:3px}.app-shell{width:min(1460px,calc(100% - 48px));margin:0 auto;padding:30px 0 28px}.hero{min-height:122px;display:grid;grid-template-columns:76px minmax(320px,1fr) auto;align-items:center;gap:24px;padding:0 4px 28px}.hero__mark{position:relative;width:70px;height:70px;display:grid;place-items:center;border:1px solid rgba(99,216,255,.32);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.22),transparent 25%),#dd713c;box-shadow:inset 0 0 0 5px #07131f33,0 18px 50px #dd713c33;overflow:hidden}.hero__mark:before,.hero__mark:after,.hero__mark span:before,.hero__mark span:after{content:"";position:absolute;border:2px solid rgba(61,28,13,.64);border-radius:50%}.hero__mark:before{top:-9px;right:26px;bottom:-9px;left:26px}.hero__mark:after{top:26px;right:-9px;bottom:26px;left:-9px}.hero__mark span:before{width:84px;height:42px;transform:rotate(38deg)}.hero__mark span:after{width:84px;height:42px;transform:rotate(-38deg)}.hero__copy{min-width:0}.eyebrow{margin:0 0 8px;color:#63d8ff;font-size:11px;font-weight:850;letter-spacing:.22em}.hero h1{margin:0;color:#f6fbff;font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:-.065em}.hero h1 em{color:#ffe06b;font-style:normal}.hero__copy>p:last-child{margin:12px 0 0;color:#9bafbf;font-size:15px}.flow-track{margin:0;padding:0;display:flex;gap:7px;list-style:none}.flow-track li{min-width:86px;padding:11px 14px;border:1px solid var(--line);border-radius:5px;color:#657b8c;background:#0b1c299e;font-size:12px;font-weight:750;transition:border-color .18s ease,color .18s ease,background .18s ease}.flow-track li span{display:block;margin-bottom:4px;color:#4d6474;font-size:9px;letter-spacing:.14em}.flow-track li.is-active{border-color:#63d8ff61;color:#dceef8;background:#1e5b7838}.flow-track li.is-active span{color:#63d8ff}.workspace{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(350px,.78fr);min-height:710px;overflow:hidden;border:1px solid rgba(183,215,232,.16);border-radius:14px;background:#07141fb3;box-shadow:0 34px 90px #00000047,inset 0 1px #ffffff08}.board-column{min-width:0;padding:18px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 25%),#081722}.formation-toolbar{min-height:42px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:16px}.possession-switch{display:flex;align-items:center;gap:6px}.possession-switch>span{margin-right:4px;color:#728798;font-size:10px;font-weight:850;letter-spacing:.14em}.possession-switch button,.reset-button,.reanalyze-button,.adjust-button{border:1px solid rgba(181,214,234,.16);border-radius:999px;padding:8px 13px;color:#9fb2c0;background:#122736d9;cursor:pointer;font-size:11px;font-weight:750;transition:color .16s ease,border-color .16s ease,background .16s ease}.possession-switch button.is-active{border-color:#63d8ff7a;color:#e9f8ff;background:#2986b15c}.possession-switch button:disabled{cursor:default;opacity:.5}.reset-button:hover,.reanalyze-button:hover,.adjust-button:hover{color:#fff;border-color:#ffffff4d}.court-frame{position:relative;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#172a32;box-shadow:inset 0 0 0 1px #0000004d,0 18px 42px #00000042}.court-live-chip{position:absolute;z-index:4;top:14px;left:14px;display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:3px;color:#edf6fb;background:#06111bc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:8px;font-weight:850;letter-spacing:.16em;pointer-events:none}.court-live-chip span{width:5px;height:5px;border-radius:50%;background:#ff5d54;box-shadow:0 0 0 3px #ff5d5429;animation:livePulse 1.6s ease-in-out infinite}.court{display:block;width:100%;aspect-ratio:1.5 / 1;min-height:510px;touch-action:none;-webkit-user-select:none;user-select:none}.court-floor{fill:url(#court-wood)}.court-lines{fill:none;stroke:#fff8e0bf;stroke-width:.65;vector-effect:non-scaling-stroke}.player-token{transition:transform .62s cubic-bezier(.2,.82,.2,1),opacity .22s ease}.player-token--editable{cursor:grab}.player-token--editable:active{cursor:grabbing}.player-token--dimmed{opacity:.32}.player-ring{fill:none;stroke-width:1.1}.player-core{stroke:#ffffffe0;stroke-width:.5}.player-token--blue .player-ring{stroke:#7df}.player-token--blue .player-core{fill:#0c84c9}.player-token--red .player-ring{stroke:#ff9b94}.player-token--red .player-core{fill:#e7433d}.player-token--editable:hover .player-ring,.player-token--editable:focus-visible .player-ring{stroke-width:1.8}.possession-ring{fill:#ffe06b1f;stroke:#ffe06b;stroke-width:.7;stroke-dasharray:1.4 1.2;animation:possessionSpin 8s linear infinite}.player-number{fill:#fff;font-size:3.8px;font-weight:900;dominant-baseline:middle;pointer-events:none}.player-label{fill:#fffffff2;paint-order:stroke;stroke:#050e15d1;stroke-width:1.2px;stroke-linejoin:round;font-size:3.2px;font-weight:850;pointer-events:none}.ball-mark circle{fill:#e98238;stroke:#2d170d;stroke-width:.35}.ball-mark path{fill:none;stroke:#402010;stroke-width:.28}.route-line{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none;animation:routeReveal .52s ease both}.route-line--run{stroke:#63d8ff;stroke-width:1.15;stroke-dasharray:3 2}.route-line--defend{stroke:#ff6e64;stroke-width:.95;stroke-dasharray:1.5 1.8}.route-line--pass{stroke:#ffe06b;stroke-width:1.35;filter:drop-shadow(0 0 2px rgba(255,224,107,.7))}.target-zone circle{stroke:#ffe677cc;stroke-width:.45}.target-zone text{fill:#fff1a9;paint-order:stroke;stroke:#06111bcc;stroke-width:1px;font-size:3px;font-weight:850}.blocked-lane>line{stroke:#ff5048e0;stroke-width:1;stroke-dasharray:2 1.5;vector-effect:non-scaling-stroke}.blocked-lane circle{fill:#5b0b0ec7;stroke:#ff5d54;stroke-width:.6}.blocked-lane path{fill:none;stroke:#fff;stroke-width:.8;stroke-linecap:round}.court-legend{position:absolute;z-index:4;right:14px;bottom:13px;display:flex;align-items:center;gap:12px;padding:7px 10px;border:1px solid rgba(255,255,255,.13);border-radius:3px;color:#ffffffd1;background:#06111bbd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:9px;font-weight:750}.court-legend span{display:flex;align-items:center;gap:5px}.legend-line{display:block;width:15px;height:2px}.legend-line--run{background:repeating-linear-gradient(90deg,#63d8ff 0 4px,transparent 4px 6px)}.legend-line--pass{background:#ffe06b}.legend-line--defend{background:repeating-linear-gradient(90deg,#ff6e64 0 3px,transparent 3px 5px)}.board-hint,.replay-caption{min-height:68px;margin-top:12px;padding:13px 16px;display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:6px;background:#0f2230c2}.board-hint span{flex:0 0 auto;padding:5px 8px;border-radius:3px;color:#63d8ff;background:#63d8ff1a;font-size:9px;font-weight:850;letter-spacing:.12em}.board-hint p,.replay-caption p{margin:0;color:#b2c3ce;font-size:13px}.caption-counter{flex:0 0 auto;color:#63d8ff;font-size:10px;font-weight:850;letter-spacing:.14em}.replay-caption p{color:#edf6fb;font-size:14px;font-weight:700}.playback-controls{margin-top:10px;display:grid;grid-template-columns:42px 48px 42px minmax(100px,1fr) auto;align-items:center;gap:8px}.playback-controls>button:not(.exit-replay){width:42px;height:42px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#bfd0db;background:#102534;cursor:pointer}.playback-controls>button.playback-main{width:48px;height:48px;border-color:#63d8ff73;color:#07131f;background:#63d8ff}.playback-controls button:disabled{cursor:default;opacity:.32}.playback-controls svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.playback-progress{padding:0 12px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px}.playback-progress span{height:3px;border-radius:999px;background:#253b4a;transition:background .18s ease}.playback-progress span.is-filled{background:#63d8ff}.exit-replay{border:0;padding:9px 4px;color:#8ba0af;background:transparent;cursor:pointer;font-size:11px;font-weight:750}.analysis-panel{min-width:0;padding:30px 26px 24px;background:linear-gradient(180deg,rgba(28,64,84,.18),transparent 26%),#0c1b27}.panel-heading{padding-bottom:21px;border-bottom:1px solid var(--line)}.panel-kicker{color:#63d8ff;font-size:9px;font-weight:900;letter-spacing:.2em}.panel-heading h2{margin:9px 0 0;color:#f5faff;font-size:clamp(22px,2.2vw,31px);line-height:1.15;letter-spacing:-.045em}.empty-analysis{min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:stretch}.lane-preview{position:relative;height:118px;margin:0 16px 20px}.lane-preview__ball,.lane-preview__target{position:absolute;top:50%;width:24px;height:24px;border:3px solid;border-radius:50%;transform:translateY(-50%)}.lane-preview__ball{left:0;border-color:#63d8ff;background:#0c84c9;box-shadow:0 0 0 7px #63d8ff14}.lane-preview__target{right:0;border-color:#63d8ff;background:#0c84c9}.lane-preview i{position:absolute;top:50%;right:23px;left:23px;height:2px;background:repeating-linear-gradient(90deg,#ff6158 0 7px,transparent 7px 11px)}.lane-preview b{position:absolute;top:50%;left:58%;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,97,88,.6);border-radius:50%;color:#fff;background:#7a1b1dd6;transform:translate(-50%,-50%);font-size:17px}.empty-analysis>p{max-width:300px;margin:0 auto 24px;color:#899dac;text-align:center;font-size:13px;line-height:1.7}.analyze-button{min-height:54px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #63d8ff;border-radius:5px;color:#07131f;background:#63d8ff;cursor:pointer;font-size:14px;font-weight:850;box-shadow:0 15px 36px #3eb7e82b;transition:transform .16s ease,box-shadow .16s ease}.analyze-button:hover{transform:translateY(-2px);box-shadow:0 19px 42px #3eb7e840}.analyze-button span{font-size:23px;font-weight:400}.observations{padding:20px 0 17px;border-bottom:1px solid var(--line)}.observations__label{display:block;margin-bottom:10px;color:#6f8494;font-size:9px;font-weight:850;letter-spacing:.16em}.observation{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;padding:7px 0}.observation>span{padding-top:2px;color:#ff7770;font-size:9px;font-weight:850;letter-spacing:.08em}.observation p{margin:0;color:#c5d2da;font-size:12px;line-height:1.55}.analysis-notice{margin:10px 0 0;padding:10px 12px;border-left:2px solid #ff6158;color:#ffc2be;background:#ff615814;font-size:12px;line-height:1.55}.recommendation-list{padding-top:18px}.recommendation-label{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.recommendation-label span{color:#eef6fb;font-size:12px;font-weight:850}.recommendation-label b{color:#637a8b;font-size:9px;font-weight:700}.recommendation-card{width:100%;margin:7px 0 0;padding:14px 12px;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;gap:10px;align-items:start;border:1px solid rgba(175,207,227,.13);border-radius:6px;color:inherit;background:#112634c2;cursor:pointer;text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease}.recommendation-card:hover,.recommendation-card.is-selected{border-color:#63d8ff75;background:#17394bd6;transform:translate(-2px)}.recommendation-card__rank{color:#63d8ff;font-size:10px;font-weight:850;letter-spacing:.1em}.recommendation-card__body{min-width:0;display:block}.recommendation-card__meta{display:flex;align-items:center;gap:7px;color:#8198a8;font-size:9px;font-weight:750}.recommendation-card__meta i{padding:2px 5px;border-radius:2px;color:#d8b96b;background:#ffe06b14;font-style:normal}.recommendation-card strong{display:block;margin-top:5px;color:#f4f9fc;font-size:14px;line-height:1.25}.recommendation-card p{margin:5px 0 0;color:#8ca1b0;font-size:10px;line-height:1.55}.recommendation-card__arrow{color:#526b7c;font-size:16px}.reanalyze-button,.adjust-button{margin-top:14px}.reanalyze-button{width:100%;border-color:transparent;background:transparent}.adjust-button{width:100%;margin-top:22px}.principle-strip{margin-top:16px;display:flex;justify-content:center;align-items:center;gap:13px;color:#526a7b;font-size:10px;font-weight:800;letter-spacing:.12em}.principle-strip i{width:24px;height:1px;background:#2e4657}.principle-strip strong{color:#91a7b6}.spotlight{min-height:100vh;padding:clamp(36px,6vw,90px);display:grid;grid-template-columns:minmax(280px,.75fr) minmax(400px,1.25fr);gap:clamp(32px,7vw,110px);align-items:center;background:radial-gradient(circle at 78% 40%,rgba(46,177,235,.15),transparent 32%),#07131f}.spotlight__copy>span{color:#63d8ff;font-size:12px;font-weight:900;letter-spacing:.22em}.spotlight__copy h1{max-width:620px;margin:20px 0 15px;color:#f7fbff;font-size:clamp(50px,7vw,100px);line-height:.96;letter-spacing:-.07em}.spotlight__copy h1 em{display:block;color:#ffe06b;font-style:normal}.spotlight__copy p{margin:0;color:#96aab8;font-size:clamp(15px,1.7vw,22px)}.spotlight__court{position:relative;aspect-ratio:1 / .76;overflow:hidden;border:2px solid rgba(255,255,255,.5);background:repeating-linear-gradient(90deg,rgba(79,38,11,.12) 0 1px,transparent 1px 42px),linear-gradient(140deg,#d3a064,#a96838);box-shadow:0 35px 90px #00000059}.spotlight__court:before{content:"";position:absolute;top:-42%;left:19%;width:62%;aspect-ratio:1;border:2px solid rgba(255,255,255,.72);border-radius:50%}.spotlight__court:after{content:"";position:absolute;top:0;left:36%;width:28%;height:31%;border:2px solid rgba(255,255,255,.72);border-top:0}.spotlight__hoop{position:absolute;z-index:2;top:6%;left:46%;width:8%;aspect-ratio:1;border:3px solid #fff;border-radius:50%}.spotlight__player{position:absolute;z-index:4;width:clamp(38px,5vw,72px);aspect-ratio:1;display:grid;place-items:center;border:5px solid;border-radius:50%;color:#fff;font-size:clamp(16px,2vw,27px);font-weight:900;box-shadow:0 10px 25px #00000059}.spotlight__player--blue{border-color:#83e3ff;background:#0c84c9}.spotlight__player--red{border-color:#ffaaa5;background:#e7433d}.spotlight__player--one{left:25%;bottom:12%}.spotlight__player--two{right:21%;top:25%}.spotlight__player--three{right:35%;top:38%}.spotlight__route{position:absolute;z-index:3;top:28%;right:29%;width:19%;height:37%;border-right:5px dashed #63d8ff;border-bottom:5px dashed #63d8ff;border-radius:0 0 80%;transform:rotate(13deg)}.spotlight__pass{position:absolute;z-index:3;bottom:30%;left:32%;width:46%;height:5px;background:#ffe06b;transform:rotate(-26deg);transform-origin:left center;box-shadow:0 0 10px #ffe06bb3}.spotlight__pass:after{content:"";position:absolute;right:-8px;top:50%;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #ffe06b;transform:translateY(-50%)}@keyframes livePulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes possessionSpin{to{stroke-dashoffset:12}}@keyframes routeReveal{0%{opacity:0;stroke-dashoffset:18}to{opacity:1;stroke-dashoffset:0}}@media (max-width: 1160px){.hero{grid-template-columns:64px 1fr}.hero__mark{width:58px;height:58px}.flow-track{grid-column:1 / -1}.flow-track li{flex:1}.workspace{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr)}.court{min-height:440px}}@media (max-width: 900px){.app-shell{width:min(760px,calc(100% - 28px));padding-top:22px}.workspace{display:block}.board-column{border-right:0;border-bottom:1px solid var(--line)}.analysis-panel{min-height:auto}.empty-analysis{min-height:320px}.spotlight{grid-template-columns:1fr}}@media (max-width: 620px){.app-shell{width:calc(100% - 18px);padding-top:14px}.hero{min-height:0;grid-template-columns:44px 1fr;gap:12px;padding-bottom:18px}.hero__mark{width:44px;height:44px}.eyebrow{margin-bottom:5px;font-size:8px}.hero h1{font-size:clamp(29px,10vw,42px)}.hero__copy>p:last-child{margin-top:8px;font-size:12px;line-height:1.5}.flow-track{width:100%;gap:4px}.flow-track li{min-width:0;padding:8px 5px;text-align:center;font-size:9px}.flow-track li span{font-size:7px}.workspace{border-radius:9px}.board-column{padding:9px}.formation-toolbar{align-items:flex-start;gap:8px}.possession-switch{flex-wrap:wrap}.possession-switch>span{flex-basis:100%}.possession-switch button,.reset-button{padding:7px 10px;font-size:9px}.court{min-height:0;aspect-ratio:.92 / 1}.court-live-chip{top:8px;left:8px;font-size:6px}.court-legend{right:7px;bottom:7px;gap:7px;padding:5px 7px;font-size:7px}.board-hint,.replay-caption{min-height:62px;padding:11px;gap:10px}.board-hint p,.replay-caption p{font-size:11px}.playback-controls{grid-template-columns:38px 44px 38px 1fr}.playback-controls>button:not(.exit-replay){width:38px;height:38px}.playback-controls>button.playback-main{width:44px;height:44px}.playback-progress{padding:0 4px}.exit-replay{grid-column:1 / -1}.analysis-panel{padding:24px 18px 20px}.panel-heading h2{font-size:24px}.recommendation-card{padding:13px 10px}.principle-strip{gap:6px;font-size:7px}.principle-strip i{width:10px}.spotlight{padding:28px 18px}.spotlight__court{min-width:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}