:root{color:#f4e6bc;background:#15231d;font-family:monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;display:grid;place-items:center}#app{width:min(100vw,960px)}canvas{display:block;image-rendering:pixelated}body.playing{overscroll-behavior:none}#app canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app.compact{position:fixed;top:env(safe-area-inset-top);right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left);width:auto}.rotate-hint{display:none}body.playing.portrait .rotate-hint{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;font-size:20px;line-height:1.5;color:#ffe27a;background:#15231d}body.playing.portrait .rotate-hint:before{content:"⟳";display:block;font-size:64px;margin-bottom:12px}.home-guide{position:fixed;inset:0;z-index:2147482000;display:flex;align-items:center;justify-content:center;padding:16px;background:#080e0b99}.home-guide__card{max-width:420px;padding:14px 18px;border:2px solid #d9b27a;border-radius:6px;background:#15231d;color:#f4e6bc;font-size:14px;line-height:1.5;box-shadow:0 10px 30px #00000080}.home-guide__card b{display:block;margin-bottom:6px;color:#ffe27a;font-size:16px}.home-guide__card ol{margin:0 0 12px;padding-left:20px}.home-guide__card button{display:block;margin:0 auto;padding:6px 22px;border:1px solid #d9b27a;border-radius:4px;background:#3a3018;color:#ffe27a;font:inherit;font-weight:700}