*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{display:flex;flex-wrap:wrap;width:100%;height:100%;color:#ffffffe6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}body{touch-action:pan-x pan-y;-webkit-touch-callout:none;background:#000}northwest,northeast,southwest,southeast{display:flex;justify-content:center;align-items:center;width:35px;height:35px}north{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:35px}west{display:flex;justify-content:center;align-items:center;width:35px;height:calc(100% - 70px)}main{position:relative;z-index:0;display:flex;width:calc(100% - 70px);height:calc(100% - 70px);overflow:hidden}east{display:flex;justify-content:center;align-items:center;width:35px;height:calc(100% - 70px)}south{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:35px}north,west,east,south,northwest,northeast,southwest,southeast{background:#000;font-size:20px;line-height:20px;cursor:pointer;transition:background .2s ease,filter .2s ease}north:hover,west:hover,east:hover,south:hover,northwest:hover,northeast:hover,southwest:hover,southeast:hover{background:#262626;filter:brightness(1.1)}north:active,west:active,east:active,south:active,northwest:active,northeast:active,southwest:active,southeast:active{filter:brightness(.9)}#B,#N,#W,#E,#S,#NW,#NE,#SW,#SE{position:relative;z-index:1;display:flex;flex-wrap:wrap;width:100%;height:100%;overflow:hidden;background:#0d0d0d}#B{justify-content:center;align-items:center}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#595959}input,textarea,select,button{font-family:inherit}code,pre{font-family:SF Mono,Monaco,Consolas,Liberation Mono,monospace}