@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css";@import"https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root,body{width:100%;height:100%;margin:0;border:0;background-color:#f0f8ff;font-family:Fira Sans,sans-serif}:root *,body *{font-family:inherit}body{position:absolute}main{position:relative;max-width:1200px;height:max(625px,70%);margin-inline:auto;margin-top:5%;left:0;right:0}#tutorial{display:block;bottom:25px;width:85%;left:0;right:0;margin-inline:auto;z-index:100000;border:1px solid black;border-radius:15px;background-color:#fff}#tutorial button{float:right;border-width:1px;border-style:solid;border-color:#fff;border-radius:3px;background:#0c0;color:#fff;font-size:15pt;padding-block:3px;padding-inline-end:5px}#tutorial button#skip-tutorial{background:#00c}#level-select{display:grid;width:90%;height:90%;inset:0;margin:auto;z-index:10000000;grid-template-columns:repeat(4,1fr);gap:10px;align-items:start;justify-content:center;justify-items:center;border:1px solid black;border-radius:15px;background-color:#fff;overflow:scroll}#level-select button{position:absolute;border:none;background:none;font-size:1em;top:10px;right:10px}#level-select div{display:inline-block;width:200px;height:150px}#level-select div span:nth-child(2){float:left}#level-select div span:nth-child(3){float:right;font-style:italic}.hidden{display:none!important}div.canv{display:inline-block;position:absolute}div.canv canvas{background-color:#fff}div.canv button{position:absolute;bottom:5px;left:0;min-width:25%;border-width:1px;border-style:solid;border-color:#fff;border-radius:3px;background:#c00;color:#fff;font-size:15pt}div.canv:nth-child(1){top:0;left:0}div.canv:nth-child(2){bottom:0;left:0}div.canv:nth-child(3){top:50%;right:0;transform:translateY(-50%)}@keyframes hand-pulse{0%{transform:scale(1) translate(-2px,-4px) rotate(-40deg)}50%{transform:scale(1.1) translate(-2px,-4px) rotate(-40deg)}to{transform:scale(1) translate(-2px,-4px) rotate(-40deg)}}.hand{position:absolute;pointer-events:none}.hand .bi:before{animation:1s hand-pulse infinite}.hand#hand-first-point{top:50%;left:50%}.hand#hand-second-point{top:calc(50% - 40px);left:calc(50% - 40px)}.hand#hand-first-line-a{top:50%;left:calc(50% - 40px)}.hand#hand-first-line-b{top:50%;left:calc(50% + 40px)}.hand#hand-first-polygon-a{top:50%;left:50%}.hand#hand-first-polygon-b{top:50%;left:calc(50% + 40px)}.hand#hand-first-polygon-c{top:calc(50% + 40px);left:calc(50% + 40px)}.hand#hand-first-polygon-d{top:calc(50% + 40px);left:50%}.hand#hand-first-regular-a{top:calc(50% + 40px);left:calc(50% - 40px)}.hand#hand-first-regular-b{top:calc(50% + 40px);left:50%}nav{position:absolute;top:calc(50% + 160px);right:0;display:inline-flex;flex-direction:column}nav span{display:inline-flex;margin-top:3px}nav span div{font-size:15pt;display:flex;width:100%;justify-content:space-between}nav span div input{font-size:15pt;width:auto;border-width:3px;border-style:solid;border-radius:3px}nav span div input:valid{border-color:green}nav span div input:invalid{border-color:red}nav span button{border-width:1px;border-style:solid;border-color:#000;border-radius:3px;background:#fff;position:relative;flex:1 1 auto;color:#000;font-size:15pt;padding-block:3px;padding-inline-end:5px}nav span button:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-inline-start:0;border-left-width:0}nav span button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;margin-inline-end:0}nav span button:active,nav span button.active{background:#555;color:#fff;border-color:#fff}nav span button:disabled{background:#ccc;color:#333;border-color:#333}header{display:inline-block;position:absolute;top:0;right:0;text-align:right}header h1{font-weight:600;margin:0}header h2{font-weight:500;font-style:italic;margin:0}header h2 button{border:none;background:none;font-size:1em}