html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;box-sizing:border-box}body{font-family:sans-serif;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{margin:0;padding:0}body{background-color:#fdf6e3;color:#586e75}.body{font-size:14pt;line-height:24pt}strong{font-weight:bold}#demo{margin-top:-1rem}#demo a{top:1rem}header{position:-webkit-sticky;position:sticky;top:0;height:4rem;border-bottom:1px solid #eee8d5;text-align:center;font-size:28pt;line-height:4rem;margin-left:5vw;margin-right:5vw;margin-left:auto;margin-right:auto;width:90vw;max-width:calc(70vh + 9px)}.main{top:5rem;bottom:4rem;left:0;right:0;position:absolute}.main section{background-color:#fdf6e3;position:absolute;width:100%;height:100%}.main section:not(:target){display:none}.main section#game{display:block;text-align:center}.main section:target{display:block;z-index:100}.main section .panel{position:relative;display:block;margin:auto;width:90vw;max-width:calc(70vh + 9px)}.main section .panel a.close{display:block;border-radius:2rem;border:1px solid #dc322f;color:#586e75;text-decoration:none;position:absolute;top:0;right:0;color:#dc322f;width:2rem;height:2rem;text-align:center;font-weight:bold}.main section .panel h1{font-size:1.5rem;font-weight:bold}footer{height:4rem;position:absolute;z-index:101;bottom:0;left:0;right:0}footer a{flex:auto;color:#268bd2;text-decoration:none;text-align:center}footer>div{border-top:1px solid #eee8d5;display:flex;margin:auto;width:90vw;max-width:calc(70vh + 9px)}#board{display:flex;flex-direction:column;position:relative;max-width:calc(70vh + 9px);width:90vw}#board .row{display:flex;flex-direction:row}button{background-color:#268bd2;border:none;color:#fff;padding:.5rem 1rem;cursor:pointer}#undo{margin-top:1rem;padding:.5rem 1rem;font-size:12pt;max-height:7vh}#undo.hidden{display:none}#board .square{position:relative;display:block;flex:1;background-color:#eee8d5;width:9vw;max-width:7vh;height:9vw;max-height:7vh;margin:1px;text-align:center;font-size:12pt;cursor:not-allowed}#board .square span{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#board .square.player{background-color:#268bd2;color:#fff}#board .square.tile{background-color:#eee8d5;color:#93a1a1}#board .square.movable{background-color:#859900;color:#fff;cursor:pointer}#board .square.over{background-color:#dc322f;color:#fff;cursor:pointer}#overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5)}#finished{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;padding:5vw}#finished span{display:block;text-align:center;margin-bottom:.5rem}.hundo{display:inline-block;background-color:#268bd2;color:#fff;width:28pt;height:28pt;font-size:10pt;text-align:center;padding:0;line-height:30pt;margin-right:.5rem;vertical-align:top;margin-top:8.5pt}.hundo::before{content:"100"}#rules span.player::before{content:"blue";color:#268bd2;display:inline-block;font-weight:bold}#rules span.movable::before{content:"green";color:#859900;display:inline-block;font-weight:bold}@media screen and (min-width: 720px){#board .square{font-size:18pt}#undo{margin-top:1rem;padding:.5rem 1rem;font-size:18pt}}@media(orientation: landscape){#board{max-width:calc(90vh - 11rem);margin-left:calc(((70vh + 9px) - (90vh - 11rem)) / 2)}#board .square{font-size:calc((90vh - 11rem - 9px) / 20);max-width:calc((90vh - 11rem - 9px) / 10);max-height:calc((90vh - 11rem - 9px) / 10)}#undo{font-size:calc((100vh - 11rem - 9px) / 20)}footer{line-height:calc(((100vh - 11rem - 9px) / 20) * 1.5);font-size:calc((100vh - 11rem - 9px) / 20);max-height:calc((100vh - 11rem - 9px) / 10)}}@media(prefers-color-scheme: dark){body{color:#93a1a1;background-color:#002b36}header{border-bottom:1px solid #073642}footer{border-top:1px solid #073642}.main section{background-color:#002b36}#board .square{background-color:#073642}#board .square.tile{background-color:#073642;color:#839496}#board .square.player{background-color:#268bd2;color:#fff}#board .square.movable{background-color:#859900;color:#fff;cursor:pointer}}/*# sourceMappingURL=index.min.css.map */