.cube-progress{margin:12px auto 4px;max-width:420px;width:100%}.cube-progress-track{height:10px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);overflow:hidden}.cube-progress-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#0af,#0fc);transition:width .4s ease;box-shadow:0 0 12px #00ffcc80}.cube-progress-fill.done{background:linear-gradient(90deg,#0f9,#7cfc00);box-shadow:0 0 16px #00ff99b3}.cube-progress-label{margin-top:6px;font-size:14px;font-weight:700;color:#cdefff;font-family:Segoe UI,monospace}.hint-bar{margin:10px auto 0;display:inline-block;padding:9px 20px;border-radius:20px;font-size:15px;font-family:Segoe UI,sans-serif;border:1px solid rgba(0,255,255,.3);background:#00ffff14;color:#d8f6ff}.hint-bar b{color:#0ff;font-family:Segoe UI,monospace;text-shadow:0 0 10px rgba(0,255,255,.6)}.hint-bar.win{border-color:#00ff9980;background:#00ff991f;color:#0f9;font-weight:700;text-shadow:0 0 12px rgba(0,255,153,.5)}.hint-btn{margin:10px auto 0;padding:9px 22px;border-radius:20px;border:1px solid rgba(255,215,0,.4);background:#ffd7001f;color:gold;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease}.hint-btn:hover{background:#ffd70038}.difficulty-selector{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:8px auto 18px;max-width:480px}.difficulty-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#cdefff;cursor:pointer;transition:all .2s ease;flex:1 1 0;min-width:96px}.difficulty-btn .difficulty-label{font-weight:700;font-size:15px}.difficulty-btn .difficulty-desc{font-size:11px;opacity:.7}.difficulty-btn.active{border-color:#0ff9;background:#00ffff24;color:#0ff;box-shadow:0 4px 16px #00ffff38}.pyra-note{margin:18px auto;max-width:460px;padding:14px 18px;border-radius:16px;border:1px solid rgba(255,215,0,.3);background:#ffd70014;color:#ffe680;font-size:14px;text-align:center}.cube-options{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin:6px auto 14px;max-width:520px}.option-group{display:flex;flex-direction:column;align-items:center;gap:6px}.option-title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#0ff9;font-weight:700}.option-row{display:flex;gap:8px}.option-btn{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:58px;padding:8px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#cdefff;cursor:pointer;transition:all .2s ease}.option-btn .option-label{font-weight:700;font-size:15px}.option-btn .option-emoji{font-size:18px;line-height:1.1}.option-btn .option-desc{font-size:10px;opacity:.7}.option-btn.active{border-color:#0ff9;background:#00ffff24;color:#0ff;box-shadow:0 4px 14px #00ffff38}@keyframes hintPulse{0%,to{box-shadow:0 0 10px #ffd70080;border-color:#ffd70099}50%{box-shadow:0 0 22px #ffd700e6;border-color:gold}}.glass-button.hint,.axis-tab.hint{border-color:#ffd700cc!important;color:#ffe680!important;animation:hintPulse 1.1s ease-in-out infinite}.rubik-container{text-align:center;padding:10px;width:100%;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#16213e,#0f2027,#2c5364);border-radius:24px;position:relative;overflow:visible}.rubik-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,170,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,85,255,.06) 0%,transparent 50%);pointer-events:none;z-index:1}.mobile-layout,.desktop-layout{position:relative;z-index:2}.mobile-layout{display:flex;flex-direction:column}.mobile-cube-section{flex-shrink:0;padding:12px 14px 16px;background:#0c0e1c;border-bottom:2px solid rgba(0,255,255,.35);box-shadow:0 10px 28px #0055ff47;border-radius:24px 24px 0 0;position:sticky;top:0;z-index:20}.mobile-controls-section{padding:18px 10px 8px;background:#0f0f23cc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:0 0 24px 24px}.desktop-layout{max-width:1200px;margin:0 auto;padding:30px;background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff1a}.cube-section{width:100%;max-width:600px;margin:0 auto}.mobile-main-buttons{display:flex;justify-content:center;gap:10px;margin:18px 0 14px}.compact-button{flex:1 1 0;min-width:0;padding:14px 8px;border-radius:18px;border:1px solid rgba(255,255,255,.2);font-weight:700;font-size:14px;white-space:nowrap;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a,inset 0 -1px #0000001a;position:relative;overflow:hidden}.compact-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.compact-button:hover:before{left:100%}.compact-button:active{transform:scale(.95);box-shadow:0 4px 16px #0000004d,inset 0 2px 4px #0003}.mobile-status{text-align:center;margin-top:15px}.last-move-mobile{color:#0fc;font-weight:700;font-size:16px;font-family:Segoe UI,monospace;background:#00ffcc14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:9px 22px;border-radius:25px;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(0,255,204,.2);box-shadow:0 8px 32px #00ffcc1a,inset 0 1px #ffffff1a}.last-move-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#0fc9;font-family:Segoe UI,sans-serif}.drag-hint{margin-top:10px;color:#7fbfff;font-size:13px;font-family:Segoe UI,sans-serif;opacity:.85}.main-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:40px 0}.main-button{padding:18px 35px;border-radius:25px;border:1px solid rgba(255,255,255,.15);font-weight:700;font-size:16px;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);min-width:160px;background:#ffffff0f;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 12px 40px #0003,inset 0 1px #ffffff1a,inset 0 -1px #0000001a;position:relative;overflow:hidden}.main-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s}.main-button:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0000004d,inset 0 1px #fff3}.main-button:hover:before{left:100%}.rotation-button.rotating{background:linear-gradient(135deg,#0f93,#00ff991a);border-color:#00ff994d;color:#0f9;text-shadow:0 0 10px currentColor}.rotation-button.stopped{background:linear-gradient(135deg,#c003,#cc00001a);border-color:#cc00004d;color:#f66;text-shadow:0 0 10px currentColor}.shuffle-button{background:linear-gradient(135deg,#05f3,#0055ff1a);border-color:#0055ff4d;color:#05f;text-shadow:0 0 10px currentColor}.reset-button{background:linear-gradient(135deg,#f503,#ff55001a);border-color:#ff55004d;color:#f50;text-shadow:0 0 10px currentColor}.status-info{margin:30px 0}.last-move{color:#cff;font-weight:700;font-size:18px;height:auto;font-family:Segoe UI,monospace;margin-bottom:20px;background:#ccffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:12px 25px;border-radius:20px;display:inline-block;border:1px solid rgba(204,255,255,.15);box-shadow:0 8px 32px #ccffff1a,inset 0 1px #ffffff1a}.keyboard-info{color:#6af;font-size:14px;font-family:Segoe UI,monospace;margin-bottom:25px;background:#66aaff0f;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:15px 20px;border-radius:15px;border:1px solid rgba(102,170,255,.15);box-shadow:0 8px 32px #66aaff1a,inset 0 1px #ffffff1a}.controls-container{display:flex;flex-direction:column;gap:25px;margin-top:40px}.controls-container.desktop{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:30px}.controls-container.mobile{max-width:100%;gap:16px;margin-top:6px}.controls-container.pyra{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px}.controls-container.pyra .pyra-vertex{flex:1 1 140px;max-width:190px;min-width:0;margin:0;padding:14px 12px;display:flex;flex-direction:column;align-items:center;gap:10px}.controls-container.pyra .pyra-vertex h3{margin:0}.pyra-swatches{display:flex;gap:6px}.pyra-swatch{width:16px;height:16px;border-radius:5px;border:1px solid rgba(255,255,255,.6);box-shadow:0 0 8px #0006}.controls-container.pyra .button-group{gap:10px}.controls-container.pyra .glass-button{min-width:52px;font-size:20px}.controls-container.mega{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px}.controls-container.mega .mega-face{flex:1 1 150px;max-width:230px;min-width:0;margin:0;padding:9px 10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.controls-container.mega .mega-face h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px}.mega-swatch{width:16px;height:16px;border-radius:5px;border:1px solid rgba(255,255,255,.6);box-shadow:0 0 8px #0006;flex-shrink:0}.controls-container.mega .button-group{gap:6px;flex-shrink:0}.controls-container.mega .glass-button{min-width:40px;font-size:18px;padding:8px}.layer-list{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.layer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 8px 14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.layer-label{font-weight:700;font-size:17px;color:#cfefff;min-width:34px;text-shadow:0 0 10px rgba(0,255,255,.25)}.layer-row .button-group{display:flex;gap:8px}.controls-container .layer-row .glass-button{min-width:46px;min-height:46px;padding:8px;font-size:19px}.axis-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:sticky;top:0;z-index:5;padding:4px 0}.axis-tab{padding:14px 8px;border-radius:16px;border:1px solid rgba(0,255,255,.25);background:#00ffff0f;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#cff;font-weight:700;font-size:15px;cursor:pointer;transition:all .25s ease}.axis-tab.active{background:#00ffff38;border-color:#0ff9;color:#0ff;text-shadow:0 0 12px #00ffff;box-shadow:0 6px 20px #00ffff40}.axis-section{background:#ffffff0a;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:25px;padding:25px;margin:15px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0003,inset 0 1px #ffffff1a,inset 0 -1px #0000001a;position:relative;overflow:hidden}.axis-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 50%,rgba(0,255,255,.02) 100%);pointer-events:none}.axis-section h3{color:#fff;margin:0 0 20px;font-size:22px;font-weight:600;text-shadow:0 0 20px rgba(255,255,255,.3);position:relative;z-index:1}.button-group{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;position:relative;z-index:1}.desktop .button-group{grid-template-columns:repeat(3,1fr)}.glass-button{background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:20px;color:#fff;padding:18px 12px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);font-size:13px;min-height:55px;box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff1a,inset 0 -1px #0000001a;position:relative;overflow:hidden;text-shadow:0 0 10px rgba(255,255,255,.5)}.glass-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.glass-button:focus-visible,.compact-button:focus-visible,.axis-tab:focus-visible,.main-button:focus-visible{outline:2px solid rgba(0,255,255,.75);outline-offset:2px}.desktop .glass-button{font-size:14px;padding:20px 15px}.glass-button:hover{background:#ffffff1f;transform:translateY(-3px);box-shadow:0 15px 50px #0055ff4d,inset 0 1px #fff3;border-color:#0ff6;color:#0ff;text-shadow:0 0 15px #00ffff}.glass-button:hover:before{left:100%}.glass-button:active{transform:scale(.95);background:#00ffff26;box-shadow:0 8px 25px #00ffff4d,inset 0 2px 4px #0003}@media (max-width: 768px){.rubik-container{padding:0}.axis-section{margin:10px;padding:20px;background:#ffffff08;border:1px solid rgba(0,255,255,.2)}.axis-section h3{font-size:18px;margin-bottom:15px;color:#0fc;text-shadow:0 0 15px #00ffcc}.glass-button{background:#00ffff14;border:1px solid rgba(0,255,255,.25);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);font-size:14px;padding:15px 10px;min-height:54px;color:#cff}.button-group{gap:10px}.compact-button{min-height:48px;font-size:14px;padding:12px 6px}.drag-hint{display:none}.cube-progress{margin:8px auto 2px}.hint-bar,.hint-btn{margin-top:8px;font-size:14px;padding:7px 16px}.difficulty-selector{margin:12px auto 14px}.mobile-status{margin-top:10px}.mobile-main-buttons{margin:12px 0 10px}.glass-button:active{background:#0ff3;transform:scale(.95);box-shadow:0 8px 25px #0ff6,inset 0 2px 4px #0003}}@media (max-width: 480px){.glass-button{font-size:14px;padding:18px 10px;min-height:58px}.compact-button{font-size:13px;padding:13px 4px}.axis-tab{font-size:14px;padding:13px 6px}}*{margin:0;padding:0;box-sizing:border-box}.app-container{min-height:100vh;width:100%;background:linear-gradient(135deg,#202f6d,#000);padding:3rem 1rem 2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow-x:clip;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.glow{position:fixed;width:300px;height:300px;filter:blur(80px);z-index:0;pointer-events:none}.glow.top{top:-20%;left:-10%;background:radial-gradient(circle,#31346188,transparent 70%)}.glow.bottom{bottom:-20%;right:-10%;background:radial-gradient(circle,#075dad88,transparent 70%)}.app-title{color:#00f0ff;font-size:3rem;text-shadow:0 0 8px rgba(0,255,255,.3);margin-bottom:2rem;z-index:1;text-align:center}.controls-wrapper{z-index:1;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem}.cube-wrapper{z-index:1;width:100%;display:flex;justify-content:center}@media (max-width: 768px){.app-container{padding:1.75rem .75rem 1.5rem}.app-title{font-size:2rem;margin-bottom:1.25rem}}@media (max-width: 480px){.app-title{font-size:1.6rem}}.player-panel{width:100%;display:flex;flex-direction:column;gap:12px;align-items:center}.player-form{display:flex;gap:8px;width:100%;max-width:360px}.player-input{flex:1 1 auto;min-width:0;padding:11px 16px;border-radius:14px;border:1px solid rgba(0,255,255,.25);background:#ffffff0f;color:#eaffff;font-size:15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.player-input::placeholder{color:#ccffff73}.player-input:focus{border-color:#0ff9;box-shadow:0 0 14px #0ff3}.player-add-btn{flex:0 0 auto;padding:11px 18px;border-radius:14px;border:1px solid rgba(0,255,153,.4);background:linear-gradient(135deg,#00ff9940,#00ff991a);color:#0f9;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;text-shadow:0 0 8px rgba(0,255,153,.5)}.player-add-btn:hover:not(:disabled){background:linear-gradient(135deg,#0f96,#0f93)}.player-add-btn:disabled{opacity:.4;cursor:not-allowed}.player-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:420px}.player-chip{display:inline-flex;align-items:center;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;overflow:hidden;transition:all .2s ease}.player-chip.active{border-color:#0ff9;background:#00ffff24;box-shadow:0 4px 16px #00ffff38}.player-chip-name{padding:8px 6px 8px 14px;background:transparent;border:none;color:#cdefff;font-weight:600;font-size:14px;cursor:pointer}.player-chip.active .player-chip-name{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.6)}.player-chip-remove{padding:8px 12px 8px 6px;background:transparent;border:none;color:#fff6;font-size:12px;cursor:pointer;transition:color .2s ease}.player-chip-remove:hover{color:#ff6b6b}.cube-timer{text-align:center;color:#0ff;display:flex;flex-direction:column;align-items:center;gap:10px}.cube-timer-value{font-size:1.6rem;font-weight:700;font-family:Segoe UI,monospace;text-shadow:0 0 12px rgba(0,255,255,.4)}.cube-timer-buttons{display:flex;gap:10px}.timer-btn{padding:9px 20px;border-radius:12px;border:1px solid transparent;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease}.timer-btn.start{background:linear-gradient(135deg,#00ff9940,#00ff991a);border-color:#0f96;color:#0f9}.timer-btn.stop{background:linear-gradient(135deg,#cc000040,#cc00001a);border-color:#ff505066;color:#f66}.timer-btn.save{background:#ffffff14;border-color:#fff3;color:#d8f6ff}.timer-btn:hover:not(:disabled){filter:brightness(1.2)}.timer-btn:disabled{opacity:.4;cursor:not-allowed}.cube-timer-best{font-size:14px;color:gold;font-weight:600}.cube-timer-hint{font-size:13px;color:#ccffff8c}.leaderboard{z-index:1;width:100%;max-width:560px;margin:1.75rem auto 0;padding:20px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 40px #00000040,inset 0 1px #ffffff14}.leaderboard-title{color:#0ff;font-size:1.4rem;text-align:center;margin-bottom:16px;text-shadow:0 0 12px rgba(0,255,255,.35)}.leaderboard-empty{text-align:center;color:#cff9;font-size:14px;padding:10px 0}.leaderboard-table{width:100%;border-collapse:collapse;color:#d8f6ff}.leaderboard-table th,.leaderboard-table td{padding:11px 8px;text-align:center}.leaderboard-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#00ffffb3;border-bottom:1px solid rgba(0,255,255,.2);font-weight:700}.leaderboard-table tbody tr{border-bottom:1px solid rgba(255,255,255,.06)}.leaderboard-table tbody tr:last-child{border-bottom:none}.leaderboard-table .col-name{text-align:left;font-weight:600}.leaderboard-table .col-time{font-family:Segoe UI,monospace;font-weight:700;color:#0fc}.leaderboard-table .col-rank{width:44px;font-size:15px}.leaderboard-table .col-solves{width:84px;color:#d8f6ffbf}.leaderboard-table .row-current{background:#00ffff1a}.leaderboard-table .row-current .col-name{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}@media (max-width: 480px){.leaderboard{padding:14px}.leaderboard-table th,.leaderboard-table td{padding:10px 4px;font-size:14px}.leaderboard-table .col-solves{width:64px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus-visible{outline:2px solid rgba(0,255,255,.75);outline-offset:2px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}