/* Drive Quest P0 additions */
.qno{font-family:var(--head);font-size:12px;color:var(--lagoon-d);margin-bottom:6px}
.tipbox{display:flex;gap:10px;align-items:flex-start;background:#FFF3DC;border-radius:12px;padding:10px 12px;margin-top:8px;font-size:14px;color:var(--ink)}
.tipbox .play.small{width:38px;height:38px;flex:none;border-radius:50%;background:var(--lagoon);display:grid;place-items:center}
.tipbox .play.small svg{width:18px;height:18px}
.tipbox .play.small.on{animation:pulse 1s infinite}
.fb .tipbox{font-weight:400}

/* 3단계: 보기 4개가 한 화면에 들어오도록 — 넘치면 한국어 보조줄 접기, 글자 살짝 줄이기 */
.qpanel.tight #opts .opt{font-size:14.5px;line-height:1.45;padding:8px 10px}
.qpanel.tight .qq{font-size:15.5px!important;line-height:1.5!important}
.qpanel.tight2 .qq + .note{display:none}
.subtgl{float:right;font-size:11px;border-radius:999px;padding:2px 8px;background:rgba(20,28,51,.07);color:var(--mute);font-weight:700}
.qpanel.showsub #opts small{display:inline!important}.qpanel.showsub .qq .pron{display:block!important}
.pin .lb{max-width:150px;overflow:hidden;text-overflow:ellipsis}
.pin.mock .m{background:var(--coral);box-shadow:0 8px 20px rgba(0,0,0,.4),0 0 0 6px rgba(255,107,107,.35)} .pin.mock .m::after{border-top-color:var(--coral)} .pin.mock .m svg{color:#fff}

/* 차고(세차) · 내 노트 */
.bubfx{position:absolute;font-size:22px;pointer-events:none;animation:bubup 1.3s ease-out forwards}
@keyframes bubup{0%{opacity:0;transform:translateY(10px) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translateY(-90px) scale(1.2)}}
.book .empty{text-align:center;padding:48px 20px;color:#C9D1DE;display:flex;flex-direction:column;gap:8px;align-items:center}
.book .empty b{font-family:var(--head);font-size:17px;color:#fff}
.bknote{font-size:12.5px;color:#AEB7C7;margin:-4px 2px 10px;line-height:1.55}
.wq{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 12px;margin-bottom:8px;animation:cardin .3s backwards;cursor:pointer}
.wq .wh{display:flex;gap:8px;align-items:flex-start}
.wq .no{flex:none;font-family:var(--head);font-size:11px;color:var(--coral);background:rgba(255,107,107,.15);border-radius:6px;padding:2px 6px;margin-top:2px}
.wq .qt{font-size:14px;line-height:1.55;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wq.open .qt{-webkit-line-clamp:unset;display:block}
.wq .wa{font-size:13px;color:#8CF5E6;margin-top:6px;line-height:1.5;font-weight:700}
.wq .wx{display:none}.wq.open .wx{display:block}
.wq .tipbox{background:rgba(255,243,220,.95)}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-bottom:20px}
.sg{background:rgba(255,255,255,.06);border-radius:12px;padding:8px 6px;text-align:center}
.sg .im{background:#fff;border-radius:10px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.sg .im img{width:86%;height:86%;object-fit:contain;filter:grayscale(1) opacity(.25)}
.sg.on .im img{filter:none}
.sg .nm{font-size:11px;line-height:1.4;color:#C9D1DE;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.sg:not(.on) .nm{color:#6B7489;font-family:var(--head)}

/* 최종 보스: 모의고사 */
.psheet.exsheet .box{max-height:88%;overflow:auto}
.exhero{display:flex;align-items:flex-end;gap:10px;margin:4px 0 10px}
.exhero img{width:84px;height:110px;object-fit:contain;object-position:bottom;flex:none;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}
.exhero .bub{background:#fff;color:var(--ink);border-radius:16px 16px 16px 4px;padding:10px 12px;font-size:13.5px;line-height:1.55;font-weight:600}
.exhero.big{justify-content:center;margin:6px 0 0;position:relative;z-index:1}.exhero.big img{width:150px;height:150px}
.ex3{display:flex;gap:8px;margin:4px 0 10px}
.ex3 div{flex:1;border-radius:14px;background:rgba(255,255,255,.08);padding:8px 4px;text-align:center}
.ex3 b{display:block;font-family:var(--head);font-size:26px;color:#fff;line-height:1.1}.ex3 .g b{color:#8CF5E6}
.ex3 span{font-size:11.5px;color:#C9D1DE}
.lic{display:flex;gap:6px;margin-bottom:10px}
.lic button{flex:1;border-radius:12px;padding:8px 4px;font-size:13px;font-weight:700;background:rgba(255,255,255,.08);color:#C9D1DE;border:2px solid transparent;line-height:1.4}
.lic button.on{border-color:var(--mango);color:#fff;background:rgba(255,184,77,.18)}
.mspec{width:100%;border-collapse:collapse;font-size:12.5px;color:#E6EAF2;margin-bottom:10px}
.mspec th,.mspec td{padding:6px 6px;border-bottom:1px solid rgba(255,255,255,.1);text-align:center}
.mspec th:first-child,.mspec td:first-child{text-align:left}
.mspec th{font-size:11px;color:#AEB7C7;font-weight:700}
.mspec .sum td{font-weight:800;color:#fff}.mspec tr.miss td:last-child{color:#FF9B9B}
.exnote{font-size:12.5px;color:#AEB7C7;line-height:1.6;margin:0 0 10px}
.mkh{margin-bottom:12px}.mkh b{font-size:12px;color:#C9D1DE}
.mkh div{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.mkh span{font-family:var(--head);font-size:15px;border-radius:10px;padding:4px 8px;background:rgba(255,107,107,.18);color:#FFB3B3}
.mkh span.p{background:rgba(25,198,193,.18);color:#8CF5E6}.mkh i{font-style:normal;font-size:10px;margin-left:3px;opacity:.8}
.exwarn{background:rgba(255,184,77,.16);color:#FFD9A0;border-radius:12px;padding:9px 12px;font-size:13px;line-height:1.55;margin-bottom:10px}
.xgrid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:6px 0 10px}
.xgrid button{aspect-ratio:1;border-radius:10px;background:rgba(255,255,255,.08);color:#C9D1DE;font-family:var(--head);font-size:13px}
.xgrid button.on{background:var(--lagoon);color:#fff}.xgrid button.cur{outline:2px solid var(--mango)}
.exam{position:absolute;inset:0;z-index:35;background:var(--cream);color:var(--ink);display:flex;flex-direction:column}
.extop{display:flex;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;background:var(--navy);color:#fff}
.extop .x{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:16px;flex:none}
.extop .bar{flex:1;height:8px;border-radius:99px;background:rgba(255,255,255,.15);overflow:hidden}.extop .bar i{display:block;height:100%;background:var(--lagoon);transition:width .3s}
.extop .clock{font-family:var(--head);font-size:15px;flex:none}.extop .clock.low{color:var(--coral);animation:pulse 1s infinite}
.extop .gridb{flex:none;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;padding:6px 9px;font-family:var(--head);font-size:13px}
.exbody{flex:1;overflow:auto;padding:12px 14px 16px}
.exhd{display:flex;justify-content:space-between;font-family:var(--head);font-size:12px;color:var(--lagoon-d);margin-bottom:8px}.exhd .no{color:var(--mute)}
.exmedia img,.exmedia video{width:100%;max-height:230px;object-fit:contain;border-radius:12px;background:#fff;margin-bottom:8px;display:block}.exmedia video{background:#000}
.exsitu{font-size:13.5px;line-height:1.6;background:#fff;border-radius:12px;padding:8px 10px;margin-bottom:8px;white-space:pre-line;color:#334}
.exq{font-size:16.5px;line-height:1.6;margin:4px 0 10px;font-weight:800}.exq .xno{color:var(--lagoon-d)}
.exq small,.eo small{display:block;font-size:12.5px;color:var(--mute);font-weight:600;margin-top:3px;line-height:1.45}
.pick2{display:inline-block;font-size:12px;font-weight:800;color:#fff;background:var(--coral);border-radius:99px;padding:3px 10px;margin-bottom:8px}
.exopts{display:grid;gap:8px}
.eo{display:flex;gap:10px;align-items:flex-start;text-align:left;background:#fff;border:2px solid rgba(20,28,51,.08);border-radius:14px;padding:10px 12px;font-size:15px;line-height:1.5;font-weight:700;color:var(--ink);box-shadow:0 4px 0 rgba(20,28,51,.08)}
.eo .k{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid #C9D1DE;display:grid;place-items:center;font-family:var(--head);font-size:12px;color:var(--mute);margin-top:1px}
.eo.sel{border-color:var(--lagoon);background:rgba(25,198,193,.1)}.eo.sel .k{background:var(--lagoon);border-color:var(--lagoon);color:#fff}
.exsrc{font-size:10.5px;color:var(--mute);margin-top:12px;line-height:1.5}
.exfoot{display:flex;gap:8px;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -6px 18px rgba(20,28,51,.08)}
.exfoot .qbtn{flex:1}.exfoot #exprev{flex:0 0 64px}
.exres{flex:1;overflow:auto;background:var(--navy);color:#fff;padding:calc(20px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;position:relative}
.exres h2{font-family:var(--head);font-size:28px;text-align:center;margin:0}.exres.pass h2{color:var(--mango)}.exres.fail h2{color:#FF9B9B}
.exres .exscore{text-align:center}.exres .exscore b{font-family:var(--head);font-size:56px;line-height:1}.exres .exscore span{display:block;font-size:13px;color:#C9D1DE;margin-top:4px}
.exres .rays{position:absolute;left:50%;top:40px;width:360px;height:360px;margin-left:-180px;opacity:.35;pointer-events:none}
.exres .rewards{margin:4px 0}
.psheet.exsheet .box{background:linear-gradient(180deg,#1B2447,#141C33);color:#fff;max-height:90%;overflow:auto}
.psheet.exsheet h3{color:#fff}.exsheet .x{background:rgba(255,255,255,.14)}
.psheet.exsheet .row{display:flex;gap:8px}.exsheet .row .qbtn{flex:1}
.psheet.exsheet .qbtn.ghost{color:#fff}
.psheet.exsheet .qbtn.ghost,.exres .qbtn.ghost{background:rgba(255,255,255,.1);color:#fff}
.psheet.exsheet{z-index:45}

/* 2026-10-27 피드백 */
html{-webkit-tap-highlight-color:transparent}
button,.opt,.eo,.egg,.pin,.qrow,.act,.wq,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
/* 버튼 글자 굵게 (미얀마어 글꼴은 굵기를 따로 지정해야 굵어짐) */
.qbtn,.installbtn,.bossbtn,.act,.tabs button,.lic button,.gridb,.xlpick b,.cta .t1,.cta .go,.egg .nm,.qrow b{font-weight:700}
html[lang=my] .qbtn,html[lang=my] .installbtn,html[lang=my] .bossbtn,html[lang=my] .act,html[lang=my] .tabs button,html[lang=my] .lic button,html[lang=my] .egg .nm,html[lang=my] .cta .t1{font-weight:700}
/* 눌렀을 때 바로 보이게: 색 변화 애니메이션 없앰 */
.opt,.eo{transition:transform .05s,box-shadow .05s!important}
.qbtn{transition:transform .05s,box-shadow .05s!important}
.opt:active,.eo:active{transform:translateY(3px)}
/* Su Su 얼굴 사진 (전신 대신) */
.linh .face img,.qlinh .face img{transform:none!important;object-position:50% 50%!important}
/* 시험 언어 */
.mm{font-family:var(--mm)}
.opt small.mm,.qq .pron.mm,.note small.mm,.exsitu small.mm{display:block;font-size:13px;color:var(--mute);font-weight:600;line-height:1.5;margin-top:3px}
.opt.ok small.mm,.opt.ng small.mm{color:rgba(255,255,255,.88)}
.qno{display:flex;align-items:center;justify-content:space-between;gap:8px}
.qno .qkind{margin:0}
.xlt{display:inline-flex;flex:none;background:rgba(20,28,51,.07);border-radius:999px;padding:2px}
.xlt button{font-family:var(--body);font-size:11.5px;font-weight:800;color:var(--mute);padding:4px 9px;border-radius:999px}
.xlt button.on{background:var(--navy);color:#fff}
.qpanel.tight #opts small.mm{font-size:12px}
.xlpick{display:flex;flex-direction:column;gap:12px;width:100%;max-width:340px;margin:8px auto}
.xlpick button{background:#fff;color:var(--ink);border-radius:18px;padding:14px 16px;text-align:left;display:flex;flex-direction:column;gap:3px;box-shadow:0 5px 0 rgba(0,0,0,.25)}
.xlpick button:active{transform:translateY(4px);box-shadow:0 1px 0 rgba(0,0,0,.25)}
.xlpick b{font-family:var(--head);font-size:22px}
.xlpick span{font-size:15px;font-weight:700;color:var(--lagoon-d)}
.xlpick small{font-size:12.5px;color:var(--mute)}
.qq .pron.mm,.opt small.mm,.note small.mm,.exsitu small.mm,.exq small.mm,.eo small.mm,.lcard .mm,.tipbox .mm{font-family:var(--mm)!important;letter-spacing:0}
html[lang=my] .qq .pron,html[lang=my] .note,html[lang=my] .qkind{font-family:var(--mm)!important;letter-spacing:0}
/* 2026-10-28: 어두운 창의 회색 버튼이 안 보이던 문제 */
.ov .qbtn.ghost{background:rgba(255,255,255,.16);color:#fff;box-shadow:0 4px 0 rgba(0,0,0,.35)}
/* 해설 음성 플레이어 */
.tipbox.col{flex-direction:column;align-items:stretch;gap:8px}
.tp{display:flex;align-items:center;gap:8px}
.tp-pp{width:42px;height:42px;border-radius:50%;background:var(--lagoon);display:grid;place-items:center;flex:none;box-shadow:0 3px 0 var(--lagoon-d)}
.tp-pp svg{width:18px;height:18px}
.tp.on .tp-pp{background:var(--coral);box-shadow:0 3px 0 #C24A4A}
.tp-re{width:34px;height:34px;border-radius:50%;background:rgba(20,28,51,.08);color:var(--navy);display:grid;place-items:center;flex:none}
.tp-re svg{width:17px;height:17px}
.tp-bar{flex:1;height:6px;border-radius:99px;background:rgba(20,28,51,.12);overflow:hidden}
.tp-bar i{display:block;height:100%;width:0;background:var(--lagoon);transition:width .25s linear}
/* 정답 줄: '정답 1 ...' 이 한 줄로 */
.fb .anshd{font-weight:800;margin-right:6px}
.fb .ansl{display:block;margin-top:2px;font-weight:700}
.fb .ansn{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:6px;background:var(--lagoon);color:#fff;font-size:12px;font-weight:800;margin-right:6px;padding:0 4px}

/* 🧩 어려운 문장 문제 */
.htag{font-size:13px}
.hfind{display:flex;gap:8px;align-items:flex-start;background:#EAF7F6;border:1.5px dashed var(--lagoon);border-radius:12px;padding:8px 10px;margin:2px 0 4px;font-size:14px;font-weight:800;color:var(--lagoon-d);line-height:1.5}
.hfind small{display:block;font-size:12px;font-weight:600;color:var(--mute)}
.hmemo{background:#FFF7D6;border:2px solid #FFD36E;border-radius:12px;padding:9px 11px;margin-top:8px;color:var(--ink)}
.hm-t{font-size:12.5px;font-weight:800;color:#B7791F}
.hm-x{font-size:15px;font-weight:800;line-height:1.55;margin-top:2px}
.hmemo small{display:block;font-size:12px;color:var(--mute);margin-top:2px;font-weight:600}
.hm-a{font-size:12px;font-weight:700;color:var(--coral);margin-top:4px}

/* 모의고사 모드 선택 */
.exmode{display:flex;gap:6px;margin-bottom:10px}
.exmode button{flex:1;border-radius:12px;padding:8px 6px;background:rgba(255,255,255,.08);color:#C9D1DE;border:2px solid transparent;display:flex;flex-direction:column;gap:2px;text-align:center}
.exmode button b{font-size:13.5px;font-weight:800}.exmode button small{font-size:11px;opacity:.85;line-height:1.35}
.exmode button.on{border-color:var(--lagoon);color:#fff;background:rgba(25,198,193,.16)}
.exmtag{font-size:10.5px;font-weight:800;color:#fff;background:var(--navy);border-radius:99px;padding:1px 7px}.exmtag.mm{background:var(--lagoon-d)}

/* 모의고사 머리줄: 유형 한 줄 + 번호·모드 한 줄 (미얀마어가 중간에서 줄바꿈되지 않게) */
.exhd{align-items:center;gap:8px}
.exhl{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.exty{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.exsub{display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--mute)}
.exmtag{white-space:nowrap;padding:2px 8px}
.exhd .xlt{flex:none}

/* EN/한국어 버튼은 항상 오른쪽, 종류 이름은 tight 에서도 그대로 (번갈아 누를 때 위치가 바뀌던 문제) */
.qno .xlt{margin-left:auto}
.qpanel.tight .qno .qkind{display:inline-flex}
.qno .qkind{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/* 표지 카드: 그림 아래 문제 문장 → 정답 */
.lcard .scq{font-size:13.5px;font-weight:700;color:var(--mute);line-height:1.5;margin-bottom:6px}
.lcard .scq small{display:block;font-weight:600;font-size:12.5px}
/* 2개 고르기 문제의 선택 표시 (빠져 있었음) */
.opt.sel{border-color:var(--lagoon);background:rgba(25,198,193,.12);box-shadow:0 5px 0 var(--lagoon-d)}
.opt.sel .k{background:var(--lagoon);color:#fff}

/* 그림 자리 미리 잡기 */
.qimg{width:100%;margin:0 auto 8px;border-radius:12px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}
.qimg img{width:100%;height:100%;object-fit:contain;display:block}
.qimg.card{max-width:220px;background:transparent;margin-bottom:10px}
.exmedia .qimg{margin-bottom:8px}
.exmedia .qimg img{max-height:none;border-radius:0}
.qimg{flex:none}
.qbody>video,#qbody>video{flex:none}

/* 공단 영어 원문 오류 안내 */
.ennote{display:block;margin-top:4px;padding:4px 8px;border-radius:8px;background:#fff4d6;color:#7a5200;font-size:12px;font-weight:500;line-height:1.45;text-align:left}

/* 서버층: 설정의 계정 줄 · 페북 앱 안 안내 띠 */
.dlg .acct{display:block;margin-top:8px;font-size:12px;color:var(--mute);line-height:1.5}
.iabar{position:fixed;left:8px;right:8px;top:calc(env(safe-area-inset-top,0px) + 8px);z-index:90;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 36px 10px 12px;border-radius:14px;background:#1A2330;color:#fff;font-size:13px;line-height:1.45;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.iabar span{flex:1 1 100%;font-family:var(--mm),var(--body)}
.iabar .iab-go{background:#FFB84D;color:#1A2330;font-weight:700;padding:6px 12px;border-radius:10px;text-decoration:none}
.iabar small{opacity:.8}
.iabar .iab-x{position:absolute;right:6px;top:6px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff}
/* 해설 잠금 상자 */
.tipbox.lock{background:#fff7e6;border:1.5px dashed #f0b44c}
.tipbox.lock .qbtn.pass{margin-top:8px;width:100%;font-weight:700}