: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;width:100%;height:100%;cursor:grab}#game-canvas:active{cursor:grabbing}.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}.help-btn{position:absolute;top:8px;left:8px;z-index:3;width:28px;height:28px;border-radius:50%;border:none;background:#00000073;color:var(--text);font-weight:700;line-height:1;cursor:pointer;padding:0}.help-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#000000b8;opacity:0;transition:opacity .2s ease;cursor:pointer;text-align:center;padding:24px}.help-overlay:not([hidden]){display:flex}.help-overlay.visible{opacity:1}.help-cross{width:72px;height:72px;fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.help-title{margin:0;font-size:1.1rem;font-weight:600}.help-subtitle{margin:0;color:#ccc;font-size:.9rem;max-width:260px}.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}@media (max-width: 700px){body.game-page{display:block}.game-page #app{width:100%;height:100dvh;padding:0;position:relative;overflow:hidden}.game-page main{height:100%}.game-page header{position:absolute;inset:0 0 auto 0;z-index:2;padding:max(12px,env(safe-area-inset-top)) 16px 24px;background:linear-gradient(to bottom,#0f1115d9,#0f111500);pointer-events:none}.game-page header h1{font-size:1.25rem}.game-page .subtitle{font-size:.85rem}.game-page .stage-wrap{height:100%;padding:0}.stage{width:100vw;height:100dvh;border-radius:0;padding:0;background:var(--bg)}.dial{display:none}.game-page .controls{position:absolute;left:0;right:0;bottom:max(44px,calc(env(safe-area-inset-bottom) + 44px));z-index:2;margin-top:0}.game-page .result{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;margin-top:0;padding:24px;background:#0f1115eb}.game-page .result:not([hidden]){display:flex;flex-direction:column;align-items:center;justify-content:center}}