html,body{background:#14110f;justify-content:center;align-items:center;height:100%;margin:0;display:flex;overflow:hidden}#app{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.button-legend{letter-spacing:.01em;color:#a8967a;text-align:left;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:monospace;font-size:clamp(7px,.7vw,10px);line-height:1;position:absolute}.button-legend-n{top:19%;left:89.05%}.button-legend-r{top:31%;left:89.46%}.button-legend-m{top:43%;left:89.66%}.shell-wrap{aspect-ratio:2046/1287;width:min(96vw,152.615vh,1300px);position:relative}@media (aspect-ratio<=1) and (width<=700px){.shell-wrap{width:min(96vh,152.615vw,1300px);transform:rotate(90deg)}.button-legend{display:none}}.shell-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.screen-window{justify-content:center;align-items:center;width:41.9%;height:46.9%;display:flex;position:absolute;top:19.9%;left:29.3%;overflow:hidden}canvas{image-rendering:pixelated;width:100%;height:auto;display:block}.touch-zone{touch-action:none;-webkit-tap-highlight-color:transparent;width:50%;height:50%;position:absolute}.touch-zone-ul{top:0;left:0}.touch-zone-ur{top:0;right:0}.touch-zone-ll{bottom:0;left:0}.touch-zone-lr{bottom:0;right:0}.shell-btn{touch-action:none;-webkit-tap-highlight-color:transparent;width:11%;height:9%;position:absolute;transform:translate(-50%,-50%)}.shell-btn-n{top:16.3%;left:83.6%}.shell-btn-r{top:27.2%;left:83.6%}.shell-btn-m{top:39.2%;left:83.6%}.shell-btn-o{width:13%;height:11%;top:62.9%;left:83.6%}.shell-btn-k{width:13%;height:11%;top:78.5%;left:83.8%}.shell-btn-w{width:13%;height:11%;top:62.9%;left:13.2%}.shell-btn-s{width:13%;height:11%;top:78.5%;left:13%}