*,*:before,*:after{position:relative;margin:0;padding:0;font-weight:600;box-sizing:inherit}html,body{position:relative;margin:0;padding:0;color:var(--fg);font-size:16px;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}input{-moz-appearance:none;appearance:none;-webkit-appearance:none}.SolutionOutput s{opacity:.4;color:#fff;margin-left:10px;font-size:1rem}.extruded{padding:4px 10px .4em;color:#fff;font-weight:600;font-size:1.25rem;line-height:1.2em;background:none;border:3px solid white;border-radius:5px;cursor:pointer;transform:translateY(0);transition:box-shadow .1s,transform .1s,opacity .1s;text-shadow:0 1px 0 #a8a8a8,0 2px 0 #a3a3a3,0 3px 0 #9e9e9e,0 4px 0 #999999,0 0 5px rgba(0,0,0,.05),0 -1px 3px rgba(0,0,0,.2),0 9px 9px rgba(0,0,0,.15),0 12px 12px rgba(0,0,0,.15),0 15px 15px rgba(0,0,0,.15);box-shadow:0 1px #a3a3a3,0 2px #9e9e9e,0 3px #999,0 4px #949494,0 5px #8f8f8f,0 6px #8a8a8a,0 0 5px #0000000d,0 -1px 3px #0003,0 9px 9px #0000,0 12px 12px #0000,0 15px 15px #0000}.extruded[disabled]{opacity:.3}.extruded.pressed{cursor:initial}.extruded:hover:not([disabled],:focus),.extruded.pressed{transform:translateY(2px);box-shadow:0 1px #a8a8a8,0 2px #a3a3a3,0 3px #9e9e9e,0 4px #999,0 0 5px #0000000d,0 -1px 3px #0003,0 9px 9px #0000,0 12px 12px #0000,0 15px 15px #0000}@keyframes FadeUp{0%{opacity:0;bottom:-1.5rem}80%{bottom:0rem}to{opacity:1}}@keyframes FadeLeft{0%{opacity:0;right:-1.5rem}80%{right:0rem}to{opacity:1}}.Turtle{position:fixed;left:0;top:0;height:100%;width:100%;color:#fff;font-family:sans-serif;font-weight:600;animation:gradient 60s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;overflow:hidden}.Turtle__Answer{font-weight:400}.Turtle__Button{padding:4px 10px .4em;color:#fff;font-weight:600;font-size:1.25rem;line-height:1.2em;background:none;border:3px solid white;border-radius:5px;cursor:pointer;transform:translateY(0);transition:box-shadow .1s,transform .1s,opacity .1s;text-shadow:0 1px 0 #a8a8a8,0 2px 0 #a3a3a3,0 3px 0 #9e9e9e,0 4px 0 #999999,0 0 5px rgba(0,0,0,.05),0 -1px 3px rgba(0,0,0,.2),0 9px 9px rgba(0,0,0,.15),0 12px 12px rgba(0,0,0,.15),0 15px 15px rgba(0,0,0,.15);box-shadow:0 1px #a3a3a3,0 2px #9e9e9e,0 3px #999,0 4px #949494,0 5px #8f8f8f,0 6px #8a8a8a,0 0 5px #0000000d,0 -1px 3px #0003,0 9px 9px #0000,0 12px 12px #0000,0 15px 15px #0000;overflow:hidden}.Turtle__Button[disabled]{opacity:.3}.Turtle__Button.pressed{cursor:initial}.Turtle__Button:hover:not([disabled],:focus),.Turtle__Button.pressed{transform:translateY(2px);box-shadow:0 1px #a8a8a8,0 2px #a3a3a3,0 3px #9e9e9e,0 4px #999,0 0 5px #0000000d,0 -1px 3px #0003,0 9px 9px #0000,0 12px 12px #0000,0 15px 15px #0000}.Turtle__CornerButton{position:fixed;top:0;right:4px;z-index:10000;padding:10px;color:#fff;font-weight:600;background:none;border:none;cursor:pointer}.Turtle__Layout.End{flex-direction:column;gap:20px;padding:20px}.Turtle__Layout.End h1{margin:4px auto 0}.Turtle__Layout.End .streak{display:flex;width:100%;gap:10px;margin:10px}.Turtle__Layout.End .streak .metric{color:#fff;font-weight:600;font-size:1.25rem;line-height:1.2em;background:none;cursor:pointer;transform:translateY(0);transition:box-shadow .1s,transform .1s,opacity .1s;text-shadow:0 1px 0 #a8a8a8,0 2px 0 #a3a3a3,0 3px 0 #9e9e9e,0 4px 0 #999999,0 0 5px rgba(0,0,0,.05),0 -1px 3px rgba(0,0,0,.2),0 9px 9px rgba(0,0,0,.15),0 12px 12px rgba(0,0,0,.15),0 15px 15px rgba(0,0,0,.15);box-shadow:0 1px #a3a3a3,0 2px #9e9e9e,0 3px #999,0 4px #949494,0 5px #8f8f8f,0 6px #8a8a8a,0 0 5px #0000000d,0 -1px 3px #0003,0 9px 9px #0000,0 12px 12px #0000,0 15px 15px #0000;flex:1 1 auto;text-align:center;border:3px solid white;border-radius:5px;padding:4px 10px;text-shadow:none}.Turtle__Layout.End .streak .metric[disabled]{opacity:.3}.Turtle__Layout.End .streak .metric.pressed{cursor:initial}.Turtle__Layout.End .streak .metric:hover:not([disabled],:focus),.Turtle__Layout.End .streak .metric.pressed{transform:translateY(2px);box-shadow:0 1px #a8a8a8,0 2px #a3a3a3,0 3px #9e9e9e,0 4px #999,0 0 5px #0000000d,0 -1px 3px #0003,0 9px 9px #0000,0 12px 12px #0000,0 15px 15px #0000}.Turtle__Layout.End .streak .metric h3{font-weight:400;font-size:1rem}.Turtle__Layout.End .streak .metric p{font-weight:600;font-size:1.25rem}.Turtle__Layout.End .record{display:grid;grid-template-columns:1.5em auto;grid-template-rows:repeat(20,1fr);width:100%;gap:4px}.Turtle__Layout.End .record div{font-size:1rem;display:flex;gap:10px;align-items:center}.Turtle__Layout.End .record span{display:block;height:100%;top:-2px;width:0%}.Turtle__Layout.End .record em{font-style:normal;font-weight:400}.Turtle__Instructions{display:flex;flex-direction:column;position:fixed;top:-50vh;z-index:100000;width:calc(100% - 20px);height:calc(100% - 20px);margin:auto;padding:10px;background:white;border-radius:5px;opacity:0;overflow-y:auto;pointer-events:none;transition:top .4s,opacity .2s;color:#000}.Turtle__Instructions.active{opacity:1;top:10px;pointer-events:all}.Turtle__Instructions header{display:flex;flex:0}.Turtle__Instructions header h2{flex:1 0 auto}.Turtle__Instructions main{flex:1 1 auto;height:100%;padding:10px;overflow:auto}.Turtle__Instructions main h3{font-size:1.25rem;margin-top:20px}.Turtle__Instructions main p{font-size:1rem;font-weight:400;margin:10px auto}.Turtle__Instructions table{width:100%;padding:10px;font-size:.8rem;background:#333}.Turtle__Instructions table p{margin:.4em;font-size:.8rem}.Turtle__Instructions table td{color:#fff;padding:4px;vertical-align:top}.Turtle__Instructions table td p:first-of-type{margin-top:0}.Turtle__Instructions-close{flex:0;padding:4px;background:none;border:none;cursor:pointer}.Turtle__Layout{display:flex;align-items:center;height:100%;padding:10px}.Turtle__Layout.Loop{display:flex;flex-direction:column;gap:10px;height:100%}.Turtle__Layout.Loop .Turtle__QuestionList{flex:1 1 auto;height:100%;overflow-y:auto}.Turtle__Layout.Loop .Turtle__QueryPrompt{flex:0;opacity:0;animation-name:FadeUp;animation-delay:.1s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList{width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;scroll-behavior:smooth}.Turtle__QuestionList ol{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;width:100%;margin:0 auto;min-height:100%}.Turtle__QuestionList ol.animating li{opacity:0}.Turtle__QuestionList ol.animating li:nth-of-type(1){opacity:0;animation-name:FadeLeft;animation-delay:.6s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(2){opacity:0;animation-name:FadeLeft;animation-delay:.7s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(3){opacity:0;animation-name:FadeLeft;animation-delay:.8s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(4){opacity:0;animation-name:FadeLeft;animation-delay:.9s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(5){opacity:0;animation-name:FadeLeft;animation-delay:1s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(6){opacity:0;animation-name:FadeLeft;animation-delay:1.1s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(7){opacity:0;animation-name:FadeLeft;animation-delay:1.2s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(8){opacity:0;animation-name:FadeLeft;animation-delay:1.3s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(9){opacity:0;animation-name:FadeLeft;animation-delay:1.4s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(10){opacity:0;animation-name:FadeLeft;animation-delay:1.5s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(11){opacity:0;animation-name:FadeLeft;animation-delay:1.6s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(12){opacity:0;animation-name:FadeLeft;animation-delay:1.7s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(13){opacity:0;animation-name:FadeLeft;animation-delay:1.8s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(14){opacity:0;animation-name:FadeLeft;animation-delay:1.9s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(15){opacity:0;animation-name:FadeLeft;animation-delay:2s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(16){opacity:0;animation-name:FadeLeft;animation-delay:2.1s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(17){opacity:0;animation-name:FadeLeft;animation-delay:2.2s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(18){opacity:0;animation-name:FadeLeft;animation-delay:2.3s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(19){opacity:0;animation-name:FadeLeft;animation-delay:2.4s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList ol.animating li:nth-of-type(20){opacity:0;animation-name:FadeLeft;animation-delay:2.5s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList p{margin-bottom:4px;font-size:1.5rem}.Turtle__QuestionList p div{font-weight:400;opacity:0}.Turtle__QuestionList p div:nth-of-type(1){opacity:0;animation-name:FadeLeft;animation-delay:.1s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList p div:nth-of-type(2){opacity:0;animation-name:FadeLeft;animation-delay:.2s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList p div:nth-of-type(3){opacity:0;animation-name:FadeLeft;animation-delay:.3s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList p div:nth-of-type(4){opacity:0;animation-name:FadeLeft;animation-delay:.4s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList p div:nth-of-type(5){opacity:0;animation-name:FadeLeft;animation-delay:.5s;animation-duration:.4s;animation-fill-mode:forwards;animation-iteration-count:1}.Turtle__QuestionList li{display:flex;gap:4px;margin-bottom:6px}.Turtle__QuestionList li:first-of-type{padding-top:10px;border-top:2px solid rgba(255,255,255,.5)}.Turtle__QuestionList li>span{padding:4px 10px;color:#fff;font-weight:600;font-size:1.25rem;line-height:1.2em;background:none;border:3px solid white;border-radius:5px;cursor:pointer;transform:translateY(0);transition:box-shadow .1s,transform .1s,opacity .1s;text-shadow:0 1px 0 #a8a8a8,0 2px 0 #a3a3a3,0 3px 0 #9e9e9e,0 4px 0 #999999,0 0 5px rgba(0,0,0,.05),0 -1px 3px rgba(0,0,0,.2),0 9px 9px rgba(0,0,0,.15),0 12px 12px rgba(0,0,0,.15),0 15px 15px rgba(0,0,0,.15);box-shadow:0 1px #a3a3a3,0 2px #9e9e9e,0 3px #999,0 4px #949494,0 5px #8f8f8f,0 6px #8a8a8a,0 0 5px #0000000d,0 -1px 3px #0003,0 9px 9px #0000,0 12px 12px #0000,0 15px 15px #0000;font-size:1rem;text-shadow:none}.Turtle__QuestionList li>span[disabled]{opacity:.3}.Turtle__QuestionList li>span.pressed{cursor:initial}.Turtle__QuestionList li>span:hover:not([disabled],:focus),.Turtle__QuestionList li>span.pressed{transform:translateY(2px);box-shadow:0 1px #a8a8a8,0 2px #a3a3a3,0 3px #9e9e9e,0 4px #999,0 0 5px #0000000d,0 -1px 3px #0003,0 9px 9px #0000,0 12px 12px #0000,0 15px 15px #0000}.Turtle__QuestionList li .question{display:flex;gap:20px;align-items:center}.Turtle__QueryPrompt{display:flex;gap:10px;width:100%;padding-bottom:6px}.Turtle__QueryPrompt input{padding:4px 10px .4em;color:#fff;font-weight:600;font-size:1.25rem;line-height:1.2em;background:none;border:3px solid white;border-radius:5px;cursor:pointer;transform:translateY(0);transition:box-shadow .1s,transform .1s,opacity .1s;text-shadow:0 1px 0 #a8a8a8,0 2px 0 #a3a3a3,0 3px 0 #9e9e9e,0 4px 0 #999999,0 0 5px rgba(0,0,0,.05),0 -1px 3px rgba(0,0,0,.2),0 9px 9px rgba(0,0,0,.15),0 12px 12px rgba(0,0,0,.15),0 15px 15px rgba(0,0,0,.15);box-shadow:0 1px #a3a3a3,0 2px #9e9e9e,0 3px #999,0 4px #949494,0 5px #8f8f8f,0 6px #8a8a8a,0 0 5px #0000000d,0 -1px 3px #0003,0 9px 9px #0000,0 12px 12px #0000,0 15px 15px #0000;width:100%;outline:none}.Turtle__QueryPrompt input[disabled]{opacity:.3}.Turtle__QueryPrompt input.pressed{cursor:initial}.Turtle__QueryPrompt input:hover:not([disabled],:focus),.Turtle__QueryPrompt input.pressed{transform:translateY(2px);box-shadow:0 1px #a8a8a8,0 2px #a3a3a3,0 3px #9e9e9e,0 4px #999,0 0 5px #0000000d,0 -1px 3px #0003,0 9px 9px #0000,0 12px 12px #0000,0 15px 15px #0000}.Turtle__QueryPrompt .Turtle__Button{flex:1 0 auto}.Turtle__QueryPrompt .Turtle__Button .layer{bottom:-1em;opacity:0;transition:bottom .35s,opacity .4s}.Turtle__QueryPrompt .Turtle__Button .layer.active{bottom:0;opacity:1}.Turtle__QueryPrompt .loading{--s: 20px;--_d: calc(.353*var(--s));position:absolute;top:-50%;left:.3em;display:grid;margin:auto;aspect-ratio:1;width:calc(var(--s) + var(--_d));transform:scale(.5) translateY(-.125em)}.Turtle__QueryPrompt .loading:before,.Turtle__QueryPrompt .loading:after{content:"";grid-area:1/1;clip-path:polygon(var(--_d) 0,100% 0,100% calc(100% - var(--_d)),calc(100% - var(--_d)) 100%,0 100%,0 var(--_d));background:conic-gradient(from -90deg at calc(100% - var(--_d)) var(--_d),#fff 135deg,#666 0 270deg,#aaa 0);animation:l6 2s infinite}.Turtle__QueryPrompt .loading:after{animation-delay:-1s}@keyframes l6{0%{transform:translate(0)}25%{transform:translate(30px)}50%{transform:translate(30px,30px)}75%{transform:translateY(30px)}to{transform:translate(0)}}.Turtle__Layout.Start .Turtle__Button{margin:auto}.Turtle__Layout.Start>main{text-align:center;width:100%}.Turtle__Layout.Start>main h1{font-size:60px;margin-bottom:30px}.Turtle__SolutionIsProper,.Turtle__SolutionType{font-weight:600!important}@keyframes gradient{0%{background-position:0% 20%}50%{background-position:100% 80%}to{background-position:0% 20%}}
