@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Exo+2:wght@400;500;600;700&family=Rajdhani:wght@400;500;600;700&display=swap";.cube-controls{width:calc(100% - 40px);max-width:900px;margin:0 auto 20px;padding:25px;border-radius:var(--theme-border-radius, 20px);position:relative}.cube-controls.classic-controls{background:var(--comp-controls-bg, var(--ui-cursor-box));border:3px solid var(--comp-controls-border, var(--ui-cursor-border, var(--header-border-active)));border-radius:6px;box-shadow:var(--comp-controls-shadow, var(--theme-shadow-md)),inset 0 0 15px var(--header-button-bg-hover);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--comp-controls-text, var(--ui-cursor-text, var(--header-text)))}.cube-controls.classic-controls:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:6px;z-index:-1}.cube-controls.modern-controls{background:var(--comp-controls-bg, var(--ui-cursor-box));border:2px solid var(--comp-controls-border, var(--ui-cursor-border, var(--header-border)));box-shadow:var(--comp-controls-shadow, var(--theme-shadow-md)),inset 0 0 20px var(--header-button-bg-hover);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:var(--comp-controls-text, var(--ui-cursor-text, var(--header-text)))}.controls-grid{display:grid;gap:15px;max-width:800px;margin:0 auto}@media (min-width: 769px){.controls-grid{grid-template-columns:repeat(6,1fr);gap:6px}.control-btn{font-size:11px;padding:8px 4px;border-radius:20px;min-width:auto;border:1.5px solid}.control-btn:nth-child(1),.control-btn:nth-child(3),.control-btn:nth-child(5),.control-btn:nth-child(7),.control-btn:nth-child(9),.control-btn:nth-child(11){background:#fff!important;border-color:#fffc!important;color:#ff1493!important;text-shadow:none!important;font-weight:700}.control-btn:nth-child(2),.control-btn:nth-child(4),.control-btn:nth-child(6),.control-btn:nth-child(8),.control-btn:nth-child(10),.control-btn:nth-child(12){background:transparent!important;border-color:#fff6!important;color:#fff!important;text-shadow:0 0 8px rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.3)!important;font-weight:700}.classic-controls .control-btn:nth-child(1),.classic-controls .control-btn:nth-child(3),.classic-controls .control-btn:nth-child(5),.classic-controls .control-btn:nth-child(7),.classic-controls .control-btn:nth-child(9),.classic-controls .control-btn:nth-child(11),.modern-controls .control-btn:nth-child(1),.modern-controls .control-btn:nth-child(3),.modern-controls .control-btn:nth-child(5),.modern-controls .control-btn:nth-child(7),.modern-controls .control-btn:nth-child(9),.modern-controls .control-btn:nth-child(11){color:#ff1493!important;text-shadow:none!important;background:#fff!important}.classic-controls .control-btn:nth-child(2),.classic-controls .control-btn:nth-child(4),.classic-controls .control-btn:nth-child(6),.classic-controls .control-btn:nth-child(8),.classic-controls .control-btn:nth-child(10),.classic-controls .control-btn:nth-child(12),.modern-controls .control-btn:nth-child(2),.modern-controls .control-btn:nth-child(4),.modern-controls .control-btn:nth-child(6),.modern-controls .control-btn:nth-child(8),.modern-controls .control-btn:nth-child(10),.modern-controls .control-btn:nth-child(12){color:#fff!important;background:transparent!important}.classic-controls .control-btn.clockwise,.modern-controls .control-btn.clockwise,.classic-controls .control-btn.counter-clockwise,.modern-controls .control-btn.counter-clockwise{border-color:unset!important;text-shadow:unset!important}.control-btn:nth-child(1):hover:not(:disabled),.control-btn:nth-child(3):hover:not(:disabled),.control-btn:nth-child(5):hover:not(:disabled),.control-btn:nth-child(7):hover:not(:disabled),.control-btn:nth-child(9):hover:not(:disabled),.control-btn:nth-child(11):hover:not(:disabled){background:#ff1493!important;border-color:#ff1493!important;color:#fff!important;text-shadow:none!important;transform:translateY(-1px)}.control-btn:nth-child(2):hover:not(:disabled),.control-btn:nth-child(4):hover:not(:disabled),.control-btn:nth-child(6):hover:not(:disabled),.control-btn:nth-child(8):hover:not(:disabled),.control-btn:nth-child(10):hover:not(:disabled),.control-btn:nth-child(12):hover:not(:disabled){background:#ffffff26!important;border-color:#fff9!important;color:#fff!important;transform:translateY(-1px)}}.control-group{display:contents}.control-btn{flex:1;min-width:60px;padding:12px 16px;font-size:18px;font-family:Rajdhani,sans-serif;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.classic-controls .control-btn{color:var(--comp-controls-text, #e3f2fd)!important;text-shadow:0 0 10px rgba(33,150,243,1),0 0 20px rgba(33,150,243,.8),0 2px 4px rgba(0,0,0,.8),2px 2px 4px rgba(0,0,0,.5);font-weight:900}.classic-controls .control-btn:hover:not(:disabled){color:#fff!important;text-shadow:0 0 15px rgba(33,150,243,1),0 0 25px rgba(76,175,80,.9),0 0 35px rgba(33,150,243,.6),0 2px 4px rgba(0,0,0,.8)}.modern-controls .control-btn{color:var(--comp-controls-text, #ffffff)!important;text-shadow:0 0 10px rgba(255,20,147,1),0 0 20px rgba(255,20,147,.8),0 2px 4px rgba(0,0,0,.8),2px 2px 4px rgba(0,0,0,.5);font-weight:900}.modern-controls .control-btn:hover:not(:disabled){color:#fff!important;text-shadow:0 0 15px rgba(255,20,147,1),0 0 25px rgba(255,105,180,.9),0 0 35px rgba(255,20,147,.6),0 2px 4px rgba(0,0,0,.8)}.control-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.control-btn:hover:not(:disabled):before{width:300px;height:300px}.control-btn:hover:not(:disabled){transform:translateY(-2px)}.control-btn:active:not(:disabled){transform:scale(.95)}.control-btn:disabled{opacity:.4;cursor:not-allowed}@media (hover: none) and (pointer: coarse){.control-btn:active:not(:disabled){transform:scale(.95);background:linear-gradient(135deg,#ff149399,#ff69b499);box-shadow:0 4px 15px #ff14934d,0 0 15px #ff69b433}.control-btn.counter-clockwise:active:not(:disabled){background:linear-gradient(135deg,#ff69b499,#ff149399)}.control-btn.touch-active:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #ff149366,0 0 20px #ff69b44d;border-color:#ff1493;background:linear-gradient(135deg,#ff149380,#ff69b480)}}.classic-controls .control-btn.counter-clockwise{background:linear-gradient(135deg,#4caf504d,#2196f34d);border-color:#4caf5099;text-shadow:0 0 10px rgba(76,175,80,1),0 0 20px rgba(76,175,80,.8),0 2px 4px rgba(0,0,0,.8),2px 2px 4px rgba(0,0,0,.5);font-weight:900}.classic-controls .control-btn.counter-clockwise:hover:not(:disabled){background:linear-gradient(135deg,#4caf5080,#2196f380);border-color:#4caf50;color:#fff!important;text-shadow:0 0 15px rgba(76,175,80,1),0 0 25px rgba(33,150,243,.9),0 0 35px rgba(76,175,80,.6),0 2px 4px rgba(0,0,0,.8)}.modern-controls .control-btn.counter-clockwise{background:linear-gradient(135deg,#ff69b44d,#ff14934d);border-color:#ff69b480;color:#fff!important;text-shadow:0 0 10px rgba(255,105,180,1),0 0 20px rgba(255,105,180,.8),0 2px 4px rgba(0,0,0,.8),2px 2px 4px rgba(0,0,0,.5);font-weight:900}.modern-controls .control-btn.counter-clockwise:hover:not(:disabled){background:linear-gradient(135deg,#ff69b480,#ff149380);border-color:#ff69b4;color:#fff!important;text-shadow:0 0 15px rgba(255,105,180,1),0 0 25px rgba(255,20,147,.9),0 0 35px rgba(255,105,180,.6),0 2px 4px rgba(0,0,0,.8)}@media (max-width: 768px){.classic-controls .control-btn.clockwise{background:linear-gradient(135deg,#2196f34d,#4caf504d);border-color:#2196f399;color:#d0eaff!important;text-shadow:0 0 10px rgba(33,150,243,1),0 0 20px rgba(33,150,243,.8),0 2px 4px rgba(0,0,0,.8),2px 2px 4px rgba(0,0,0,.5);font-weight:900}.classic-controls .control-btn.clockwise:hover:not(:disabled){background:linear-gradient(135deg,#2196f380,#4caf5080);border-color:#2196f3;color:#fff!important;text-shadow:0 0 15px rgba(33,150,243,1),0 0 25px rgba(76,175,80,.9),0 0 35px rgba(33,150,243,.6),0 2px 4px rgba(0,0,0,.8)}.modern-controls .control-btn.clockwise{background:linear-gradient(135deg,#ff14934d,#00c9ff4d);border-color:#ff149380;color:#fff!important;text-shadow:0 0 10px rgba(255,20,147,1),0 0 20px rgba(0,201,255,.8),0 2px 4px rgba(0,0,0,.8),2px 2px 4px rgba(0,0,0,.5);font-weight:900}.modern-controls .control-btn.clockwise:hover:not(:disabled){background:linear-gradient(135deg,#ff149380,#00c9ff80);border-color:#ff1493;color:#fff!important;text-shadow:0 0 15px rgba(255,20,147,1),0 0 25px rgba(0,201,255,.9),0 0 35px rgba(255,20,147,.6),0 2px 4px rgba(0,0,0,.8)}}@media (max-width: 768px){.cube-controls{width:calc(100% - 20px);margin:0 auto 15px;padding:15px 12px;border-radius:15px;box-shadow:0 -4px 20px #ff149340,0 0 30px #ff69b426,0 4px 15px #0000004d,inset 0 0 15px #ff14931a}.controls-grid{grid-template-columns:repeat(6,1fr);gap:6px}.control-group{display:contents}.control-btn{font-size:11px;padding:8px 4px;border-radius:20px;min-width:auto;border:1.5px solid}.control-btn:nth-child(1),.control-btn:nth-child(3),.control-btn:nth-child(5),.control-btn:nth-child(7),.control-btn:nth-child(9),.control-btn:nth-child(11){background:#fff!important;border-color:#fffc!important;color:#ff1493!important;text-shadow:none!important;font-weight:700}.control-btn:nth-child(2),.control-btn:nth-child(4),.control-btn:nth-child(6),.control-btn:nth-child(8),.control-btn:nth-child(10),.control-btn:nth-child(12){background:transparent!important;border-color:#fff6!important;color:#fff!important;text-shadow:0 0 8px rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.3)!important;font-weight:700}.classic-controls .control-btn:nth-child(1),.classic-controls .control-btn:nth-child(3),.classic-controls .control-btn:nth-child(5),.classic-controls .control-btn:nth-child(7),.classic-controls .control-btn:nth-child(9),.classic-controls .control-btn:nth-child(11),.modern-controls .control-btn:nth-child(1),.modern-controls .control-btn:nth-child(3),.modern-controls .control-btn:nth-child(5),.modern-controls .control-btn:nth-child(7),.modern-controls .control-btn:nth-child(9),.modern-controls .control-btn:nth-child(11){color:#ff1493!important;text-shadow:none!important;background:#fff!important}.classic-controls .control-btn:nth-child(2),.classic-controls .control-btn:nth-child(4),.classic-controls .control-btn:nth-child(6),.classic-controls .control-btn:nth-child(8),.classic-controls .control-btn:nth-child(10),.classic-controls .control-btn:nth-child(12),.modern-controls .control-btn:nth-child(2),.modern-controls .control-btn:nth-child(4),.modern-controls .control-btn:nth-child(6),.modern-controls .control-btn:nth-child(8),.modern-controls .control-btn:nth-child(10),.modern-controls .control-btn:nth-child(12){color:#fff!important;background:transparent!important}.control-btn:nth-child(1):hover:not(:disabled),.control-btn:nth-child(3):hover:not(:disabled),.control-btn:nth-child(5):hover:not(:disabled),.control-btn:nth-child(7):hover:not(:disabled),.control-btn:nth-child(9):hover:not(:disabled),.control-btn:nth-child(11):hover:not(:disabled){background:#ff1493!important;border-color:#ff1493!important;color:#fff!important;text-shadow:none!important;transform:translateY(-1px)}.control-btn:nth-child(2):hover:not(:disabled),.control-btn:nth-child(4):hover:not(:disabled),.control-btn:nth-child(6):hover:not(:disabled),.control-btn:nth-child(8):hover:not(:disabled),.control-btn:nth-child(10):hover:not(:disabled),.control-btn:nth-child(12):hover:not(:disabled){background:#ffffff26!important;border-color:#fff9!important;color:#fff!important;transform:translateY(-1px)}}@media (max-width: 480px){.cube-controls{width:calc(100% - 15px);margin:0 auto 12px;padding:12px 8px;border-radius:12px}.controls-grid{grid-template-columns:repeat(6,1fr);gap:5px}.control-group{display:contents}.control-btn{font-size:10px;padding:7px 3px;border-radius:18px;letter-spacing:.3px;border:1.5px solid}.control-btn:nth-child(1),.control-btn:nth-child(3),.control-btn:nth-child(5),.control-btn:nth-child(7),.control-btn:nth-child(9),.control-btn:nth-child(11){background:#fff!important;border-color:#fffc!important;color:#ff1493!important;text-shadow:none!important;font-weight:700}.control-btn:nth-child(2),.control-btn:nth-child(4),.control-btn:nth-child(6),.control-btn:nth-child(8),.control-btn:nth-child(10),.control-btn:nth-child(12){background:transparent!important;border-color:#fff6!important;color:#fff!important;text-shadow:0 0 6px rgba(255,255,255,.4),0 1px 3px rgba(0,0,0,.3)!important;font-weight:700}.classic-controls .control-btn:nth-child(1),.classic-controls .control-btn:nth-child(3),.classic-controls .control-btn:nth-child(5),.classic-controls .control-btn:nth-child(7),.classic-controls .control-btn:nth-child(9),.classic-controls .control-btn:nth-child(11),.modern-controls .control-btn:nth-child(1),.modern-controls .control-btn:nth-child(3),.modern-controls .control-btn:nth-child(5),.modern-controls .control-btn:nth-child(7),.modern-controls .control-btn:nth-child(9),.modern-controls .control-btn:nth-child(11){color:#ff1493!important}.classic-controls .control-btn:nth-child(2),.classic-controls .control-btn:nth-child(4),.classic-controls .control-btn:nth-child(6),.classic-controls .control-btn:nth-child(8),.classic-controls .control-btn:nth-child(10),.classic-controls .control-btn:nth-child(12),.modern-controls .control-btn:nth-child(2),.modern-controls .control-btn:nth-child(4),.modern-controls .control-btn:nth-child(6),.modern-controls .control-btn:nth-child(8),.modern-controls .control-btn:nth-child(10),.modern-controls .control-btn:nth-child(12){color:#fff!important}.control-btn:nth-child(1):hover:not(:disabled),.control-btn:nth-child(3):hover:not(:disabled),.control-btn:nth-child(5):hover:not(:disabled),.control-btn:nth-child(7):hover:not(:disabled),.control-btn:nth-child(9):hover:not(:disabled),.control-btn:nth-child(11):hover:not(:disabled){background:#ff1493!important;border-color:#ff1493!important;color:#fff!important;text-shadow:none!important;transform:translateY(-1px)}.control-btn:nth-child(2):hover:not(:disabled),.control-btn:nth-child(4):hover:not(:disabled),.control-btn:nth-child(6):hover:not(:disabled),.control-btn:nth-child(8):hover:not(:disabled),.control-btn:nth-child(10):hover:not(:disabled),.control-btn:nth-child(12):hover:not(:disabled){background:#ffffff26!important;border-color:#fff9!important;color:#fff!important;transform:translateY(-1px)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--comp-settings-bg, var(--theme-bg-modal));border:3px solid var(--comp-settings-border, var(--theme-primary));border-radius:var(--theme-border-radius, 20px);padding:40px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--comp-settings-shadow, var(--theme-shadow-lg));color:var(--comp-settings-text, var(--theme-text))}.modal-close{position:absolute;top:15px;right:15px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:35px;height:35px;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#ff14934d;border-color:#ff1493;transform:rotate(90deg)}.modal-content h2{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:900;margin:0 0 30px;background:var(--theme-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:var(--theme-glow-primary)}.info-section{margin-bottom:25px}.info-section h3{font-family:"Exo 2",sans-serif;font-size:1.3rem;color:var(--theme-primary);margin-bottom:15px;text-shadow:var(--theme-glow-primary)}.info-section p{font-family:"Exo 2",sans-serif;font-size:1rem;color:var(--comp-settings-text, var(--theme-text));line-height:1.6;margin:10px 0}.info-section strong{color:#ff69b4;font-weight:600}@media (max-width: 768px){.modal-content{padding:25px 20px;max-width:calc(100% - 30px);width:calc(100% - 30px);max-height:85vh;border-radius:15px}.modal-content h2{font-size:1.5rem;margin-bottom:20px;padding-right:40px}.modal-close{width:32px;height:32px;top:10px;right:10px;font-size:1.3rem}.info-section{margin-bottom:20px}.info-section h3{font-size:1.1rem;margin-bottom:12px}.info-section p{font-size:.9rem;margin:8px 0;line-height:1.5}}@media (max-width: 480px){.modal-content{padding:20px 15px;max-width:calc(100% - 20px);width:calc(100% - 20px);max-height:90vh}.modal-content h2{font-size:1.2rem;margin-bottom:15px}.info-section h3{font-size:1rem}.info-section p{font-size:.85rem}}.leaderboard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0fe6;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.leaderboard-modal{background:var(--theme-bg-modal);border:3px solid var(--theme-primary);border-radius:20px;padding:40px;max-width:900px;width:95%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--theme-shadow-lg),var(--theme-glow-primary);color:var(--theme-text)}.leaderboard-close{position:absolute;top:15px;right:15px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:35px;height:35px;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.leaderboard-close:hover{background:#ff14934d;border-color:#ff1493;transform:rotate(90deg)}.leaderboard-modal h2{font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:900;margin:0 0 25px;background:var(--theme-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:var(--theme-glow-primary)}.leaderboard-stats{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:25px;padding:15px;background:var(--theme-bg-card);border:2px solid var(--theme-border);border-radius:12px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 15px;background:var(--theme-bg-button);border:1px solid var(--theme-border);border-radius:8px;min-width:80px;transition:all .3s ease}.stat-item:hover{background:var(--theme-bg-button-hover);border-color:var(--theme-primary);transform:translateY(-2px);box-shadow:var(--theme-glow-primary)}.stat-item.highlight{background:var(--theme-bg-button-hover);border-color:var(--theme-warning);box-shadow:0 0 15px #ffd16666}.stat-label{font-family:"Exo 2",sans-serif;font-size:.85rem;color:var(--theme-text-secondary);text-align:center}.stat-value{font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:700;color:var(--theme-primary);text-shadow:var(--theme-glow-primary)}.leaderboard-controls{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}.leaderboard-controls>div{flex:1;min-width:150px}.leaderboard-controls label{display:block;font-family:"Exo 2",sans-serif;font-size:.95rem;color:var(--theme-text);margin-bottom:8px;font-weight:600}.leaderboard-controls select{width:100%;padding:10px 12px;font-family:"Exo 2",sans-serif;font-size:1rem;background:var(--theme-bg-button);border:2px solid var(--theme-border);border-radius:8px;color:var(--theme-text);cursor:pointer;transition:all .3s ease}.leaderboard-controls select:focus{outline:none;border-color:var(--theme-primary);background:var(--theme-bg-button-hover);box-shadow:var(--theme-glow-primary)}.leaderboard-clear-btn{width:100%;padding:10px;margin-bottom:20px;font-family:"Exo 2",sans-serif;font-size:.95rem;font-weight:600;color:var(--theme-error);background:var(--theme-bg-button);border:2px solid var(--theme-error);border-radius:8px;cursor:pointer;transition:all .3s ease}.leaderboard-clear-btn:hover{background:#ff3e3e1a;box-shadow:var(--theme-glow-error);transform:translateY(-2px)}.leaderboard-table-container{overflow-x:auto;margin-top:20px;border-radius:12px;border:2px solid var(--theme-border)}.leaderboard-table{width:100%;border-collapse:collapse;min-width:700px}.leaderboard-table th,.leaderboard-table td{padding:12px 10px;text-align:left;font-family:"Exo 2",sans-serif;font-size:.95rem;border-bottom:1px solid var(--theme-border)}.leaderboard-table th{background:var(--theme-bg-card);color:var(--theme-primary);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0003}.leaderboard-table td{color:var(--theme-text)}.leaderboard-table tr{transition:all .2s ease}.leaderboard-table tr:hover{background:var(--theme-bg-button)}.leaderboard-table tr.top-three{background:linear-gradient(90deg,var(--theme-bg-button-hover) 0%,transparent 100%)}.leaderboard-table tr.top-three:hover{background:var(--theme-bg-button-hover)}.rank-cell{text-align:center;font-weight:700;width:60px}.rank-number{display:inline-block;width:30px;height:30px;line-height:30px;background:var(--theme-bg-button);border:1px solid var(--theme-border);border-radius:50%;font-family:Orbitron,sans-serif;font-size:.9rem}.name-cell{font-weight:600;min-width:120px}.leaderboard-name{color:var(--theme-primary);text-shadow:var(--theme-glow-primary)}.mode-cell{display:flex;align-items:center;gap:8px}.mode-badge{font-size:1.2rem}.mode-label{font-size:.85rem;color:var(--theme-text-secondary)}.time-col,.moves-col{font-family:Orbitron,sans-serif;text-align:center;min-width:100px}.highlight-value{color:var(--theme-success);font-weight:700;text-shadow:var(--theme-glow-success)}.points-value{color:var(--theme-warning);font-weight:600}.lives-value{color:var(--theme-error);font-weight:600}.date-cell{font-size:.85rem;color:var(--theme-text-secondary);min-width:100px}.action-cell{width:50px;text-align:center}.delete-btn{background:transparent;border:none;cursor:pointer;font-size:1rem;opacity:.5;transition:all .3s ease;padding:5px 8px;border-radius:4px}.delete-btn:hover{opacity:1;background:#ff3e3e33;transform:scale(1.2)}.leaderboard-empty{text-align:center;padding:60px 20px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:15px}.empty-icon{font-size:4rem;opacity:.5}.empty-state p{font-family:"Exo 2",sans-serif;font-size:1.2rem;color:var(--theme-text-secondary);margin:0}.empty-state small{font-family:"Exo 2",sans-serif;font-size:.9rem;color:var(--theme-text-muted)}@media (max-width: 768px){.leaderboard-modal{padding:25px 15px;max-width:calc(100% - 20px);width:calc(100% - 20px);max-height:90vh;border-radius:15px}.leaderboard-stats{gap:10px;padding:12px}.stat-item{min-width:70px;padding:8px 10px}.stat-label{font-size:.75rem}.stat-value{font-size:1.1rem}.leaderboard-modal h2{font-size:1.5rem;margin-bottom:20px;padding-right:40px}.leaderboard-close{width:32px;height:32px;top:10px;right:10px;font-size:1.3rem}.leaderboard-controls{flex-direction:column;gap:12px;margin-bottom:20px}.leaderboard-controls>div{min-width:100%}.leaderboard-controls label{font-size:.85rem;margin-bottom:6px}.leaderboard-controls select{padding:8px;font-size:.9rem}.leaderboard-table{font-size:.85rem}.leaderboard-table th,.leaderboard-table td{padding:8px 6px;font-size:.8rem}.leaderboard-table th{font-size:.75rem}.leaderboard-empty{padding:30px 20px;font-size:.95rem}}@media (max-width: 480px){.leaderboard-modal{padding:20px 15px;max-width:calc(100% - 20px);width:calc(100% - 20px);max-height:90vh}.leaderboard-modal h2{font-size:1.2rem;margin-bottom:15px}.leaderboard-table th,.leaderboard-table td{padding:6px 4px;font-size:.75rem}.leaderboard-table th{font-size:.7rem}.leaderboard-empty{padding:25px 15px;font-size:.85rem}}.win-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.win-modal{background:linear-gradient(135deg,#1a0a1ff2,#2d0a3af2);border:3px solid rgba(255,215,0,.6);border-radius:20px;padding:40px;max-width:500px;width:90%;text-align:center;box-shadow:0 10px 40px #ffd7004d,0 0 30px #ffd70033;animation:slideUp .4s ease}.win-modal p{font-family:"Exo 2",sans-serif;font-size:1.1rem;color:#fff;margin:15px 0}.win-stats{display:flex;flex-direction:column;gap:15px;margin:25px 0}.stat{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#ffffff0d;border-radius:10px;font-family:"Exo 2",sans-serif}.stat-label{color:#fffc;font-size:1rem}.stat-value{color:gold;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700}.leaderboard-form{margin-top:25px}.leaderboard-form label{display:block;margin-bottom:15px;font-family:"Exo 2",sans-serif;color:#fff;font-size:1rem}.leaderboard-form input{display:block;width:100%;margin-top:8px;padding:12px;font-size:1.1rem;background:#ffffff1a;border:2px solid rgba(255,215,0,.5);border-radius:8px;color:#fff;font-family:"Exo 2",sans-serif}.leaderboard-form input:focus{outline:none;border-color:gold;background:#ffd7001a}.form-buttons{display:flex;gap:10px;margin-top:15px}.win-submit-btn,.win-skip-btn{flex:1;padding:12px 20px;font-family:"Exo 2",sans-serif;font-size:1rem;font-weight:600;color:#fff;border-radius:10px;cursor:pointer;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,215,0,.3)}.win-submit-btn{background:linear-gradient(135deg,#ffd70066,#ffa50066);border:2px solid rgba(255,215,0,.6)}.win-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffd70099,#ffa50099);border-color:gold;transform:translateY(-2px)}.win-submit-btn:active:not(:disabled){transform:scale(.98)}.win-submit-btn:disabled{opacity:.5;cursor:not-allowed}.win-skip-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.3)}.win-skip-btn:hover{background:#fff3;border-color:#ffffff80}.win-skip-btn:active{transform:scale(.98)}.submitted-message{margin-top:25px;text-align:center}.submitted-message p{font-family:"Exo 2",sans-serif;font-size:1.2rem;color:#4caf50;margin-bottom:20px}.win-close-btn{margin-top:30px;padding:12px 30px;font-family:"Exo 2",sans-serif;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ffd7004d,#ffa5004d);border:2px solid rgba(255,215,0,.6);border-radius:12px;cursor:pointer;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,215,0,.3)}.win-close-btn:active{transform:scale(.98)}@media (max-width: 768px){.win-modal{padding:25px 20px;max-width:calc(100% - 30px);width:calc(100% - 30px);border-radius:15px}.win-modal h2{font-size:1.8rem;margin-bottom:15px}.win-modal p{font-size:1rem;margin:12px 0}.win-stats{gap:10px;margin:20px 0}.stat{padding:10px 15px}.stat-label{font-size:.9rem}.stat-value{font-size:1.1rem}.leaderboard-form{margin-top:20px}.leaderboard-form label{font-size:.95rem;margin-bottom:12px}.leaderboard-form input{padding:10px;font-size:1rem}.form-buttons{flex-direction:column;gap:8px}.win-submit-btn,.win-skip-btn{width:100%;padding:12px 20px;font-size:.95rem}.win-close-btn{width:100%;padding:12px 20px;font-size:.95rem;margin-top:20px}.submitted-message p{font-size:1rem}}@media (max-width: 480px){.win-modal{padding:20px 15px;max-width:calc(100% - 20px);width:calc(100% - 20px)}.win-modal h2{font-size:1.5rem;margin-bottom:12px}.win-modal p{font-size:.9rem}.stat{padding:8px 12px}.stat-label{font-size:.85rem}.stat-value{font-size:1rem}.leaderboard-form label{font-size:.9rem}.leaderboard-form input{padding:8px;font-size:.95rem}.win-submit-btn,.win-skip-btn,.win-close-btn{padding:10px 18px;font-size:.9rem}}.theme-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:3000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.theme-editor-modal{background:var(--comp-settings-bg, var(--theme-bg-modal));border:3px solid var(--comp-settings-border, var(--theme-border-active));border-radius:20px;padding:30px;max-width:700px;width:95%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--comp-settings-shadow, var(--theme-shadow-neon));color:var(--comp-settings-text, var(--theme-text))}.theme-editor-close{position:absolute;top:15px;right:15px;background:var(--theme-bg-button);border:2px solid var(--theme-border);border-radius:50%;width:35px;height:35px;color:var(--theme-text);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-editor-close:hover{background:var(--theme-bg-button-hover);border-color:var(--theme-primary);box-shadow:var(--theme-glow-primary);transform:rotate(90deg)}.theme-editor-modal h2{font-family:Orbitron,sans-serif;font-size:2rem;margin:0 0 25px;background:var(--theme-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:var(--theme-glow-primary)}.theme-editor-content{display:flex;flex-direction:column;gap:25px}.theme-color-group{background:var(--comp-settings-bg, var(--theme-bg-card));border:2px solid var(--comp-settings-border, var(--theme-border));border-radius:15px;padding:20px}.theme-color-group h3{font-family:Orbitron,sans-serif;font-size:1.2rem;margin:0 0 15px;color:var(--theme-primary);text-shadow:var(--theme-glow-primary)}.theme-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.theme-color-item{display:flex;flex-direction:column;gap:8px}.theme-color-item label{font-family:"Exo 2",sans-serif;font-size:.9rem;color:var(--comp-settings-text, var(--theme-text-secondary));margin-bottom:4px}.theme-color-input-wrapper{display:flex;gap:10px;align-items:center}.theme-color-picker{width:60px;height:40px;border:2px solid var(--comp-settings-border, var(--theme-border));border-radius:8px;cursor:pointer;background:transparent;transition:all .3s ease}.theme-color-picker:hover{border-color:var(--theme-primary);box-shadow:var(--theme-glow-primary);transform:scale(1.05)}.theme-color-text{flex:1;padding:8px 12px;background:var(--theme-bg-button);border:2px solid var(--comp-settings-border, var(--theme-border));border-radius:8px;color:var(--comp-settings-text, var(--theme-text));font-family:"Exo 2",sans-serif;font-size:.9rem;transition:all .3s ease}.theme-color-text:focus{outline:none;border-color:var(--theme-primary);background:var(--theme-bg-button-hover);box-shadow:var(--theme-glow-primary)}.theme-background-selector{display:flex;gap:15px;flex-wrap:wrap;margin-top:10px}.bg-option-btn{flex:1;min-width:120px;padding:12px 20px;font-family:"Exo 2",sans-serif;font-size:.95rem;font-weight:600;color:var(--comp-settings-text, var(--theme-text));background:var(--theme-bg-button);border:2px solid var(--comp-settings-border, var(--theme-border));border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:center}.bg-option-btn:hover{background:var(--theme-bg-button-hover);border-color:var(--theme-primary);transform:translateY(-2px);box-shadow:var(--theme-glow-primary)}.theme-editor-actions{display:flex;gap:15px;margin-top:20px;padding-top:20px;border-top:2px solid var(--theme-border)}.theme-reset-btn,.theme-close-btn{flex:1;padding:12px 24px;font-family:"Exo 2",sans-serif;font-size:1rem;font-weight:600;color:var(--theme-text);border:2px solid var(--theme-border);border-radius:10px;cursor:pointer;transition:all .3s ease;background:var(--theme-bg-button)}.theme-reset-btn:hover{background:var(--theme-bg-button-hover);border-color:var(--theme-warning);box-shadow:0 0 20px #ffd16666;transform:translateY(-2px)}.theme-close-btn:hover{background:var(--theme-bg-button-hover);border-color:var(--theme-primary);box-shadow:var(--theme-glow-primary);transform:translateY(-2px)}@media (max-width: 768px){.theme-editor-modal{padding:20px 15px;max-width:95%;width:95%;max-height:95vh;border-radius:15px}.theme-editor-modal h2{font-size:1.5rem;margin-bottom:20px;padding-right:40px}.theme-editor-close{width:32px;height:32px;top:10px;right:10px;font-size:1.3rem}.theme-color-group{padding:15px}.theme-color-group h3{font-size:1rem;margin-bottom:12px}.theme-color-grid{grid-template-columns:1fr;gap:12px}.theme-color-item label{font-size:.85rem}.theme-color-picker{width:50px;height:35px}.theme-color-text{padding:6px 10px;font-size:.85rem}.theme-editor-actions{flex-direction:column;gap:10px}.theme-reset-btn,.theme-close-btn{width:100%;padding:12px 20px;font-size:.9rem}}@media (max-width: 480px){.theme-editor-modal{padding:15px 12px;max-width:98%;width:98%}.theme-editor-modal h2{font-size:1.2rem;margin-bottom:15px}.theme-color-group{padding:12px}.theme-color-group h3{font-size:.9rem}.theme-color-item label{font-size:.8rem}.theme-color-picker{width:45px;height:32px}}.design-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.design-editor-modal{background:var(--comp-designer-bg, var(--comp-settings-bg, rgba(13, 10, 15, .98)));border:3px solid var(--comp-designer-border, var(--comp-settings-border, rgba(255, 20, 147, .6)));border-radius:var(--theme-border-radius, 20px);padding:20px;max-width:900px;width:95%;max-height:95vh;overflow-y:auto;position:relative;box-shadow:var(--comp-designer-shadow, var(--comp-settings-shadow));margin:20px;color:var(--comp-designer-text, var(--comp-settings-text, var(--theme-text)))}@media (max-width: 768px){.design-editor-overlay{padding:0;align-items:flex-start;overflow-y:auto}.design-editor-modal{padding:10px;width:100%;max-width:100%;max-height:100vh;height:100vh;margin:0;border-radius:0;border-left:none;border-right:none;border-top:none;border-bottom:3px solid rgba(255,20,147,.6)}}.design-editor-layout{display:flex;flex-direction:column;gap:12px;align-items:stretch}.design-preview{position:relative;width:100%}.design-preview h3{font-family:"Exo 2",sans-serif;font-size:1.1rem;color:#ff1493;margin-bottom:8px;text-shadow:0 0 10px rgba(255,20,147,.4)}.preview-canvas-container{width:100%;height:250px;max-height:35vh;background:#0000004d;border-radius:12px;border:2px solid rgba(255,20,147,.3);overflow:hidden}.design-settings{display:flex;flex-direction:column;gap:12px;width:100%}.theme-style-selector,.theme-background-selector{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.theme-option-btn{flex:1;min-width:80px;padding:8px 12px;font-family:"Exo 2",sans-serif;font-size:.85rem;font-weight:600;color:var(--comp-designer-text, var(--theme-text));background:var(--theme-bg-button);border:2px solid var(--comp-designer-border, var(--theme-border));border-radius:var(--theme-border-radius, 8px);cursor:pointer;transition:all .3s ease;text-align:center}[data-theme-style=darkpink] .theme-option-btn:hover{background:var(--theme-bg-button-hover);border-color:var(--theme-primary);transform:translateY(-2px);box-shadow:var(--theme-glow-primary)}[data-theme-style=bios] .theme-option-btn:hover{background:#00ff001a;border-color:var(--theme-primary);box-shadow:0 0 10px #00ff0080;text-shadow:0 0 5px rgba(0,255,0,.8)}[data-theme-style=classic] .theme-option-btn:hover{background:var(--theme-bg-button-hover);border-color:var(--theme-primary);transform:scale(1.05);box-shadow:0 4px 12px #2196f366}.theme-option-btn.active{background:var(--theme-bg-button-active);border-color:var(--theme-primary);box-shadow:var(--theme-glow-primary);color:var(--theme-primary)}.bg-option-btn{flex:1;min-width:80px;padding:8px 12px;font-family:"Exo 2",sans-serif;font-size:.85rem;font-weight:600;color:var(--comp-designer-text, var(--theme-text));background:var(--theme-bg-button);border:2px solid var(--comp-designer-border, var(--theme-border));border-radius:var(--theme-border-radius, 8px);cursor:pointer;transition:all .3s ease;text-align:center}[data-theme-style=darkpink] .bg-option-btn:hover{background:var(--theme-bg-button-hover);border-color:var(--theme-primary);transform:translateY(-2px);box-shadow:var(--theme-glow-primary)}[data-theme-style=bios] .bg-option-btn:hover{background:#00ff001a;border-color:var(--theme-primary);box-shadow:0 0 10px #00ff0080;text-shadow:0 0 5px rgba(0,255,0,.8)}[data-theme-style=classic] .bg-option-btn:hover{background:var(--theme-bg-button-hover);border-color:var(--theme-primary);transform:scale(1.05);box-shadow:0 4px 12px #2196f366}.bg-option-btn.active{background:var(--theme-bg-button-active);border-color:var(--theme-primary);box-shadow:var(--theme-glow-primary);color:var(--theme-primary)}@media (max-width: 1024px){.design-editor-layout{gap:10px}.preview-canvas-container{height:220px;max-height:30vh}}@media (max-width: 768px){.color-picker,.color-text-input,.preset-btn,.apply-btn,.reset-btn,.material-control-group input[type=range]{touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,20,147,.3)}.design-editor-modal{-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;max-height:100vh;padding:10px}.design-settings{overflow-y:auto;overflow-x:hidden}.design-editor-layout{gap:0;display:flex;flex-direction:column;width:100%;max-width:100%;height:auto;min-height:calc(100vh - 80px)}.design-preview{position:relative;width:100%;flex:0 0 33vh;min-height:33vh;max-height:33vh;background:transparent;padding:0;border-radius:0;margin-bottom:8px;z-index:1}.design-preview h3{font-size:.75rem;margin-bottom:5px;display:none}.preview-canvas-container{width:100%;height:100%;min-height:33vh;max-height:33vh;border-radius:8px;flex-shrink:0}.design-editor-modal h2{font-size:1rem;margin-bottom:8px;padding-right:35px;line-height:1.2}.design-editor-close{width:32px;height:32px;top:8px;right:8px;font-size:1.5rem;border-width:1px}.design-settings{gap:6px;padding-bottom:10px;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;width:100%;max-width:100%}.design-section{padding:6px;border-radius:8px;margin-bottom:6px;width:100%;box-sizing:border-box}.design-section h3{font-size:.75rem;margin-bottom:6px;display:none}.color-grid{grid-template-columns:repeat(3,1fr);gap:4px;width:100%;box-sizing:border-box}.color-input-group{gap:3px;min-width:0}.color-input-group label{font-size:.65rem;margin:0;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-picker-wrapper{flex-direction:row;gap:4px;align-items:center;width:100%}.color-picker{width:50px;min-width:50px;height:38px;flex-shrink:0;border-width:1px}.color-text-input{flex:1;padding:4px 6px;font-size:.6rem;border-width:1px;min-width:0;box-sizing:border-box}.design-presets{margin-bottom:6px}.design-presets label{font-size:.7rem;margin-bottom:4px;display:none}.preset-buttons{flex-direction:row;gap:4px;flex-wrap:nowrap}.preset-btn{flex:1;padding:6px 8px;font-size:.7rem;border-width:1px;min-width:0}.theme-style-selector,.theme-background-selector{flex-direction:row;gap:4px;flex-wrap:wrap;width:100%}.theme-option-btn,.bg-option-btn{flex:1;min-width:0;padding:8px 6px;font-size:.7rem}.material-controls{display:none}.design-actions{flex-direction:row;gap:8px;margin-top:8px;padding:0;position:relative;background:transparent;z-index:1;width:100%}.design-actions button{flex:1;padding:8px 12px;font-size:.85rem;border-width:1px}}@media (max-width: 480px){.design-editor-modal{padding:8px;max-height:100vh;overflow-y:auto;overflow-x:hidden}.design-editor-layout{gap:0;height:auto;min-height:calc(100vh - 60px)}.preview-canvas-container{height:33vh;min-height:33vh;max-height:33vh}.design-preview{flex:0 0 33vh;min-height:33vh;max-height:33vh}.design-editor-modal h2{font-size:.9rem;margin-bottom:6px}.color-grid{grid-template-columns:repeat(2,1fr);gap:4px}.preset-btn{font-size:.65rem;padding:5px 6px}.color-picker{width:45px;min-width:45px;height:35px;flex-shrink:0}.color-text-input{padding:3px 4px;font-size:.55rem}.color-input-group label{font-size:.6rem}.design-actions button{padding:6px 10px;font-size:.75rem}}.design-editor-close{position:absolute;top:15px;right:15px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:35px;height:35px;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.design-editor-close:hover{background:#ff14934d;border-color:#ff1493;transform:rotate(90deg)}.design-editor-modal h2{font-family:Orbitron,sans-serif;font-size:1.5rem;margin:0 0 15px;color:#fff;text-shadow:0 0 10px rgba(255,20,147,.6);text-align:center}.design-presets{margin-bottom:12px}.design-presets label{display:block;font-family:"Exo 2",sans-serif;font-size:.95rem;color:#fff;margin-bottom:8px}.preset-buttons{display:flex;gap:10px;flex-wrap:wrap}.preset-btn{padding:10px 20px;font-family:"Exo 2",sans-serif;font-size:1rem;font-weight:600;color:#fff;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:10px;cursor:pointer;transition:all .3s ease}.preset-btn:hover{background:#ff149333;border-color:#ff149380}.preset-btn.active{background:linear-gradient(135deg,#ff149366,#ff69b466);border-color:#ff1493;box-shadow:0 0 15px #ff149366}.design-section{margin-bottom:12px}.design-section h3{font-family:"Exo 2",sans-serif;font-size:1rem;color:#ff1493;margin-bottom:10px;text-shadow:0 0 10px rgba(255,20,147,.4)}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.color-input-group{display:flex;flex-direction:column;gap:5px}.color-input-group label{font-family:"Exo 2",sans-serif;font-size:.85rem;color:#e0e0e0}.color-picker-wrapper{display:flex;gap:8px;align-items:center}.color-picker{width:60px;height:45px;border:2px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;background:none;padding:0}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:6px}.color-text-input{flex:1;padding:6px 8px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-family:"Exo 2",sans-serif;font-size:.75rem;text-transform:uppercase;min-width:0}.color-text-input:focus{outline:none;border-color:#ff1493;background:#ff14931a}.material-controls{display:flex;flex-direction:column;gap:12px}.material-control-group{display:flex;flex-direction:column;gap:8px;width:100%}.material-control-group label{font-family:"Exo 2",sans-serif;font-size:1rem;color:#fff;display:flex;align-items:center;justify-content:space-between;min-width:0}.material-control-group label input[type=checkbox]{width:18px;height:18px;margin-right:10px;cursor:pointer;flex-shrink:0}.value-display{font-family:Orbitron,sans-serif;color:#ff1493;font-weight:700;margin-left:10px;flex-shrink:0;min-width:45px;text-align:right}.material-control-group input[type=range]{width:100%;min-width:0;height:8px;border-radius:4px;background:#fff3;outline:none;-webkit-appearance:none;cursor:pointer}.material-control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ff1493,#ff69b4);cursor:pointer;box-shadow:0 0 10px #ff149380}.material-control-group input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ff1493,#ff69b4);cursor:pointer;border:none;box-shadow:0 0 10px #ff149380}.material-control-group small{font-family:"Exo 2",sans-serif;font-size:.85rem;color:#b0b0b0;margin-top:-5px}.design-actions{display:flex;gap:12px;justify-content:center;margin-top:12px}.apply-btn,.reset-btn{padding:12px 30px;font-family:"Exo 2",sans-serif;font-size:1rem;font-weight:600;color:#fff;border:2px solid;border-radius:12px;cursor:pointer;transition:all .3s ease}.apply-btn{background:linear-gradient(135deg,#ff149366,#ff69b466);border-color:#ff149399}.apply-btn:hover{background:linear-gradient(135deg,#ff149399,#ff69b499);border-color:#ff1493;transform:translateY(-2px);box-shadow:0 6px 20px #ff149366}.reset-btn{background:#ffffff1a;border-color:#ffffff4d}.reset-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.design-editor-modal::-webkit-scrollbar{width:8px}.design-editor-modal::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.design-editor-modal::-webkit-scrollbar-thumb{background:#ff149380;border-radius:4px}.design-editor-modal::-webkit-scrollbar-thumb:hover{background:#ff1493b3}.app{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative}@keyframes classicPulse{0%,to{opacity:.3}50%{opacity:.6}}.app.bg-classic{background:repeating-linear-gradient(0deg,#0a0a0a,#0a0a0a 2px,#0d0d0d 2px,#0d0d0d 4px),repeating-linear-gradient(90deg,#0a0a0a,#0a0a0a 2px,#0d0d0d 2px,#0d0d0d 4px),linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);position:relative}.app.bg-classic:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(33,150,243,.03) 50px,rgba(33,150,243,.03) 52px),repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(76,175,80,.03) 50px,rgba(76,175,80,.03) 52px),radial-gradient(circle at 25% 25%,rgba(33,150,243,.1) 0%,transparent 40%),radial-gradient(circle at 75% 75%,rgba(76,175,80,.1) 0%,transparent 40%);pointer-events:none;z-index:0}.app.bg-classic:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(33,150,243,.05) 50%,transparent 100%),linear-gradient(90deg,transparent 0%,rgba(76,175,80,.05) 50%,transparent 100%);pointer-events:none;z-index:0}.app.bg-darkpink{background:linear-gradient(135deg,#0d0a0f,#1a0f1a,#2a1a2a 60%,#3a1a3a);position:relative}.app.bg-darkpink:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,20,147,.25) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,105,180,.25) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,20,147,.15) 0%,transparent 50%),radial-gradient(circle at 30% 80%,rgba(255,105,180,.2) 0%,transparent 45%);pointer-events:none;z-index:0;animation:darkPinkGlow 25s ease-in-out infinite}@keyframes darkPinkGlow{0%,to{opacity:.7;transform:scale(1)}33%{opacity:1;transform:scale(1.1)}66%{opacity:.9;transform:scale(.95)}}.app.bg-darkpink:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(255,20,147,.05) 40px,rgba(255,20,147,.05) 42px),repeating-linear-gradient(-45deg,transparent,transparent 40px,rgba(255,105,180,.05) 40px,rgba(255,105,180,.05) 42px);pointer-events:none;z-index:0;animation:darkPinkScan 30s linear infinite}@keyframes darkPinkScan{0%{background-position:0 0,0 0}to{background-position:80px 80px,-80px -80px}}.app.bg-dotnet{background:linear-gradient(135deg,#0a0a0f,#0d0a0f,#0a0a0f);position:relative}.app.bg-dotnet:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle 1px at 20px 20px,rgba(255,20,147,.4),transparent),radial-gradient(circle 1px at 60px 60px,rgba(255,105,180,.4),transparent),radial-gradient(circle 1px at 100px 100px,rgba(255,20,147,.3),transparent),radial-gradient(circle 1px at 140px 140px,rgba(255,105,180,.3),transparent),radial-gradient(circle 1px at 180px 180px,rgba(255,20,147,.2),transparent);background-size:200px 200px;background-position:0 0,50px 50px,100px 100px,150px 150px,200px 200px;pointer-events:none;z-index:0;animation:dotNetMove 20s linear infinite}@keyframes dotNetMove{0%{background-position:0 0,50px 50px,100px 100px,150px 150px,200px 200px}to{background-position:200px 200px,250px 250px,300px 300px,350px 350px,400px 400px}}.app.bg-dotnet:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(0deg,transparent 0%,rgba(255,20,147,.1) 50%,transparent 100%),linear-gradient(90deg,transparent 0%,rgba(255,105,180,.1) 50%,transparent 100%),repeating-linear-gradient(0deg,transparent,transparent 98px,rgba(255,20,147,.08) 98px,rgba(255,20,147,.08) 100px),repeating-linear-gradient(90deg,transparent,transparent 98px,rgba(255,105,180,.08) 98px,rgba(255,105,180,.08) 100px);pointer-events:none;z-index:0}.app.modern-mode{background:var(--theme-gradient-bg);position:relative}.app.modern-mode:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,20,147,.15) 0%,transparent 35%),radial-gradient(circle at 80% 70%,rgba(255,105,180,.15) 0%,transparent 35%),radial-gradient(circle at 50% 50%,rgba(0,212,255,.1) 0%,transparent 40%),radial-gradient(circle at 30% 80%,rgba(0,255,136,.1) 0%,transparent 35%);pointer-events:none;z-index:0;animation:modernGlow 20s ease-in-out infinite}@keyframes modernGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.app.modern-mode:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 30px,rgba(255,20,147,.03) 30px,rgba(255,20,147,.03) 32px),repeating-linear-gradient(-45deg,transparent,transparent 30px,rgba(0,212,255,.03) 30px,rgba(0,212,255,.03) 32px);pointer-events:none;z-index:0;animation:modernScan 25s linear infinite}@keyframes modernScan{0%{opacity:.5}50%{background-position:30px 30px,-30px -30px;opacity:1}}.app-header{width:calc(100% - 40px);max-width:1200px;margin:20px auto 0;padding:20px 30px;border-radius:var(--theme-border-radius, 20px);position:relative;z-index:10;position:sticky;top:0}.app-header.classic-header{background:var(--comp-header-bg, var(--header-bg-card));border:3px solid var(--comp-header-border, var(--header-border-active));border-radius:var(--theme-border-radius, 4px);box-shadow:var(--comp-header-shadow, var(--theme-shadow-md)),inset 0 0 15px var(--header-button-bg-active);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header.classic-header:before{content:none;display:none}.app-header.modern-header{background:var(--comp-header-bg, var(--header-bg-card));border:1px solid var(--comp-header-border, var(--header-border));box-shadow:var(--comp-header-shadow, var(--theme-shadow-sm));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;border-radius:var(--theme-border-radius, 20px)}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;max-width:1400px;margin:0 auto;position:relative}.header-buttons{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-left:auto}.header-left{display:flex;align-items:center;gap:15px}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:20}.hamburger{display:flex;flex-direction:column;gap:5px;width:24px;height:20px;position:relative}.hamburger span{display:block;width:100%;height:3px;background:var(--header-primary);border-radius:2px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.header-title-section{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.app-header h1{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:900;margin:0;color:var(--header-text);background:var(--theme-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:var(--header-glow-primary);letter-spacing:2px;text-transform:uppercase;position:relative;display:inline-block}.app-header h1:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:var(--theme-gradient-primary);border-radius:2px;box-shadow:var(--header-glow-primary);opacity:.8}.player-greeting{font-family:"Exo 2",sans-serif;font-size:1rem;font-weight:500;color:var(--header-text);font-style:italic;opacity:.9}.classic-header .player-greeting,.modern-header .player-greeting{color:var(--header-secondary);text-shadow:var(--header-glow-secondary)}.app-header .mode-title{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;margin:0 0 0 15px;padding:6px 12px;border-radius:8px;text-transform:uppercase;letter-spacing:2px;display:inline-block;transition:all .3s ease}.classic-header .mode-title{background:var(--header-button-bg-hover);border:2px solid var(--header-border-active);color:var(--header-primary);text-shadow:var(--header-glow-primary);box-shadow:var(--theme-shadow-sm)}.modern-header .mode-title{background:var(--header-button-bg-hover);border:2px solid var(--header-border);color:var(--header-primary);text-shadow:var(--header-glow-primary);box-shadow:var(--theme-shadow-sm);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (max-width: 768px){.app-header{width:calc(100% - 20px);margin:10px auto 0;padding:15px 20px}.app-header h1{font-size:1.5rem}.player-greeting{font-size:.65rem}.app-header:has(.mode-title) .header-title-section{display:none}.app-header .mode-title{font-size:.65rem;padding:3px 6px;margin:0 0 0 5px}.header-buttons{position:fixed;top:80px;left:50%;transform:translate(-50%) translateY(-100%);width:calc(100% - 20px);max-width:450px;flex-direction:column;background:var(--header-bg-card);border:2px solid var(--header-primary);border-radius:var(--theme-border-radius, 20px);box-shadow:var(--theme-shadow-lg),var(--header-glow-primary);padding:12px;max-height:calc(100vh - 150px);overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility .3s ease;z-index:3000;pointer-events:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-overflow-scrolling:touch}.header-buttons.mobile-open{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.header-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;padding:12px!important;width:80%!important;max-width:80%!important;min-width:auto!important;height:48px!important;font-family:"Exo 2",sans-serif!important;font-size:.95rem!important;font-weight:600!important;color:var(--header-text)!important;border-radius:var(--theme-border-radius, 12px)!important;cursor:pointer!important;transition:all .3s ease!important;text-transform:uppercase!important;letter-spacing:1px!important;position:relative!important;overflow:visible!important;margin:0 auto 8px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(255,46,209,.3)!important}.header-btn.shuffle-btn{width:80%!important;max-width:80%!important}.header-btn .btn-text{text-align:center;white-space:nowrap}.header-btn:last-child{margin-bottom:0}.header-btn:hover:not(:disabled){transform:translateY(-1px)}.header-btn:active:not(:disabled){transform:scale(.98)}.btn-icon{font-size:1.2rem;flex-shrink:0}.btn-text{display:inline-block!important;opacity:1!important;visibility:visible!important;position:static!important;width:auto!important;transform:none!important;margin-left:0!important;font-size:.9rem}.mobile-menu-toggle{display:block;position:fixed;top:15px;right:15px;z-index:1000}}@media (max-width: 480px){.app-header{padding:12px 15px}.app-header h1{font-size:1.2rem}.player-greeting{font-size:.75rem;margin-top:2px}.app-header:has(.mode-title) .header-title-section{display:none}.app-header .mode-title{font-size:.75rem;padding:4px 8px;margin:0 0 0 8px}.header-buttons{top:70px;padding:14px;max-width:600px;width:calc(100% - 16px);display:flex;flex-direction:column;align-items:center}.header-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;padding:12px!important;width:80%!important;max-width:80%!important;min-width:auto!important;height:48px!important;font-family:"Exo 2",sans-serif!important;font-size:.95rem!important;font-weight:600!important;color:var(--header-text)!important;border-radius:var(--theme-border-radius, 12px)!important;cursor:pointer!important;transition:all .3s ease!important;text-transform:uppercase!important;letter-spacing:1px!important;position:relative!important;overflow:visible!important;margin:0 auto 8px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(255,46,209,.3)!important}.header-btn .btn-icon{flex-shrink:0;width:24px;text-align:center}.header-btn .btn-text{text-align:center;white-space:nowrap;flex-shrink:0}.header-btn.shuffle-btn{width:80%!important;max-width:80%!important}.memory-lives{font-size:1rem}.canvas-container{padding:10px;gap:10px;min-height:0}.canvas-wrapper{border-radius:15px}}@media (min-width: 769px){.header-btn{display:flex;align-items:center;justify-content:center;gap:0;padding:12px;min-width:48px;width:48px;height:48px;font-family:"Exo 2",sans-serif;font-size:.95rem;font-weight:600;color:var(--header-text);border-radius:var(--theme-border-radius, 12px);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:visible}}.classic-header .header-btn{background:linear-gradient(135deg,var(--header-button-bg) 0%,var(--header-button-bg-hover) 100%);border:2px solid var(--header-border-active);border-radius:var(--theme-border-radius, 4px);box-shadow:0 2px 10px var(--header-border-active),inset 0 0 8px var(--header-button-bg-hover);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--header-text)}[data-theme-style=darkpink] .header-btn:hover:not(:disabled),[data-theme-style=darkpink] .classic-header .header-btn:hover:not(:disabled),[data-theme-style=darkpink] .modern-header .header-btn:hover:not(:disabled){background:var(--header-button-bg-hover);border-color:var(--header-primary);box-shadow:var(--header-glow-primary);transform:translateY(-2px)}[data-theme-style=bios] .header-btn:hover:not(:disabled),[data-theme-style=bios] .classic-header .header-btn:hover:not(:disabled),[data-theme-style=bios] .modern-header .header-btn:hover:not(:disabled){background:#00ff0026;border-color:var(--header-primary);box-shadow:0 0 15px #0f09;text-shadow:0 0 8px rgba(0,255,0,1)}[data-theme-style=classic] .header-btn:hover:not(:disabled),[data-theme-style=classic] .classic-header .header-btn:hover:not(:disabled),[data-theme-style=classic] .modern-header .header-btn:hover:not(:disabled){background:var(--header-button-bg-hover);border-color:var(--header-primary);box-shadow:0 4px 12px #2196f380;transform:scale(1.05)}.modern-header .header-btn{background:var(--header-button-bg);border:1px solid var(--header-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--header-text);min-width:40px;width:40px;height:40px;padding:8px;border-radius:var(--theme-border-radius, 10px)}.header-btn:hover:not(:disabled){transform:translateY(-2px)}.btn-text{position:absolute;bottom:110%;left:50%;transform:translate(-50%);white-space:nowrap;background:var(--header-bg-card);color:var(--header-text);border:1px solid var(--header-border);border-radius:8px;padding:4px 8px;font-size:.8rem;line-height:1;opacity:0;pointer-events:none;transition:opacity .2s ease;box-shadow:var(--theme-shadow-sm)}.header-btn:hover:not(:disabled) .btn-text{opacity:1}.header-btn:active:not(:disabled){transform:translateY(0)}.header-btn:disabled{opacity:.5;cursor:not-allowed}.home-menu-overlay{transition:opacity .4s ease,visibility .4s ease;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5;padding:20px}.home-menu-content{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:800px;text-align:center}.home-menu-title{font-family:Orbitron,sans-serif;font-size:4rem;font-weight:900;margin-bottom:20px;background:var(--theme-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:var(--theme-glow-primary);animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.home-menu-buttons{display:flex;flex-direction:column;gap:20px;width:100%;max-width:400px}.home-menu-btn{padding:20px 40px;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:var(--theme-text);background:var(--theme-bg-button);border:3px solid var(--theme-border);border-radius:15px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden}.home-menu-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.home-menu-btn:hover:before{left:100%}.home-menu-btn:hover{background:var(--theme-bg-button-hover);border-color:var(--theme-primary);box-shadow:var(--theme-glow-primary);transform:translateY(-3px)}.home-menu-btn:active{transform:translateY(-1px)}.game-timer{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;min-width:48px;width:auto;height:48px;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;color:var(--header-text);background:var(--header-button-bg);border:2px solid var(--header-border);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:var(--header-glow-primary);transition:all .3s ease}.game-timer:hover{width:auto;padding:12px 16px}.timer-icon{font-size:1.3rem;filter:drop-shadow(0 0 5px rgba(255,215,0,.8))}.timer-text{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700}.memory-info{display:flex;gap:15px;align-items:center;padding:8px 15px;background:var(--header-button-bg);border:2px solid var(--header-border);border-radius:12px;font-family:Orbitron,sans-serif;color:var(--header-text)}.memory-moves{font-size:1.2rem;font-weight:700;color:var(--header-primary);text-shadow:var(--header-glow-primary)}.memory-lives{font-size:1.1rem;color:var(--header-secondary);text-shadow:var(--header-glow-secondary)}.timer-text.time-warning{color:var(--theme-error);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.canvas-container{flex:1;width:100%;position:relative;overflow:visible;min-height:0;display:flex;flex-direction:column;padding:20px;gap:20px;z-index:1;transition:opacity .4s ease,transform .4s ease}.canvas-container.fade-in{opacity:1;transform:scale(1)}.canvas-container.fade-out{opacity:0;transform:scale(.95)}.win-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0fe6;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.win-modal{background:var(--theme-bg-modal);border:3px solid var(--theme-warning);border-radius:20px;padding:40px;max-width:500px;width:90%;text-align:center;box-shadow:var(--theme-shadow-lg),0 0 30px #ffd1664d;animation:slideUp .4s ease;color:var(--theme-text)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.win-modal h2{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:900;margin:0 0 20px;background:linear-gradient(135deg,gold,orange,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,215,0,.5);animation:gradientShift 2s ease infinite}.win-time,.win-moves{font-family:"Exo 2",sans-serif;font-size:1.5rem;font-weight:600;color:#fff;margin:15px 0;text-shadow:0 0 10px rgba(255,215,0,.5)}.win-time{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;color:gold;margin:20px 0}.win-close-btn{margin-top:30px;padding:12px 30px;font-family:"Exo 2",sans-serif;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ffd7004d,#ffa5004d);border:2px solid rgba(255,215,0,.6);border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.win-close-btn:hover{background:linear-gradient(135deg,#ffd70080,#ffa50080);border-color:gold;transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.canvas-container{flex:1;width:100%;position:relative;overflow:visible;min-height:0;display:flex;flex-direction:column;padding:20px;gap:20px;z-index:1}.canvas-wrapper{flex:1;min-height:0;position:relative;border-radius:20px;overflow:hidden;background:transparent}.canvas-wrapper.classic-bg,.canvas-wrapper.modern-bg{background:transparent}.speed-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0fe6;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.speed-settings{background:var(--comp-settings-bg, var(--theme-bg-modal));border:3px solid var(--comp-settings-border, var(--theme-primary));border-radius:var(--theme-border-radius, 20px);padding:40px;max-width:420px;width:90%;text-align:center;box-shadow:var(--comp-settings-shadow, var(--theme-shadow-lg));position:relative;touch-action:manipulation;color:var(--comp-settings-text, var(--theme-text))}.speed-settings h3{font-family:Orbitron,sans-serif;font-size:1.8rem;margin:0 0 20px;color:var(--comp-settings-text, var(--theme-text));background:var(--theme-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:var(--theme-glow-primary)}.speed-settings label{display:block;margin:20px 0;font-family:"Exo 2",sans-serif;font-size:1.1rem;color:var(--comp-settings-text, var(--theme-text))}.speed-settings select{display:block;width:100%;margin-top:10px;padding:12px;font-size:1.2rem;background:var(--theme-bg-button);border:2px solid var(--comp-settings-border, var(--theme-primary));border-radius:8px;color:var(--comp-settings-text, var(--theme-text));font-family:"Exo 2",sans-serif;cursor:pointer;transition:all .3s ease}.speed-settings select:hover{border-color:var(--comp-settings-border, var(--theme-primary));background:var(--theme-bg-button-hover);box-shadow:var(--theme-glow-primary)}.speed-settings .range-wrap,.memory-settings .range-wrap{display:flex;align-items:center;gap:12px;margin-top:8px}.speed-settings .range-input,.memory-settings .range-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:8px;background:var(--theme-bg-button);border:2px solid var(--comp-settings-border, var(--theme-primary));border-radius:var(--theme-border-radius, 12px);outline:none}.speed-settings .range-input::-webkit-slider-thumb,.memory-settings .range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--theme-primary);border:2px solid var(--comp-settings-border, var(--theme-primary));box-shadow:var(--theme-glow-primary);cursor:pointer}.speed-settings .range-input::-moz-range-thumb,.memory-settings .range-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--theme-primary);border:2px solid var(--comp-settings-border, var(--theme-primary));box-shadow:var(--theme-glow-primary);cursor:pointer}.speed-settings .range-value,.memory-settings .range-value{min-width:44px;text-align:center;font-family:Orbitron,sans-serif;font-weight:800;color:var(--comp-settings-text, var(--theme-text));background:var(--theme-bg-button);border:2px solid var(--comp-settings-border, var(--theme-primary));border-radius:var(--theme-border-radius, 12px);padding:6px 10px}.speed-info-text{font-family:"Exo 2",sans-serif;color:gold;margin:15px 0;font-size:1rem}.speed-settings button{margin-top:20px;padding:12px 30px;font-family:"Exo 2",sans-serif;font-size:1rem;font-weight:600;color:var(--comp-settings-text, #ffffff);background:var(--theme-gradient-button);border:2px solid var(--comp-settings-border, var(--theme-primary));border-radius:12px;cursor:pointer;transition:all .3s ease}.speed-settings button:hover:not(:disabled){background:var(--theme-bg-button-hover);border-color:var(--comp-settings-border, var(--theme-primary));transform:translateY(-2px);box-shadow:var(--theme-glow-primary)}.memory-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0fe6;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.memory-settings{background:var(--comp-settings-bg, var(--theme-bg-modal));border:3px solid var(--comp-settings-border, var(--theme-primary));border-radius:var(--theme-border-radius, 20px);padding:40px;max-width:400px;width:90%;text-align:center;box-shadow:var(--comp-settings-shadow, var(--theme-shadow-lg));position:relative;touch-action:manipulation;color:var(--comp-settings-text, var(--theme-text))}.memory-settings h3{font-family:Orbitron,sans-serif;font-size:1.8rem;margin:0 0 20px;color:var(--theme-primary);text-shadow:var(--theme-glow-primary)}.memory-settings label{display:block;margin:20px 0;font-family:"Exo 2",sans-serif;font-size:1.1rem;color:var(--theme-text)}.memory-settings input{display:block;width:100%;margin-top:10px;padding:0;font-size:1.2rem;text-align:center;background:var(--theme-bg-button);border:2px solid var(--theme-border);border-radius:8px;color:var(--theme-text);font-family:Orbitron,sans-serif}.rating.lives-stars{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:10px;flex-wrap:wrap;flex-direction:row-reverse;direction:ltr}.rating.lives-stars input{display:none}.rating.lives-stars label{cursor:pointer;color:#fff6;transition:all .3s ease;background:transparent;border:none;width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;font-family:"Exo 2",sans-serif;touch-action:manipulation;padding:0;margin:0}.rating.lives-stars label:before{content:"★";font-size:1.8rem}.rating.lives-stars input:checked~label,.rating.lives-stars label:hover,.rating.lives-stars label:hover~label{color:#ff1493;text-shadow:0 0 10px rgba(255,20,147,.8);transition:all .3s ease}.rating.lives-stars label:hover{transform:scale(1.15);text-shadow:0 0 15px rgba(255,20,147,1)}.rating.lives-stars input:checked~label{transform:scale(1.1);color:#ff1493;text-shadow:0 0 12px rgba(255,20,147,.9)}.memory-info-text{font-family:"Exo 2",sans-serif;color:gold;margin:15px 0;font-size:1rem}.memory-settings button{margin-top:20px;padding:12px 30px;font-family:"Exo 2",sans-serif;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff149366,#ff69b466);border:2px solid rgba(255,20,147,.6);border-radius:12px;cursor:pointer;transition:all .3s ease}.memory-settings button:hover:not(:disabled){background:linear-gradient(135deg,#ff149399,#ff69b499);border-color:#ff1493;transform:translateY(-2px);box-shadow:0 6px 20px #ff149366}.name-input-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0fe6;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.name-input-modal{background:var(--comp-settings-bg, var(--theme-bg-modal));border:3px solid var(--comp-settings-border, var(--theme-primary));border-radius:20px;padding:40px;max-width:400px;width:90%;text-align:center;box-shadow:var(--comp-settings-shadow, var(--theme-shadow-lg));color:var(--comp-settings-text, var(--theme-text))}.name-input-modal h3{font-family:Orbitron,sans-serif;font-size:1.8rem;margin:0 0 20px;color:var(--theme-primary);text-shadow:var(--theme-glow-primary)}.name-input-modal input{display:block;width:100%;margin-top:15px;padding:12px;font-size:1.2rem;text-align:center;background:var(--theme-bg-button);border:2px solid var(--theme-border);border-radius:8px;color:var(--theme-text);font-family:"Exo 2",sans-serif}.name-input-modal input:focus{outline:none;border-color:var(--theme-primary);background:var(--theme-bg-button-hover);box-shadow:var(--theme-glow-primary)}.name-input-modal button{margin-top:20px;padding:12px 30px;font-family:"Exo 2",sans-serif;font-size:1rem;font-weight:600;color:var(--theme-text);background:var(--theme-bg-button);border:2px solid var(--theme-border);border-radius:12px;cursor:pointer;transition:all .3s ease}.name-input-modal button:hover:not(:disabled){background:var(--theme-bg-button-hover);border-color:var(--theme-primary);transform:translateY(-2px);box-shadow:var(--theme-glow-primary)}.name-input-modal button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.speed-settings{padding:25px 20px;max-width:calc(100% - 30px);width:calc(100% - 30px);max-height:85vh;border-radius:15px}.speed-settings h3{font-size:1.5rem;margin-bottom:15px}.speed-settings label{font-size:1rem;margin:15px 0}.speed-settings select{padding:10px;font-size:1.1rem}.speed-info-text{font-size:.9rem;margin:12px 0}.memory-settings{padding:25px 20px;max-width:calc(100% - 30px);width:calc(100% - 30px);max-height:85vh;border-radius:15px}.memory-settings h3{font-size:1.5rem;margin-bottom:15px}.memory-settings label{font-size:1rem;margin:15px 0}.memory-settings input{padding:10px;font-size:1.1rem}.memory-info-text{font-size:.9rem;margin:12px 0}.win-modal{padding:30px 20px;max-width:calc(100% - 30px);width:calc(100% - 30px)}.win-modal h2{font-size:2rem;margin-bottom:15px}.win-time{font-size:1.5rem}.win-moves{font-size:1.2rem}.name-input-modal{padding:30px 20px;max-width:calc(100% - 30px);width:calc(100% - 30px)}.name-input-modal h3{font-size:1.5rem;margin-bottom:15px}.name-input-modal input{padding:10px;font-size:1.1rem}}@media (max-width: 480px){.speed-settings{padding:20px 15px;max-width:calc(100% - 20px);width:calc(100% - 20px);max-height:90vh}.speed-settings h3{font-size:1.2rem;margin-bottom:12px}.speed-settings label{font-size:.9rem;margin:12px 0}.speed-settings select{padding:8px;font-size:1rem}.speed-info-text{font-size:.85rem;margin:10px 0}.memory-settings{padding:20px 15px;max-width:calc(100% - 20px);width:calc(100% - 20px);max-height:90vh}.memory-settings h3{font-size:1.2rem;margin-bottom:12px}.memory-settings label{font-size:.9rem;margin:12px 0}.memory-settings input{padding:8px;font-size:1rem}.memory-info-text{font-size:.85rem;margin:10px 0}.win-modal{padding:25px 15px;max-width:calc(100% - 20px);width:calc(100% - 20px)}.win-modal h2{font-size:1.5rem;margin-bottom:12px}.win-time{font-size:1.2rem}.win-moves{font-size:1rem}.name-input-modal{padding:25px 15px;max-width:calc(100% - 20px);width:calc(100% - 20px)}.name-input-modal h3{font-size:1.2rem;margin-bottom:12px}.name-input-modal input{padding:8px;font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Exo 2",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--theme-bg, #0A0A0F);color:var(--theme-text, #F5F5F7);overflow-x:hidden}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%;display:flex;flex-direction:column}:root{--theme-primary: #FF1493;--theme-secondary: #FF69B4;--theme-bg: #0D0A0F;--theme-text: #FFE5F1;--header-bg: #1A0F1A;--header-primary: #FF1493;--header-secondary: #FF69B4;--header-text: #FFE5F1;--header-button-bg: #2A1A2A;--header-bg-card: rgba(26, 15, 26, .95);--header-border: rgba(255, 20, 147, .4);--header-border-active: rgba(255, 20, 147, .7);--header-button-bg-hover: rgba(255, 20, 147, .25);--header-button-bg-active: rgba(255, 20, 147, .35);--header-glow-primary: 0 0 20px rgba(255, 20, 147, .6), 0 0 40px rgba(255, 20, 147, .4), 0 0 60px rgba(255, 20, 147, .3), 0 0 80px rgba(255, 20, 147, .2);--header-glow-secondary: 0 0 20px rgba(255, 105, 180, .6), 0 0 40px rgba(255, 105, 180, .4), 0 0 60px rgba(255, 105, 180, .3), 0 0 80px rgba(255, 105, 180, .2);--ui-cursor-box: #2A1A2A;--ui-settings-box: #1A0F1A;--ui-panel-bg: #150A15;--ui-highlight: #FF1493;--ui-shadow: #3A1A3A;--ui-cursor-border: #FF1493;--ui-cursor-text: #FFE5F1;--comp-header-bg: var(--header-bg-card);--comp-header-border: var(--header-border);--comp-header-text: var(--header-text);--comp-header-shadow: var(--theme-shadow-md);--comp-controls-bg: var(--ui-cursor-box);--comp-controls-border: var(--ui-cursor-border, var(--header-border));--comp-controls-text: var(--ui-cursor-text, var(--header-text));--comp-controls-shadow: var(--theme-shadow-md);--comp-settings-bg: var(--theme-bg-modal);--comp-settings-border: var(--theme-border);--comp-settings-text: var(--theme-text);--comp-settings-shadow: var(--theme-shadow-lg);--comp-designer-bg: var(--theme-bg-modal);--comp-designer-border: var(--theme-border);--comp-designer-text: var(--theme-text);--comp-designer-shadow: var(--theme-shadow-lg);--theme-bg-secondary: #1A0F1A;--theme-bg-tertiary: #2A1A2A;--theme-text-secondary: rgba(255, 229, 241, .7);--theme-text-muted: rgba(255, 229, 241, .5);--theme-error: #FF3E3E;--theme-success: #22FF88;--theme-warning: #FFD166;--theme-highlight: #FF1493;--theme-glow-primary: 0 0 20px rgba(255, 20, 147, .6), 0 0 40px rgba(255, 20, 147, .4), 0 0 60px rgba(255, 20, 147, .3), 0 0 80px rgba(255, 20, 147, .2);--theme-glow-secondary: 0 0 20px rgba(255, 105, 180, .6), 0 0 40px rgba(255, 105, 180, .4), 0 0 60px rgba(255, 105, 180, .3), 0 0 80px rgba(255, 105, 180, .2);--theme-glow-highlight: 0 0 20px rgba(255, 20, 147, .6), 0 0 40px rgba(255, 105, 180, .4), 0 0 60px rgba(255, 20, 147, .3);--theme-glow-error: 0 0 20px rgba(255, 62, 62, .5), 0 0 40px rgba(255, 62, 62, .3);--theme-glow-success: 0 0 20px rgba(34, 255, 136, .5), 0 0 40px rgba(34, 255, 136, .3);--theme-border: rgba(255, 20, 147, .4);--theme-border-active: rgba(255, 20, 147, .7);--theme-border-glow: rgba(255, 105, 180, .5);--theme-bg-card: rgba(26, 15, 26, .95);--theme-bg-modal: rgba(13, 10, 15, .98);--theme-bg-button: rgba(255, 20, 147, .15);--theme-bg-button-hover: rgba(255, 20, 147, .25);--theme-bg-button-active: rgba(255, 20, 147, .35);--theme-shadow-sm: 0 2px 8px rgba(255, 20, 147, .2);--theme-shadow-md: 0 4px 16px rgba(255, 20, 147, .3);--theme-shadow-lg: 0 8px 32px rgba(255, 20, 147, .4);--theme-shadow-neon: 0 0 30px rgba(255, 20, 147, .5), 0 0 60px rgba(255, 105, 180, .4), 0 0 90px rgba(255, 20, 147, .3);--theme-gradient-primary: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 100%);--theme-gradient-bg: linear-gradient(135deg, var(--theme-bg) 0%, #1A0F1A 50%, #2A1A2A 100%);--theme-gradient-button: linear-gradient(135deg, rgba(255, 20, 147, .2) 0%, rgba(255, 105, 180, .2) 100%);--cube-white: #FFFFFF;--cube-yellow: #FFD500;--cube-blue: #0051BA;--cube-green: #009E60;--cube-red: #C41E3A;--cube-orange: #FF5800;--cube-brightness: 1;--cube-shine: .4;--theme-border-radius: 20px}[data-theme-style=darkpink]{--theme-border-radius: 20px}[data-theme-style=bios]{--theme-border-radius: 2px}[data-theme-style=classic]{--theme-border-radius: 4px}body{background:var(--theme-bg);color:var(--theme-text)}.app,.app.classic-mode,.app.modern-mode{background:var(--theme-gradient-bg)}