*{box-sizing:border-box}html,body{margin:0;background:#080a08;color:#e5ddcb;font-family:Arial,sans-serif}main{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center}#stage{width:min(100vw,177.7777778vh);width:min(100vw,177.7777778dvh);aspect-ratio:16/9;position:relative;overflow:hidden;background:#080a08}iframe{position:absolute;left:0;top:0;width:1672px;height:940.5px;border:0;transform-origin:top left}nav{position:fixed;z-index:10;bottom:7px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:5px;padding:5px;border-radius:7px;background:#080a08db;opacity:.12;transition:opacity .15s;max-width:100vw}nav:hover,nav:focus-within,body.controls-visible nav,body.paused nav{opacity:1}button{font:12px Arial,sans-serif;white-space:nowrap;color:#eee4cb;background:#262923;border:1px solid #736e5c;border-radius:4px;padding:8px 10px;min-height:34px;cursor:pointer}button[aria-pressed=true]{background:#4b4b36;border-color:#cbb77d}button:focus-visible{outline:3px solid #9ad6ef}small{opacity:.55}#stage[data-loading=true]{background:#080a08}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){button{font-size:10px;padding:7px 5px}small{display:none}nav{gap:3px;width:max-content}}@media(prefers-reduced-motion:reduce){nav{transition:none}}

@supports not (width:1cqw){
*{box-sizing:border-box}html,body{margin:0;background:#080a08;color:#e5ddcb;font-family:Arial,sans-serif}main{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center}#stage{width:min(100vw,177.7777778vh);width:min(100vw,177.7777778dvh);aspect-ratio:16/9;position:relative;overflow:hidden;background:#080a08}iframe{position:absolute;left:0;top:0;width:1672px;height:940.5px;border:0;transform-origin:top left}nav{position:fixed;z-index:10;bottom:7px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:5px;padding:5px;border-radius:7px;background:#080a08db;opacity:.12;transition:opacity .15s;max-width:100vw}nav:hover,nav:focus-within,body.controls-visible nav,body.paused nav{opacity:1}button{font:12px Arial,sans-serif;white-space:nowrap;color:#eee4cb;background:#262923;border:1px solid #736e5c;border-radius:4px;padding:8px 10px;min-height:34px;cursor:pointer}button[aria-pressed=true]{background:#4b4b36;border-color:#cbb77d}button:focus-visible{outline:3px solid #9ad6ef}small{opacity:.55}#stage[data-loading=true]{background:#080a08}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){button{font-size:10px;padding:7px 5px}small{display:none}nav{gap:3px;width:max-content}}@media(prefers-reduced-motion:reduce){nav{transition:none}}

}