@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";._container_1nudb_1{display:flex;flex-direction:column;min-height:100dvh;max-height:100%;gap:var(--spacing-lg, 24px);align-items:center;justify-content:center;padding:var(--spacing-md, 16px)}._controls_1nudb_12{display:grid;gap:var(--spacing-sm, 8px);grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,36px)}._colorButton_1nudb_19{border:2px solid var(--color-border-dark, #000);cursor:pointer}._colorButton_1nudb_19:hover{border:2px solid var(--color-background-white, #fff)}._movesColumn_1nudb_28{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px)}._movesRow_1nudb_34{display:flex;flex-direction:row;gap:var(--spacing-sm, 8px)}._moveButton_1nudb_40{aspect-ratio:1 / 1;min-width:32px;border:solid 1px var(--color-border-gray, #808080);border-radius:8px;cursor:pointer;background-color:var(--color-background-white, #fff);transition:all .2s ease;font-size:var(--font-size-button-small, .9rem)}._moveButton_1nudb_40:hover{background-color:var(--color-hover-light, #dcdcdc)}._cubeWrapper_1nudb_55{padding:var(--spacing-xl, 48px)}._cubeContainer_1nudb_59{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg, 24px)}._cube_1nudb_55{position:relative;width:156px;height:156px;transform-style:preserve-3d;transition:transform .5s ease-in-out}._face_1nudb_74{position:absolute;width:156px;height:156px;display:grid;background:var(--color-text-dark, #000);grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}._faceArrow_1nudb_84{position:absolute;width:120px;height:120px;opacity:.8;pointer-events:none;z-index:20;transform-origin:center}._sticker_1nudb_94{width:49px;height:49px;margin:1px;border-radius:4px;border:1px solid var(--color-border-dark, #000);box-shadow:0 0 5px var(--color-shadow-light, rgba(0, 0, 0, .1));cursor:pointer;transition:background-color .3s ease;position:relative}._colorIndicator_1nudb_106{position:absolute;bottom:10%;right:10%;width:18px;height:18px;background-color:transparent;border-top-left-radius:100%}._sticker_1nudb_94:hover{box-shadow:inset 0 0 10px var(--color-shadow-dark, rgba(0, 0, 0, .6))}._up_1nudb_120{transform:rotateX(90deg) translateZ(78px)}._left_1nudb_123{transform:rotateY(-90deg) translateZ(78px)}._front_1nudb_126{transform:translateZ(78px)}._right_1nudb_129{transform:rotateY(90deg) translateZ(78px)}._back_1nudb_132{transform:rotateY(180deg) translateZ(78px)}._down_1nudb_135{transform:rotateX(-90deg) translateZ(78px)}._rotationButtons_1nudb_139{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-md, 16px)}._rotationButton_1nudb_139{aspect-ratio:1 / 1;min-width:32px;border:none;border-radius:8px;cursor:pointer;background-color:var(--color-background-white, #fff)}._actionsRow_1nudb_156{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-md, 12px)}._actionButton_1nudb_165{padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);border:solid 1px var(--color-border-gray, #808080);border-radius:8px;cursor:pointer;background-color:var(--color-background-white, #fff);transition:all .2s ease;font-size:var(--font-size-button, 1rem)}._actionButton_1nudb_165:hover{background-color:var(--color-hover-light, #dcdcdc)}._displayContainer_1nudb_179{display:flex;flex-direction:column;align-items:center}._solution_1nudb_185{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);align-items:center;padding:var(--spacing-md, 12px);border-radius:8px;font-size:var(--font-size-h3);text-align:center;max-width:500px;width:100%}._solutionContainer_1nudb_198{min-height:80px;transition:opacity .4s ease;opacity:1;display:flex;align-items:center;justify-content:center;flex-direction:column}._hidden_1nudb_208{opacity:0}._solutionSlider_1nudb_212{max-width:450px;width:100%;margin:var(--spacing-md, 16px) 0}._solutionMoves_1nudb_218{display:flex;flex-wrap:wrap;gap:var(--spacing-xs, 6px);justify-content:center;max-width:450px}._solutionMove_1nudb_218{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);border:1px solid var(--color-border-default, #ccc);border-radius:4px;background-color:var(--color-background-light, #f9f9f9);font-size:var(--font-size-small);transition:all .2s ease;min-height:36px;min-width:36px}._activeMove_1nudb_240{border:1px solid var(--color-active-border, #007bff);background-color:var(--color-active-bg, #e7f1ff)}._completedMove_1nudb_245{border:1px solid var(--color-success-border, #4caf50);background-color:var(--color-success-bg, #e8f5e9)}._pulse_1nudb_250{animation:_pulse_1nudb_250 1s ease-in-out}@keyframes _pulse_1nudb_250{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}._instructions_1nudb_260{text-align:center;max-width:50%;padding:var(--spacing-md, 12px);border:1px solid var(--color-border-default, #ccc);border-radius:8px;background-color:var(--color-background-light, #f9f9f9);font-size:var(--font-size-p);text-wrap:balance}._scannerWrapper_1nudb_271{display:flex;flex-direction:row;gap:var(--spacing-lg, 24px);align-items:center;justify-content:center;flex-wrap:wrap}._videoContainer_1nudb_280{position:relative;max-width:640px;width:100%;height:auto;aspect-ratio:4 / 3}._videoBox_1nudb_288{position:relative;width:100%;padding-top:75%;overflow:hidden;border-radius:8px}._surface_1nudb_296{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}._video_1nudb_280{width:100%;height:100%;object-fit:cover}._canvas_1nudb_310{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}._colorGrid_1nudb_319{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);gap:var(--spacing-xs, 4px);margin-top:var(--spacing-md, 16px)}._colorCell_1nudb_327{border:1px solid var(--color-border-dark, #000);border-radius:4px}._confirmationContainer_1nudb_332{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md, 16px);margin-top:var(--spacing-md, 16px)}._confirmationGrid_1nudb_340{display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,60px);gap:var(--spacing-xs, 4px)}._confirmationCell_1nudb_347{border:2px solid var(--color-border-dark, #000);border-radius:4px;cursor:pointer;transition:border-color .2s ease}._confirmationCell_1nudb_347:hover{border-color:var(--color-active-border, #007bff)}._confirmationButtons_1nudb_358{display:flex;gap:var(--spacing-md, 12px)}@media screen and (max-width: 992px){._container_1nudb_1{padding:var(--spacing-md, 12px);width:100dvw}._cubeWrapper_1nudb_55{padding:var(--spacing-lg, 32px)}._cube_1nudb_55,._face_1nudb_74{width:120px;height:120px}._sticker_1nudb_94{width:37px;height:37px}._faceArrow_1nudb_84{width:90px;height:90px}._colorIndicator_1nudb_106{width:14px;height:14px}._up_1nudb_120{transform:rotateX(90deg) translateZ(60px)}._left_1nudb_123{transform:rotateY(-90deg) translateZ(60px)}._front_1nudb_126{transform:translateZ(60px)}._right_1nudb_129{transform:rotateY(90deg) translateZ(60px)}._back_1nudb_132{transform:rotateY(180deg) translateZ(60px)}._down_1nudb_135{transform:rotateX(-90deg) translateZ(60px)}._actionButton_1nudb_165{padding:var(--spacing-xs, 6px) var(--spacing-md, 12px);font-size:var(--font-size-button-small, .9rem)}._scannerWrapper_1nudb_271{flex-direction:column;gap:var(--spacing-md, 16px)}._videoContainer_1nudb_280{max-width:480px}._confirmationGrid_1nudb_340{grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px)}._colorGrid_1nudb_319{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px)}._solution_1nudb_185{font-size:var(--font-size-h3);max-width:400px}}@media screen and (max-width: 768px){._container_1nudb_1{padding:var(--spacing-lg);gap:var(--spacing-md, 16px)}._cubeWrapper_1nudb_55{padding:var(--spacing-lg, 24px)}._cube_1nudb_55,._face_1nudb_74{width:100px;height:100px}._sticker_1nudb_94{width:31px;height:31px;margin:.5px}._faceArrow_1nudb_84{width:80px;height:80px}._colorIndicator_1nudb_106{width:12px;height:12px}._up_1nudb_120{transform:rotateX(90deg) translateZ(50px)}._left_1nudb_123{transform:rotateY(-90deg) translateZ(50px)}._front_1nudb_126{transform:translateZ(50px)}._right_1nudb_129{transform:rotateY(90deg) translateZ(50px)}._back_1nudb_132{transform:rotateY(180deg) translateZ(50px)}._down_1nudb_135{transform:rotateX(-90deg) translateZ(50px)}._controls_1nudb_12{grid-template-columns:repeat(3,32px);grid-template-rows:repeat(2,32px);gap:var(--spacing-xs, 6px)}._moveButton_1nudb_40{min-width:28px;font-size:var(--font-size-xsmall)}._rotationButtons_1nudb_139{gap:var(--spacing-md, 12px)}._rotationButton_1nudb_139{min-width:28px}._actionsRow_1nudb_156{flex-direction:column;gap:var(--spacing-sm, 8px)}._actionButton_1nudb_165{width:100%;max-width:208px;font-size:var(--font-size-button-small, .8rem)}._scannerWrapper_1nudb_271{flex-direction:column;gap:var(--spacing-md, 12px)}._videoContainer_1nudb_280{max-width:100%}._video_1nudb_280{width:100%;height:auto}._canvas_1nudb_310{width:100%;height:100%}._confirmationContainer_1nudb_332{gap:var(--spacing-md, 12px)}._confirmationGrid_1nudb_340{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:var(--spacing-xs, 3px)}._confirmationButtons_1nudb_358{flex-direction:column;gap:var(--spacing-sm, 8px);width:100%}._confirmationButtons_1nudb_358 ._actionButton_1nudb_165{width:100%}._colorGrid_1nudb_319{grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,32px);gap:var(--spacing-xs, 3px);margin-top:var(--spacing-md, 12px)}._instructions_1nudb_260{font-size:var(--font-size-small);padding:var(--spacing-sm, 8px)}._solution_1nudb_185{font-size:var(--font-size-h3);max-width:300px;padding:var(--spacing-sm, 8px)}._solutionSlider_1nudb_212{max-width:280px}._solutionMoves_1nudb_218{max-width:280px;gap:var(--spacing-xs, 4px)}._solutionMove_1nudb_218{font-size:var(--font-size-xsmall);min-height:32px;min-width:32px}}._container_c4zh2_1{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:var(--spacing-lg, 24px);background-color:var(--color-background-white, #fff);padding:var(--spacing-md, 16px);text-align:center}._title_c4zh2_13{font-size:var(--font-size-h1, 2.5rem);font-weight:var(--font-weight-bold, 700);color:var(--color-text-dark, #000)}._message_c4zh2_19{font-size:var(--font-size-p, 1rem);color:var(--color-text-dark, #000)}._actionButton_c4zh2_24{padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);border:solid 1px var(--color-border-gray, #808080);border-radius:8px;cursor:pointer;background-color:var(--color-background-white, #fff);transition:all .2s ease;font-size:var(--font-size-button, 1rem)}._actionButton_c4zh2_24:hover{background-color:var(--color-hover-light, #dcdcdc)}@media screen and (max-width: 992px){._container_c4zh2_1{padding:var(--spacing-md, 12px)}._actionButton_c4zh2_24{padding:var(--spacing-xs, 6px) var(--spacing-md, 12px);font-size:var(--font-size-button-small, .9rem)}}@media screen and (max-width: 768px){._container_c4zh2_1{padding:var(--spacing-sm, 8px);gap:var(--spacing-md, 16px)}._title_c4zh2_13{font-size:var(--font-size-h2, 1.6rem)}._message_c4zh2_19{font-size:var(--font-size-small, .9rem)}._actionButton_c4zh2_24{width:100%;max-width:208px;font-size:var(--font-size-button-small, .8rem)}}._app_a78qr_1{min-height:100dvh;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--font-size-p);background-color:var(--color-background-white, #fff)}:root{--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.5rem;--font-size-p: 1rem;--font-size-small: .9rem;--font-size-xsmall: .8rem;--font-size-button: 1rem;--font-size-button-small: .9rem;--font-weight-bold: 700;--font-weight-regular: 400;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 48px}@media screen and (max-width: 992px){:root{--font-size-h1: 2.2rem;--font-size-h2: 1.8rem;--font-size-h3: 1.3rem;--font-size-p: .95rem;--font-size-small: .9rem;--font-size-xsmall: .8rem;--font-size-button: .95rem;--font-size-button-small: .9rem}}@media screen and (max-width: 768px){:root{--font-size-h1: 2rem;--font-size-h2: 1.6rem;--font-size-h3: 1.2rem;--font-size-p: .9rem;--font-size-small: .9rem;--font-size-xsmall: .8rem;--font-size-button: .9rem;--font-size-button-small: .9rem}}:root{--color-background-light: #f9f9f9;--color-background-white: #fff;--color-border-default: #ccc;--color-border-dark: #000;--color-border-gray: #808080;--color-hover-light: #dcdcdc;--color-success-bg: #e8f5e9;--color-success-border: #4caf50;--color-active-bg: #e7f1ff;--color-active-border: #007bff;--color-text-dark: #000;--color-shadow-light: rgba(0, 0, 0, .1);--color-shadow-dark: rgba(0, 0, 0, .6)}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold)}h4{font-size:var(--font-size-p);font-weight:var(--font-weight-bold)}h5{font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}h6{font-size:var(--font-size-xsmall);font-weight:var(--font-weight-bold)}p{font-size:var(--font-size-p);font-weight:var(--font-weight-regular)}*{padding:0;margin:0;font-family:Rubik,sans-serif;font-optical-sizing:auto;border:0;scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}:focus,:active{outline:none}a,a:link,a:visited{display:inline-block;color:inherit;text-decoration:none}a:focus,a:active{outline:none}a:hover{color:inherit;text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;max-height:100%}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration,input::-ms-clear{display:none}button{display:inline-block;cursor:pointer;background:none;background-color:transparent;box-shadow:none}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}
