#pathLessonOverlay.path-result-screen { background:#03102a url('../assets/path-result-night-v1.webp') center/cover no-repeat; }
#pathLessonOverlay.path-result-screen .path-lesson-card { width:100%; min-height:100dvh; box-sizing:border-box; padding:12px max(12px,calc((100vw - 850px)/2)) 24px; background:linear-gradient(#01091b10,#01091b15); }
#pathLessonOverlay.path-result-screen .path-lesson-top { margin-bottom:10px; padding:14px; border-color:#286ccb; border-radius:23px; background:linear-gradient(125deg,#0d3264db,#090f39d9); box-shadow:0 0 15px #0d65bb25; }
#pathLessonOverlay.path-result-screen #pathLessonStageTitle { color:#f0f6ff; font-size:18px; }
#pathLessonOverlay.path-result-screen #pathLessonBody { background:none; }
#pathLessonOverlay.path-result-screen .path-result { display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; min-height:calc(100dvh - 135px); box-sizing:border-box; padding:8px 4px 0; text-align:center; }
#pathLessonOverlay.path-result-screen .path-result-icon { width:70%; max-width:330px; height:clamp(165px,29dvh,310px); margin:0 0 15px; display:grid; place-items:center; }
#pathLessonOverlay.path-result-screen .path-result-icon img { width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 0 22px #8750ff44); }
#pathLessonOverlay.path-result-screen .path-result h2 { margin:0 0 12px; font-size:clamp(25px,6.5vw,46px); line-height:1.2; font-weight:850; color:#f5f8ff; letter-spacing:-.4px; }
#pathLessonOverlay.path-result-screen .path-result h2 span { background:linear-gradient(110deg,#dec9ff,#ed8bee); background-clip:text; -webkit-background-clip:text; color:transparent; }
#pathLessonOverlay.path-result-screen .path-result p { max-width:500px; margin:0 8px 14px; font-size:clamp(15px,4.2vw,24px); line-height:1.45; color:#b9c9ec; }
#pathLessonOverlay.path-result-screen .path-result-score { position:relative; display:block; margin:0 0 23px; font-size:clamp(68px,20vw,105px); font-weight:900; line-height:1.2; background:linear-gradient(120deg,#ae46ff,#fd8ade); background-clip:text; -webkit-background-clip:text; color:transparent; filter:drop-shadow(0 4px 12px #9535ef33); }
#pathLessonOverlay.path-result-screen .path-result-score::after { content:''; position:absolute; left:0; right:0; bottom:-5px; height:2px; border-radius:50%; background:linear-gradient(90deg,transparent,#d685ff,transparent); box-shadow:0 0 9px #b24bff; }
#pathLessonOverlay.path-result-screen .path-result.is-passed .path-result-score { background-image:linear-gradient(110deg,#41f9d4,#89f4ff); }
#pathLessonOverlay.path-result-screen .path-result-actions { display:flex; flex-direction:column; align-items:center; gap:12px; width:100%; max-width:550px; margin:0; }
#pathLessonOverlay.path-result-screen .path-result-actions .nav-btn { width:85%; min-height:49px; margin:0; padding:10px 18px; border:1px solid #bb62ff; border-radius:17px; background:linear-gradient(110deg,#061635d6,#0b123add); color:#f0f4ff; font-size:19px; font-weight:800; }
#pathLessonOverlay.path-result-screen .path-result-actions .btn-primary { display:flex; justify-content:center; align-items:center; width:100%; min-height:62px; margin:0; padding:13px 20px; border:1px solid #e9b2ff; border-radius:20px; background:linear-gradient(110deg,#7b36fc,#c32df0,#fa47bd); color:white; font-size:24px; font-weight:850; box-shadow:0 0 17px #c74aff55,inset 0 1px 1px #ffffff60; }
@media(max-height:700px) and (max-width:480px) { #pathLessonOverlay.path-result-screen .path-result { min-height:calc(100dvh - 124px); padding-top:0; }#pathLessonOverlay.path-result-screen .path-result-icon { height:165px; margin-bottom:10px; }#pathLessonOverlay.path-result-screen .path-result h2 { font-size:25px; margin-bottom:9px; }#pathLessonOverlay.path-result-screen .path-result p { font-size:15px; margin-bottom:10px; }#pathLessonOverlay.path-result-screen .path-result-score { font-size:67px; margin-bottom:18px; } }