@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,450;0,9..40,500;0,9..40,550;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--paper:#f5f5ee;--surface:#eaece2;--surface-2:#e2e5d9;--line:#dddfd4;--muted:#8a8e81;--ink:#2c302b;--accent:#89975b;--accent-fg:#59614e;--mono:"IBM Plex Mono", monospace;--cond:"Barlow Condensed", "Arial Narrow", sans-serif;color:var(--ink);background:var(--paper);font-family:DM Sans,sans-serif}*,:before,:after{box-sizing:border-box}body,h1,h2,p{margin:0}button,select,input{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:0}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}svg.icon{stroke:currentColor;flex-shrink:0;width:20px;height:20px}#canvas-container{z-index:0;position:absolute;inset:0}#canvas-container canvas{outline:none;width:100%;height:100%;display:block}#loading-overlay{background:var(--paper);z-index:50;text-align:center;place-content:center;gap:12px;display:grid;position:fixed;inset:0}#loading-overlay.hidden{display:none}.loading-text{font:800 28px var(--cond);letter-spacing:3px}.loading-sub{font:9px var(--mono);letter-spacing:1px;color:var(--muted)}#app-shell{background:var(--paper);flex-direction:column;min-height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--paper);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;height:72px;padding:0 4%;display:flex;position:relative}.brand{font:800 24px/1 var(--cond);letter-spacing:1px;align-items:center;gap:0;display:flex}.brand-mark{background:var(--ink);width:32px;height:34px;color:var(--paper);clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,20% 100%,0 80%);flex-shrink:0;place-items:center;margin-right:10px;display:grid}.brand-mark svg{width:22px;height:22px}.brand-light{font-weight:450}.brand-period{font:9px var(--mono);align-self:flex-start;margin:5px 0 0 4px}.top-nav{gap:28px;height:100%;margin-left:40px;display:flex}.nav-item{color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;align-items:center;gap:10px;padding:0 2px;font-size:12px;font-weight:550;display:flex;position:relative}.nav-item.active{color:var(--ink)}.nav-item.active:after{content:"";background:var(--ink);height:2px;position:absolute;bottom:-1px;left:0;right:0}.nav-item .tag{font:8px var(--mono);border:1px solid var(--line);color:var(--muted);background:#e9eddc;padding:2px 4px}.build-label{font:8px var(--mono);letter-spacing:.5px;color:var(--muted);align-items:center;gap:8px;display:flex}.status-dot{background:#82985a;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #82985a1a}.site-main{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:0 4% 32px}.page-heading{justify-content:space-between;align-items:flex-start;padding:36px 0 30px;display:flex}.eyebrow{font:8px var(--mono);letter-spacing:1.8px;color:var(--muted);margin-bottom:11px}.page-heading h1{letter-spacing:-1.4px;font:550 clamp(26px,2.6vw,40px)/1.2 DM Sans,sans-serif}.page-heading h1>span{color:#929780}.page-heading p{color:var(--muted);margin-top:9px;font-size:12px}.lab-tag{font:8px var(--mono);letter-spacing:.7px;color:var(--muted);align-items:center;gap:10px;padding-top:6px;display:flex}.lab-tag svg{stroke-width:1px;width:27px;height:27px}.lab-tag small{letter-spacing:.4px;color:#a3a795;margin-top:4px;font-size:7px;display:block}.lab-layout{grid-template-columns:205px minmax(0,1fr);gap:24px;display:grid}.section-heading{align-items:center;gap:9px;display:flex}.section-heading h2{font:500 9px var(--mono);letter-spacing:1px}.count{border:1px solid var(--line);font:8px var(--mono);color:var(--muted);padding:2px 5px}.section-desc{color:var(--muted);margin-top:6px;font-size:11px}.fighter-list{gap:9px;margin-top:18px;display:grid}.fighter-card{background:var(--surface);text-align:left;cursor:pointer;border:1px solid #0000;height:128px;transition:border-color .2s,background .2s;position:relative;overflow:hidden}.fighter-card:hover{background:var(--surface-2);border-color:#b6bda4}.fighter-card.selected{background:#e8ecda;border-color:#a9b38b}.fighter-card.selected:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.fighter-card{--robot-color:#89975b}.card-number{font:8px var(--mono);color:#929985;z-index:2;position:absolute;top:9px;left:11px}.card-check{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:15px;height:15px;display:none;position:absolute;top:8px;right:9px}.card-check svg{width:10px;height:10px}.fighter-card.selected .card-check{display:grid}.fighter-thumb{object-fit:contain;filter:saturate(.85);width:185px;height:110px;transition:transform .3s;position:absolute;top:2px;right:-18px;transform:scale(1.08)}.fighter-card:hover .fighter-thumb{transform:scale(1.14)}.fighter-card:after{content:"";background:linear-gradient(transparent, var(--surface) 84%);pointer-events:none;position:absolute;inset:52% 0 0}.fighter-card.selected:after{background:linear-gradient(#0000,#e8ecda 84%)}.fighter-card-copy{z-index:1;flex-direction:column;gap:3px;display:flex;position:absolute;bottom:11px;left:12px}.fighter-card-copy strong{font:700 22px/.9 var(--cond);letter-spacing:.5px}.fighter-card-copy>span{font:7px var(--mono);letter-spacing:.6px;color:var(--muted)}.card-arrow{z-index:2;color:#79826a;position:absolute;bottom:12px;right:11px}.card-arrow svg{width:16px;height:16px}.roster-note{color:var(--muted);align-items:center;gap:8px;margin:16px 0 0;font-size:10px;line-height:1.65;display:flex}.roster-note svg{flex-shrink:0;width:14px;height:14px}.workspace{min-width:0}.showcase{border:1px solid #d8dbcd;grid-template-columns:minmax(0,1fr) 265px;min-height:510px;display:grid}.viewport{isolation:isolate;background:radial-gradient(at 47% 39%,#f0f1e7 0%,#e5e8da 64%,#dfe3d2 100%);min-width:0;min-height:510px;position:relative;overflow:hidden}#viewport-anchor{z-index:1;touch-action:none;position:absolute;inset:0}.viewport-top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:20px;left:21px;right:21px}.live-label{font:7px var(--mono);letter-spacing:.8px;color:#667354;align-items:center;gap:7px;display:flex}.live-label .status-dot{width:5px;height:5px}.view-number{font:7px var(--mono);letter-spacing:1px;color:#919a80}.watermark{font:800 clamp(88px, 12vw, 180px)/1 var(--cond);letter-spacing:-3px;text-align:center;color:#aeb899;opacity:.18;z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:60px;left:0;right:0}.stage-corner{z-index:2;pointer-events:none;border-style:solid;border-color:#a6ae94;width:9px;height:9px;position:absolute}.corner-tl{border-width:1px 0 0 1px;top:12px;left:12px}.corner-tr{border-width:1px 1px 0 0;top:12px;right:12px}.corner-bl{border-width:0 0 1px 1px;bottom:12px;left:12px}.corner-br{border-width:0 1px 1px 0;bottom:12px;right:12px}.stage-label{pointer-events:none;font:8px var(--mono);letter-spacing:1px;z-index:2;flex-direction:column;gap:5px;display:flex;position:absolute;bottom:60px;left:22px}.stage-label-line{background:#9aa982;width:20px;height:2px;margin-bottom:2px}.stage-label small{letter-spacing:.6px;color:#939b83;font-size:6px}.view-tools{z-index:2;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:62px;right:17px}.tool-button{color:#899377;cursor:pointer;background:#f6f7ee99;border:1px solid #cbd1bd;place-items:center;width:30px;height:30px;transition:background .2s;display:grid}.tool-button svg{width:14px;height:14px}.tool-button:hover,.tool-button.active{color:#65724d;background:#dce4c9;border-color:#b8c3a1}.viewport-bottom{color:#8a9579;font:5px var(--mono);letter-spacing:.6px;pointer-events:none;z-index:2;justify-content:space-between;gap:8px;display:flex;position:absolute;bottom:22px;left:22px;right:22px}.viewport-bottom>span:first-child{align-items:center;gap:5px;display:flex}.viewport-bottom svg{width:10px;height:10px}.fps-label{white-space:nowrap;align-self:center}.dossier{border-left:1px solid var(--line);background:#f0f1e8;flex-direction:column;min-width:0;padding:22px 21px 16px;display:flex}.dossier-kicker{font:7px var(--mono);letter-spacing:.7px;color:var(--muted);justify-content:space-between;margin-bottom:26px;display:flex}.fighter-role{font:7px var(--mono);letter-spacing:.7px;color:#858b79;align-items:center;gap:6px;display:flex}.fighter-role>.role-dot{background:var(--accent);width:5px;height:5px;display:inline-block}.dossier h2{font:700 54px/.95 var(--cond);letter-spacing:-.4px;white-space:nowrap;margin:9px 0 12px}.dossier h2>span{font:400 14px var(--cond);color:#a6ab99;letter-spacing:0;margin-left:8px}.fighter-desc{color:var(--muted);max-width:232px;font-size:10px;line-height:1.85}.class-tags{gap:5px;margin-top:12px;display:flex}.class-tags>span{font:6px var(--mono);letter-spacing:.5px;color:#7d866b;border:1px solid #d7dbcb;padding:4px 6px}.measurements{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:16px;padding:17px 0 15px;display:grid}.measurements>div{flex-direction:column;gap:6px;display:flex}.measurements>div+div{border-left:1px solid var(--line);padding-left:16px}.measurements span{font:7px var(--mono);letter-spacing:.7px;color:var(--muted)}.measurements strong{letter-spacing:-.5px;font-size:16px;font-weight:500}.stats{flex-direction:column;gap:11px;margin:17px 0 18px;display:flex}.stat>.stat-head{font:7px var(--mono);letter-spacing:.7px;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.stat-head strong{color:var(--accent-fg);font-size:9px;font-weight:500}.stat-head small{color:#a3a994;margin-left:2px;font-size:6px}.stat-track{background:#dfe3d5;height:4px;position:relative}.stat-track>span{background:var(--accent);height:100%;transition:width .3s;display:block}.stat-track:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 2px),#f0f1e8 calc(10% - 2px) 10%);position:absolute;inset:0}.signature{border-top:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:10px;padding:11px 0;display:flex}.signature:hover .sig-name{color:var(--accent)}.sig-icon{color:var(--accent-fg);flex-shrink:0;place-items:center;display:grid}.sig-icon svg{width:22px;height:22px}.signature>div{flex-direction:column;gap:4px;display:flex}.signature>div>span{font:6px var(--mono);letter-spacing:.8px;color:var(--muted)}.sig-name{color:var(--accent-fg);font-size:9px;font-weight:500;transition:color .15s}.parts-badge{font:8px var(--mono);color:#8a937a;align-items:center;gap:7px;margin-top:auto;padding-top:14px;display:flex}.parts-badge svg{width:14px;height:14px}.parts-badge strong{color:var(--accent-fg);font-weight:500}.parts-status{font:6px var(--mono);color:#879571;border:1px solid #cbd3bc;margin-left:auto;padding:3px 4px}.motion-panel{background:#f2f3eb;border:1px solid #d8dbcd;border-top:none;padding:19px 21px 0}.motion-heading{justify-content:space-between;align-items:center;display:flex}.motion-heading .section-heading h2{font-size:9px}.rigid-label{font:6px var(--mono);letter-spacing:.6px;color:#8f987e;align-items:center;gap:5px;display:flex}.rigid-label>span{background:#9daa87;width:4px;height:4px;display:inline-block}.clip-grid{grid-template-columns:repeat(6,1fr);gap:7px;margin-top:14px;display:grid}.clip-button{height:62px;color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #dce0d1;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:9px;transition:all .18s;display:flex;position:relative}.clip-button:hover{color:#586544;background:#e8edda;border-color:#c0c9ac}.clip-button.active{color:#657349;background:#e5eccc;border-color:#bac79a}.clip-icon{place-items:center;height:21px;display:grid}.clip-icon svg{width:20px;height:20px}.clip-button kbd{font:6px var(--mono);color:#a4ad95;position:absolute;top:5px;right:5px}.clip-button.active kbd{color:#8e9b72}.motion-filters{flex-wrap:wrap;gap:6px;margin-top:15px;display:flex}.motion-filters button{border:1px solid var(--line);color:#586544;min-height:34px;padding:7px 10px;font-size:11px}.motion-filters button[aria-pressed=true]{background:#e5eccc;border-color:#a9b38b}.clip-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:238px;padding:3px;overflow-y:auto}.clip-button{white-space:normal;text-align:center;min-width:0;padding:8px 5px;font-size:11px}.clip-button>span:last-of-type{overflow-wrap:anywhere}.motion-detail{gap:12px;margin-top:14px;font-size:12px;line-height:1.6;display:flex}.motion-detail strong{font:10px/1.6 var(--mono);color:#586544;flex:0 0 100px}.motion-disclaimer{color:#65724d;margin-top:9px;font-size:10px}.loop-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=700px){.clip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.motion-detail{flex-direction:column;gap:5px}.motion-detail strong{flex-basis:auto}.playback{flex-wrap:wrap;min-height:75px;padding:12px 0;height:auto!important}.playback-name{text-overflow:ellipsis;max-width:95px;overflow:hidden}.motion-filters button{min-height:40px}}.playback{align-items:center;gap:10px;height:54px;display:flex}.play-btn{color:#707c5d;flex-shrink:0;place-items:center;width:18px;height:22px;display:grid}.play-btn svg{stroke-width:2px;width:13px;height:13px}.step-btn{width:18px;height:22px;color:var(--muted);place-items:center;display:grid}.step-btn svg{stroke-width:2px;width:12px;height:12px}.playback-name{white-space:nowrap;color:#5c6650;min-width:82px;font-size:8px}.playback-name span{color:var(--muted)}#timeline{appearance:none;background:linear-gradient(to right, #94a575 var(--progress,0%), #dce1d0 var(--progress,0%));cursor:pointer;flex:1;min-width:25px;height:3px;margin:0}#timeline::-webkit-slider-thumb{appearance:none;background:#899d67;border-radius:50%;width:7px;height:7px}#timeline::-moz-range-thumb{background:#899d67;border:0;border-radius:50%;width:7px;height:7px}.timecode{font:7px var(--mono);color:#8b957c;white-space:nowrap;min-width:72px}.playback-divider{background:var(--line);width:1px;height:14px;margin:0 2px}.loop-btn{color:#9a9f90;align-items:center;gap:5px;font-size:8px;display:flex}.loop-btn.active{color:#75895a}.loop-btn svg{width:13px;height:13px}#speed-select{font:7px var(--mono);color:#7f8b6d;cursor:pointer;background:0 0;border:1px solid #dce1d1;padding:4px 3px 4px 6px}.site-footer{border-top:1px solid var(--line);font:7px var(--mono);letter-spacing:.7px;color:#9aa18c;justify-content:space-between;align-items:center;margin:26px 0 0;padding:16px 0 20px;display:flex}.site-footer>span{align-items:center;gap:8px;display:flex}.footer-cross{color:#929d7e;font-size:12px}dialog{background:var(--paper);width:calc(100% - 40px);max-width:480px;color:var(--ink);border:1px solid #c8cfb8;padding:38px;position:fixed;box-shadow:0 20px 80px #1e251433}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2a321d66}dialog>.tool-button{position:absolute;top:14px;right:14px}dialog h2{font:700 44px/1 var(--cond);margin:18px 0}dialog p{color:#7e8870;font-size:12px;line-height:1.9}.about-specs{font:10px var(--mono);border-block:1px solid var(--line);color:#717d60;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0;padding:18px 0;display:grid}.dialog-hint{font:8px var(--mono);color:#8e997c;margin-top:22px;line-height:1.7}.toast{font:9px var(--mono);background:var(--paper);opacity:0;pointer-events:none;white-space:nowrap;z-index:40;letter-spacing:.4px;border:1px solid #c8cfb8;padding:9px 14px;transition:opacity .2s;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #2a321d22}.toast.visible{opacity:1}@media (width>=1500px){.lab-layout{grid-template-columns:230px minmax(0,1fr);gap:28px}.showcase{grid-template-columns:minmax(0,1fr) 285px;min-height:580px}.viewport{min-height:580px}.dossier{padding:27px}.dossier-kicker{margin-bottom:34px}.dossier h2{font-size:62px}.fighter-desc{font-size:11px}.fighter-card{height:148px}.fighter-thumb{width:210px;height:122px}.page-heading{padding:42px 0 34px}.motion-panel{padding-top:22px}.clip-button{height:68px}.playback{height:60px}.watermark{top:68px}.stats{gap:14px}}@media (width<=1150px){.lab-layout{grid-template-columns:165px minmax(0,1fr);gap:16px}.showcase{grid-template-columns:minmax(0,1fr) 228px}.dossier{padding:20px 15px 15px}.dossier h2{font-size:48px}.fighter-thumb{right:-32px}.fighter-card-copy strong{font-size:20px}.rigid-label{font-size:5px}.timecode{min-width:60px;font-size:6px}.playback{gap:8px}.playback-name{min-width:70px}.motion-panel{padding-left:15px;padding-right:15px}.clip-grid{gap:5px}.clip-button{font-size:8px}.build-label{display:none}}@media (width<=900px){.lab-tag{display:none}.page-heading{padding:27px 0 24px}.lab-layout{grid-template-columns:132px minmax(0,1fr);gap:13px}.showcase{grid-template-columns:minmax(0,1fr) 203px}.dossier{padding:18px 12px 14px}.dossier h2{font-size:43px}.dossier h2>span{font-size:11px}.fighter-desc{font-size:9px}.fighter-card{height:118px}.fighter-thumb{width:175px;top:4px;right:-40px}.fighter-card-copy strong{font-size:19px}.roster-note{display:none}.viewport,.showcase{min-height:505px}.watermark{font-size:90px;top:72px}.clip-button{height:58px}.playback{gap:7px}.playback-name{min-width:59px;font-size:7px}.loop-btn span{display:none}.topbar{height:65px}.brand{font-size:21px}.top-nav{gap:20px}.nav-item{font-size:11px}.brand-mark{width:27px;height:29px}}@media (width<=700px){.topbar{gap:12px;height:62px;padding:0 5%}.brand{font-size:20px}.brand-mark{width:25px;height:28px;margin-right:7px}.top-nav{gap:16px}.nav-item{gap:6px;font-size:10px}.nav-item .tag{font-size:6px}.brand-period{font-size:7px}.site-main{padding:0 5% 28px}.page-heading{padding:26px 0 22px}.eyebrow{margin-bottom:9px;font-size:7px}.page-heading h1{letter-spacing:-1px;max-width:380px;font-size:28px}.lab-layout{flex-direction:column;gap:18px;display:flex}.fighter-list{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px}.fighter-card{height:115px}.fighter-thumb{width:148px;height:96px;top:8px;right:calc(50% - 82px)}.fighter-card-copy{gap:4px;bottom:9px;left:9px}.fighter-card-copy strong{font-size:19px}.fighter-card-copy>span{letter-spacing:0;font-size:5px}.card-arrow{display:none}.showcase{grid-template-columns:minmax(0,1fr) 195px}.viewport{min-height:438px}.dossier{padding:16px 12px}.dossier-kicker{margin-bottom:18px}.dossier h2{margin-bottom:9px;font-size:42px}.fighter-desc{font-size:8px;line-height:1.7}.measurements{margin-top:12px;padding:12px 0}.measurements strong{font-size:15px}.stats{gap:9px;margin:13px 0}.signature{gap:6px;padding:9px 0}.sig-name{font-size:8px}.parts-badge{padding-top:10px;font-size:7px}.showcase{min-height:438px}.watermark{font-size:80px;top:78px}.view-number{display:none}.motion-panel{padding:16px 12px 0}.clip-grid{margin-top:11px}.clip-button{height:57px}.playback{height:50px}.site-footer{margin-top:22px;padding:14px 0;font-size:5px}}@media (width<=480px){.top-nav{gap:13px}.nav-item{font-size:9px}.nav-item .tag{display:none}.brand{font-size:18px}.brand-period{display:none}.page-heading h1{font-size:26px}.fighter-list{grid-template-columns:repeat(3,1fr);gap:5px}.fighter-card{height:105px}.fighter-thumb{width:132px;height:86px;right:calc(50% - 73px)}.fighter-card-copy strong{font-size:17px}.showcase{flex-direction:column;display:flex}.viewport{min-height:390px}.watermark{font-size:118px;top:44px}.dossier{border-left:none;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0 16px;padding:18px;display:grid}.dossier-kicker{grid-column:1/-1;margin-bottom:13px}.fighter-role{grid-area:2/1}.dossier h2{grid-area:3/1;margin:7px 0 8px;font-size:44px}.fighter-desc{grid-area:4/1/7;font-size:8px}.class-tags{grid-area:7/1;align-self:end;margin-top:10px}.measurements{border-top:0;grid-area:2/2/4;align-self:start;margin:0;padding-top:0}.measurements>div+div{padding-left:10px}.measurements strong{font-size:14px}.stats{grid-area:4/2/8;gap:11px;margin:0}.signature{grid-column:1/-1;margin-top:14px}.sig-name{font-size:9px}.parts-badge{grid-column:1/-1;margin-top:0;padding-top:11px}.clip-button{height:56px;font-size:7px}.clip-icon svg{width:18px;height:18px}.clip-button kbd{font-size:5px;right:3px}.playback{gap:6px}.playback-name{min-width:56px;font-size:7px}.timecode{min-width:48px;font-size:5px}#speed-select{margin-left:1px;padding:4px 2px;font-size:6px}.loop-btn svg{width:11px;height:11px}.playback-divider{display:none}.motion-panel{padding-left:9px;padding-right:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.site-main.fight-mode-active .lab-layout{display:block}.site-main.fight-mode-active .workspace{width:100%}.site-main.fight-mode-active .showcase{min-height:680px;display:block}.site-main.fight-mode-active .viewport{width:100%;min-height:680px}.fight-hud{z-index:8;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:12px;left:12px;right:12px}.fight-bar{border:1px solid var(--line);pointer-events:auto;background:#f5f5eee0;border-radius:6px;flex:1;max-width:280px;padding:8px 10px;font-family:Barlow Condensed,sans-serif}.fight-name{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:10px;display:block}.fight-health-track,.fight-stamina-track,.fight-posture-track{background:var(--bg-hover);border-radius:3px;height:10px;margin-bottom:3px;overflow:hidden}.fight-stamina-track{height:5px;margin-bottom:2px}.fight-posture-track{height:4px;margin-bottom:0}.fight-health-fill{background:#2a8c4a;border-radius:3px;width:100%;height:100%;transition:width .1s}.fight-stamina-fill{background:#e0a820;border-radius:2px;width:100%;height:100%;transition:width .1s}.fight-posture-fill{background:#4a8fcc;border-radius:2px;width:100%;height:100%;transition:width .12s,opacity .2s}.fight-status{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center;white-space:nowrap;pointer-events:none;padding-top:8px;font-family:Barlow Condensed,sans-serif;font-size:11px}.fight-status.fight-ko{color:#d33;font-size:14px;font-weight:700}.fight-result{z-index:4;color:#f2e9dc;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:#141210e6;border:1px solid #d23c2d80;align-items:center;gap:12px;padding:8px 14px;font-family:Barlow Condensed,sans-serif;font-size:18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fight-result button{letter-spacing:.08em;padding:4px 7px;font-size:9px}.coach-panel{z-index:10;border:1px solid var(--line);background:#f5f5eef0;padding:10px 12px;position:absolute;bottom:48px;left:12px;right:12px;box-shadow:0 8px 24px #2a321d14}.coach-panel-head,.coach-controls,.coach-feedback{align-items:center;display:flex}.coach-panel-head{justify-content:space-between;gap:12px;margin-bottom:7px}.coach-kicker,.coach-privacy,.coach-feedback{font:7px var(--mono);letter-spacing:.07em;color:var(--muted)}.coach-privacy{color:#8c987d}.coach-controls{gap:6px}.coach-controls select,.coach-controls input,.coach-controls button{border:1px solid var(--line);min-height:28px;color:var(--text);font:8px var(--mono);background:#ffffff8c}.coach-controls select{padding:0 6px}.coach-controls button{cursor:pointer;padding:0 10px}.coach-controls button:hover{background:var(--bg-hover)}#coach-mic[data-state=listening]{color:#b14a42;border-color:#c98c85}#timeout-open{margin-left:auto}.timeout-editor{border-top:1px solid var(--line);margin-top:9px;padding-top:9px}.timeout-editor-head,.timeout-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.timeout-editor-head{font:7px var(--mono);color:#657349;letter-spacing:.05em}.timeout-editor-head span{color:#9a8a57}.timeout-fields{grid-template-columns:1fr 1fr 1.6fr auto;gap:7px;margin-top:8px;display:grid}.timeout-fields label{font:6px var(--mono);letter-spacing:.06em;color:var(--muted);flex-direction:column;gap:4px;display:flex}.timeout-fields input,.timeout-fields select{border:1px solid var(--line);min-height:27px;color:var(--text);font:8px var(--mono);background:#ffffff8c;min-width:0;padding:0 6px}.timeout-check{white-space:nowrap;align-self:end;align-items:center;min-height:27px;flex-direction:row!important}.timeout-check input{min-height:auto}.timeout-diff{color:#697550;min-height:27px;font:7px/1.5 var(--mono);background:#ebeee0cc;margin:8px 0;padding:7px}.timeout-proposal{gap:6px;display:flex}.timeout-proposal input{border:1px solid var(--line);min-width:0;min-height:27px;color:var(--text);font:8px var(--mono);background:#ffffff8c;flex:1;padding:0 7px}.timeout-proposal button{border:1px solid var(--line);min-height:27px;color:var(--text);font:7px var(--mono);cursor:pointer;background:0 0;padding:0 9px}.timeout-actions{justify-content:flex-end}.timeout-actions button{border:1px solid var(--line);min-height:27px;color:var(--text);font:7px var(--mono);cursor:pointer;background:0 0;padding:0 9px}.timeout-actions button:hover{background:var(--bg-hover)}.timeout-actions button:last-child{background:#e5eccc;border-color:#a9b88c}.timeout-actions button:disabled{opacity:.45;cursor:not-allowed}#coach-form{flex:1;gap:6px;min-width:0;display:flex}#coach-input{flex:1;min-width:0;padding:0 9px}@media (width<=700px){.coach-controls{flex-wrap:wrap}#coach-form{flex-basis:100%}#timeout-open{margin-left:0}.timeout-fields{grid-template-columns:1fr 1fr}.timeout-fields label:nth-child(3),.timeout-check{grid-column:1/-1}.timeout-actions{flex-wrap:wrap}}.coach-feedback{color:#667452;min-height:18px;margin-top:6px}.coach-feedback[data-tone=error]{color:#ad5149}.coach-feedback[data-tone=success]{color:#43805a}.capacity-meter{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);min-height:14px;margin-top:3px;font-family:Barlow Condensed,sans-serif;font-size:10px}.adherence-feedback{letter-spacing:.08em;color:#c07a30;min-height:14px;margin-top:2px;font-family:Barlow Condensed,sans-serif;font-size:10px}.fight-reset-btn{z-index:9;letter-spacing:.1em;text-transform:uppercase;background:var(--bg);border:1px solid var(--line);cursor:pointer;color:var(--text);border-radius:4px;padding:6px 18px;font-family:Barlow Condensed,sans-serif;font-size:11px;transition:background .15s;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.fight-reset-btn:hover{background:var(--bg-hover)}.replay-hud{z-index:10;color:#f2f5ea;background:#141612f0;border:1px solid #a0af8c59;padding:10px 14px;position:absolute;bottom:20px;left:12px;right:12px;box-shadow:0 8px 32px #00000073}.replay-hud-header{font:9px var(--mono);letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.replay-matchup{font-family:var(--cond);letter-spacing:.1em;color:#ffde59;font-size:16px;font-weight:700}.replay-exit-btn{color:#f2f5ea;font:8px var(--mono);cursor:pointer;background:0 0;border:1px solid #ffffff4d;padding:4px 10px;transition:all .15s}.replay-exit-btn:hover{background:#dc3c32cc;border-color:#d33}.replay-playback{align-items:center;gap:8px;display:flex}.replay-playback button{color:#f2f5ea;min-width:28px;min-height:28px;font:8px var(--mono);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;padding:0 8px}.replay-playback button:hover{background:#ffffff40}#replay-timeline{accent-color:#ffde59;flex:1;min-width:0}.replay-timecode{font:9px var(--mono);color:#a8b297;white-space:nowrap}#replay-speed-select{color:#f2f5ea;min-height:28px;font:8px var(--mono);background:#141612e6;border:1px solid #ffffff40;padding:0 6px}#history-dialog{max-width:620px;max-height:80vh;overflow-y:auto}.history-actions{gap:10px;margin:16px 0 20px;display:flex}.tool-button-text{border:1px solid var(--line);color:var(--text);font:9px var(--mono);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.tool-button-text:hover{background:var(--bg-hover)}.history-list{flex-direction:column;gap:10px;margin-top:10px;display:flex}.history-item{border:1px solid var(--line);background:#f0f3e8b3;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.history-item-head{align-items:center;gap:12px;margin-bottom:4px;display:flex}.history-time{font:8px var(--mono);color:var(--muted)}.history-outcome{font:700 9px var(--mono);color:#435234;background:#e1e6d5;border-radius:2px;padding:2px 6px}.history-outcome.outcome-ko{color:#a82e22;background:#d23c2d26}.history-matchup{font-family:var(--cond);letter-spacing:.06em;color:var(--ink);font-size:17px;font-weight:700}.history-meta{font:8px var(--mono);color:#727e64;margin-top:2px}.history-item-actions{gap:8px;display:flex}.history-play-btn,.history-export-btn{font:8px var(--mono);border:1px solid var(--line);background:var(--bg);color:var(--text);cursor:pointer;padding:6px 10px}.history-play-btn{color:#f2f5ea;background:#435234;border-color:#435234}.history-play-btn:hover{background:#546842}.history-export-btn:hover{background:var(--bg-hover)}.history-empty{text-align:center;font:9px var(--mono);color:var(--muted);border:1px dashed var(--line);padding:24px}