@font-face{font-family:Departure;src:url('../assets/departure-mono.woff2') format('woff2');font-display:swap;font-weight:400}
*{box-sizing:border-box}body{margin:0;font:11px/1.7 Departure,monospace}h1,h2,p,figure{margin:0}h1,h2,strong{font-weight:400}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;color:inherit}a{color:inherit}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:2px dashed currentColor;outline-offset:5px}canvas{display:block;image-rendering:pixelated}.webcam{position:relative;isolation:isolate;aspect-ratio:8/5;overflow:hidden;background:#122623}.webcam>canvas{width:100%;height:100%}.hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;z-index:2;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;pointer-events:auto;color:var(--spot,#edf0cb);font:22px/1 Departure,monospace}.spot-mark{display:flex;width:24px;height:24px;align-items:center;justify-content:center;background:var(--spot-bg,#172a20e6);border:1px solid currentColor;box-shadow:2px 2px #07160f90}.spot-label{position:absolute;left:calc(100% - 8px);top:9px;white-space:nowrap;padding:4px 7px;color:var(--spot,#edf0cb);background:var(--spot-bg,#172a20);border:1px solid currentColor;font:11px/1.5 Departure;opacity:0;pointer-events:none}.hotspot:hover,.hotspot:focus-visible{z-index:3}.hotspot:hover .spot-label,.hotspot:focus-visible .spot-label{opacity:1}.hotspot.active .spot-mark{color:var(--spot-bg,#172a20);background:var(--spot,#edf0cb)}.hotspot:hover .spot-mark{transform:translateY(-2px)}.camera-clock{position:absolute;right:3%;top:8%;color:#dce6ce;font-size:11px;text-shadow:1px 1px #0b1811;pointer-events:none}.lesson h2{font-size:22px;line-height:1.35}.lesson p{margin-top:12px;line-height:1.9}.lesson a{display:block;font-size:11px;line-height:1.8;margin-top:17px;text-underline-offset:4px}.main-action{font-size:11px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}footer button{background:none;border:0;padding:0;color:inherit;font:inherit}.note-eyebrow{font-size:11px}.eyebrow{font-size:11px}.quiet{opacity:.55}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){.spot-label{display:none}.lesson h2{font-size:22px}.hotspot{width:44px;height:44px}.camera-clock{font-size:11px}}