html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#111827;font-family:Hiragino Sans,Yu Gothic,Meiryo,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body{display:flex;align-items:center;justify-content:center;overscroll-behavior:none}#app-shell{width:min(100vw,calc(100vh * 1.3333));display:flex;flex-direction:column;align-items:stretch}canvas{width:100%;aspect-ratio:4 / 3;image-rendering:pixelated;background:#8fd16b;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#touch-panel{display:none;padding:10px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#0f172a;border-top:2px solid #334155;color:#f8fafc}#touch-status{min-height:24px;margin-bottom:8px;font-size:14px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.touch-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}button{min-height:48px;border:2px solid #94a3b8;border-radius:8px;background:#1e293b;color:#f8fafc;font:800 15px/1 Hiragino Sans,Yu Gothic,Meiryo,sans-serif;touch-action:manipulation}button.primary{background:#facc15;border-color:#fde68a;color:#172554}button:disabled{opacity:.45}#roll-button,#move-button{grid-column:span 1}#reset-button{grid-column:span 3;min-height:42px}@media(orientation:portrait){body{align-items:flex-start;background:#0f172a}#app-shell{width:100vw;min-height:100svh}canvas{width:100vw;height:75vw;max-height:100svh;margin-top:max(8px,env(safe-area-inset-top))}#touch-panel{display:block}}@media(max-width:760px)and (orientation:landscape){#app-shell{width:100vw}#touch-panel{display:block;padding-top:6px}canvas{height:min(72vh,75vw)}button{min-height:40px;font-size:13px}}