:root{--bg:#1c2c30;--panel:#304749;--fg:#fff3d6;--muted:#c2cbb6;--accent:#dc9b83;--accent2:#edcc86;--display:"Trebuchet MS",Arial,sans-serif;--body:"Trebuchet MS",Arial,sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);color-scheme:dark}*{box-sizing:border-box}html.japanese{--body:"Trebuchet MS","Yu Gothic",Meiryo,"Hiragino Kaku Gothic ProN","Noto Sans CJK JP",sans-serif}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{height:100dvh;background:var(--bg);color:var(--fg);font:20px/1.2 var(--body);padding:max(8px,var(--safe-top)) max(16px,var(--safe-right)) max(8px,var(--safe-bottom)) max(16px,var(--safe-left))}.shell{height:100%;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:0}.play-area{width:100%;min-width:0;min-height:0;flex:1;display:flex;align-items:center;justify-content:center}.game-stack{display:flex;flex-direction:column;gap:6px;flex:none}.stage{flex:none;box-sizing:content-box;border:3px solid var(--panel);border-radius:10px;box-shadow:0 0 0 2px #b0c9b5,0 8px 24px #0003}canvas{display:block;width:100%;height:100%;image-rendering:auto;touch-action:none;outline:none;background:#0d0618}canvas:focus-visible{outline:2px solid var(--accent2);outline-offset:-2px}.portrait-panel{display:none;flex:none}.footer{flex:none;max-width:100%;text-align:center}.keys{margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:2px 18px;color:var(--muted)}.keys b{color:var(--accent2);font-weight:400}.view-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:4px;min-height:44px}#view-message:empty{display:none}#view-message:not(:empty){flex-basis:100%;font-size:18px}button{min-height:44px;padding:6px 14px;border:2px solid var(--accent);background:var(--panel);color:var(--fg);font:20px var(--body);cursor:pointer}button:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}[hidden]{display:none!important}.portrait-note{display:none}.portrait body{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.portrait .portrait-panel{display:block}.portrait .stage{border:0;box-shadow:none;overflow:hidden}.portrait .keys{display:none}.portrait .footer{width:100%}.portrait .portrait-note{display:inline;font-size:18px;flex:1;min-width:0}.portrait .view-tools{margin:0;padding:0 6px;gap:8px}.compact body{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.compact .shell{gap:0}.compact .footer{display:none}.compact .stage{border:0;box-shadow:none}:fullscreen body{height:100dvh}.portrait.driving .footer{display:none}.cartoon .stage{border-radius:10px;box-shadow:0 0 0 2px #b0c9b5,0 8px 24px #0003}.cartoon button{border-radius:10px}.cartoon .portrait-panel{image-rendering:auto}.cartoon .portrait-note{font-size:16px}