/* Night-room reading practice with live text, audio and answer checking. */
#screenLessons.reading-neon-session > .neo-card { position:relative; width:100%; max-width:700px; margin:auto; box-sizing:border-box; padding:15px; border:1px solid #226aff; border-radius:22px; background:linear-gradient(180deg,#00112e30,#010c2380),url('../assets/reading-night-room-v1.webp') center center/cover!important; box-shadow:0 0 14px #085bff55; color:#fff; }
#screenLessons.reading-neon-session .training-mode-bar,#screenLessons.reading-neon-session #lessonTopicTag,#screenLessons.reading-neon-session #trainingBackToSelectionBtn,#screenLessons.reading-neon-session #timerContainer,#screenLessons.reading-neon-session #quizFavBtn { display:none!important; }
#screenLessons.reading-neon-session .reading-neon-head { display:grid!important; grid-template-columns:42px minmax(0,1fr) 55px!important; align-items:center; gap:12px; margin:0 0 16px!important; padding:0!important; }
#screenLessons.reading-neon-session .reading-neon-head > button { width:42px; height:42px; padding:0; border:1px solid #1ca5ff; border-radius:12px; background:#04224cba; color:#fff; font-size:30px; }
#screenLessons.reading-neon-session .reading-neon-head > div { height:10px; background:#0b3571; border-radius:99px; overflow:hidden; }
#screenLessons.reading-neon-session .reading-neon-head > div > span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#00dbc1,#08d3ff); }
#screenLessons.reading-neon-session .reading-neon-head > strong { text-align:center; padding:10px 5px; border:1px solid #1c6aca; border-radius:12px; background:#041b42bb; color:#fff; font-size:17px; }
#screenLessons.reading-neon-session .reading-neon-head > em { display:none!important; }
#screenLessons.reading-neon-session #quizCardContent.reading-neon-quiz { position:relative!important; display:flex!important; flex-direction:column; width:100%!important; padding:62px 0 0!important; margin:0!important; background:none!important; border:0!important; box-shadow:none!important; flex:1!important; }
#screenLessons.reading-neon-session #quizCardContent.reading-neon-quiz #quizChar { display:flex!important; flex-direction:column; align-items:stretch; gap:15px; width:100%!important; padding:0!important; margin:0!important; min-height:0!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; font-size:clamp(22px,4vw,34px)!important; text-align:left!important; line-height:1.5!important; }
#screenLessons.reading-neon-session .reading-neon-sentence { display:flex; align-items:center; gap:10px; padding:20px 15px; min-height:88px; box-sizing:border-box; border:2px solid #08d2ff; border-radius:18px; background:linear-gradient(145deg,#061b38d9,#061936c9); box-shadow:inset 0 0 15px #145bfd55,0 0 8px #008dff; color:#fff; }
#screenLessons.reading-neon-session .reading-neon-sentence:nth-child(2) { border-color:#a085ff; box-shadow:inset 0 0 15px #774aff55,0 0 8px #8974ff; }
#screenLessons.reading-neon-session .reading-neon-sentence b { font-weight:800; flex:none; }.reading-neon-sentence span { overflow-wrap:anywhere; }
#screenLessons.reading-neon-session #quizCardContent.reading-neon-quiz #quizQuestion,#screenLessons.reading-neon-session #quizPinyin { display:none!important; }
#screenLessons.reading-neon-session .training-quick-audio { display:grid!important; place-items:center; position:absolute!important; top:0!important; right:2px!important; left:auto!important; width:45px!important; height:45px!important; padding:0!important; border:2px solid #26d8ff; border-radius:50%; background:#075bafbf!important; box-shadow:0 0 12px #0ecaff; color:#fff; font-size:23px!important; }
#screenLessons.reading-neon-session #quizCardContent #optionsContainer { display:block!important; flex:none!important; padding-top:92px; margin:0!important; background:none!important; }
#screenLessons.reading-neon-session .reading-order-entry { display:flex; flex-direction:column; gap:13px; width:100%; padding:0!important; }
#screenLessons.reading-neon-session .reading-order-entry input { width:100%; min-height:50px; box-sizing:border-box; border:2px solid #a22fff; border-radius:15px; background:#011530d6; color:#fff; font-size:24px; font-weight:700; letter-spacing:8px; text-align:center; outline:none; text-transform:uppercase; box-shadow:inset 0 0 12px #0c1a58; }
#screenLessons.reading-neon-session .reading-order-entry input:focus { border-color:#d9a8ff; box-shadow:0 0 10px #8b29ff; }
#screenLessons.reading-neon-session .reading-order-entry .btn-primary { display:flex; justify-content:space-between; align-items:center; width:100%; min-height:66px; margin:0; padding:14px 22px; border:0; border-radius:20px; background:linear-gradient(105deg,#7835fa,#c927ef,#ff449e); color:#fff; font-size:20px; font-weight:800; box-shadow:0 0 18px #9436d644; cursor:pointer; }
#screenLessons.reading-neon-session .reading-order-entry .btn-primary b { display:grid; place-items:center; width:35px; height:35px; background:#ffe2f3; color:#7214b2; font-size:24px; border-radius:13px; }
#screenLessons.reading-neon-session .reading-order-entry .btn-primary:disabled { opacity:.55; cursor:default; }
#screenLessons.reading-neon-session .reading-order-entry input.correct { color:#74ffce; border-color:#29e9bc; }#screenLessons.reading-neon-session .reading-order-entry input.wrong { color:#ff9eb7; border-color:#ff507a; }
#screenLessons.reading-neon-session .reading-order-feedback { padding:10px 0 0; font-size:13px; }.reading-neon-session .reading-order-actions button { background:#061d45; color:#d7eaff; border-color:#537cff; }
#screenLessons.reading-neon-order .training-answer-actions { display:none!important; }
html[data-mobile] .m-host-wrap.reading-neon-host #screenLessons > .neo-card { padding:12px!important; margin:5px 8px 10px!important; width:calc(100% - 16px)!important; min-height:calc(100dvh - 155px)!important; }
html[data-mobile] .m-host-wrap.reading-neon-host #screenLessons #quizCardContent.reading-neon-quiz { padding:60px 0 0!important; }
@media(max-width:480px) { #screenLessons.reading-neon-session .reading-neon-sentence { padding:15px 12px; min-height:80px; }#screenLessons.reading-neon-session #quizCardContent.reading-neon-quiz #quizChar { font-size:23px!important; gap:13px; }#screenLessons.reading-neon-session #quizCardContent #optionsContainer { padding-top:90px; }#screenLessons.reading-neon-session .reading-order-entry .btn-primary { font-size:19px; } }


/* The mobile shell makes training cards transparent; this scene has its own background. */
#screenLessons.reading-neon-session > #trainingLessonCard.neo-card { background:linear-gradient(180deg,#00112e30,#010c2380),url('../assets/reading-night-room-v1.webp') center center/cover!important; border:1px solid #226aff!important; border-radius:22px!important; box-shadow:0 0 14px #085bff55!important; }
#screenLessons.reading-neon-session #quizCardContent #quizChar::before,
#screenLessons.reading-neon-session #quizCardContent #quizChar::after { display:none!important; }