:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#1b1a1f;--paper:#ece3d1;--roof:#1c1b20;--serif:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", Georgia, serif}html,body{background:var(--roof);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}#app{position:fixed;inset:0}#game{width:100%;height:100%;display:block}.help{left:50%;bottom:max(14px, env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 32px);font:500 13px/1.4 var(--serif);color:#ece3d19e;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:0;display:flex;position:absolute;transform:translate(-50%)}.help kbd{text-align:center;color:#ece3d1d9;border:1px solid #ece3d147;border-radius:4px;min-width:1.4em;margin-right:4px;padding:0 5px;font:600 11px/1.6 ui-monospace,SF Mono,Menlo,monospace;display:inline-block}.help kbd+kbd{margin-left:-1px}.touch-mode .help{display:none}.touch{pointer-events:none;position:absolute;inset:0}.touch[hidden]{display:none}.stick-zone{pointer-events:auto;touch-action:none;width:46%;position:absolute;top:18%;bottom:0;left:0}.stick{left:calc(max(16px, env(safe-area-inset-left)) + 64px);top:calc(100% - max(16px, env(safe-area-inset-bottom)) - 64px);opacity:.55;pointer-events:none;background:#1b1a1f38;border:1.5px solid #ece3d152;border-radius:50%;width:108px;height:108px;margin:-54px 0 0 -54px;position:absolute}.stick.is-active{opacity:1}.stick-knob{background:#ece3d199;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}.actions{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));width:232px;height:172px;position:absolute}.action{color:#ece3d1eb;font:600 13px/1 var(--serif);letter-spacing:.03em;pointer-events:auto;touch-action:none;appearance:none;background:#1b1a1f61;border:1.5px solid #ece3d161;border-radius:50%;place-items:center;padding:0;transition:transform 60ms ease-out,background-color 60ms ease-out;display:grid;position:absolute}.action.is-down{color:var(--ink);background:#ece3d1e0;transform:scale(.93)}.action-slash{border-color:#c7432be6;width:88px;height:88px;font-size:15px;bottom:0;right:0}.action-jump{width:62px;height:62px;bottom:2px;right:104px}.action-parry{border-color:#e9b949e6;width:62px;height:62px;bottom:102px;right:12px}.action-dash{width:58px;height:58px;bottom:84px;right:94px}.touch-pause{top:max(52px, calc(env(safe-area-inset-top) + 44px));right:max(18px, env(safe-area-inset-right));pointer-events:auto;touch-action:none;appearance:none;background:#ece3d180;border:1px solid #1b1a1f4d;border-radius:50%;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;padding:0;display:flex;position:absolute}.touch-pause span{background:var(--ink);border-radius:1px;width:3px;height:12px}.rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-hint{background:var(--roof);color:var(--paper);font:600 20px/1.4 var(--serif);text-align:center;place-items:center;padding:16px;display:grid;position:absolute;inset:0}}
