html,body{margin:0;overflow:hidden}#container{background-color:#888;width:100%;height:100vh;margin:0;padding:0}#polytope{width:7em}.button-on{color:#fff;background-color:#ca1010f5;border-radius:10px;padding:2px}.button-off{border:1px solid #000;border-radius:5px;padding:2px}.button-off:hover{background-color:#f88}.view-button{color:#fff;background-color:#0804fa;border-radius:5px;padding:2px 5px;box-shadow:1px 2px #708090}.view-button:hover{background-color:#7d7bfd}.view-button:active{transform:translateY(4px);box-shadow:0 1px #708090}.buttons{background-color:#aaa;border:1px solid #000;margin:5px;padding:.5ex;display:inline-block}.head{flex-flow:wrap;width:calc(100% - 20px);margin:10px;display:flex;position:fixed}@media screen and (width<=600px){.head{flex-direction:column;align-items:flex-start}}#contents{text-align:center;-webkit-touch-callout:none;touch-action:none;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#status{z-index:2;color:#111;background:#ffffffeb;border:1px solid #333;border-radius:5px;max-width:min(90vw,50rem);padding:.6rem .9rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}#status.error{color:#7d0000;border-color:#7d0000}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:2px;outline:3px solid #fff}button:disabled{cursor:wait;opacity:.65}