html{scroll-behavior:smooth}body{font-family:Montserrat,sans-serif;font-weight:400;font-size:14px;line-height:1.29;letter-spacing:-.02em;background-color:#3b3b3b;height:100%;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}ul{list-style-type:none;margin-top:0;margin-bottom:0;padding-left:0}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0;margin-bottom:0}img{display:block}.is-hidden{display:none}.header{position:absolute;top:0;left:0;display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 40px;opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.header.is-hidden{opacity:0;transform:translateY(-20px);pointer-events:none}#cube-container{width:100%;height:100vh}.logo{text-decoration:none;color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;display:flex;align-items:baseline;gap:12px}.logo-img{width:14px;height:14px}.header-open-btn{width:28px;height:28px;display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;line-height:0;padding:0;stroke:#fff;transition:stroke .25s cubic-bezier(.39,.575,.565,1)}.header-open-btn:hover,.header-open-btn:focus{stroke:#7fffd4}.main-nav{display:none}.solve-btn,.menu-btn{padding:10px 20px;color:#fff;border:none;font-size:15px;font-weight:600;letter-spacing:.5px;background-color:transparent;cursor:pointer;transition:transform .25s cubic-bezier(.39,.575,.565,1)}.cube-controls{position:absolute;bottom:20px;left:0;display:flex;justify-content:space-around;width:100%;transition:opacity .4s ease,transform .4s ease}.cube-controls.is-hidden{opacity:0;transform:translateY(30px);pointer-events:none}.solve-btn:hover,.menu-btn:hover,.control-btn:hover{transform:scale(1.2);color:#7fffd4;background-color:transparent;box-shadow:none}#solve-first-cross:disabled,#solve-first-corners:disabled,#solve-middle:disabled,#solve-third-cross-1:disabled,#solve-third-cross-2:disabled,#solve-third-corners-1:disabled,#solve-third-corners-2:disabled,#reset-btn:disabled,#scramble-btn:disabled,#solve-btn:disabled,#undo-btn:disabled,#redo-btn:disabled{color:gray;pointer-events:none}.control-btn{color:#fff;border:none;font-size:10px;font-weight:600;letter-spacing:.5px;background-color:transparent;cursor:pointer;transition:transform .25s cubic-bezier(.39,.575,.565,1)}@media screen and (min-width: 768px){.header-open-btn{display:none}.main-nav{display:block}.cube-controls{position:absolute;bottom:20px;left:0;display:flex;justify-content:center;gap:24px;width:100%;transition:opacity .4s ease,transform .4s ease}.control-btn{padding:10px 20px;color:#fff;border:none;font-size:15px;font-weight:600;letter-spacing:.5px;background-color:transparent;cursor:pointer;transition:transform .25s cubic-bezier(.39,.575,.565,1)}}@media screen and (min-width: 1024px){.header{align-items:baseline}.logo{font-size:24px}.logo-img{width:20px;height:20px}}.modal-overlay{position:fixed;background-color:#0003;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:999;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.modal-overlay.is-open{opacity:1;pointer-events:auto}.modal-menu-nav{position:fixed;top:0;left:0;width:100%;height:100%;background:#1e1e1ef7;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 10px 35px #00000073;line-height:1.5;z-index:1000;animation:helpFade .5s ease;display:flex;justify-content:center;align-items:center}.modal-menu-nav.is-hidden{display:none}.header-close-btn{position:absolute;top:20px;right:20px;stroke:#fff;background-color:transparent;line-height:0;border:none;transition:stroke .25s cubic-bezier(.39,.575,.565,1)}.header-close-btn:hover,.header-close-btn:focus{stroke:#7fffd4}.modal-menu-nav-list{display:flex;flex-direction:column;gap:40px}.modal-help{position:fixed;top:0;left:0;width:100%;height:100%;padding:20px;background:#1e1e1ef7;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 10px 35px #00000073;line-height:1.5;animation:helpFade .5s ease;overflow-y:auto;z-index:99}.modal-help::-webkit-scrollbar{width:10px}.modal-help::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:20px}@keyframes helpFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.title-second{margin-bottom:16px;text-align:center;font-size:20px;font-weight:600;color:#fff}.help-section{margin-bottom:18px}.help-section:last-child{margin-bottom:0}.title-third{margin-bottom:8px;color:#ffd54a;font-size:15px;font-weight:600}.modal-help .main-text{margin-bottom:14px}.main-text{margin-bottom:4px;color:#fff}.help-item{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.05)}.help-item:last-child{border-bottom:none}.span{font-weight:600;color:#8fd3ff}.modal-close-btn{position:absolute;top:20px;right:20px;width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:#fff;cursor:pointer;font-size:18px;transition:transform .25s cubic-bezier(.39,.575,.565,1),color .25s cubic-bezier(.39,.575,.565,1)}.modal-close-btn:hover,.modal-close-btn:focus{transform:scale(1.2);background-color:transparent;color:#7fffd4}@media screen and (min-width: 768px){.modal-help{top:20px;left:unset;right:20px;width:320px;padding:20px}}.modal-description{position:fixed;top:0;left:0%;width:100%;max-height:100%;overflow-y:auto;padding:28px;border-radius:16px;background-color:#1c1c1ccc;color:#f5f5f5;box-shadow:0 15px 45px #00000080;border:1px solid rgba(255,255,255,.08);z-index:99}.modal-description::-webkit-scrollbar{width:10px}.modal-description::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:20px}.modal-description .title-third{margin-top:20px}.modal-description-list{margin-left:40px;line-height:1.8}.modal-description li{list-style:disc}.modal-description a{color:#58a6ff;text-decoration:none}.modal-description a:hover{text-decoration:underline}.description-footer{margin-top:32px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);text-align:center;line-height:1.7;font-size:15px;padding-bottom:16px}.description-version{margin-top:28px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);text-align:center;font-size:12px;color:#ffffff73}@media screen and (min-width: 768px){.modal-description{top:20px;left:50%;transform:translate(-50%);width:720px;max-height:95vh}}.modal-settings{position:fixed;top:0;left:0;width:100%;height:100%;padding:100px 20px;border-radius:16px;background:#1c1c1ccc;border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 45px #00000080;color:#f5f5f5}.settings-group{margin-bottom:40px;border:none;padding:0}.settings-group legend{margin-bottom:12px;font-size:18px;color:#8fd3ff;font-size:15px;font-weight:600}.radio-group{display:flex;justify-content:space-between}.radio-group input{display:none}.radio-group label{width:28px;height:28px;display:flex;justify-content:center;align-items:center;border-radius:8px;background-color:#3b3b3b;cursor:pointer;transition:.25s;-webkit-user-select:none;user-select:none}.radio-group label:hover{background:#555}.radio-group input:checked+label{background:#ffd54a;color:#111;font-weight:700;transform:scale(1.08)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:16px}.checkbox-label input{width:18px;height:18px;cursor:pointer}@media screen and (min-width: 768px){.modal-settings{top:unset;left:unset;top:50%;left:50%;transform:translate(-50%,-50%);width:560px;max-height:500px;padding:28px}.radio-group label{width:38px;height:38px;display:flex;justify-content:center;align-items:center;border-radius:8px;background-color:#3b3b3b;cursor:pointer;transition:.25s;-webkit-user-select:none;user-select:none}}.modal-guide{position:fixed;top:0;left:0;width:100%;height:100%;background:#1c1c1ccc;border-radius:20px;box-shadow:0 20px 50px #00000059;flex-direction:column;overflow:hidden;z-index:1000;padding-top:20px}.modal-guide:not(.is-hidden){display:flex}.guide-header-tools{position:absolute;top:14px;right:14px;display:flex;align-items:baseline;gap:10px;margin-right:12px}.modal-guide-close-btn{width:28px;height:28px;border:none;border-radius:50%;background-color:transparent;color:#fff;cursor:pointer;font-size:18px;transition:transform .25s cubic-bezier(.39,.575,.565,1),color .25s cubic-bezier(.39,.575,.565,1)}.modal-guide-close-btn:hover,.modal-guide-close-btn:focus{transform:scale(1.2);background-color:transparent;color:#7fffd4}#lang-btn{width:38px;height:38px;border:none;border-radius:50%;color:#fff;font-size:22px;background-color:transparent;cursor:pointer;transition:transform .25s cubic-bezier(.39,.575,.565,1),color .25s cubic-bezier(.39,.575,.565,1)}#lang-btn:hover,#lang-btn:focus{transform:scale(1.2);background-color:transparent;color:#7fffd4}.guide-content{flex:1;overflow-y:auto;padding:48px 40px 24px}.guide-content::-webkit-scrollbar{width:10px}.guide-content::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:20px}.guide-navigation{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;background-color:#1c1c1ccc;border-top:1px solid #00050b}.guide-navigation button{min-width:140px;height:44px;border:none;border-radius:10px;background-color:transparent;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:.2s}.guide-navigation button:hover:not(:disabled){transform:scale(1.2);color:#7fffd4}.guide-navigation button:disabled{opacity:.4;cursor:default}#guide-counter{font-size:20px;font-weight:700;color:#fff}.guide-page{max-width:760px;margin:0 auto}.guide-page .main-text{margin-bottom:12px}@media screen and (min-width: 768px){.modal-guide{top:20px;left:50%;transform:translate(-50%);width:768px;height:90vh}}@media screen and (min-width: 1024px){.modal-guide{position:fixed;top:20px;left:50%;transform:translate(-50%);width:900px;height:90vh}}.cube-guide{position:relative;width:80px;height:120px;margin:0 auto 40px}.face{position:absolute;display:grid;grid-template-columns:repeat(3,18px);grid-template-rows:repeat(3,18px);gap:2px}.sticker{width:18px;height:18px;background:gray;border:2px solid #2f2f2f;border-radius:3px;box-sizing:border-box}.up{left:0;top:0;transform:skew(-40deg,10deg) scaleY(.5);transform-origin:bottom left}.front{left:0;top:60px;transform:skewY(10deg);transform-origin:top left}.right{left:60px;top:70px;transform:skewY(-50deg) scaleX(.43);transform-origin:top left}@media screen and (min-width: 768px){.cube-guide{width:120px;height:230px}.face{grid-template-columns:repeat(3,28px);grid-template-rows:repeat(3,28px)}.sticker{width:28px;height:28px}.front{top:90px}.right{left:90px;top:105px}}.cube-label{position:absolute;bottom:-40px;left:0;transform:translateY(-50%);font-family:monospace;font-size:16px;font-weight:600;color:#8fd3ff;white-space:nowrap}.cube-row{display:flex;flex-direction:row;column-gap:100px;row-gap:0;flex-wrap:wrap}.formula-arrow{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:60px;height:21px;padding:0 8px;background:#4a90e2;color:#fff;font-family:monospace;font-size:18px;font-weight:600;border-radius:6px 0 0 6px}.formula-arrow:after{content:"";position:absolute;right:-22px;width:0;height:0;border-top:21px solid transparent;border-bottom:21px solid transparent;border-left:24px solid #4a90e2}.formula2-arrow{position:relative;display:inline-flex;align-items:center;justify-content:center;width:62px;height:50px;padding:0 30px 0 26px;background:#4a90e2;color:#fff;font-family:monospace;font-size:18px;font-weight:600;border-radius:6px 0 0 6px}.formula2-arrow:after{content:"";position:absolute;top:50%;right:-22px;transform:translateY(-50%);width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:24px solid #4a90e2}.span-arrow{font-size:12px}@media screen and (min-width: 768px){.span-arrow{font-size:18px}.formula-arrow{min-width:80px;height:34px;padding:0 30px 0 16px}.formula2-arrow{width:80px;height:52px}}.cube-row-arrow{display:flex;justify-content:space-around;align-items:center;flex-direction:row;flex-wrap:nowrap}.arrow-right{position:relative;width:80px;height:2px;background:#fff}.arrow-right:after{content:"";position:absolute;right:-1px;top:50%;width:12px;height:12px;border-top:2px solid #ffffff;border-right:2px solid #ffffff;transform:translateY(-50%) rotate(45deg)}.loader-cube{position:fixed;bottom:0;background:#1c1c1c99;border-radius:20px;box-shadow:0 20px 50px #00000059;width:100%;height:100vh;z-index:6}#cube-loader-vis{display:grid;min-height:210px;place-items:center;perspective:700px}#cube-loader-vis .view{position:relative;width:82px;height:82px;transform-style:preserve-3d;transform:rotateX(-28deg) rotateY(38deg)}#cube-loader-vis .cube,#cube-loader-vis .turn-group{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}#cube-loader-vis .cubie{position:absolute;left:27px;top:27px;width:28px;height:28px;transform-style:preserve-3d}#cube-loader-vis .sticker{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;backface-visibility:hidden;filter:saturate(1.8) contrast(1.16) brightness(1.12)}#cube-loader-vis .f{transform:translateZ(14px);background:#e53935}#cube-loader-vis .b{transform:rotateY(180deg) translateZ(14px);background:#ff9800}#cube-loader-vis .r{transform:rotateY(90deg) translateZ(14px);background:#1976d2}#cube-loader-vis .l{transform:rotateY(-90deg) translateZ(14px);background:#43a047}#cube-loader-vis .u{transform:rotateX(90deg) translateZ(14px);background:#fdd835}#cube-loader-vis .d{transform:rotateX(-90deg) translateZ(14px);background:#fafafa}#cube-loader-vis .turn-group{transition:transform .9s cubic-bezier(.38,0,.22,1);will-change:transform}@media (prefers-reduced-motion: reduce){#cube-loader-vis .turn-group{transition:none}}#cube-loader-vis .cube,#cube-loader-vis .turn-group{transform-origin:41px 41px}#cube-loader-vis .cubie{transform-origin:14px 14px}#cube-loader-vis.is-hidden{display:none}.solve-list{position:absolute;top:50%;transform:translateY(-50%);right:4px}@media screen and (min-width: 768px){.solve-list{position:absolute;top:50%;transform:translateY(-50%);right:80px}}