:root{--bg: #0f1115;--panel: #1a1d24;--accent: #e0a94a;--text: #eee}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif;display:flex;justify-content:center}#app{width:min(720px,100%);padding:24px 16px 64px}header h1{margin-bottom:4px}.subtitle{color:#aaa;margin-top:0}.stage-wrap{display:flex;justify-content:center;padding:24px 48px 48px 24px}.stage{position:relative;background:var(--panel);border-radius:8px;padding:8px;width:calc(60vw + 16px);height:calc(50vh + 16px);display:flex;align-items:center;justify-content:center}#game-canvas{display:block;max-width:60vw;max-height:50vh}.dial{position:absolute;background:repeating-linear-gradient(var(--dial-angle, 90deg),#3a3d46 0px,#3a3d46 2px,#22242b 2px,#22242b 5px);border-radius:6px;touch-action:none;cursor:grab}.dial:active{cursor:grabbing}.dial-right{--dial-angle: 0deg;right:-32px;top:8px;bottom:8px;width:24px}.dial-bottom{--dial-angle: 90deg;left:8px;right:8px;bottom:-32px;height:24px}.controls{margin-top:16px;display:flex;justify-content:center}button{background:var(--accent);border:none;color:#201503;font-weight:600;padding:10px 20px;border-radius:6px;cursor:pointer}button:disabled{opacity:.5;cursor:default}.result{margin-top:24px;text-align:center}.result pre{background:var(--panel);padding:12px;border-radius:6px;display:inline-block;white-space:pre-wrap}