@font-face{font-family:Hanken Grotesk;src:url(../fonts/HankenGrotesk-VariableFont_wght.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:block}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden}body{font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;cursor:none}.stage--dev{cursor:default}.boot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#fff;color:#2d3748}.boot__mark{font-size:44px;font-weight:600;letter-spacing:.18em}.boot__hint{font-size:14px;font-weight:300;opacity:.55;letter-spacing:.04em}.gesture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#000000b8;cursor:pointer}.gesture__box{display:flex;flex-direction:column;gap:8px;padding:28px 38px;border:1px solid rgba(255,255,255,.22);border-radius:4px;color:#fff;text-align:center}.gesture__box strong{font-size:19px;font-weight:500}.gesture__box span{font-size:13px;font-weight:300;opacity:.7}.devbar{position:absolute;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;gap:14px;padding:10px 16px;background:#0e1014ed;border-top:1px solid rgba(255,255,255,.1);color:#e6e9ef;font-size:12px}.devbar button{padding:6px 11px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:3px;color:#e6e9ef;font:inherit;cursor:pointer;white-space:nowrap}.devbar button:hover{background:#ffffff29}.devbar__slide,.devbar__time{display:flex;flex-direction:column;line-height:1.35;white-space:nowrap}.devbar__slide b{font-weight:600}.devbar__slide em,.devbar__time em{font-style:normal;font-size:10px;opacity:.5}.devbar__track{position:relative;flex:1;display:flex;gap:2px;height:22px;min-width:200px}.devbar__seg{background:#ffffff21;border-radius:2px;cursor:pointer;transition:background .15s}.devbar__seg:hover{background:#ffffff42}.devbar__seg.is-on{background:#5b8dd9}.devbar__play{position:absolute;top:-3px;bottom:-3px;width:2px;background:#fff;pointer-events:none}
