:root{--bg:#0b0d10;--panel:#12151a;--panel-2:#181c22;--line:#242932;--text:#eceef1;--muted:#8a929e;--dim:#5b636e;--accent:#f5b942;--good:#3ddc84;--bad:#ff5d5d;--read:#5aa9ff;--score:#ffd166;--num:"Barlow Condensed", "Inter", system-ui, sans-serif;--body:"Inter", system-ui, -apple-system, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font-size:15px;line-height:1.4}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.35;cursor:default}.num{font-family:var(--num);font-variant-numeric:tabular-nums;letter-spacing:.01em}.eyebrow{font-family:var(--num);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.app{max-width:560px;height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.sb,.field{flex-shrink:0}.sb{border-bottom:1px solid var(--line);background:linear-gradient(var(--panel), var(--bg));padding:10px 16px 8px}.sb-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.sb-team{align-items:baseline;gap:10px;display:flex}.sb-team.right{justify-content:flex-end}.sb-abbr{font-family:var(--num);letter-spacing:.08em;color:var(--muted);font-size:18px;font-weight:700}.sb-score{font-family:var(--num);font-size:40px;font-weight:800;line-height:1;display:inline-block}.sb-score.pop{animation:pop .7s var(--ease);color:var(--score)}.sb-clock{text-align:center}.sb-q{font-family:var(--num);letter-spacing:.16em;color:var(--dim);font-size:12px;font-weight:600}.sb-time{font-family:var(--num);color:var(--text);font-size:36px;font-weight:700;line-height:1;transition:color .3s}.sb-time.running{color:var(--accent)}.sb-time.urgent{color:var(--bad);animation:1s steps(2,start) infinite blink}.sb-status{font-family:var(--num);letter-spacing:.14em;color:var(--dim);align-items:center;gap:5px;margin-top:2px;font-size:11px;font-weight:600;display:inline-flex}.sb-status .dot{background:var(--dim);border-radius:50%;width:6px;height:6px}.sb-status.running{color:var(--accent)}.sb-status.running .dot{background:var(--accent);animation:1s ease-in-out infinite pulse}.sb-bottom{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.sb-dd{font-family:var(--num);letter-spacing:.02em;font-size:20px;font-weight:700}.sb-dd .spot{color:var(--muted);margin-left:8px;font-weight:600}.sb-right{align-items:center;gap:14px;display:flex}.tos{align-items:center;gap:4px;display:flex}.tos .to{background:var(--line);border-radius:2px;width:14px;height:4px;transition:background .3s}.tos .to.on{background:var(--text)}.pc{width:34px;height:34px;position:relative}.pc svg{transform:rotate(-90deg)}.pc circle{fill:none;stroke-width:3px}.pc .track{stroke:var(--line)}.pc .arc{stroke:var(--muted);transition:stroke-dashoffset .2s linear,stroke .3s}.pc.low .arc{stroke:var(--bad)}.pc .pc-num{font-family:var(--num);place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;inset:0}.pc.low .pc-num{color:var(--bad)}.pc-hero{z-index:5;pointer-events:none;transform-origin:50%;width:120px;height:120px;transition:transform .55s var(--ease), opacity .16s ease .4s;filter:drop-shadow(0 8px 24px #0009);position:fixed;top:42%;left:50%}.pc-hero.fly{opacity:0}.pc-hero-inner{animation:heroIn .42s var(--ease) both;place-items:center;display:grid;position:absolute;inset:0}.pc-hero svg{position:absolute;inset:0;transform:rotate(-90deg)}.pc-hero circle{fill:none;stroke-width:5px}.pc-hero .track{stroke:#ffffff1a}.pc-hero .arc{stroke:var(--accent);transition:stroke-dashoffset .2s linear}.pc-hero.low .arc{stroke:var(--bad)}.pc-hero-num{font-family:var(--num);color:var(--accent);margin-top:-10px;font-size:48px;font-weight:800;line-height:1}.pc-hero.low .pc-hero-num{color:var(--bad)}.pc-hero-label{font-family:var(--num);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700;position:absolute;top:76px}.pc.low .arc,.pc.low .pc-num{animation:1s ease-in-out infinite pulse}.pc{transition:opacity .15s}.pc.land{animation:pop .5s var(--ease)}@keyframes heroIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.field{height:22px;margin:10px 16px 4px;position:relative}.field-bar{background:var(--panel-2);border-radius:3px;height:6px;position:absolute;top:8px;left:0;right:0;overflow:hidden}.field-bar .ez{background:var(--line);width:6%;position:absolute;top:0;bottom:0}.field-bar .ez.right{background:#3ddc8440;right:0}.field-bar .tick{background:var(--line);width:1px;position:absolute;top:0;bottom:0}.field-bar .fg-range{position:absolute;top:0;bottom:0;right:0}.field-bar .fg-edge{background:#ffffff59;width:1px;position:absolute;top:0;bottom:0}.field .fd{background:var(--accent);width:2px;height:16px;transition:left .7s var(--ease);position:absolute;top:3px;transform:translate(-1px)}.field .ball{background:var(--text);width:12px;height:12px;box-shadow:0 0 0 3px var(--bg);transition:left .7s var(--ease);border-radius:50%;position:absolute;top:5px;transform:translate(-6px)}.field .ball.gain{box-shadow:0 0 0 3px var(--bg), 0 0 0 6px #3ddc8459}.field .ball.loss{box-shadow:0 0 0 3px var(--bg), 0 0 0 6px #ff5d5d59}.feed{scroll-behavior:smooth;flex:1;min-height:0;padding:8px 16px 12px;overflow-y:auto}.item{border-bottom:1px solid var(--line);animation:rise .4s var(--ease);padding:10px 0 12px}.item:last-child{border-bottom:0}.item-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.item-tag{font-family:var(--num);letter-spacing:.1em;text-transform:uppercase;background:var(--panel-2);color:var(--muted);animation:rise .35s var(--ease);white-space:nowrap;border-radius:4px;padding:2px 7px;font-size:12px;font-weight:700}.item-tag.good{color:var(--good);background:#3ddc8424}.item-tag.bad{color:var(--bad);background:#ff5d5d24}.item-tag.score{color:var(--score);background:#ffd16629}.line{animation:rise .38s var(--ease);margin-top:6px}.line.system{color:var(--muted);font-size:13.5px}.line.snap{color:var(--muted)}.line.reveal{color:var(--read)}.line.result{font-weight:500}.item.old .line{color:var(--muted)}.item.old .line.result{color:var(--text);font-weight:400}.sheet{border-top:1px solid var(--line);background:var(--panel);padding:10px 16px calc(12px + env(safe-area-inset-bottom));flex-direction:column;flex-shrink:0;max-height:58dvh;display:flex}.sheet-head{flex-shrink:0}.stat .sub{font-family:var(--num);color:var(--muted);letter-spacing:.04em;margin-top:2px;font-size:18px;font-weight:600}.sheet-head{justify-content:space-between;align-items:center;min-height:28px;margin-bottom:8px;display:flex}.crumbs{align-items:center;gap:6px;display:flex}.crumb{font-family:var(--num);letter-spacing:.06em;background:var(--panel-2);color:var(--text);border-radius:4px;padding:2px 8px;font-size:14px;font-weight:700}.crumb.dim{color:var(--muted)}.back{color:var(--muted);padding:6px 4px;font-size:13px;font-weight:500}.sheet-body{min-height:0;animation:slide .26s var(--ease);overflow-y:auto}.grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.chip{background:var(--panel-2);border:1px solid var(--line);text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;padding:10px;transition:transform .12s,border-color .2s,background .2s;display:flex}.chip:active{transform:scale(.97)}.chip .big{font-family:var(--num);font-size:24px;font-weight:800;line-height:1}.chip .small{color:var(--muted);font-size:11px;line-height:1.2}.rows{flex-direction:column;gap:6px;display:flex}.row{background:var(--panel-2);border:1px solid var(--line);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 12px;transition:transform .12s,border-color .2s;display:flex}.row:active{border-color:var(--muted);transform:scale(.985)}.row .name{font-family:var(--num);letter-spacing:.02em;font-size:18px;font-weight:700}.row .desc{color:var(--muted);margin-top:1px;font-size:12px;line-height:1.3}.row .side{font-family:var(--num);letter-spacing:.1em;color:var(--dim);text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:600}.group{margin-top:10px}.group .eyebrow{margin-bottom:6px}.group:first-child{margin-top:0}.util{gap:6px;margin-top:10px;display:flex}.util button{border:1px solid var(--line);font-family:var(--num);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:0 0;border-radius:8px;flex:1;padding:9px 8px;font-size:14px;font-weight:700}.util button .sub{letter-spacing:.04em;color:var(--dim);text-transform:none;margin-top:1px;font-size:11px;font-weight:500;display:block}.util button.hot{border-color:var(--accent);color:var(--accent)}.glyph{flex-shrink:0;display:block;overflow:visible}.glyph-pers{margin:4px 0 2px}.glyph-form,.glyph-play{width:68px;height:38px}.g-origin{fill:var(--text)}.g-origin.accent{fill:var(--accent)}.g-los{stroke:var(--dim);stroke-width:.8px}.g-ol{fill:var(--dim)}.g-qb,.g-rb{fill:var(--text)}.g-te{fill:var(--muted)}.g-wr{fill:none;stroke:var(--text);stroke-width:1.1px}.g-stroke{fill:none;stroke:var(--muted);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.g-stroke.thick{stroke-width:2.2px}.g-stroke.dashed{stroke-dasharray:1.6 1.6;stroke:var(--dim)}.g-stroke.accent{stroke:var(--accent)}.g-stroke.block{stroke:var(--dim);stroke-width:1px}.g-head{fill:var(--muted)}.g-head.accent{fill:var(--accent)}.g-block-end{stroke:var(--dim);stroke-width:1px}.row .row-main{flex:1;min-width:0}.row{gap:10px}.read{background:#5aa9ff14;border:1px solid #5aa9ff40;border-radius:8px;margin-bottom:10px;padding:10px 12px;overflow:hidden}.read .eyebrow{color:var(--read)}.read-main{align-items:baseline;gap:10px;margin-top:4px;display:flex}.read-pers{font-family:var(--num);letter-spacing:.02em;animation:reveal .5s var(--ease) both;font-size:24px;font-weight:800}.read-detail{font-family:var(--num);color:var(--muted);letter-spacing:.06em;animation:reveal .5s var(--ease) 80ms both;font-size:14px}.read-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.rchip{font-family:var(--num);letter-spacing:.08em;animation:reveal .4s var(--ease) both;background:#ffffff0f;border-radius:4px;padding:3px 8px;font-size:13px;font-weight:700}.rchip.warn{color:var(--bad);background:#ff5d5d2e}.read-note{color:var(--muted);animation:reveal .4s var(--ease) .32s both;margin-top:8px;font-size:13px}.live{padding:6px 0 2px}.live-head{justify-content:space-between;align-items:center;display:flex}.live-badge{font-family:var(--num);letter-spacing:.16em;color:var(--bad);align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.live-badge .dot{background:var(--bad);border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite pulse}.live-call{font-family:var(--num);margin-top:6px;font-size:18px;font-weight:700}.live-vs{color:var(--muted);margin-top:2px;font-size:13px}.bar{background:var(--line);border-radius:2px;height:3px;margin-top:10px;overflow:hidden}.bar>div{background:var(--accent);height:100%;transition:width .12s linear}.pat h3{font-family:var(--num);letter-spacing:.02em;margin:0 0 4px;font-size:26px;font-weight:800}.pat p{color:var(--muted);margin:0 0 12px;font-size:14px}.pat .row{min-height:60px}.pat .row .name{font-size:20px}.screen{padding:24px 20px calc(24px + env(safe-area-inset-bottom));animation:rise .5s var(--ease);flex-direction:column;flex:1;gap:18px;display:flex;overflow-y:auto}.brand{justify-content:space-between;align-items:baseline;display:flex}.wordmark{font-family:var(--num);letter-spacing:.18em;font-size:20px;font-weight:800}.wordmark span{color:var(--accent)}.streakline{font-family:var(--num);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:600}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}.sit-vs{color:var(--muted);font-size:14px}.sit-grid{grid-template-columns:1fr 1fr;gap:14px 10px;margin-top:14px;display:grid}.stat .eyebrow{font-size:11px}.stat .val{font-family:var(--num);margin-top:2px;font-size:34px;font-weight:800;line-height:1.05}.stat .val.accent{color:var(--accent)}.stat .val.small{font-size:26px}.need{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.need .val{font-family:var(--num);margin-top:4px;font-size:22px;font-weight:800}.need .val em{color:var(--muted);font-size:16px;font-style:normal;font-weight:600}.scout p{color:var(--text);margin:6px 0 0;font-size:14px}.rules{color:var(--muted);font-size:13px}.rules li{margin-top:4px}.cta{background:var(--accent);color:#111;width:100%;font-family:var(--num);letter-spacing:.14em;text-transform:uppercase;border-radius:12px;padding:16px;font-size:20px;font-weight:800;transition:transform .12s}.cta:active{transform:scale(.98)}.cta.ghost{color:var(--text);border:1px solid var(--line);background:0 0}.endscreen{-webkit-backdrop-filter:blur(8px);animation:fade .4s var(--ease);z-index:10;background:#0b0d10eb;justify-content:center;display:flex;position:fixed;inset:0;overflow-y:auto}.endscreen-inner{width:100%;max-width:560px;padding:40px 20px calc(30px + env(safe-area-inset-bottom));flex-direction:column;gap:18px;display:flex}.stamp{font-family:var(--num);letter-spacing:-.01em;animation:stamp .6s var(--ease) both;font-size:84px;font-weight:800;line-height:.9}.stamp.win{color:var(--good)}.stamp.loss{color:var(--bad)}.stamp.ot{color:var(--accent)}.reason{color:var(--text);margin-top:6px;font-size:16px}.final-score{font-family:var(--num);color:var(--muted);letter-spacing:.06em;margin-top:4px;font-size:20px;font-weight:700}.streak-big{gap:24px;display:flex}.streak-big .val{font-family:var(--num);font-size:44px;font-weight:800;line-height:1}.emoji-row{letter-spacing:2px;word-break:break-all;font-size:22px}.loglist{margin:0;padding:0;list-style:none}.loglist li{border-bottom:1px solid var(--line);font-size:14px}.loglist li:last-child{border-bottom:0}.logrow{text-align:left;align-items:baseline;gap:10px;width:100%;min-height:40px;padding:8px 0;display:flex}.loglist .n{color:var(--dim);flex-shrink:0;width:22px}.logsum{flex:1;min-width:0}.logclock{color:var(--muted);flex-shrink:0;font-size:14px;font-weight:600}.loglist li.open .logsum{color:var(--text);font-weight:500}.logdetail{animation:rise .3s var(--ease);padding:2px 0 12px 32px}.logdetail p{color:var(--muted);margin:6px 0 0;font-size:14px}.logdetail p:last-child{color:var(--text)}.cta.testing{letter-spacing:.08em;color:var(--muted);padding:12px;font-size:14px}.countdown{text-align:center;color:var(--muted);font-size:13px}.countdown .num{color:var(--text);margin-top:2px;font-size:22px;font-weight:700;display:block}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(1)}30%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes blink{50%{opacity:.5}}@keyframes reveal{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes stamp{0%{opacity:0;transform:scale(1.3)rotate(-3deg)}60%{transform:scale(.98)rotate(0)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=380px){.grid{grid-template-columns:repeat(3,1fr)}.sb-score{font-size:34px}.sb-time{font-size:30px}}.grades{gap:8px;margin-top:8px;display:flex}.grades .g{font-family:var(--num);letter-spacing:.08em;text-transform:uppercase;background:var(--panel-2);color:var(--muted);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.grades .g.good{color:var(--good);background:#3ddc841f}.grades .g.poor{color:var(--bad);background:#ff5d5d1f}.gdot{background:var(--dim);border-radius:50%;flex-shrink:0;align-self:center;width:8px;height:8px}.gdot.good{background:var(--good)}.gdot.poor{background:var(--bad)}.coach{background:var(--panel-2);border-left:3px solid var(--dim);border-radius:8px;margin-top:12px;padding:10px 12px}.coach.good{border-left-color:var(--good)}.coach.poor{border-left-color:var(--bad)}.coach-title{font-family:var(--num);letter-spacing:.02em;font-size:16px;font-weight:700}.coach.good .coach-title{color:var(--good)}.coach.poor .coach-title{color:var(--bad)}.coach p{margin:6px 0 0;font-size:14px;color:var(--text)!important}.coach p.coach-note{font-size:13px;color:var(--muted)!important}.lesson{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.lesson:first-of-type{border-top:0;padding-top:6px}.lesson-title{font-family:var(--num);letter-spacing:.02em;font-size:18px;font-weight:700}.lesson p{color:var(--muted);margin:6px 0 0;font-size:14px}.lesson p:first-of-type{color:var(--text)}.film .film-title{font-family:var(--num);letter-spacing:.02em;margin-top:4px;font-size:26px;font-weight:800}.film p{color:var(--muted);margin:8px 0 0;font-size:14px}.film p strong{color:var(--text);font-weight:600}.film .link{color:var(--accent);margin-top:12px;padding:6px 0;font-size:14px;font-weight:600;display:block}.glossary{animation:rise .3s var(--ease);margin-top:6px}.gl-section{font-family:var(--num);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:14px;font-size:12px;font-weight:700}.gl-cov{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.gl-name{font-family:var(--num);font-size:17px;font-weight:700}