html,body{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#17141f;height:100%;margin:0;overflow:hidden}#app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#stage{line-height:0;position:relative}#screen{image-rendering:pixelated;image-rendering:crisp-edges;background:#000;outline:none;display:block}#cta{color:#fff;white-space:nowrap;background:#6a2ee8;border:3px solid #fff;padding:10px 16px;font:700 16px/1.2 ui-monospace,Menlo,Consolas,monospace;text-decoration:none;position:absolute;top:64%;left:50%;transform:translate(-50%,-50%);box-shadow:4px 4px #0d6e86}#cta:hover{background:#7d45ff;outline:none}#cta:focus-visible{background:#7d45ff;outline:none}#touch{display:none}body.touch #touch{box-sizing:border-box;flex:none;justify-content:space-between;align-items:center;width:100%;max-width:640px;padding:12px 18px 18px;display:flex}#dpad{touch-action:none;background:radial-gradient(circle,#2a2438 0,#2a2438 30%,#221d2e 31%);border:2px solid #3b3350;border-radius:50%;width:132px;height:132px;position:relative}#dpad:before,#dpad:after{content:"";background:#3b3350;border-radius:6px;position:absolute}#dpad:before{width:44px;height:116px;top:8px;left:44px}#dpad:after{width:116px;height:44px;top:44px;left:8px}#dpad .knob{z-index:1;opacity:.85;background:#6a2ee8;border-radius:50%;width:40px;height:40px;transition:transform 40ms linear;position:absolute;top:46px;left:46px}#ab{align-items:flex-end;gap:14px;display:flex}#ab .tbtn{border-radius:50%;width:70px;height:70px;font-size:24px}#ab .tbtn[data-btn=a]{background:#6a2ee8;margin-bottom:26px}#ab .tbtn[data-btn=b]{background:#0d6e86}#menu-btns{flex-direction:column;gap:10px;display:flex}.tbtn{color:#fff;touch-action:none;background:#3b3350;border:2px solid #ffffff59;border-radius:12px;font:700 14px ui-monospace,Menlo,Consolas,monospace}.tbtn.small{padding:8px 12px}.tbtn.on{filter:brightness(1.5);transform:scale(.94)}@media (orientation:landscape) and (max-height:560px){body.touch #touch{pointer-events:none;max-width:none;padding:0 16px;position:fixed;top:0;bottom:0;left:0;right:0}body.touch #touch>*{pointer-events:auto}#menu-btns{flex-direction:row;position:fixed;top:10px;right:12px}body.touch #dpad{opacity:.8}body.touch #ab{opacity:.85}}