@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-400.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-600.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-700.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-400.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-700.ttf)format("truetype")}:root{color:#e8eee9;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101714;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #ccf777}a{color:inherit}#app{grid-template-columns:310px 1fr;min-height:100vh;display:grid}aside{background:#141c17;border-right:1px solid #29342c;flex-direction:column;padding:36px 28px 22px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:11px;margin-bottom:56px;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;text-decoration:none;display:flex}.brand-icon{color:#142014;text-align:center;background:#cef786;border-radius:9px;width:35px;height:36px;font-size:30px;line-height:35px;position:relative}.brand-icon span{font-size:20px;position:absolute;top:-2px;right:3px}.lab{letter-spacing:1px;color:#b9d2aa;border:1px solid #43503e;border-radius:4px;margin-left:1px;padding:4px 5px;font:9px DM Sans,sans-serif}.eyebrow{letter-spacing:1.8px;color:#8b9c8d;font-size:10px;font-weight:600}h1{letter-spacing:-1.8px;margin:17px 0;font:700 39px/1.17 Manrope,sans-serif}p.intro{color:#8d9c90;margin:0 0 38px;font-size:13px;line-height:1.8}.exercise h2{margin:11px 0 12px;font:650 16px/1.5 Manrope,sans-serif}.tags{flex-wrap:wrap;gap:5px;display:flex}.tags span{color:#a4b2a4;border:1px solid #334032;border-radius:4px;padding:5px 7px;font-size:10px}ol{margin:16px 0 8px;padding:14px 0;list-style:none}li{border-bottom:1px solid #28332a;align-items:center;gap:12px;padding:17px 0;display:flex}li>span{color:#91a28d;background:#253127;border-radius:50%;place-items:center;width:26px;height:26px;font-size:10px;display:grid}li.active>span{color:#233017;background:#d0f78b}li.active b{color:#d0f78b}li b{font-size:12px;font-weight:500}li small{color:#899b8a;margin-top:5px;font-size:10px;display:block}li em{color:#788c7b;white-space:nowrap;margin-left:auto;font-size:9px;font-style:normal}.settings{padding:13px 0 10px}.switch-row{color:#adbaac;justify-content:space-between;margin:13px 0;font-size:11px;display:flex}.switch-row input{accent-color:#c9f581}details{border-top:1px solid #2c372d;margin-top:16px;padding-top:18px;font-size:11px}summary{cursor:pointer;color:#becabc;font-size:12px}summary span{float:right;color:#bde680}details p{color:#8e9f91;line-height:1.6}details a{color:#c2dbb0;font-size:10px}.import{cursor:pointer;text-align:center;border:1px dashed #5d7350;border-radius:6px;padding:10px;display:block}.import input{display:none}#mappings label{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}#mappings select{max-width:140px;font-size:10px}.aside-foot{color:#91a18f;align-items:center;gap:7px;margin-top:auto;padding-top:32px;font-size:10px;display:flex}.dot{background:#c7ee86;border-radius:50%;width:6px;height:6px;display:inline-block}.muted{color:#586c59}main{min-width:0;padding:33px 35px 24px}header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}header h2{letter-spacing:-.6px;margin:8px 0 0;font:650 23px Manrope,sans-serif}.badge{color:#c9e7a8;vertical-align:middle;letter-spacing:.5px;border:1px solid #4c5b40;border-radius:4px;margin-left:8px;padding:4px 6px;font:9px DM Sans,sans-serif}.status{color:#9da991;border:1px solid #34422e;border-radius:20px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;display:flex}.viewport{background:#405847;border:1px solid #3b4b38;border-radius:13px;height:clamp(420px,61vh,740px);position:relative;overflow:hidden}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block}.view-top{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:19px;left:20px;right:20px}.live-label{letter-spacing:1.5px;color:#e0e9d8;text-shadow:0 1px 4px #000;align-items:center;gap:8px;font-size:9px;display:flex}.camera-buttons{pointer-events:auto;background:#15251edb;border:1px solid #ffffff25;border-radius:7px;padding:3px;display:flex}.camera-buttons button{color:#b6c3b0;background:0 0;border:0;border-radius:4px;padding:9px 12px;font-size:10px}.camera-buttons button.selected{color:#22311c;background:#d1f48d}.scene-caption{pointer-events:none;text-shadow:0 2px 10px #000a;position:absolute;bottom:27px;left:24px}.scene-caption span{letter-spacing:1.6px;color:#dbf6b4;margin-bottom:9px;font-size:9px;display:block}.scene-caption b{font:600 17px Manrope,sans-serif}.legend{color:#d3e4cb;text-shadow:0 1px 5px #000;gap:13px;font-size:9px;display:flex;position:absolute;bottom:78px;left:24px}.legend i{border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.team-a{background:#dbf689}.team-b{background:#f49477}#fullscreen{color:#fff;background:#15251e99;border:1px solid #ffffff40;border-radius:6px;width:34px;height:34px;font-size:23px;position:absolute;bottom:20px;right:20px}.playback{background:#1b251d;border:1px solid #303e30;border-radius:11px;margin-top:15px;padding:17px 20px}.transport{align-items:center;gap:12px;display:flex}.transport button{color:#cfddc7;background:0 0;border:1px solid #45543e;border-radius:6px;min-width:35px;height:35px;font-size:21px}.transport .play{color:#1a3017;background:#cef48b;border:0;min-width:115px;padding:0 16px;font-size:12px}.play:disabled{opacity:.4;cursor:wait}.clock{color:#7e917c;font-variant-numeric:tabular-nums;margin-left:5px;font-size:10px}.clock b{color:#d5e4cf;font-weight:400}.speed-label{color:#889d84;align-items:center;gap:10px;margin-left:auto;font-size:10px;display:flex}select{color:#d9e8cf;background:#253421;border:1px solid #43543c;border-radius:5px;padding:5px}#timeline{accent-color:#d2f68e;cursor:pointer;width:100%;height:4px;margin:22px 0 12px}.timeline-labels{color:#81987a;justify-content:space-between;font-size:9px;display:flex}footer{color:#7e917d;justify-content:space-between;gap:12px;margin:14px 2px;font-size:10px;display:flex}footer i{margin:0 6px;font-style:normal}footer div{gap:15px;display:flex}#fps{color:#c7dfaf}.note{color:#82937f;border-top:1px solid #28372a;align-items:center;gap:12px;margin-top:26px;padding-top:18px;display:flex}.note>span{color:#acc98f;font-size:20px}.note p{margin:0;font-size:11px;line-height:1.7}.note strong{color:#adbea4;font-weight:500}#loading{z-index:5;text-align:center;background:#24392af5;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:25px;display:flex;position:absolute;inset:0}#loadText{color:#acc2a4;font-size:12px}.spinner{border:2px solid #c8ed7e33;border-top-color:#d0f58b;border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1600px){#app{grid-template-columns:340px 1fr}aside{padding:40px 32px}main{padding:40px 45px}}@media (width<=1000px){#app{grid-template-columns:250px 1fr}aside{padding:28px 20px}main{padding:25px 20px}h1{font-size:33px}li{gap:7px}li em,.legend{display:none}footer{flex-direction:column}header h2{font-size:20px}.status{font-size:9px}}@media (width<=700px){#app{display:block}aside{padding:18px 20px;display:block}.brand{margin:0;font-size:22px}aside>.eyebrow,aside>h1,.intro,.exercise,#steps,.settings,details,.aside-foot{display:none}main{padding:20px 12px}.viewport{height:58vh;min-height:360px}.status{display:none}header{margin-bottom:18px}header h2{font-size:22px}.view-top{top:12px;left:12px;right:12px}.live-label{font-size:8px}.camera-buttons button{padding:8px;font-size:9px}.scene-caption{max-width:75%;bottom:20px;left:16px}.scene-caption b{font-size:14px}.playback{padding:15px 12px}.speed-label{gap:0;font-size:0}.clock{margin:0;font-size:10px}.transport{gap:8px}.timeline-labels{font-size:8px}.note{margin-top:20px}footer{font-size:9px}.note p{font-size:10px}aside details{margin-top:15px;padding-top:12px;display:block}aside details[open]{max-height:330px;overflow:auto}}#quality{color:#93aa85;background:0 0;border-color:#34442e;padding:1px 5px;font-size:10px}.viewport:fullscreen{border-radius:0;height:100vh}.viewport:fullscreen #scene{height:100vh}@media (width<=700px){.speed-label select{min-width:48px;font-size:11px}}