.explanation-modal .game-container{background:linear-gradient(150deg,#1a1a2e,#161625);border:1px solid rgba(255,255,255,.1);flex-direction:column;width:90%;max-width:920px;height:700px;min-height:500px;max-height:85vh;padding:0;display:flex;overflow:hidden}.explanation-nav{z-index:10;gap:12px;display:flex;position:absolute;top:15px;left:50%;-ms-transform:translate(-50%);transform:translate(-50%)}.nav-dot{cursor:pointer;background-color:rgba(255,255,255,.2);-webkit-border-radius:50%;border-radius:50%;width:14px;height:14px;transition:all .3s;position:relative}.nav-dot:hover{background-color:rgba(255,255,255,.4)}.nav-dot.active{background-color:#fff;-ms-transform:scale(1.1);transform:scale(1.1);box-shadow:0 0 15px rgba(255,255,255,.5)}.nav-dot.red.active{background-color:#ff5f56;box-shadow:0 0 15px #ff5f56}.nav-dot.yellow.active{background-color:#ffbd2e;box-shadow:0 0 15px #ffbd2e}.nav-dot.blue.active{background-color:#2793ff;box-shadow:0 0 15px #2793ff}#explanationContent,#levelsContent,#scoringContent{box-sizing:border-box;height:calc(100% - 41px);margin-top:41px;padding:2rem;display:none;overflow-y:auto}#explanationContent::-webkit-scrollbar{width:6px}#levelsContent::-webkit-scrollbar{width:6px}#scoringContent::-webkit-scrollbar{width:6px}#explanationContent::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}#levelsContent::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}#scoringContent::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}#explanationContent::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);-webkit-border-radius:3px;border-radius:3px}#levelsContent::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);-webkit-border-radius:3px;border-radius:3px}#scoringContent::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);-webkit-border-radius:3px;border-radius:3px}#explanationContent::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}#levelsContent::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}#scoringContent::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}#explanationContent{flex-wrap:wrap;padding:0;display:flex}.explanation-quadrant{text-align:center;box-sizing:border-box;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);flex-direction:column;flex:50%;justify-content:center;align-items:center;padding:1rem;transition:flex-grow .4s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}#explanationContent>.explanation-quadrant:nth-child(2n){border-right:none}#explanationContent>.explanation-quadrant:nth-child(n+3){border-bottom:none}.explanation-title{color:#00aeef;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.mini-grid{background-color:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);-webkit-border-radius:8px;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;width:100px;height:100px;margin-bottom:1rem;padding:5px;display:grid}.mini-grid-cell{-webkit-border-radius:4px;border-radius:4px;width:100%;height:100%}.explanation-level-container{text-align:center}.explanation-level{color:rgba(255,255,255,.9);font-size:1rem;font-weight:500}.explanation-games-range{color:rgba(255,255,255,.6);margin-top:.25rem;font-size:.8rem;font-weight:400}#levelsContent{display:flex}.levels-grid-wrapper{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;width:100%;margin:auto;display:grid}.level-visual-card{text-align:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);-webkit-border-radius:15px;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 1rem;transition:all .3s;display:flex}.level-visual-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);-ms-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.level-visual-header{margin-bottom:1rem}.level-visual-number{color:#00aeef;text-transform:uppercase;font-size:.9rem;font-weight:700}.level-visual-title{color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:500}.level-visual-avatar-wrapper{width:102px;height:102px;margin:.5rem 0 1rem;position:relative}.level-visual-avatar-wrapper .profile-avatar-preview{object-fit:cover;border:3px solid transparent;-webkit-border-radius:50%;border-radius:50%;width:100%;height:100%}.level-visual-multiplier{flex-direction:column;align-items:center;gap:.2rem;display:flex}.multiplier-label{color:rgba(255,255,255,.6);font-size:.8rem}.multiplier-value{color:#00ff8c;font-size:1rem;font-weight:700}#scoringContent{flex-direction:column;align-items:center;gap:2.5rem;display:flex}.scoring-section-title{color:#00aeef;text-align:center;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #00aeef;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:700}.scoring-intro-text{color:rgba(255,255,255,.8);text-align:center;max-width:700px;font-size:1rem;line-height:1.6}.base-score-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;width:100%;max-width:800px;display:grid}.base-score-card{text-align:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);-webkit-border-radius:15px;border-radius:15px;padding:1.5rem;transition:all .3s}.base-score-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);-ms-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.base-score-card h4{color:rgba(255,255,255,.9);margin-bottom:.5rem;font-size:1rem;font-weight:600}.base-score-card p{color:rgba(255,255,255,.6);margin-bottom:1rem;font-size:.85rem}.base-score-card .score-value{color:gold;font-size:2rem;font-weight:700}.scoring-factors-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;max-width:800px;display:grid}.factor-card{text-align:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);-webkit-border-radius:15px;border-radius:15px;flex-direction:column;align-items:center;gap:.8rem;padding:1.5rem;transition:all .3s;display:flex}.factor-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);-ms-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.factor-card i{color:#00aeef;margin-bottom:.5rem;font-size:2.5rem}.factor-card h4{color:rgba(255,255,255,.9);font-size:1.1rem;font-weight:600}.factor-card p{color:rgba(255,255,255,.7);font-size:.9rem;line-height:1.5}[data-theme=dark] .level-visual-card{background-color:rgba(255,255,255,.12)}.level-visual-avatar-wrapper .level-badge{z-index:10;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.8px;background:#333;border:1px solid rgba(255,255,255,.1);-webkit-border-radius:16px;border-radius:16px;width:max-content;min-width:64px;padding:2px 8px;font-size:.6rem;font-weight:700;transition:all .3s;position:absolute;bottom:-6px;left:50%;-ms-transform:translate(-50%);transform:translate(-50%)}.level-visual-avatar-wrapper .level-badge.level-1{background:linear-gradient(135deg,#06f 0%,#0af 50%,#06f 100%)}.level-visual-avatar-wrapper .level-badge.level-2{background:linear-gradient(135deg,#8a2be2 0%,#9932cc 50%,#8a2be2 100%)}.level-visual-avatar-wrapper .level-badge.level-3{background:linear-gradient(135deg,#0f8 0%,#0c6 50%,#0f8 100%)}.level-visual-avatar-wrapper .level-badge.level-4{background:linear-gradient(135deg,#f36 0%,#c03 50%,#f36 100%)}.level-visual-avatar-wrapper .level-badge.level-5{background:linear-gradient(135deg,gold 0%,#fa0 50%,gold 100%)}.level-visual-avatar-wrapper .level-badge.level-6{color:#333;text-shadow:none;background:linear-gradient(135deg,#e6e6e6 0%,silver 50%,#e6e6e6 100%)}.level-visual-avatar-wrapper .level-badge.level-7{background:linear-gradient(135deg,#f04 0%,#c02 50%,#f04 100%)}.level-visual-avatar-wrapper .level-badge.level-8{background:linear-gradient(135deg,#06c 0%,#049 50%,#06c 100%)}.level-visual-avatar-wrapper .level-badge.level-9{background:linear-gradient(135deg,#0c4 0%,#093 50%,#0c4 100%)}.level-visual-avatar-wrapper .level-badge.level-10{background:linear-gradient(135deg,red 0%,#ff8000 16.66%,#ff0 33.33%,#0f0 50%,#0080ff 66.66%,#8000ff 83.33%,red 100%) 0 0/200% 200%;animation:3s ease-in-out infinite rainbowShift}@keyframes rainbowShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.5s ease-in-out fadeIn}