*,*:before,*:after{box-sizing:border-box}*:not(body){background-repeat:no-repeat;background-position:center center;background-size:cover}[hidden]{display:none !important}html,body{padding:0;margin:0}ul,ol,menu{margin:0;padding:0}ul,menu{list-style:none}li{margin:0;padding:0}button{cursor:pointer}iframe{border:0}*{border-collapse:collapse}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;color:#fff;--primary: #0070f3;--secondary: #9750dd;--error: #f31260}body.modal-open{overflow-y:hidden;padding-right:17px}h1{letter-spacing:-0.05em;line-height:1.5;font-size:3rem;font-weight:700}h5{font-size:2rem;line-height:1.5;margin-bottom:0;margin-top:0}a{color:#3d9cf7;transition:opacity .25s ease 0s;text-decoration:none}a:hover{opacity:.8}button{background:none;border-style:none}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0rem 3rem}.title-section{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.title-section>.title{margin-right:1rem}.title-section>button{display:flex;justify-content:center;align-items:center}.game-mode-nav>button{margin:0 1rem}.container{display:flex;flex-direction:column;min-height:100vh;background-color:#000;padding-bottom:3rem}.preview{min-height:50vh}body.modal-open #modal{display:block}#modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-dialog{display:none;background-color:#111;margin:auto;padding:20px;max-width:700px;border-radius:14px;border-style:none}.modal-dialog.active-modal{display:block}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1rem 1rem 0rem}.modal-close{background-color:rgba(0,0,0,0);height:auto;padding:.375rem;color:#666;transition:opacity .25s ease 0s}.modal-close:hover{opacity:.8}.modal-close>svg{width:1.5rem;height:1.5rem}.instruction-row{margin-bottom:1rem;line-height:1.5em}.instructions-body{margin-bottom:2rem}.instructions-body>h3{margin-top:2rem}.result-pattern{text-align:center;font-size:2rem;margin-bottom:1rem}.results-modal p{text-align:center;font-size:1rem;margin-top:0;margin-bottom:0}.results-modal .solution{font-size:2rem;letter-spacing:.05em;font-weight:bold}.results-modal .action-section{margin:4rem auto 1rem auto}.action-section{display:flex;justify-content:center}.action-section .action-button{margin-left:20px;margin-right:20px}.action-button.primary{--button-color-primary: var(--primary)}.action-button.error{--button-color-primary: var(--error)}.action-button.secondary{--button-color-primary: var(--secondary)}.action-button{height:2.5rem;padding-right:.875rem;padding-left:.875rem;width:auto;min-width:12rem;font-size:.875rem;border-radius:12px;outline-offset:2px;outline-color:var(--button-color-primary)}.action-button:hover{opacity:.85}.action-button:focus{outline-style:solid}.action-button:active{transform:scale(0.97)}.action-button:disabled{transform:none;box-shadow:none;pointer-events:none}.action-button.solid{color:#fff;background-color:var(--button-color-primary)}.action-button.solid:disabled{background-color:#262626;color:#c9c9c9}.action-button.outlined{border-style:solid;border-color:var(--button-color-primary);color:var(--button-color-primary);background-color:rgba(0,0,0,0)}.guess-section{display:flex;flex-direction:column;margin-top:30px}.guess-row{display:flex;justify-content:center}.move-card{border-radius:.1rem;width:5rem;height:5rem;margin:5px;display:inline-flex;justify-content:center;align-items:center;line-height:2rem;font-size:2rem;font-weight:bold;text-align:center}.move-card[data-state=correct]{background-color:#28a745}.move-card[data-state=present]{background-color:#ffc107}.move-card[data-state=absent]{background-color:#6c757d}.move-card[data-state=empty]{background-color:#343a40}.move-card.move-card-preview{border-radius:.1rem;width:3rem;height:3rem;margin:4px;font-size:1.2rem}.move-card.move-card-preview-small{border-radius:.1rem;width:2rem;height:2rem;margin:0;line-height:2rem;font-size:.8rem}.submit-section{margin-top:20px}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;background-color:#343a40;color:#fff;text-align:center;border-radius:6px;padding:5px 10px;position:absolute;z-index:1;bottom:150%;left:50%;margin-left:-5.5rem;opacity:0;transition:opacity .3s}.tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#343a40 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.tooltip.visible .tooltiptext{visibility:visible;opacity:1}.tooltip.hover-tooltip:hover .tooltiptext{visibility:visible;opacity:1}.footer{display:flex;justify-content:center;margin-top:3rem}.icon-button{margin:0 .5rem}.label-with-icon{font-size:1.2rem;vertical-align:middle;display:inline-flex;gap:.5rem}
.switch-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:var(--primary)}input:focus+.slider{box-shadow:0 0 1px var(--primary)}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}
.radio-container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:50%}.radio-container:hover input~.checkmark{background-color:#ccc}.radio-container input:checked~.checkmark{background-color:var(--primary)}.checkmark:after{content:"";position:absolute;display:none}.radio-container input:checked~.checkmark:after{display:block}.radio-container .checkmark:after{top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:#fff}
body{--cube-color-blue: #001ca8;--cube-color-green: #006E16;--cube-color-white: #DDD;--cube-color-yellow: #E0AE00;--cube-color-orange: #FF5000;--cube-color-red: #DF0500}body.colorblind{--cube-color-blue: #332288;--cube-color-green: #117733;--cube-color-white: #DDD;--cube-color-yellow: #DDCC77;--cube-color-orange: #CC6677;--cube-color-red: #882255}#preventMouseHoverOnPageLoad{display:none !important}.cube{width:100%;height:100%}@font-face{font-family:"RubikExtended";src:url(3044ba1d31eae0a0019f.ttf) format("truetype"),url(c2a260c71d8a9b6ddcb8.otf) format("otf");font-weight:normal;font-style:normal}.faceLabel{display:none;position:absolute;font-size:60px;text-align:center;font-family:"RubikExtended";text-shadow:0 0 24px rgba(0,0,0,.3);color:#fff}.cube .cubelet{width:1em;height:1em;position:absolute;box-sizing:border-box}.cube .face{position:absolute;width:1em;height:1em;background-color:#000;text-align:center;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;padding:.05em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.cube .face.faceIntroverted{background-color:#000}.cube .face.faceTransparent{background-color:rgba(0,0,0,0)}.purty .face{opacity:.5}.purty .face.faceFront{background-color:var(--cube-color-white)}.purty .face.faceUp{background-color:var(--cube-color-orange)}.purty .face.faceRight{background-color:var(--cube-color-blue)}.purty .face.faceDown{background-color:var(--cube-color-red)}.purty .face.faceLeft{background-color:var(--cube-color-green)}.purty .face.faceBack{background-color:var(--cube-color-yellow)}.cube .face>.wireframe{display:none;position:absolute;width:140px;height:140px;background-color:rgba(255,255,255,.05)}.cube .sticker{width:100%;height:100%;background-color:#f0f;border-radius:.1em;text-align:center}.cube .sticker.red{background:var(--cube-color-red)}.cube .sticker.white{background:var(--cube-color-white)}.cube .sticker.blue{background:var(--cube-color-blue)}.cube .sticker.green{background:var(--cube-color-green)}.cube .sticker.orange{background:var(--cube-color-orange)}.cube .sticker.yellow{background:var(--cube-color-yellow)}.cube .sticker.stickerLogo{background:#f3f3f3 url(088d863a0e6051a80226.png);background-size:100% 100%;background-repeat:none}.cube .face>.id{display:none;position:absolute;z-index:1000;width:90%;height:90%;font-size:1em;line-height:.9em;text-align:center;color:#000}.cube .face>.id>.underline{border-bottom:1px solid #000}.cube .face.faceIntroverted>.id{color:#fefefe}.cube .face.faceIntroverted>.id>.underline{border-bottom:1px solid #fefefe}.cube .face>.text{display:none;position:absolute;z-index:2000;width:100%;height:100%;text-align:center;color:#fff;font-family:"RubikExtended",sans-serif;font-size:1em;line-height:1em}