.board[data-v-61a51200]{grid-template-rows:calc(var(--height) - 100px) 100px;place-items:center;display:grid;position:relative;overflow:hidden}.scene[data-v-61a51200]{width:100%;max-width:100vw;height:100%}.center[data-v-61a51200]{text-align:center}.controls[data-v-61a51200]{justify-content:center;align-items:center;width:100%;display:flex}.game-over[data-v-61a51200]{flex-direction:column;align-items:center;gap:.5rem;display:flex}.winner-message[data-v-61a51200]{text-align:center;font-size:1.1rem;font-weight:700}.actions[data-v-61a51200]{gap:.5rem;display:flex}.grid[data-v-2a7ad54c]{grid-template-columns:1fr;grid-auto-rows:1fr;width:100%;display:grid}.landing[data-v-ce0c7404]{margin:0 var(--spacing);min-height:var(--height);align-content:center;justify-items:center;display:grid}.actions[data-v-ce0c7404]{flex-direction:column;gap:.5rem;width:100%;max-width:340px;display:flex}:root{--height:calc(100svh - env(safe-area-inset-top,0) - 60px - env(safe-area-inset-bottom,0));--spacing:1rem}@font-face{font-family:Urabanist;src:url(/Urbanist.ttf)}*{font-variation-settings:"wght" 600;color:inherit;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Urabanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400}svg{vertical-align:bottom}html,body{-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;background:#eee;height:100%;min-height:100%;margin:0;font-size:20px}.menu{z-index:1;width:100%;height:60px;padding-top:env(safe-area-inset-top,0);-webkit-tap-highlight-color:transparent;grid-template-columns:1fr calc(60px + (var(--spacing) / 2));grid-template-rows:60px var(--height);-webkit-backdrop-filter:blur(10px);background:#eeec;display:grid;position:fixed;top:0;left:0}.content{padding:calc(env(safe-area-inset-top,0) + 60px) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);box-sizing:border-box}.logo,.nav-action{place-content:center;display:grid}.logo{font:inherit;color:inherit;flex:1;justify-content:start;height:60px;text-decoration:none}.logo h1{font-variation-settings:"wght" 900;margin:0 0 0 var(--spacing)}h2{font-variation-settings:"wght" 700;margin:0 0 1rem}.logo h1 span{opacity:.33;font-size:.5em}.nav-action{width:60px}button,a.button{font:inherit;color:#fff;text-transform:uppercase;box-sizing:border-box;text-align:center;filter:brightness();cursor:pointer;background:#333;border:none;border-radius:4px;margin:.05rem 0;padding:1rem 2rem;text-decoration:none;transition:filter .1s}button.clear{color:#333;background:0 0}button:active,a.button:active{filter:brightness(.2)}button:hover,a.button:hover{filter:brightness(1.1)}input{font:inherit;text-transform:uppercase;background:#fff;border:1px solid #333;border-radius:4px;outline:none;margin:.05rem 0;padding:1rem 2rem}button.full,.button.full{width:100%}.v-enter-active,.v-leave-active{transition:opacity .3s}.v-enter-from,.v-leave-to{opacity:0}@media (orientation:portrait) and (width<=720px){.content{right:unset;width:100vw;height:120vw;bottom:10vh}}.guide{scroll-snap-type:x mandatory;grid-auto-columns:100%;grid-auto-flow:column;display:grid;overflow-x:scroll}.guide::-webkit-scrollbar{width:0;height:0;display:none}.guide>div{scroll-snap-align:start;scroll-snap-stop:always;text-align:center;padding:0 24px}.guide p{margin:.5rem 0}.steps{place-content:center;margin:1rem;display:flex}.steps>div{cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:.3;background:currentColor;border-radius:50%;width:.5rem;height:.5rem;margin:.25rem;transition:all .3s;display:inline-block}.steps>div.active{opacity:1}.guideWrap{height:var(--height);grid-template-rows:1fr auto auto;display:grid}.guideWrap .board{display:block}