@font-face{font-family:Bebas Neue;src:url(/fonts/bebas-neue-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-600.woff2) format("woff2");font-weight:600;font-display:swap}:root{color-scheme:dark;--bg: #0b0a08;--surface: #14130f;--surface-2: #1c1a15;--line: #2b2820;--line-strong: #3a362c;--text: #ede8de;--muted: #97907f;--accent: #f04a23;--accent-deep: #c2371a;--ok: #46d39a;--bad: #ff5a5a;--display: "Bebas Neue", "Arial Narrow", sans-serif;--body: "Barlow", "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(120% 60% at 50% -10%,rgba(240,74,35,.07),transparent 60%),radial-gradient(100% 50% at 50% 110%,rgba(240,74,35,.04),transparent 55%),var(--bg);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}#root{position:relative;z-index:1}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none;padding:0}.screen{max-width:680px;margin:0 auto;padding:26px 18px 56px;animation:pageIn .35s ease both}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}h1,h2,.display{font-family:var(--display);font-weight:400;letter-spacing:.045em;text-transform:uppercase;margin:0 0 6px}h1{font-size:44px;line-height:1;text-align:center}h2{font-size:24px;color:var(--text);margin-top:28px}.kicker{text-align:center;font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin:0 0 2px}.sub{text-align:center;color:var(--muted);font-size:14px;margin:0 0 20px}.rule{height:1px;background:linear-gradient(to right,transparent,var(--line-strong),transparent);border:none;margin:22px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;font-weight:500;transition:border-color .15s,background .15s,transform .08s}.btn:hover{border-color:var(--muted)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-deep)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-start{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px;margin:18px 0 14px;font-family:var(--display);font-size:28px;letter-spacing:.09em;color:#fff;background:linear-gradient(180deg,var(--accent),var(--accent-deep));border:none;border-radius:8px;box-shadow:0 8px 28px -10px #f04a238c;transition:transform .08s,box-shadow .15s}.btn-start:hover{box-shadow:0 10px 32px -8px #f04a23b3}.btn-start:active{transform:scale(.985)}.style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:18px 0 4px}.style-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px 12px 12px;display:flex;flex-direction:column;gap:2px;text-align:left;transition:border-color .15s,background .15s}.style-card:hover{border-color:var(--line-strong);background:var(--surface-2)}.style-card strong{font-family:var(--display);font-weight:400;font-size:19px;letter-spacing:.05em;text-transform:uppercase}.style-card span{font-size:12px;color:var(--muted)}.style-card.selected{border-color:var(--accent)}.style-card.selected:after{content:"";position:absolute;top:10px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.style-card.new{border-style:dashed;background:transparent;align-items:flex-start}.settings-row{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;color:var(--muted);font-size:13px}.settings-row label{display:inline-flex;align-items:center;gap:6px}select{background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:6px;padding:6px 10px;font:inherit}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.tile{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 8px 12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--text);transition:border-color .15s,background .15s,transform .08s}.tile:hover{border-color:var(--line-strong);background:var(--surface-2)}.tile:active{transform:scale(.97)}.tile svg{color:var(--accent)}.tile b{font-family:var(--display);font-weight:400;font-size:16px;letter-spacing:.08em;text-transform:uppercase}.streak-line{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13px;margin:2px 0 6px}.streak-line svg{color:var(--accent);width:16px;height:16px}.streak-line b{color:var(--text);font-weight:600}.history{margin-top:26px}.history h2{font-size:15px;letter-spacing:.2em;color:var(--muted)}.history-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:14px}.history-row strong{font-family:var(--display);font-size:19px;letter-spacing:.05em}.history-row.selectable{cursor:pointer;border-left:2px solid transparent}.history-row.selectable.on{border-left-color:var(--accent);background:var(--surface)}.history-row.selectable input{accent-color:var(--accent)}.history-row.selectable span{flex:1}.training{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:5}.video-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.video-wrap video,.video-wrap canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.hud{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:16px;pointer-events:none}.hud>*>*{pointer-events:auto}.hud-top{display:flex;justify-content:space-between;font-weight:600}.rec{display:inline-flex;align-items:center;gap:8px;background:#0000008c;border:1px solid var(--accent);color:#fff;padding:5px 12px;border-radius:6px;font-family:var(--display);font-size:19px;letter-spacing:.08em}.rec:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);animation:recPulse 1.1s infinite}@keyframes recPulse{0%,to{opacity:1}50%{opacity:.25}}.counter{background:#0000008c;border:1px solid rgba(255,255,255,.14);padding:5px 12px;border-radius:6px;font-size:14px}.hud-center{align-self:center;text-align:center;font-size:18px;background:#0009;border:1px solid rgba(255,255,255,.12);padding:12px 20px;border-radius:8px;max-width:88%}.hud-center:empty{display:none}.hud-bottom{align-self:center;display:flex;gap:12px}.countdown{font-family:var(--display);font-size:92px;line-height:1}.call-banner{display:block;font-family:var(--display);font-size:40px;line-height:1.05;letter-spacing:.06em;animation:bannerIn .18s ease both}@keyframes bannerIn{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}.call-banner.ok{color:var(--ok)}.call-banner.miss{color:var(--bad)}.defense-flash{position:absolute;top:0;bottom:0;width:18%;pointer-events:none;animation:flashPulse .5s infinite alternate}.defense-flash.left{left:0;background:linear-gradient(to right,rgba(240,74,35,.55),transparent)}.defense-flash.right{right:0;background:linear-gradient(to left,rgba(240,74,35,.55),transparent)}.defense-flash.down{left:0;right:0;top:auto;bottom:0;width:auto;height:26%;background:linear-gradient(to top,rgba(240,74,35,.55),transparent)}@keyframes flashPulse{0%{opacity:.5}to{opacity:1}}.score-ring{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:10px}.score-ring text{font-family:var(--display);letter-spacing:.03em}.bars{flex:1;min-width:240px;display:flex;flex-direction:column;gap:12px}.bar-row{display:grid;grid-template-columns:110px 1fr 38px;align-items:center;gap:12px;font-size:13px;color:var(--muted)}.bar-row strong{font-family:var(--display);font-size:19px;color:var(--text);text-align:right}.bar{height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden}.bar>div{height:100%;background:linear-gradient(90deg,var(--accent-deep),var(--accent));border-radius:3px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px 18px;margin:18px 0}.panel-title{display:flex;align-items:center;gap:9px;font-family:var(--display);font-size:18px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.panel-title svg{color:var(--accent)}.panel ul{margin:6px 0 0;padding-left:20px}.panel li{margin:7px 0}.panel p{margin:8px 0 0}.warn{display:flex;gap:10px;align-items:flex-start;background:#f04a2314;border:1px solid rgba(240,74,35,.35);border-radius:8px;padding:12px 14px;font-size:14px}.warn svg{color:var(--accent);flex-shrink:0;margin-top:1px}.punch-stats{display:flex;gap:8px 16px;flex-wrap:wrap;color:var(--muted);margin:14px 0;font-size:13px}.punch-stats strong{color:var(--text);font-weight:600}.round-chips,.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:999px;padding:5px 13px;font-size:13px;transition:border-color .15s}button.chip:hover{border-color:var(--muted)}.mode-stat{margin:12px 0;font-size:14px}.mode-stat strong{font-family:var(--display);font-size:18px;letter-spacing:.04em}.pro{margin:18px 0}.pro-panel p{white-space:pre-wrap}.replay-wrap{position:relative;margin-top:8px}.replay-wrap video{width:100%;border-radius:8px;transform:scaleX(-1);display:block}.replay-wrap canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scaleX(-1);pointer-events:none}.guard-desc{color:var(--muted);font-size:13px;margin:6px 0 12px}.chart{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px;margin:14px 0}.chart svg{width:100%;height:160px;display:block}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12px;color:var(--muted)}.chart-legend i{display:inline-block;width:10px;height:3px;border-radius:2px;margin-right:5px;vertical-align:middle}.chat{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px;margin:14px 0}.chat-list{max-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.chat-msg{padding:9px 13px;border-radius:10px;max-width:86%;white-space:pre-wrap;font-size:14px;line-height:1.5}.chat-msg.user{align-self:flex-end;background:var(--accent-deep);color:#fff;border-bottom-right-radius:3px}.chat-msg.assistant{align-self:flex-start;background:var(--surface-2);border:1px solid var(--line);border-bottom-left-radius:3px}.chat-suggestions{display:flex;flex-wrap:wrap;gap:8px}.chat-input{display:flex;gap:8px}.chat-input input{flex:1;background:var(--bg);color:var(--text);border:1px solid var(--line-strong);border-radius:6px;padding:10px 12px;font:inherit}.chat-input input:focus{outline:none;border-color:var(--accent)}.ctx-switch{display:flex;gap:8px;margin:6px 0 4px}.ctx-switch button{flex:1;padding:9px;background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;font-weight:500;color:var(--muted)}.ctx-switch button.on{border-color:var(--accent);color:var(--text);background:var(--surface-2)}.style-info{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:4px 16px;margin-bottom:10px}.style-info summary{cursor:pointer;padding:12px 0;display:flex;align-items:center;gap:12px;list-style:none}.style-info summary::-webkit-details-marker{display:none}.style-badge{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:7px;font-family:var(--display);font-size:19px;color:var(--accent)}.style-info summary strong{font-family:var(--display);font-weight:400;font-size:20px;letter-spacing:.05em;text-transform:uppercase}.style-famous{margin-left:auto;font-size:11px;color:var(--muted);text-align:right;max-width:40%}.style-info p{font-size:14px;line-height:1.55;color:#cfc9bd}.style-info p strong{color:var(--text)}.editor-row{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:12px;margin:12px 0;font-size:14px;color:var(--muted)}.seg{display:flex;gap:6px}.seg button{flex:1;padding:8px;background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;color:var(--muted);font-weight:500}.seg button.on{border-color:var(--accent);color:var(--text);background:var(--surface-2)}.editor-actions{display:flex;gap:10px;margin-top:20px}input[type=text]{background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:6px;padding:9px 12px;width:100%;font:inherit}input[type=text]:focus{outline:none;border-color:var(--accent)}.preview{display:flex;justify-content:center;background:radial-gradient(60% 80% at 50% 30%,rgba(240,74,35,.08),transparent 70%),var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px;margin-top:16px}.err{text-align:center;padding:48px 20px}