:root{--paper:#eadbb8;--ink:#241e19;--muted:#6b5a45;--line:#c6ad7f;--verm:#b3412c;--teal:#2f7f75;--key:#f6ecd4;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#1d1915;--ink:#ecdfc2;--muted:#a8977b;--line:#4a3f33;--verm:#d65a41;--teal:#5cb3a6;--key:#2a241e}}:root[data-theme=dark]{--paper:#1d1915;--ink:#ecdfc2;--muted:#a8977b;--line:#4a3f33;--verm:#d65a41;--teal:#5cb3a6;--key:#2a241e}html{scroll-padding-top:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:inherit}body{background:var(--paper);color:var(--ink);margin:0;font-family:Gowun Dodum,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.6}main{max-width:1000px;margin:0 auto;padding:28px 20px 40px}h1{letter-spacing:.02em;margin:0;font-family:Gowun Batang,Nanum Myeongjo,serif;font-size:2rem;font-weight:700;line-height:1.2}.lede{color:var(--muted);max-width:60ch;margin:.4rem 0 1.2rem}.stage{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--verm);background:#1c1430;border-radius:2px;position:relative}canvas{aspect-ratio:16/9;image-rendering:auto;touch-action:none;width:100%;height:auto;display:block}.keys{color:var(--muted);flex-wrap:wrap;gap:.5rem 1.4rem;margin:1.2rem 0 0;padding:0;font-size:.95rem;list-style:none;display:flex}kbd{background:var(--key);color:var(--ink);border:1px solid var(--line);border-bottom-width:3px;border-radius:4px;margin-right:.25em;padding:0 .45em;font-family:inherit;font-size:.9em}.embed body{background:#0d0915}.embed main{max-width:none;padding:8px}.embed h1,.embed .lede{display:none}.embed .stage{box-shadow:none;border:0;max-width:calc(177.778vh - 106.667px);margin:0 auto}.embed .keys{color:#a8977b;justify-content:center;margin:8px 0 0;font-size:.8rem}.embed kbd{color:#ecdfc2;background:#2a241e;border-color:#4a3f33}.touch body{overscroll-behavior:none;background:#0d0915;margin:0}.touch main{max-width:none;padding:0}.touch h1,.touch .lede,.touch .keys{display:none}.touch .stage{box-shadow:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;width:min(100vw,177.778dvh);margin:0 auto}.tc,.tc-sys{display:none}.tc-play .tc,.tc-play .tc-sys{display:flex}.tc-rotate{display:none}.tc-btn,.tc-sysbtn,.tc-dpad{-webkit-tap-highlight-color:transparent;touch-action:none;font-family:Gowun Dodum,sans-serif}.tc-dpad{gap:6px;display:flex}.tc-arrow{color:#f3e4c2;pointer-events:none;background:#241e198c;border:2px solid #f3e4c259;border-radius:14px;justify-content:center;align-items:center;font-size:22px;display:flex}.tc-arrow.on,.tc-btn.on{background:#4fd1c18c;border-color:#bff5ec}.tc-acts{grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:end;gap:8px;display:grid}.tc-btn{color:#f3e4c2;background:#241e198c;border:2px solid #f3e4c259;border-radius:50%;padding:0;font-size:14px}.tc-sys{z-index:3;gap:8px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.tc-sysbtn{color:#f3e4c2;background:#241e1999;border:1px solid #f3e4c259;border-radius:10px;width:34px;height:34px;padding:0;font-size:16px}@media (orientation:landscape){.tc{pointer-events:none;z-index:2;opacity:.8;justify-content:space-between;align-items:flex-end;padding:0 2% 1.5%;position:absolute;inset:0}.tc-dpad{pointer-events:auto;width:24%;height:17%}.tc-arrow{flex:1}.tc-acts{pointer-events:auto;grid-template-rows:auto auto;grid-template-columns:auto auto auto;align-items:end}.tc-acts [data-k=weapon]{grid-area:1/1}.tc-acts [data-k=lamp]{grid-area:2/1}.tc-acts [data-k=slash]{grid-area:1/2/3}.tc-acts [data-k=jump]{grid-area:1/3/3}.tc-btn{width:13vh;min-width:48px;height:13vh;min-height:48px}.tc-btn.tc-big{width:16vh;min-width:60px;height:16vh;min-height:60px;font-size:16px}.tc-btn.tc-small{width:10vh;min-width:40px;height:10vh;min-height:40px;font-size:12px}}@media (orientation:portrait){.touch .stage{width:100vw}.tc{padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));justify-content:space-between;align-items:center;position:relative}.touch .stage .tc{position:absolute;top:100%;left:0;right:0}.tc-dpad{width:42vw;height:22vw}.tc-arrow{flex:1;font-size:26px}.tc-btn{width:17vw;height:17vw;font-size:14px}.tc-btn.tc-big{width:22vw;height:22vw;font-size:16px}.tc-btn.tc-small{width:14vw;height:14vw;font-size:12px}.touch .tc-rotate{text-align:center;color:#a8977b;margin-top:calc(22vw + 70px);font-size:13px;display:block}}html,body{height:100%}body{background:#0d0915;margin:0;overflow:hidden}main{flex-direction:column;justify-content:center;max-width:none;height:100%;padding:0;display:flex}h1,.lede{display:none}.stage{box-shadow:none;border:0;width:min(100vw,177.778dvh - 71.1111px);margin:0 auto}.keys{color:#a8977b;justify-content:center;margin:8px 0 0;font-size:.8rem}kbd{color:#ecdfc2;background:#2a241e;border-color:#4a3f33}:fullscreen .stage{width:min(100vw,177.778dvh)}:fullscreen .keys{display:none}.fs-btn{z-index:3;color:#f3e4c2;cursor:pointer;opacity:.55;background:#241e1999;border:1px solid #f3e4c259;border-radius:8px;width:34px;height:34px;font-size:16px;position:absolute;top:10px;right:10px}.fs-btn:hover{opacity:1}.touch .fs-btn{display:none}