:root{color-scheme:dark;background:#050505;font-family:monospace}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{min-height:100vh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at top,rgba(32,224,255,.1),transparent 30%),radial-gradient(circle at bottom,rgba(255,51,255,.12),transparent 35%),#050505;color:#f0f0f0}.shell{width:100%;height:100%;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.cabinet{width:min(calc(100vw - 16px),calc((100vh - 72px) * 4 / 3));aspect-ratio:4 / 3;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,242,0,.35);background:#000;box-shadow:0 20px 80px #0000008c}.control-strip{position:absolute;top:8px;right:8px;z-index:3;display:flex;gap:6px}.game-canvas{width:auto;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block;outline:none;background:#000;transform:scaleX(2.1333333333);transform-origin:center center}.icon-button{border:1px solid rgba(255,242,0,.35);background:#0009;color:#fff200;width:32px;height:32px;padding:0;font:inherit;font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center}.icon-button svg{width:18px;height:18px;fill:currentColor;display:block}.icon-button:hover{background:#fff20029}.share-overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#000000b8}.share-overlay.hidden{display:none}.share-panel{width:min(280px,calc(100% - 24px));border:1px solid rgba(255,242,0,.35);background:#000000eb;padding:12px;box-shadow:0 18px 48px #0000008c}.share-preview{margin:0 0 12px;white-space:pre-wrap;color:#f5f5f5;font:inherit;line-height:1.3}.share-actions{display:flex;gap:8px}.share-action{flex:1;border:1px solid rgba(255,242,0,.35);background:#fff20014;color:#fff200;padding:8px 6px;font:inherit;cursor:pointer}.share-action:hover{background:#fff20029}@media(max-width:720px){.shell{padding:6px}}