.stage{background:var(--stage-bg);width:100%;display:block;position:relative;overflow:hidden}.stage canvas{outline:none;display:block}.stage-note{left:calc(16px + var(--sl));bottom:calc(16px + var(--sb));color:#ffffffd9;-webkit-user-select:none;user-select:none;background:#14141399;border-radius:8px;max-width:60%;padding:6px 10px;font:400 12px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:opacity .3s;position:absolute}.is-hidden{opacity:0;pointer-events:none}.stage-error{color:#ff9a73;text-align:center;justify-content:center;align-items:center;padding:24px;font:500 14px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:absolute;inset:0}.stage-error[hidden]{display:none}:focus-visible{outline-offset:2px;outline:2px solid #ff4a17}html,body{background:#0c0b0a;height:100%;margin:0;overflow:hidden}.stage{--stage-bg:#0c0b0a;--stage-note:#ffffffd9;--stage-note-bg:#14141399}.seg{background:#ffffffeb;border:1px solid #1414132e;border-radius:10px;gap:2px;padding:3px;font:500 12.5px/1 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;top:16px;left:16px}.seg button{appearance:none;color:#1a1915;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 12px}.seg button[aria-pressed=true]{color:#fff;background:#1a1915}.actions{gap:8px;transition:opacity .3s;display:flex;position:fixed;bottom:64px;left:50%;transform:translate(-50%)}.pill{appearance:none;cursor:pointer;color:#1a1915;white-space:nowrap;background:#ffffffeb;border:1px solid #1414132e;border-radius:999px;padding:11px 20px;font:500 13.5px/1 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pill:hover{background:#fff}.pill:disabled{opacity:.55;cursor:default}.pill[aria-pressed=true]{color:#fff;background:#1a1915}.seg{transition:opacity .3s}body.seated .seg,body.playing .seg{opacity:0;pointer-events:none}body.seated .actions{bottom:16px;left:auto;right:16px;transform:none}body.playing .actions{opacity:0;pointer-events:none}.back{z-index:6;opacity:0;pointer-events:none;transition:opacity .3s;position:fixed;top:16px;left:16px}body.focused:not(.playing) .back{opacity:1;pointer-events:auto}.chip{z-index:6;color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#1a1915;border-radius:999px;padding:7px 12px;font:600 12.5px/1 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:opacity .15s;position:fixed;top:0;left:0;box-shadow:0 0 0 2px #ff4a17}.chip.on{opacity:1}.bubble{z-index:7;box-sizing:border-box;color:#1a1915;opacity:0;pointer-events:none;cursor:pointer;background:#fff;border-radius:14px;width:min(300px,100vw - 20px);padding:12px 14px 11px;font:500 14px/1.42 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:opacity .2s;position:fixed;top:0;left:0;box-shadow:0 10px 30px #00000061}.bubble.on{opacity:1;pointer-events:auto}.bubble:after{content:"";left:var(--tail,40px);border:9px solid #0000;border-top-color:#fff;border-bottom:0;margin-left:-9px;position:absolute;top:100%}.bubble:before{content:"";left:var(--tail,40px);width:2px;height:var(--gap,0px);pointer-events:none;background:#fff;margin-left:-1px;position:absolute;top:100%}.bubble p{text-wrap:pretty;min-height:1.42em;margin:0}.bubble.menu p{padding-right:22px}.bubble-choices{flex-wrap:wrap;gap:6px;margin-top:10px;display:none}.bubble.menu .bubble-choices{display:flex}.bubble-choices button{appearance:none;cursor:pointer;color:#1a1915;background:#fff;border:1px solid #14141340;border-radius:999px;padding:9px 12px;font:600 12.5px/1 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.bubble-choices button:hover{color:#fff;background:#1a1915}.bubble-foot{color:#6b6a64;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;display:none}.bubble.intro .bubble-foot{display:flex}.bubble-skip{appearance:none;color:#1a1915;cursor:pointer;background:0 0;border:0;padding:4px 0 4px 10px;font:600 12px/1 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-decoration:underline}.bubble-x{appearance:none;color:#1a1915;cursor:pointer;background:0 0;border:0;border-radius:50%;width:26px;height:26px;font:500 17px/1 system-ui,sans-serif;display:none;position:absolute;top:6px;right:6px}.bubble-x:hover{background:#14141314}.bubble.menu .bubble-x{display:block}@media (max-width:760px){body.seated .actions{bottom:62px}}.hud>*{z-index:6;opacity:0;pointer-events:none;transition:opacity .3s;position:fixed}body.playing .hud>*{opacity:1;pointer-events:auto}.hud-score{color:#1a1915;background:#ffffffeb;border:1px solid #1414132e;border-radius:999px;align-items:center;gap:10px;padding:9px 14px;font:500 12.5px/1 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;top:16px;left:16px}.hud-score strong{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;display:inline-block}.hud-exit{top:16px;right:16px}.hud-help{color:#fff;background:#141413b8;border-radius:12px;max-width:calc(100vw - 360px);padding:9px 14px;font:500 12.5px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;bottom:16px;left:16px}body.playing .hud .hud-help{pointer-events:none}.hud-pad{gap:8px;display:flex;bottom:16px;right:16px}.hud-pad .pill{touch-action:manipulation;-webkit-user-select:none;user-select:none;padding:16px 20px}@media (max-width:820px){.hud-help{display:none}}.yt{z-index:5;opacity:0;pointer-events:none;background:#000;border-radius:10px;width:220px;height:200px;transition:left .45s,top .45s,width .45s,height .45s,opacity .25s;position:fixed;top:40%;left:16px}.yt.snap{transition:opacity .25s}.yt.on{opacity:1;pointer-events:auto}.yt.mini{border-radius:12px 12px 0 0;box-shadow:0 10px 30px #00000073}.yt iframe{border-radius:inherit;border:0;width:100%;height:100%;display:block}.yt-bar{box-sizing:border-box;color:#fff;background:#141416;border-radius:0 0 12px 12px;align-items:center;gap:8px;height:44px;padding:0 6px 0 12px;font:500 12.5px/1 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 30px #00000073}.yt.mini .yt-bar{display:flex}.yt-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.yt-pause{appearance:none;cursor:pointer;background:#ff4a17;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;gap:4px;width:32px;height:32px;display:flex}.yt-pause:before,.yt-pause:after{content:"";background:#160c08;width:4px;height:12px}:root{--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px)}.stage{height:100dvh}.seg,.back,.hud-score{left:calc(16px + var(--sl));top:calc(16px + var(--st))}.hud-exit{right:calc(16px + var(--sr));top:calc(16px + var(--st))}.chip{appearance:none;border:0;margin:0}.links{z-index:6;left:calc(12px + var(--sl));right:calc(12px + var(--sr));bottom:calc(14px + var(--sb));flex-wrap:wrap;justify-content:center;gap:8px;display:none;position:fixed}.links a{text-decoration:none}body.touch.at-monitor:not(.playing) .links{display:flex}.joy{z-index:6;left:calc(22px + var(--sl));bottom:calc(22px + var(--sb));touch-action:none;background:#14141352;border:1px solid #fff9;border-radius:50%;width:128px;height:128px;display:none;position:fixed}.joy-knob{pointer-events:none;background:#ffffffeb;border:1px solid #1414132e;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}body.touch.playing .joy{display:block}body.touch{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none}body.touch .pill{box-sizing:border-box;justify-content:center;align-items:center;min-height:44px;padding-top:0;padding-bottom:0;display:inline-flex}body.touch .seg button{min-height:44px;padding:0 16px}body.touch .bubble-choices button{min-height:44px;padding:0 15px;font-size:13.5px}body.touch .bubble-skip{min-height:44px;padding:0 0 0 16px}body.touch .bubble-x{width:44px;height:44px;top:0;right:0}body.touch .bubble.menu p{padding-right:34px}body.touch .chip{align-items:center;min-height:44px;padding:0 14px;display:flex}.bubble.loose:before,.bubble.loose:after,body.touch .hud-help{display:none}body.touch .hud-pad{right:calc(18px + var(--sr));bottom:calc(22px + var(--sb));grid-template-columns:auto auto;justify-items:end;gap:10px;display:grid}body.touch .hud-pad [data-act=crouch]{grid-column:1/3}body.touch .hud-pad [data-act=stomp],body.touch .hud-pad [data-act=jump]{border-radius:50%;width:76px;height:76px;padding:0}body.touch.at-monitor .actions{opacity:0;pointer-events:none}body.compact .actions{bottom:calc(60px + var(--sb))}body.compact.seated .actions{left:50%;right:auto;bottom:calc(16px + var(--sb));transform:translate(-50%)}body.compact.land.seated .actions{left:calc(12px + var(--sl));bottom:calc(12px + var(--sb));transform:none}body.compact.focused .actions{opacity:0;pointer-events:none}body.compact .pill{padding-left:16px;padding-right:16px}body.compact .bubble{left:calc(12px + var(--sl));right:calc(12px + var(--sr));width:auto;top:auto;bottom:calc(74px + var(--sb))}body.compact .bubble:before,body.compact .bubble:after{display:none}body.compact.land .bubble{width:232px;right:auto;bottom:calc(68px + var(--sb))}body.at-phone .back{top:auto;left:50%;bottom:calc(16px + var(--sb));transform:translate(-50%)}body.compact.land.at-phone .back{bottom:calc(8px + var(--sb))}body.compact.playing .bubble{top:calc(72px + var(--st));bottom:auto;right:calc(12px + var(--sr));width:auto;max-width:420px;margin:0 auto}body.compact.land.playing .bubble{top:calc(12px + var(--st));left:calc(176px + var(--sl));right:calc(104px + var(--sr));max-width:none}
