/* 전체 점검 뒤 보완: 여백, 글자 크기, 문제 화면 짜임 */
/* 이름 정하기 */
.bcard.form{gap:14px}
.bcard.form .lbl{font-size:20px;letter-spacing:.02em}
.todo{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:10px;counter-reset:t}
.todo li{display:flex;align-items:center;gap:16px;background:#f6efdd;border-radius:22px;padding:16px 22px;font-size:25px;font-weight:700;line-height:1.4;color:var(--ink2)}
.todo b{flex:none;width:44px;height:44px;border-radius:50%;background:var(--tl);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800}
.bcard.form .acts{margin-top:auto}

/* 이야기 화면: 가운데 정렬 + 알아 두기 */
.pro .bento{top:215px}
.bcard.story .note{display:flex;gap:16px;align-items:flex-start;background:#eef6f1;border-radius:22px;padding:16px 22px;font-size:25px;font-weight:700;line-height:1.5;color:#1d4d39}
.bcard.story .note span{flex:none;background:#1f7a78;color:#fff;border-radius:99px;padding:3px 16px;font-size:18px;font-weight:800;margin-top:3px}
.bcard.story .dots{margin-top:auto}

/* 방 화면: 자물쇠 카드 글자 키우기 */
.lockc .kd{font-size:19px}
.lockc h4{font-size:30px}
.lockc .tz{font-size:21px;padding:14px 18px}.lockc .tz small{font-size:16px}
.lockc .btn{align-self:stretch;width:100%}
.locks.n4 .lockc h4{font-size:27px}.locks.n4 .lockc .tz{font-size:19px}.locks.n4 .lockc .kd{font-size:17px}
.lbl{font-size:18px}
.tipline{font-size:22px}.tipline .tg{font-size:17px}
.gauge{font-size:19px}

/* 문제 화면 */
.pic .bubble small,.bubble small{font-size:16px}
.fcard .ft small{font-size:16px}
.mcol .lbl{font-size:18px}
.sdots span{font-size:20px}
.sortc{min-height:230px;padding:36px 44px}.sortc p{font-size:38px}
.bins{margin-top:6px}.bin{height:128px;font-size:32px;border-radius:30px}
.mc.r:not(.done) .mb{background:transparent;border:3px dashed #c9bb9a;color:transparent}
.scene .pic:not(.soft){aspect-ratio:4/3}
.cm b{font-size:16px}
.who2{font-size:16px}
.foot .hintbtn{font-size:20px}

/* 스스로 확인하기 */
.selfs .bento{grid-template-columns:1fr 1.1fr .9fr}
.nt textarea{font-size:23px}
.rrow{justify-content:center;gap:14px}
.rrow p{font-size:23px}
.rt .stv{width:60px;height:60px}.rt small{font-size:17px;white-space:nowrap}
.bcard.graph{justify-content:space-between}
#triwrap{flex:none;height:auto}
.srec{display:flex;align-items:baseline;justify-content:center;gap:10px;align-self:stretch;background:#fff;border-radius:24px;padding:14px 20px}
.srec b{font-size:60px;font-weight:800;color:var(--ok);line-height:1}.srec small{font-size:30px;font-weight:800;color:var(--ink3)}.srec span{font-size:22px;font-weight:800;color:var(--ink2);margin-left:6px}
.shint{font-size:20px;font-weight:700;color:var(--ink3);text-align:center}
.tri text{font-size:28px}
.tri{max-height:none}
.rt{gap:8px}.rt small{margin-top:4px;display:block}

/* 글자 크기 바닥: 작은 라벨도 18px 이상 */
.bubble small,.duo small,.ad small,.fcard .ft small,.lockc .tz small,.lockc .tz small,.cm b,.who2,.expr span,.sdots span{font-size:18px}
.chip,.kd,.tg,.unit,.steps .st,.sent .n,.opt .n,.mc .mb,.tipline .tg,.locks.n4 .lockc .kd,.story em,.bcard.story .note span{font-size:19px}
.chip{height:40px}
.locks.n4 .lockc .tz small{font-size:17px}
.mhead .who{font-size:21px}
.bdg .ico{opacity:.6}

.sents.mg{gap:7px}.sents.mg .sent{padding:7px 18px 7px 12px;font-size:21px}.sents.mg .sent .n{width:38px;height:38px}
.pane{gap:10px}
.chat{gap:6px;padding:12px 16px}
.cm{padding:6px 16px;font-size:21px;line-height:1.4;display:flex;gap:10px;align-items:baseline}
.cm b{display:inline;font-size:17px;flex:none}
.cm.nt{display:block}
.fb.ok b{margin-right:2px}

/* 번번이 말풍선: 글씨는 항상 또렷하게(번짐·떨림 효과 없음) */
.bubble,.bubble.glitch,.bubble.oops,.bubble.good{text-shadow:none!important;animation:none!important;filter:none!important;letter-spacing:0}
.scene .pic.soft.bb .bubble,.bubble{font-size:27px;font-weight:800;line-height:1.45;padding:16px 22px 18px}
.bubble{color:#7a1f14}
.bubble.good{color:#0f4d33}
.bubble.glitch{border-left:8px solid #e0492b}
.bubble.oops{border-left:8px solid #c0392b}
.bubble.good{border-left:8px solid #2f8a63}
.bubble small{font-size:19px;color:#4a443a;font-weight:800}

/* 강조 표현은 중간에서 끊기지 않고 통째로 줄바꿈 */
mark{display:inline-block;white-space:nowrap;line-height:1.35}
.sortc p{text-wrap:pretty}
.nb{white-space:nowrap}

/* 표지: 창 비율이 달라도 그림이 두 번 보이지 않게(바깥은 같은 그림을 흐리게 깔기) */
body.in-title{background:#c9955a}
body.in-title::before{content:"";position:fixed;inset:-60px;background:url(../images/title.webp) center/cover no-repeat;filter:blur(32px) brightness(.9) saturate(1.1);z-index:0}
body.in-title #stage{z-index:1}