#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.space{fill:var(--color);stroke:#000;stroke-width:.1;cursor:var(--space-hover);r:2}.board-edge{fill:#edb878;stroke:#000;stroke-width:1}.board-container{transform:rotate(var(--rotation, 0deg));transform-origin:center center;display:block}.turn-button{position:absolute;bottom:min(10vh,10vw);right:min(10vh,10vw);z-index:1;padding:8px 12px;font-size:14px;cursor:pointer;background-color:#946c3c;color:#f9f9f9;border-color:#0f0000;border-radius:8px}.engine-button{position:absolute;bottom:min(2vh,2vw);right:min(10vh,10vw);z-index:1;padding:8px 12px;font-size:14px;cursor:pointer;background-color:#946c3c;color:#f9f9f9;border-color:#0f0000;border-radius:8px}.turn-display{position:absolute;bottom:min(75vh,75vw);border:2px solid #333;padding:5px;border-radius:8px;background-color:#f9f9f9;display:grid;grid-template-columns:auto auto;align-items:center;row-gap:4px;column-gap:4px;font-size:80%}.turn-color-block{background-color:var(--turn-color);border-radius:50%;width:12px;height:12px}.move-color-block{background-color:var(--move-color);border-radius:50%;width:12px;height:12px}.path-color-block{background-color:var(--path-color);border-radius:50%;width:12px;height:12px}.turn-color-wrapper{display:flex;gap:6px}.start-menu{width:200px;border:2px solid #333;padding:10px;border-radius:8px;background-color:#f9f9f9}