.navbar{position:absolute;right:5px;top:5px}.mobile .navbar{padding-top:10px}.help-modal .dialog{border:0;border-radius:.5rem;box-shadow:0 0 .5rem .25rem rgba(0,0,0,.1);padding:2rem;position:absolute}.help-modal .dialog::backdrop{background:rgba(0,0,0,.5)}.help-modal .dialog-close-btn{font-size:1.25em;font-weight:700;position:absolute;right:.75em;top:.75em}.results-modal .dialog{border:0;border-radius:.5rem;box-shadow:0 0 .5rem .25rem rgba(0,0,0,.1);padding:2rem;position:absolute}.results-modal .results-content,.results-modal .steps-comparison,.results-modal .steps-content .steps-display,.results-modal .steps-content h1{margin:auto;text-align:center;width:50%}.results-modal .steps-comparison{font-weight:700}.results-modal .results-display,.results-modal .share-content standard-btn{margin:auto;text-align:center;width:50%}.results-modal .dialog::backdrop{background:rgba(0,0,0,.5)}.results-modal .dialog-close-btn{font-size:1.25em;font-weight:700;position:absolute;right:.75em;top:.75em}.dialog-close-btn{background-color:initial;border-width:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;padding:0}.dropbtn{background:#dfdede;border:none;color:#000;cursor:pointer}.desktop .dropbtn{font-size:50px}.mobile .dropbtn{font-size:30px}.dropdown .dropdown-icon{position:relative}.desktop .dropdown .dropdown-icon{transform:translateY(-10px)}.dropdown-content{background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);min-width:120px;position:absolute;right:0;text-align:center;z-index:1}.dropdown-content a{color:#000;display:block;padding:12px 16px;text-decoration:none}.dropdown-content a:hover{background-color:#f1f1f1}.user-modal .dialog{border:0;border-radius:.5rem;box-shadow:0 0 .5rem .25rem rgba(0,0,0,.1);max-width:20rem;padding:2rem;position:absolute;top:100px}.user-modal .dialog::backdrop{background:rgba(0,0,0,.5)}.user-modal .dialog-close-btn{font-size:1.25em;font-weight:700;position:absolute;right:.75em;top:.75em}.user-modal .link-user-box,.user-modal .link-user-error{align-items:center;display:flex;justify-content:center}.user-modal .link-user-error{color:red}.user-modal .btn-create-user,.user-modal .btn-link-user,.user-modal .user-id{align-items:center;display:flex;justify-content:center}.puzzle-list .table{border-collapse:collapse;width:100%}.puzzle-list .table-body{background:#dbe9fa none repeat scroll 0 0}.puzzle-list .table-head-item{color:rgba(0,0,0,.38);font-size:12px;font-weight:500;padding:6px 12px;text-align:center;width:20%}.puzzle-list .table-row:nth-child(2n){background:#ecf3fc none repeat scroll 0 0}.puzzle-list .table-item{font-size:14px;height:24px;line-height:24px;overflow:hidden;padding:12px;text-align:right;text-overflow:ellipsis}.puzzle-list .table-head-item:not(:first-child):not(:last-child),.puzzle-list .table-item:not(:first-child):not(:last-child){text-align:left}.puzzle-list .table-item:first-child{width:5%}.puzzle-list .table-item:nth-child(2){width:30%}.puzzle-list .table-item:nth-child(3){width:25%}.puzzle-list .table-item:nth-child(4),.puzzle-list .table-item:nth-child(5){width:10%}.puzzle-list .table-item:last-child{min-width:100px;width:10%}.puzzle-list .table-row--active{background:#4990e2;color:#fff;font-size:30px}.statistics-bar .statistics-table{text-align:center;width:100%}.puzzle-table-wrapper{background:#fff;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:64px auto 0;max-width:768px;padding:16px;position:absolute}.puzzle-table-wrapper .puzzle-table-form{margin-bottom:32px}.puzzle-table-wrapper .form-row{display:flex;flex-wrap:wrap}.puzzle-table-wrapper .form-row+.form-row{margin-top:18px}.puzzle-table-wrapper .form-wrapper fieldset{border:0;margin:0;padding:0;width:50%}.puzzle-table-wrapper .form-wrapper fieldset:first-child{padding-right:4px}.puzzle-table-wrapper .form-wrapper fieldset:last-child{padding-left:4px}.puzzle-table-wrapper .form-label{color:#2c3e50;display:block;font-size:12px;margin-bottom:6px}.puzzle-table-wrapper .form-input{border:1px solid #dedede;border-radius:4px;font-size:14px;padding:8px;transition:border-color .25s ease-out;width:100%}.puzzle-table-wrapper .btn,.puzzle-table-wrapper .btn-remove,.puzzle-table-wrapper .btn-reset{border:0;cursor:pointer;display:block;transition:all .25s ease-out}.puzzle-table-wrapper .btn-remove,.puzzle-table-wrapper .btn-reset{background-color:initial;color:#bf3a2b;font-size:12px;font-style:italic;padding:0}.puzzle-table-wrapper .btn-remove:hover,.puzzle-table-wrapper .btn-reset:hover{color:#6c2119}.puzzle-table-wrapper .btn-reset{margin:21px auto 0}.main-screen{align-items:center;display:flex;justify-content:center}.main-screen .main-title{font-weight:700;position:absolute;.fire{color:rgba(236,19,65,.6)}.water{color:rgba(99,195,231,.6)}.electric{color:rgba(255,237,74,.6)}}.mobile{.main-screen .main-title{font-size:50px}.main-screen .standard-btn{align-items:center;display:block;display:flex;justify-content:center}.main-screen .options{margin-top:25px}}.desktop{.main-screen .main-title{font-size:75px}}.interactable-button-display .circle{align-items:center;background-color:#0a0a23;border:none;border-radius:50%;color:#fff;display:flex;font-size:25px;height:50px;justify-content:center;text-align:center;width:50px}.interactable-button-display .number{line-height:50px}.interactable-button-display .circle-clicked{align-items:center;background-color:#262675;border:none;border-radius:50%;color:#fff;display:flex;font-size:25px;height:50px;justify-content:center;line-height:50px;text-align:center;width:50px}.interactable-button-display .circle:hover{box-shadow:0 0 0 4px #01a791;outline-color:transparent;outline-style:solid}.interactable-button-display .circle-disabled{background-color:#8383ff;display:flex;font-size:25px;justify-content:center;line-height:50px}.interactable-button-display .circle-disabled,.interactable-button-display .undo-button{align-items:center;border:none;border-radius:50%;color:#fff;height:50px;text-align:center;width:50px}.interactable-button-display .undo-button{background-color:#0a0a23;font-size:40px;padding:0}.interactable-button-display .undo-button:hover{box-shadow:0 0 0 4px #01a791;outline-color:transparent;outline-style:solid}.interactable-button-display .undo-symbol{position:relative;transform:translate(2px,-2.5px)}.interactable-button-display .times-symbol{position:relative;transform:translate(.5px,3px)}.interactable-button-display .addition-symbol,.interactable-button-display .division-symbol,.interactable-button-display .subtraction-symbol{position:relative;transform:translateY(3px)}.interaction-panel-display{margin:0 auto;position:absolute}.interaction-panel-display .interaction-table td{height:50px;width:50px}.interaction-panel-display .interaction-table{margin:auto}.interaction-panel-display .interaction-operators,.interaction-panel-display .interaction-options{display:grid}.interaction-panel-display .btn-panel .btn{margin-right:5px}.current-value-display .circle{background:#8888;border-radius:50%;color:#000;font-size:25px;height:50px;line-height:50px;position:absolute;text-align:center;width:50px}.magic-beam .laser-beam{animation:laser 7.5s infinite;background:rgba(204,102,255,.6);box-shadow:0 0 15px 0 #c6f;height:5px;position:absolute;&.red{background:rgba(236,19,65,.6);box-shadow:0 0 15px 0 #ec1341}&.blue{background:rgba(99,195,231,.6);box-shadow:0 0 15px 0 #63c3e7}&.yellow{background:rgba(255,237,74,.6);box-shadow:0 0 15px 0 #ffed4a}}.magic-beam .beam-start{border:2px solid #5c1e7a;border-radius:50%;-webkit-border-radius:50%;height:50px;position:absolute;width:50px;&.red{border:2px solid rgba(236,19,65,.6)}&.blue{border:2px solid rgba(99,195,231,.6)}&.yellow{border:2px solid rgba(255,237,74,.6)}}.magic-barrier .laser-barrier{stroke:#c6f;position:absolute;&.red{stroke:rgba(236,19,65,.6)}&.blue{stroke:rgba(99,195,231,.6)}&.yellow{stroke:rgba(255,237,74,.6)}}.magic-barrier .barrier-holder{position:absolute}.magic-barrier .barrier-strength .circle{background:#8888;border-radius:50%;color:#000;font-size:25px;height:50px;line-height:50px;position:absolute;text-align:center;width:50px;&.red{background:rgba(236,19,65,.6)}&.blue{background:rgba(99,195,231,.6)}&.yellow{background:rgba(255,237,74,.6)}}.text-feedback{align-items:center;display:flex;justify-content:center;margin:0 auto;position:relative;text-align:center;&.error{color:red;font-weight:700}}.puzzle-title{font-weight:700;margin:0;padding:5px 0 0;text-align:center}.desktop .puzzle-title{font-size:50px}.mobile .puzzle-title{font-size:36px;padding-top:10px}.standard-btn{background-color:#3498db;border-radius:4px;color:#fff;font-size:14px;font-weight:700;margin:12px auto 0;padding:12px 18px}.standard-btn:focus{border-color:#3498db;box-shadow:0 0 2px #3498db;outline:0}.standard-btn:hover{background-color:#2980b9}*,:after,:before,html{box-sizing:border-box}#root,body,html{min-height:100vh;touch-action:none}html{font-size:16px}body{background:#dfdede;color:#333;font:1rem/1.414 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;margin:0}.title-font{font-family:monaco,Courier New,monospace}
/*# sourceMappingURL=main.0c590bfe.css.map*/