*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #4a9eff;--secondary-color: #7c3aed;--accent-color: #4f46e5;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--primary-gradient: linear-gradient(135deg, #4a9eff 0%, #7c3aed 100%);--surface-elevated: rgba(30, 30, 50, .95);--bg-dark: #0f0f1e;--bg-darker: #0a0a14;--surface: rgba(20, 20, 40, .9);--surface-hover: rgba(30, 30, 50, .95);--border-color: rgba(255, 255, 255, .1);--text: #ffffff;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,var(--bg-darker) 0%,var(--bg-dark) 100%);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}.container{max-width:1600px;margin:0 auto;padding:0 var(--spacing-xl)}.header{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) 0;box-shadow:var(--shadow-md)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.header-left{flex:1}.header-right{display:flex;align-items:center}.author-name{font-size:1.2rem;font-weight:600;color:#fff;padding:var(--spacing-sm) var(--spacing-md);border:2px solid;border-image:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%) 1;border-radius:var(--radius-sm);position:relative;white-space:nowrap;text-decoration:none;display:inline-block;transition:all .3s ease}.author-name:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff4d;background:#4a9eff1a}.header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}.subtitle{color:var(--text-secondary);font-size:1.1rem}.main-content{padding:var(--spacing-xl) 0}.challenge-section{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.challenge-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.challenge-number{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:700;font-size:.9rem;letter-spacing:.5px}.challenge-title{font-size:2rem;font-weight:700;flex:1;min-width:300px}.difficulty-badge{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.difficulty-badge.easy{background:#10b98133;color:var(--success-color);border:1px solid rgba(16,185,129,.3)}.difficulty-badge.medium{background:#f59e0b33;color:var(--warning-color);border:1px solid rgba(245,158,11,.3)}.difficulty-badge.hard{background:#ef444433;color:var(--danger-color);border:1px solid rgba(239,68,68,.3)}.challenge-description{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.description-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all .3s ease}.description-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.description-card h3{font-size:1.3rem;margin-bottom:var(--spacing-md);color:var(--primary-color)}.description-card p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.description-card ul{list-style:none;color:var(--text-secondary)}.description-card li{padding-left:var(--spacing-lg);position:relative;margin-bottom:var(--spacing-sm)}.description-card li:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:700}.description-card strong{color:var(--text-primary)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.section-header h3{font-size:1.5rem;font-weight:600}.section-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease}.section-header.clickable:hover{border-color:var(--primary-color)}.toggle-icon{font-size:1.2rem;transition:transform .3s ease}.section-actions{display:flex;gap:var(--spacing-sm)}.playground-section,.solution-section{margin-top:var(--spacing-xl)}.simulation-container{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.viewer-panel-fullwidth{position:relative;background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0;height:700px;overflow:hidden}.canvas-wrapper-full{width:100%;height:100%}.canvas-wrapper-full canvas.threejs{width:100%;height:100%;display:block}.controls-overlay{position:absolute;display:flex;gap:10px;align-items:center;background:#000000b3;padding:15px 20px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.controls-top-right{top:20px;right:20px}.controls-top-left{top:20px;left:20px;flex-direction:column;align-items:flex-start;z-index:150;min-width:220px;gap:12px}.controls-bottom{bottom:20px;left:50%;transform:translate(-50%)}.control-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;font-weight:500}.control-btn:hover{background:#fff3;transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.control-btn.primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-color:transparent}.control-btn.primary:hover{box-shadow:0 4px 12px #4a9eff66}.solution-option-group-inline{display:flex;flex-direction:column;gap:6px;width:100%}.solution-option-group-inline label{font-size:.75rem;color:#ffffffe6;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.solution-select-inline{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 35px 10px 14px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;min-width:200px;font-weight:500;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"%3e%3cpath fill="white" d="M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z"/%3e%3c/svg%3e');background-repeat:no-repeat;background-position:right 10px center}.solution-select-inline:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px)}.solution-select-inline:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a9eff4d;background:#fff3}.solution-select-inline option{background:#1a1a2e;color:#fff;padding:10px;font-weight:400}.muscle-editor{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#14141efa;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;width:700px;max-width:90vw;max-height:85vh;overflow-y:auto;z-index:3000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080}.muscle-editor.hidden{display:none}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.editor-header h3{color:#fff;margin:0;font-size:24px}.close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:6px;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#ff00004d}.editor-content{display:flex;flex-direction:column;gap:20px}.muscle-selector{display:flex;align-items:center;gap:15px}.muscle-selector label{color:var(--text-secondary);font-weight:500}.muscle-editor .muscle-select{flex:1;max-width:400px;padding:10px 15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px}.muscle-editor .canvas-container{margin:0;display:flex;flex-direction:column;align-items:center}.muscle-editor canvas{max-width:100%;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:6px}.muscle-editor .canvas-instructions{text-align:center;color:#fff9;font-size:14px;margin-top:10px}.muscle-editor .editor-controls{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.muscle-editor .control-btn{min-width:150px}.control-panel{display:flex;flex-direction:column;gap:var(--spacing-lg);position:relative;z-index:10}.controls-group{background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);position:relative;z-index:10}.controls-group h4{font-size:1.1rem;margin-bottom:var(--spacing-md);color:var(--primary-color)}.control-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.control-row label{font-weight:500;color:var(--text-secondary);min-width:100px}.duration-input,.muscle-select{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0d;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;transition:all .2s ease}.duration-input:hover,.muscle-select:hover{background:#ffffff14;border-color:#ffffff4d}.duration-input:focus,.muscle-select:focus{outline:none;background:#ffffff1a;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a9eff33}.muscle-select{cursor:pointer}.muscle-select option{background:var(--bg-dark);color:var(--text-primary)}.action-btn,.playback-btn{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:#ffffff0d;color:var(--text-primary)}.action-btn:hover,.playback-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.action-btn:active,.playback-btn:active{transform:translateY(0)}.action-btn.primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-color:transparent;color:#fff;font-weight:600}.action-btn.primary:hover{box-shadow:0 4px 12px #4a9eff66;transform:translateY(-2px)}.action-btn.secondary{background:#ffffff14;border-color:var(--border-color)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.playback-btn{padding:var(--spacing-xs) var(--spacing-md);min-width:50px}.canvas-container{margin:var(--spacing-md) 0;position:relative;z-index:10;max-width:100%;display:flex;flex-direction:column;align-items:center}#userCurveCanvas,canvas[id*=CurveCanvas]{max-width:100%;height:auto;background:#0000004d;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:crosshair;position:relative;z-index:10;display:block;box-shadow:0 4px 12px #0000004d}.canvas-instructions{color:var(--text-muted);font-size:.85rem;text-align:center;margin-top:var(--spacing-sm);width:100%}.controls-group:has(#userMuscleSelect_1) .control-row,.controls-group:has(#userMuscleSelect_2) .control-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.controls-group:has(#userMuscleSelect_1) .control-row label,.controls-group:has(#userMuscleSelect_2) .control-row label{min-width:auto;margin-right:var(--spacing-md)}.controls-group:has(#userMuscleSelect_1) .muscle-select,.controls-group:has(#userMuscleSelect_2) .muscle-select{flex:1;max-width:300px}.editor-controls{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);justify-content:center}.editor-controls .action-btn{flex:1}.viewer-column{display:flex;flex-direction:column;gap:var(--spacing-md)}.viewer-panel{background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;height:500px;position:relative;z-index:1}.viewer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.viewer-header h4{font-size:1.1rem;color:var(--primary-color)}.playback-controls{display:flex;gap:var(--spacing-xs);align-items:center}.speed-display{min-width:50px;text-align:center;font-weight:600;color:var(--primary-color)}.time-display{min-width:60px;text-align:center;font-weight:600;color:var(--accent-color);margin-left:15px;padding:8px 12px;background:#4f46e51a;border-radius:var(--radius-sm);border:1px solid var(--accent-color)}.canvas-wrapper{flex:1;background:#0000004d;border-radius:var(--radius-sm);border:1px solid var(--border-color);overflow:hidden;position:relative;z-index:1}canvas.threejs{width:100%;height:100%;display:block;position:relative;z-index:1}.results-display{background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.results-display h4{font-size:1.1rem;margin-bottom:var(--spacing-md);color:var(--primary-color)}.results-display.highlight{background:linear-gradient(135deg,#4a9eff1a,#7c3aed1a);border-color:#4a9eff4d}.results-display-horizontal{background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md)}.results-display-horizontal h4{font-size:1.1rem;margin-bottom:var(--spacing-md);color:var(--primary-color);text-align:center}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}@media (max-width: 768px){.results-grid{grid-template-columns:1fr}}.result-card{background:#ffffff0d;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-md);text-align:center;transition:all .3s ease}.result-card:hover{background:#ffffff14;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.result-card-primary{background:linear-gradient(135deg,#10b98126,#05966926);border:2px solid var(--success-color);box-shadow:0 0 20px #10b98133}.result-card-primary:hover{background:linear-gradient(135deg,#10b98140,#05966940);border-color:var(--success-color);box-shadow:0 0 30px #10b9814d}.result-card-primary .result-value{color:var(--success-color);font-size:1.75rem}.result-card .result-label{display:block;color:var(--text-secondary);font-size:.75rem;margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.result-card .result-value{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-color)}.result-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.result-item:last-child{border-bottom:none}.result-label{color:var(--text-secondary);font-size:.9rem}.result-value{font-size:1.1rem;font-weight:600;color:var(--primary-color)}.comparison-display{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.comparison-display h4{font-size:1.1rem;margin-bottom:var(--spacing-md);color:var(--success-color)}.progress-bar{width:100%;height:24px;background:#ffffff0d;border-radius:var(--radius-sm);overflow:hidden;margin-top:var(--spacing-sm);border:1px solid var(--border-color)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--success-color) 0%,#34d399 100%);transition:width .5s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--spacing-sm);color:#fff;font-weight:600;font-size:.85rem}.solution-section{margin-top:var(--spacing-2xl);border-top:2px solid var(--border-color);padding-top:var(--spacing-xl)}.solution-section.collapsed .solution-content{display:none}.solution-section.collapsed .toggle-icon{transform:rotate(-90deg)}.solution-content{margin-top:var(--spacing-lg)}.solution-options{display:none}.solution-explanation{background:linear-gradient(135deg,#7c3aed1a,#4a9eff1a);border:1px solid rgba(124,58,237,.3);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.solution-explanation h4{font-size:1.3rem;margin-bottom:var(--spacing-md);color:var(--secondary-color)}.solution-explanation p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.solution-explanation ul{list-style:none;color:var(--text-secondary)}.solution-explanation li{padding-left:var(--spacing-lg);position:relative;margin-bottom:var(--spacing-sm)}.solution-explanation li:before{content:"→";position:absolute;left:0;color:var(--secondary-color);font-weight:700}.code-details{margin-top:var(--spacing-lg);background:#0a0a1499;border:1px solid rgba(124,58,237,.4);border-radius:var(--radius-md);overflow:hidden}.code-summary{padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--secondary-color);transition:all .3s ease;background:#7c3aed1a}.code-summary:hover{background:#7c3aed33;color:var(--primary-color)}.code-icon{font-size:1.2rem;transition:transform .3s ease}.code-details[open] .code-icon{transform:rotate(90deg)}.code-container{padding:var(--spacing-lg);background:#0a0a18bf;border-top:1px solid rgba(124,58,237,.3);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.code-container pre{margin:0;padding:var(--spacing-lg);background:#121426f2;border-radius:var(--radius-md);overflow-x:auto;box-shadow:inset 0 0 0 1px #7c3aed26}.code-container code{display:block;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.6;white-space:pre}.code-container pre::-webkit-scrollbar{height:6px}.code-container pre::-webkit-scrollbar-thumb{background:#7c3aed80;border-radius:999px}.code-container pre::-webkit-scrollbar-track{background:#ffffff0d}.language-python{color:inherit}.footer{background:var(--surface);border-top:1px solid var(--border-color);padding:var(--spacing-xl) 0;text-align:center;margin-top:var(--spacing-2xl)}.footer p{color:var(--text-secondary)}@media (max-width: 768px){.header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.author-name{font-size:1rem}.header h1{font-size:1.8rem}.challenge-header{flex-direction:column;align-items:flex-start}.challenge-description{grid-template-columns:1fr}.control-row{flex-direction:column;align-items:stretch}.control-row label{min-width:auto}.viewer-header{flex-direction:column;gap:var(--spacing-md)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.challenge-section{animation:fadeIn .6s ease-out}.hidden{display:none!important}.loading{opacity:.6;pointer-events:none}.back-link{display:inline-block;color:var(--primary-color);text-decoration:none;font-weight:600;margin-bottom:var(--spacing-md);transition:all .3s ease}.back-link:hover{color:var(--secondary-color);transform:translate(-4px)}.challenge-navigation{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.nav-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-weight:600;transition:all .3s ease}.nav-btn:hover{background:var(--surface-hover);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-btn.prev-challenge{margin-right:auto}.nav-btn.prev-challenge:hover{transform:translateY(-2px) translate(-4px)}.nav-btn.next-challenge{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;margin-left:auto}.nav-btn.next-challenge:hover{transform:translateY(-2px) translate(4px);box-shadow:0 4px 16px #4f46e566}.difficulty-badge.easy{background:#10b98133;color:var(--success-color);border:1px solid var(--success-color)}.difficulty-badge.medium{background:#f59e0b33;color:var(--warning-color);border:1px solid var(--warning-color)}.difficulty-badge.hard{background:#ef444433;color:var(--danger-color);border:1px solid var(--danger-color)}.difficulty-badge.expert{background:#7c3aed33;color:var(--secondary-color);border:1px solid var(--secondary-color)}.comparison-results{margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md)}.comparison-results h4{font-size:1.5rem;margin-bottom:var(--spacing-lg);text-align:center}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.results-column{padding:var(--spacing-lg);background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .3s ease}.results-column:hover{background:#ffffff0d;transform:translateY(-2px)}.results-column.highlight{background:#4f46e51a;border-color:var(--accent-color)}.results-column.score{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.results-column h5{font-size:1rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:1px}.results-column .result-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(255,255,255,.05)}.results-column .result-item:last-child{border-bottom:none}.performance-score{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-lg)}.score-value{font-size:3rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--spacing-sm)}.score-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.results-column .progress-bar{width:100%;height:24px;background:#ffffff1a;border-radius:var(--radius-sm);overflow:hidden;position:relative}.results-column .progress-fill{height:100%;background:var(--primary-gradient);transition:width .6s ease;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff}.leaderboard-panel{position:absolute;top:0;right:0;width:350px;height:100%;background:#0a0a14f2;border-left:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;z-index:200;transition:transform .3s ease}.leaderboard-panel.hidden{transform:translate(100%)}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:#ffffff08}.leaderboard-header h3{font-size:1.2rem;margin:0;color:var(--text-primary)}.leaderboard-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.leaderboard-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.leaderboard-loading{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-style:italic}.leaderboard-entry{background:#ffffff0d;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease;position:relative}.leaderboard-entry:hover{background:#ffffff14;border-color:var(--primary-color);transform:translate(-4px)}.leaderboard-entry.selected{background:#4a9eff26;border-color:var(--primary-color)}.leaderboard-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.leaderboard-rank{font-size:.9rem;font-weight:700;color:var(--primary-color);min-width:40px}.leaderboard-rank.rank-1{color:gold}.leaderboard-rank.rank-2{color:silver}.leaderboard-rank.rank-3{color:#cd7f32}.leaderboard-username{flex:1;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{font-size:1.1rem;font-weight:700;color:var(--success-color)}.leaderboard-entry-details{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.leaderboard-date{font-size:.75rem;color:var(--text-tertiary)}.leaderboard-actions{display:none;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.leaderboard-entry.selected .leaderboard-actions{display:block}.leaderboard-action-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#4a9eff33;border:1px solid var(--primary-color);border-radius:var(--radius-sm);color:var(--primary-color);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.leaderboard-action-btn:hover{background:#4a9eff4d;transform:scale(1.02)}.leaderboard-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);background:#ffffff08}.leaderboard-btn{width:100%;padding:var(--spacing-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem}.leaderboard-btn:hover{background:#ffffff26;transform:translateY(-2px)}.leaderboard-btn.primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none}.leaderboard-btn.primary:hover{box-shadow:0 4px 12px #4a9eff66}.submit-score-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.submit-score-modal.hidden{display:none}.submit-score-content{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl);width:90%;max-width:500px;box-shadow:var(--shadow-lg)}.submit-score-content h3{margin-top:0;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.submit-score-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-weight:600;color:var(--text-primary)}.form-group input{padding:var(--spacing-md);background:#ffffff0d;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem}.form-group input:focus{outline:none;border-color:var(--primary-color);background:#ffffff14}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.form-actions button{flex:1;padding:var(--spacing-md);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.form-actions .btn-cancel{background:#ffffff1a;border:1px solid var(--border-color);color:var(--text-primary)}.form-actions .btn-cancel:hover{background:#ffffff26}.form-actions .btn-submit{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;color:#fff}.form-actions .btn-submit:hover{box-shadow:0 4px 12px #4a9eff66;transform:translateY(-2px)}@media (max-width: 768px){.leaderboard-panel{width:100%;max-width:350px}}.custom-alert-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;pointer-events:none;transition:opacity .3s ease}.custom-alert-overlay.active{opacity:1;pointer-events:all}.custom-alert-modal{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl);max-width:450px;width:90%;box-shadow:0 20px 60px #00000080;transform:scale(.9);transition:transform .3s ease;text-align:center}.custom-alert-overlay.active .custom-alert-modal{transform:scale(1)}.custom-alert-icon{font-size:3rem;margin-bottom:var(--spacing-md);animation:bounceIn .5s ease}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.custom-alert-message{color:var(--text-primary);font-size:1.1rem;line-height:1.6;margin-bottom:var(--spacing-xl);white-space:pre-line}.custom-alert-buttons{display:flex;gap:var(--spacing-md);justify-content:center}.custom-alert-btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;min-width:100px}.custom-alert-btn-primary{background:var(--primary-gradient);color:#fff}.custom-alert-btn-primary:hover{box-shadow:0 4px 12px #4a9eff66;transform:translateY(-2px)}.custom-alert-btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.custom-alert-btn-secondary:hover{background:#ffffff0d;border-color:var(--text-secondary)}.custom-alert-success .custom-alert-icon{color:var(--success-color)}.custom-alert-error .custom-alert-icon{color:var(--danger-color)}.custom-alert-warning .custom-alert-icon{color:var(--warning-color)}.custom-alert-info .custom-alert-icon{color:var(--primary-color)}