*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#10121c;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}#app{place-items:center;display:grid;position:fixed;inset:0}#app>*{grid-area:1/1}#app canvas{image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer;display:block;box-shadow:0 0 0 1px #000,0 12px 48px #0009}.scanlines{pointer-events:none;mix-blend-mode:multiply;background-image:linear-gradient(#0000 50%,#0a081412 50%)}#app canvas.hitext{pointer-events:none;image-rendering:auto;box-shadow:none;cursor:default}html.touch #app canvas{box-shadow:none}.rotate-hint{z-index:10;text-align:center;color:#fbf5e3;pointer-events:none;background:#10121ceb;justify-content:center;align-items:center;font:600 18px/1.5 system-ui,sans-serif;display:none;position:fixed;inset:0}@media (orientation:landscape) and (pointer:coarse) and (height<=520px){.rotate-hint{display:flex}}.side{color:#cfd8c8;pointer-events:none;width:190px;font:13px/1.55 system-ui,Apple SD Gothic Neo,Malgun Gothic,sans-serif;display:none;position:fixed;top:50%;transform:translateY(-50%)}.side h2{letter-spacing:.12em;color:#f2c35b;text-transform:uppercase;margin-bottom:8px;font-size:13px}.side-left{left:calc(50% - var(--cw,450px) / 2 - 24px - 190px);text-align:right}.side-right{left:calc(50% + var(--cw,450px) / 2 + 24px)}.side dl{grid-template-columns:1fr;row-gap:1px;display:grid}.side dt{color:#8aa090;margin-top:6px;font-size:11px}.side dd{color:#f3ecd8}.dpad{grid-template-columns:repeat(3,auto);justify-items:center;gap:2px;display:inline-grid}.dpad kbd{min-width:24px;margin:0;padding:0;font-size:15px;line-height:1.3}.dpad .u{grid-area:1/2}.dpad .l{grid-area:2/1}.dpad .d{grid-area:2/2}.dpad .r{grid-area:2/3}.side kbd{text-align:center;color:#fbf5e3;background:#1d2b26;border:1px solid #5a6a5a;border-bottom-width:2px;border-radius:4px;min-width:20px;margin:0 1px;padding:0 5px;font:600 11px/1.6 ui-monospace,monospace;display:inline-block}.side .note{color:#8aa090;margin-top:12px;font-size:11px}.side ul{list-style:none}.side li{border-left:2px solid #3a4a3a;margin-bottom:9px;padding-left:10px}.side b{color:#f2c35b;font-weight:600}html.wide .side{display:block}