body{touch-action:manipulation;overscroll-behavior:contain}.coderaid-container *{transform:translateZ(0)}.coderaid-container{touch-action:pan-y;z-index:1!important;position:relative!important}.coderaid-container,.lobby-container,.browser-container,.game-room,.multiplayer-container{z-index:1!important;position:relative!important}.coderaid-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);height:auto;min-height:100vh;padding:20px;position:relative;overflow-y:auto}.coderaid-home{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;justify-content:center;align-items:center;height:auto;min-height:80vh;display:flex;position:relative!important;overflow-y:auto!important}.coderaid-home-content{text-align:center;box-sizing:border-box;background:#fffffff2;border-radius:20px;flex-direction:column;gap:15px;width:100%;max-width:800px;margin:0 auto;padding:25px;animation:1s ease-out fadeInUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000004d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.coderaid-title{color:#2d3748;text-shadow:2px 2px 4px #0000001a;margin-bottom:15px;font-size:3em;font-weight:700}.coderaid-subtitle{color:#4a5568;margin-bottom:15px;font-size:1.5em;font-weight:300}.coderaid-description{margin-bottom:10px}.coderaid-description p{color:#2d3748;margin-bottom:8px;font-size:1.1em;line-height:1.5}.coderaid-content-zone{flex-direction:column;flex:1;gap:10px;display:flex}.coderaid-buttons-zone{border-top:3px solid #667eea33;margin-top:5px;padding-top:15px}.coderaid-buttons-horizontal{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;width:100%;flex-direction:row!important;display:flex!important}.coderaid-buttons:not(.coderaid-buttons-horizontal){flex-direction:column;gap:20px;margin-bottom:30px;display:flex}.coderaid-btn-primary,.coderaid-btn-secondary{cursor:pointer;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;border:none;border-radius:12px;min-width:150px;padding:18px 30px;font-size:1.2em;font-weight:700;transition:all .3s}.coderaid-buttons-horizontal .coderaid-btn-primary,.coderaid-buttons-horizontal .coderaid-btn-secondary{flex:none!important;min-width:140px!important;padding:15px 25px!important;font-size:1.1em!important;display:inline-block!important}.coderaid-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea66}.coderaid-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea99}.coderaid-btn-secondary{color:#667eea;background:#667eea1a;border:2px solid #667eea}.coderaid-btn-secondary:hover{color:#fff;background:#667eea;transform:translateY(-2px)}.coderaid-game-container{gap:20px;padding:20px;display:flex;position:relative;overflow-y:auto}.coderaid-game-zone{background:#fffffff2;border-radius:15px;flex-direction:column;flex:2;padding:20px;display:flex;position:relative;box-shadow:0 10px 30px #0003}.coderaid-game-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.coderaid-game-header[class*=difficulty-banner-]{border-radius:12px;padding:12px 20px;box-shadow:0 4px 12px #00000026}.coderaid-game-header[class*=difficulty-banner-] .coderaid-timer{color:#fff;background:#fff3}.coderaid-game-header[class*=difficulty-banner-] .coderaid-level-name{color:#fff;font-size:1.1em;font-weight:700}.coderaid-game-header[class*=difficulty-banner-] .coderaid-game-controls button{color:#fff;background:#fff3;border:1px solid #ffffff4d}.coderaid-game-header[class*=difficulty-banner-] .coderaid-game-controls button:hover{background:#ffffff59}.difficulty-banner-facile{background:linear-gradient(135deg,#48bb78,#38a169)}.difficulty-banner-moyen{background:linear-gradient(135deg,#ed8936,#dd6b20)}.difficulty-banner-difficile{background:linear-gradient(135deg,#e53e3e,#c53030)}.difficulty-banner-expert{background:linear-gradient(135deg,#9f7aea,#805ad5)}.difficulty-banner-maitre{background:linear-gradient(135deg,#1a1a2e,#d4af37)}.coderaid-game-container.difficulty-bg-facile{background:linear-gradient(135deg,#48bb78,#38a169)!important}.coderaid-game-container.difficulty-bg-moyen{background:linear-gradient(135deg,#ed8936,#dd6b20)!important}.coderaid-game-container.difficulty-bg-difficile{background:linear-gradient(135deg,#e53e3e,#c53030)!important}.coderaid-game-container.difficulty-bg-expert{background:linear-gradient(135deg,#9f7aea,#805ad5)!important}.coderaid-game-container.difficulty-bg-maitre{background:linear-gradient(135deg,#1a1a2e,#d4af37)!important}.coderaid-level-info{align-items:center;gap:20px;display:flex}.coderaid-level-info h1{color:#333;margin:0;font-size:2em}.coderaid-timer{color:#2d3748;background:#0000000d;border-radius:8px;padding:8px 15px;font-size:1.2em;font-weight:700}.coderaid-game-controls{gap:10px;display:flex}.coderaid-game-controls button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:10px 20px;font-weight:700;transition:background .3s}.coderaid-game-controls button:hover{background:#5a67d8}.coderaid-game-grid{aspect-ratio:1;background:#0000000d;border-radius:10px;flex:1;place-content:center;place-items:center;gap:2px;width:fit-content;max-width:min(80vw,800px);min-height:400px;max-height:80vh;margin:auto;padding:20px;display:grid}.coderaid-cell{cursor:pointer;box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:relative}.coderaid-cell.default{background:#e2e8f0;border:2px solid #cbd5e0}.coderaid-cell.player{z-index:10;background:#fff;border:2px solid #4a5568;margin:auto;position:relative;box-shadow:0 0 10px #4a556880;border-radius:50%!important;width:70%!important;height:70%!important}.coderaid-cell.target{background:#48bb78;border:2px solid #38a169;box-shadow:0 0 10px #48bb784d}.coderaid-cell.obstacle{background:#e53e3e;border:2px solid #c53030}.coderaid-cell.teleporter{background:#9f7aea;border:2px solid #805ad5;position:relative}.coderaid-cell.teleporter:before{content:"⚡";color:#fff;font-size:20px;position:absolute}.coderaid-cell.bonus{background:#f6e05e;border:2px solid #d69e2e;box-shadow:0 0 10px #f6e05e66}.coderaid-cell.checkpoint{background:#4fd1c7;border:2px solid #38b2ac;box-shadow:0 0 10px #4fd1c766}.coderaid-instructions-zone{background:#fffffff2;border-radius:15px;flex-direction:column;flex:1;max-width:400px;padding:20px;display:flex;box-shadow:0 10px 30px #0003}.coderaid-instructions-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.coderaid-instructions-header h2{color:#333;font-size:1.5em}.coderaid-instructions-display{background:#475569;border:2px solid #64748b;border-radius:10px;flex:1;padding:0;font-family:Courier New,Monaco,Menlo,monospace;font-size:17px;line-height:1.6;overflow-y:auto}.coderaid-instruction-line{color:#e2e8f0;border-left:3px solid #0000;align-items:center;min-height:32px;padding:8px 15px;transition:all .3s;display:flex}.coderaid-instruction-line:hover{background:#ffffff0d}.coderaid-instruction-line.completed{background:#48bb781a;border-left-color:#48bb78}.coderaid-instruction-line.current{background:#4fd1c733;border-left-color:#4fd1c7;animation:2s infinite pulse-current;box-shadow:inset 0 0 10px #4fd1c74d}@keyframes pulse-current{0%,to{box-shadow:inset 0 0 10px #4fd1c74d}50%{box-shadow:inset 0 0 20px #4fd1c799}}.coderaid-instruction-line.pending{background:0 0;border-left-color:#0000}.coderaid-help-button{cursor:pointer!important;opacity:.6!important;background:0 0!important;border:none!important;border-radius:4px!important;padding:4px!important;font-size:18px!important;transition:all .2s!important}.coderaid-help-button:hover{opacity:.8!important;transform:scale(1.1)!important}.coderaid-help-button.active{opacity:1!important;background:#4fd1c733!important;transform:scale(1.05)!important}.coderaid-objective-code{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:15px}.coderaid-progress-bar-container{background:#ffffff0d;border-top:1px solid #ffffff1a;border-radius:0 0 10px 10px;align-items:center;gap:10px;margin-top:auto;padding:10px 15px;display:flex}.coderaid-progress-bar{background:#ffffff26;border-radius:3px;flex:1;height:6px;overflow:hidden}.coderaid-progress-bar-fill{background:linear-gradient(90deg,#48bb78,#38a169);border-radius:3px;height:100%;transition:width .3s}.coderaid-progress-text{color:#a0aec0;white-space:nowrap;font-family:Courier New,monospace;font-size:.85em;font-weight:600}.coderaid-next-hint{color:#4fd1c7;white-space:nowrap;background:#4fd1c726;border-radius:4px;padding:2px 8px;font-size:.85em;font-weight:700}.coderaid-hints{background:#fffffff2;border-left:4px solid #ed8936;border-radius:8px;margin-top:15px;padding:12px}.coderaid-hints h3{margin:0 0 6px;font-size:1em;font-weight:700;color:#2d3748!important}.coderaid-hints p{margin:0;font-size:.9em;line-height:1.3;color:#2d3748!important}.coderaid-level-selection{-webkit-overflow-scrolling:touch;background:#fffffff2;border-radius:15px;min-height:70vh;max-height:calc(100vh - 40px);padding:40px 50px;position:relative;overflow-y:auto;box-shadow:0 10px 30px #0003}.coderaid-level-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.coderaid-level-header h1{color:#2d3748;margin:0;font-size:2em;font-weight:700}.coderaid-total-time{color:#718096;margin:6px 0 0;font-size:.95em}.coderaid-level-controls{gap:15px;display:flex}.coderaid-level-controls button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:12px 20px;font-weight:700;transition:all .3s}.coderaid-level-controls button:hover{background:#5a67d8;transform:translateY(-2px)}.coderaid-levels-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;display:grid}.coderaid-level-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:12px;transition:all .3s;display:flex;position:relative}.coderaid-level-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.coderaid-level-card.locked{color:#a0aec0;cursor:not-allowed;opacity:.6;background:#f7fafc}.coderaid-level-card.locked:hover{box-shadow:none;transform:none}.coderaid-level-card.completed{color:#22543d;background:linear-gradient(135deg,#f0fff4,#c6f6d5);border-color:#48bb78}.coderaid-level-card.unlocked{color:#234e52;background:linear-gradient(135deg,#e6fffa,#b2f5ea);border-color:#4fd1c7}.coderaid-level-number{color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9em;font-weight:700;display:flex;position:absolute;top:-8px;left:-8px;box-shadow:0 2px 6px #0003}.coderaid-level-number.difficulty-facile{background:linear-gradient(135deg,#48bb78,#38a169)}.coderaid-level-number.difficulty-moyen{background:linear-gradient(135deg,#ed8936,#dd6b20)}.coderaid-level-number.difficulty-difficile{background:linear-gradient(135deg,#e53e3e,#c53030)}.coderaid-level-number.difficulty-expert{background:linear-gradient(135deg,#9f7aea,#805ad5)}.coderaid-difficulty-section{margin-bottom:40px}.coderaid-difficulty-header{border-bottom:3px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.coderaid-difficulty-header h2{color:#2d3748;align-items:center;gap:8px;margin:0;font-size:1.5em;font-weight:700;display:flex}.coderaid-difficulty-count{color:#2d3748;background:#2d37481a;border-radius:15px;padding:4px 12px;font-size:.9em;font-weight:600}.coderaid-level-name{text-align:center;color:#2d3748;margin-top:4px;font-size:.85em;font-weight:600;line-height:1.2}.coderaid-level-status{margin-top:6px;font-size:1.5em}.coderaid-level-time{color:#059669;background:#0596691a;border-radius:8px;padding:2px 6px;font-size:.7em;font-weight:700;position:absolute;bottom:4px;right:8px}.difficulty-facile{background:#48bb78}.difficulty-moyen{background:#ed8936}.difficulty-difficile{background:#e53e3e}.difficulty-expert{background:#9f7aea}.difficulty-maitre,.coderaid-level-number.difficulty-maitre{background:linear-gradient(135deg,#1a1a2e,#d4af37)}.coderaid-cell.colored-cell-rouge{position:relative;background:#fecaca!important;border-color:#ef4444!important}.coderaid-cell.colored-cell-rouge:after{content:"🔴";opacity:.7;font-size:.6em;position:absolute;bottom:2px;right:2px}.coderaid-cell.colored-cell-bleu{position:relative;background:#bfdbfe!important;border-color:#3b82f6!important}.coderaid-cell.colored-cell-bleu:after{content:"🔵";opacity:.7;font-size:.6em;position:absolute;bottom:2px;right:2px}.coderaid-cell.colored-cell-vert{position:relative;background:#bbf7d0!important;border-color:#22c55e!important}.coderaid-cell.colored-cell-vert:after{content:"🟢";opacity:.7;font-size:.6em;position:absolute;bottom:2px;right:2px}.coderaid-cell.colored-cell-jaune{position:relative;background:#fef08a!important;border-color:#eab308!important}.coderaid-cell.colored-cell-jaune:after{content:"🟡";opacity:.7;font-size:.6em;position:absolute;bottom:2px;right:2px}.coderaid-cell.player.colored-cell-rouge{box-shadow:0 0 12px #ef444499;background:#fecaca!important;border:3px solid #ef4444!important}.coderaid-cell.player.colored-cell-bleu{box-shadow:0 0 12px #3b82f699;background:#bfdbfe!important;border:3px solid #3b82f6!important}.coderaid-cell.player.colored-cell-vert{box-shadow:0 0 12px #22c55e99;background:#bbf7d0!important;border:3px solid #22c55e!important}.coderaid-cell.player.colored-cell-jaune{box-shadow:0 0 12px #eab30899;background:#fef08a!important;border:3px solid #eab308!important}.coderaid-cell.player.colored-cell-rouge:after,.coderaid-cell.player.colored-cell-bleu:after,.coderaid-cell.player.colored-cell-vert:after,.coderaid-cell.player.colored-cell-jaune:after{content:none}@keyframes teleport-out{0%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.1)rotate(360deg)}}@keyframes teleport-in{0%{opacity:0;transform:scale(.1)rotate(360deg)}to{opacity:1;transform:scale(1.1)rotate(0)}}@keyframes collect-bonus{0%{transform:scale(1)}50%{transform:scale(1.3)rotate(180deg)}to{transform:scale(1)rotate(360deg)}}@keyframes player-move{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes target-pulse{0%,to{transform:scale(1);box-shadow:0 0 10px #48bb784d}50%{transform:scale(1.05);box-shadow:0 0 25px #48bb78cc}}@keyframes obstacle-warning{0%,to{box-shadow:0 0 5px #e53e3e80}50%{box-shadow:0 0 20px #e53e3ee6}}@keyframes level-complete{0%{transform:scale(1)rotate(0)}25%{transform:scale(1.2)rotate(90deg)}50%{transform:scale(1.4)rotate(180deg)}75%{transform:scale(1.2)rotate(270deg)}to{transform:scale(1)rotate(360deg)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)translateY(-50px)}50%{opacity:.8;transform:scale(1.1)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes player-error{0%,to{background:#fff;border-color:#4a5568;transform:translate(0)}10%,30%,50%,70%,90%{background:#fee2e2;border-color:#dc2626;transform:translate(-4px)}20%,40%,60%,80%{background:#fee2e2;border-color:#dc2626;transform:translate(4px)}}.animate-player-error{animation:1s ease-in-out player-error}.coderaid-message{color:#fff;z-index:1000;border-radius:8px;max-width:300px;padding:15px 20px;font-size:16px;font-weight:700;line-height:1.5;transition:transform .3s ease-in-out;position:fixed;top:20px;right:20px;transform:translate(100%);box-shadow:0 4px 12px #0000004d}.coderaid-message.show{transform:translate(0)}.coderaid-message.success{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#166534;background:#86efacd9;border:2px solid #22c55e80}.coderaid-message.warning{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#9a3412;background:#fdba74d9;border:2px solid #ed893680}.coderaid-message.error{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#991b1b;background:#fca5a5d9;border:2px solid #ef444480}.coderaid-message.info{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1e3a8a;background:#93c5fdd9;border:2px solid #3b82f680}@media (min-width:1025px){.coderaid-game-container{gap:25px;min-height:calc(100vh - 40px);padding:20px;overflow:hidden}.coderaid-game-zone{flex-direction:column;flex:2;max-height:calc(100vh - 80px);display:flex}.coderaid-instructions-zone{flex:1;min-width:380px;max-width:420px;max-height:calc(100vh - 80px);overflow-y:auto}.coderaid-instructions-display{-webkit-overflow-scrolling:touch;overflow-y:auto}.coderaid-instruction-line{margin:4px 0;padding:8px 12px;font-size:.95rem;line-height:1.4}.coderaid-game-grid{grid-gap:3px;flex:1;width:100%;max-width:600px;min-height:400px;max-height:600px;margin:0 auto}.coderaid-cell{border:2px solid #0000001a;min-width:50px;min-height:50px;font-size:2rem}}@media (max-width:1024px) and (min-width:769px){.coderaid-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;height:auto;min-height:100vh;padding:15px;position:relative!important;overflow-y:auto!important}.coderaid-home{min-height:calc(100vh - 30px);padding:15px 0}.coderaid-home-content{gap:20px;max-width:90%;margin:20px auto;padding:25px}.coderaid-buttons-zone{margin-top:5px;padding-top:15px}.coderaid-buttons-horizontal{gap:12px}.coderaid-buttons-horizontal .coderaid-btn-primary,.coderaid-buttons-horizontal .coderaid-btn-secondary{min-width:120px!important;padding:12px 18px!important;font-size:1rem!important}.coderaid-page-wrapper{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;height:auto;min-height:70vh;position:relative;overflow-y:auto!important}.coderaid-game-container{-webkit-overflow-scrolling:touch;gap:15px;height:auto;min-height:calc(100vh - 30px);padding:15px;overflow-y:auto}.coderaid-game-zone{flex:1.5}.coderaid-instructions-zone{flex:1;max-width:350px}.coderaid-game-header{flex-wrap:wrap;gap:10px}.coderaid-game-header h1{font-size:1.5em}.coderaid-game-controls{flex-wrap:wrap}.coderaid-game-controls button{padding:8px 12px;font-size:.9em}.coderaid-levels-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.coderaid-level-card{min-height:85px;padding:10px}.coderaid-difficulty-header h2{font-size:1.3em}.coderaid-difficulty-section{margin-bottom:30px}}@media (max-width:768px){.coderaid-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;height:auto;min-height:100vh;padding:10px;position:relative!important;overflow-y:auto!important}.coderaid-home-content{gap:30px;max-width:95%;padding:30px 20px}.coderaid-buttons-horizontal{flex-direction:column;gap:12px}.coderaid-buttons-horizontal .coderaid-btn-primary,.coderaid-buttons-horizontal .coderaid-btn-secondary{width:100%;max-width:280px;min-width:unset}.coderaid-page-wrapper{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;height:auto;min-height:70vh;padding:20px;overflow-y:auto!important}.coderaid-game-container{-webkit-overflow-scrolling:touch;flex-direction:column;gap:10px;height:auto;padding:10px;overflow-y:auto}.coderaid-game-zone{width:100%;padding:15px}.coderaid-instructions-zone{-webkit-overflow-scrolling:touch;width:100%;max-width:none;max-height:400px;padding:15px;overflow-y:auto}.coderaid-game-header{flex-direction:column;align-items:center;gap:15px}.coderaid-level-info{text-align:center;flex-direction:column;gap:10px;width:100%}.coderaid-level-info h1{margin:0;font-size:1.3em}.coderaid-timer{font-size:1em}.coderaid-game-controls{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;display:grid}.coderaid-game-controls button{white-space:nowrap;padding:10px 8px;font-size:.8em}.coderaid-levels-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.coderaid-level-card{min-height:75px;padding:8px}.coderaid-level-number{width:22px;height:22px;font-size:.7em;top:-6px;left:-6px}.coderaid-level-name{font-size:.75em;line-height:1.1}.coderaid-level-status{margin-top:3px;font-size:1.3em}.coderaid-level-time{padding:1px 4px;font-size:.6em;bottom:2px;right:4px}.coderaid-difficulty-header h2{font-size:1.2em}.coderaid-difficulty-section{margin-bottom:25px}.coderaid-instructions-display{font-size:13px}}.coderaid-tabs{border-bottom:2px solid #e2e8f0;margin-bottom:2rem;display:flex}.coderaid-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:12px 20px;font-size:1rem;font-weight:600;transition:all .3s}.coderaid-tab:hover{color:#3b82f6;background:#3b82f60d}.coderaid-tab.active{color:#3b82f6;background:#3b82f61a;border-bottom-color:#3b82f6}.coderaid-tab-content{min-height:400px}.coderaid-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.coderaid-stat-card{text-align:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .3s;box-shadow:0 4px 6px #00000012}.coderaid-stat-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.coderaid-stat-icon{margin-bottom:.5rem;font-size:2.5rem}.coderaid-stat-value{color:#1e293b;margin-bottom:.5rem;font-size:2rem;font-weight:700}.coderaid-stat-label{color:#64748b;font-size:.875rem;font-weight:500}.coderaid-records-list{space-y:1rem}.coderaid-record-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:1rem;padding:1.5rem;transition:all .3s}.coderaid-record-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.coderaid-record-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.coderaid-record-header h3{color:#1e293b;margin:0;font-size:1.2rem}.coderaid-record-completions{color:#1e40af;background:#dbeafe;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.coderaid-record-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.coderaid-record-stat{justify-content:space-between;align-items:center;display:flex}.coderaid-record-stat .label{color:#64748b;font-weight:500}.coderaid-record-stat .value{color:#1e293b;font-weight:700}.coderaid-leaderboard-list{space-y:.5rem}.coderaid-leaderboard-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:center;padding:1rem 1.5rem;transition:all .3s;display:flex}.coderaid-leaderboard-item:hover{border-color:#3b82f6;transform:translate(4px)}.coderaid-leaderboard-item.current-user{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640}.coderaid-leaderboard-rank{text-align:center;min-width:60px;margin-right:1rem;font-size:1.5rem;font-weight:700}.coderaid-leaderboard-info{flex:1}.coderaid-leaderboard-name{color:#1e293b;font-size:1.1rem;font-weight:700}.coderaid-leaderboard-stats{color:#64748b;margin-top:2px;font-size:.9rem}.coderaid-leaderboard-time{color:#059669;margin-left:1rem;font-size:1rem;font-weight:700}.coderaid-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.coderaid-header h1{color:#2d3748;margin:0;font-size:2em;font-weight:700}.coderaid-button-secondary{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:12px 20px;font-weight:700;transition:all .3s}.coderaid-button-secondary:hover{background:#5a67d8;transform:translateY(-2px)}.coderaid-page-wrapper{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain;background:#fffffff2;border-radius:15px;height:auto;min-height:70vh;padding:30px;position:relative;overflow-y:auto;box-shadow:0 10px 30px #0003}@media (max-width:480px){.coderaid-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;height:auto;min-height:100vh;padding:10px;position:relative!important;overflow-y:auto!important}.coderaid-page-wrapper{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;height:auto;min-height:70vh;padding:15px;overflow-y:auto!important}.coderaid-home-content{margin:0 10px;padding:30px 20px}.coderaid-title{font-size:2em}.coderaid-subtitle{font-size:1.2em}.coderaid-btn-primary,.coderaid-btn-secondary{padding:15px 25px;font-size:1em}.coderaid-game-zone,.coderaid-instructions-zone{-webkit-overflow-scrolling:touch;padding:15px;overflow-y:auto}}.coderaid-victory-overlay{z-index:200;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.coderaid-victory-player{background:#fff;border:8px solid #48bb78;border-radius:50%;justify-content:center;align-items:center;width:500px;height:500px;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards victory-player-expand;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #48bb78cc,0 0 120px #48bb7880,inset 0 0 40px #48bb784d}.coderaid-victory-player:before{content:"";background:radial-gradient(circle,#48bb7833 0%,#48bb7800 70%);border-radius:50%;animation:2s ease-in-out infinite victory-pulse;position:absolute;inset:0}.coderaid-victory-content{z-index:1;text-align:center;color:#22543d;animation:.6s ease-out .4s both victory-content-fade-in;position:relative}.coderaid-victory-title{color:#48bb78;text-shadow:0 2px 4px #0000001a;margin-bottom:2rem;font-size:2.5rem;font-weight:700;animation:.6s ease-out .6s both victory-title-bounce}.coderaid-victory-stats{flex-direction:column;gap:1rem;display:flex}.coderaid-victory-stat{background:#48bb781a;border:2px solid #48bb784d;border-radius:12px;justify-content:space-between;align-items:center;min-width:250px;padding:.75rem 1.5rem;display:flex}.coderaid-victory-stat .label{color:#2d3748;font-size:1.1rem;font-weight:600}.coderaid-victory-stat .value{color:#22543d;font-size:1.3rem;font-weight:700}@keyframes victory-player-expand{0%{opacity:0;border-color:#4a5568;transform:scale(.1);box-shadow:0 0 10px #4a556880}50%{opacity:1;transform:scale(1.1)}to{opacity:1;border-color:#48bb78;transform:scale(1)}}@keyframes victory-content-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes victory-title-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes victory-pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:768px){.coderaid-victory-player{width:350px;height:350px}.coderaid-victory-title{margin-bottom:1.5rem;font-size:1.8rem}.coderaid-victory-stat{min-width:200px;padding:.5rem 1rem}.coderaid-victory-stat .label{font-size:.95rem}.coderaid-victory-stat .value{font-size:1.1rem}}@keyframes progressbar-pulse{0%{filter:brightness();box-shadow:0 0 #6366f100}25%{filter:brightness(1.3);box-shadow:0 0 20px 8px #6366f1cc}50%{filter:brightness(1.5);box-shadow:0 0 25px 10px #6366f199}75%{filter:brightness(1.3);box-shadow:0 0 20px 8px #6366f166}to{filter:brightness();box-shadow:0 0 #6366f100}}.progressbar-pulse{animation:1.2s ease-in-out progressbar-pulse}