html,body{margin:0;height:100%;overflow:hidden;background:#05060a;color:#e8e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#root{height:100%}.app{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;box-sizing:border-box}.stage{flex:0 0 auto;display:flex}canvas.screen{image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;background:#0a0c12;box-shadow:0 0 0 1px #1d2130;display:block}.tap-to-play{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#04050adb;color:#ffd860;font-size:18px;letter-spacing:1px;z-index:20;cursor:pointer}.screen-wrap{position:relative;line-height:0}.toolbar{position:absolute;left:calc(var(--px, 2px) * 3);bottom:calc(var(--px, 2px) * 3);display:flex;gap:calc(var(--px, 2px) * 2);line-height:1}.toolbar button{position:relative;touch-action:manipulation;background:#2a2d3c;color:#e8e8f0;border:calc(var(--px, 2px) * .5) solid #5a5e70;border-radius:calc(var(--px, 2px) * 1.5);font:inherit;font-size:max(9px,calc(var(--px, 2px) * 5));padding:calc(var(--px, 2px) * 1.5) calc(var(--px, 2px) * 3);cursor:pointer}.toolbar button:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.toolbar .share{background:#1d9bf0;border-color:#1d9bf0;color:#fff}canvas.pad{image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;display:block;flex:0 0 auto;-webkit-user-select:none;user-select:none}.tap-to-play.handoff{flex-direction:column;gap:14px;font-size:14px;cursor:default}.tap-to-play.handoff button{background:#1a1e2c;color:#ffd860;border:1px solid #2a3048;border-radius:4px;font:inherit;font-size:13px;padding:8px 16px;cursor:pointer}