@font-face{font-family:Paperlogy;font-weight:500;src:url(../fonts/Paperlogy-500.woff2) format("woff2");font-display:swap}
@font-face{font-family:Paperlogy;font-weight:700;src:url(../fonts/Paperlogy-700.woff2) format("woff2");font-display:swap}
@font-face{font-family:Paperlogy;font-weight:800;src:url(../fonts/Paperlogy-800.woff2) format("woff2");font-display:swap}
:root{--mint:#cdebdd;--mint2:#9fd8bf;--butter:#ffe9a8;--butter2:#ffd76a;--peach:#ffd3bf;--sky:#cfe6fa;--sky2:#8cc4ee;--lav:#e3d9f5;--lav2:#b9a4e6;--coral:#f28b6e;--cream:#fffaee;--ink:#4a3b2f;--line:#9b7a5a;--soft:#7a6552}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden;background:#efe3cc}
body{font-family:Paperlogy,'Malgun Gothic',sans-serif;color:var(--ink);word-break:keep-all;line-break:strict;-webkit-user-select:none;user-select:none}
button{font-family:inherit;color:var(--ink);cursor:pointer}
textarea,input{font-family:inherit;color:var(--ink);-webkit-user-select:text;user-select:text}
#stage{position:absolute;width:1920px;height:1080px;transform-origin:0 0;overflow:hidden;background:#dfeee6}
#bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#dim{position:absolute;inset:0;background:rgba(255,250,238,.5);display:none}
#fx,#ui,#fxtop,#mist,#modal{position:absolute;inset:0}
#fx{pointer-events:none}.amb{position:absolute}
.ui{transition:opacity .2s}.body{position:absolute;inset:0}
#fxtop{pointer-events:none;z-index:30}.sp,.flyp{position:absolute}.flash{position:absolute;inset:0;background:#fff3b8}
#mist{display:none;z-index:40;pointer-events:none}.irisr,.irisf{position:absolute;inset:0;clip-path:circle(0% at 50% 50%)}.irisr{background:#ffd76a}.irisf{background:#fffaee;display:grid;place-items:center}.irisf img{height:46%;max-height:480px}
#toast{position:absolute;left:50%;bottom:60px;transform:translateX(-50%);background:var(--cream);border:4px solid var(--line);border-radius:99px;padding:14px 36px;font-size:30px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .3s;z-index:60}#toast.on{opacity:1}
#modal{display:none;place-items:center;background:rgba(74,59,47,.45);z-index:50}#modal.on{display:grid}

/* 공통 */
.card{background:var(--cream);border:4px solid var(--line);border-radius:32px;box-shadow:0 8px 0 rgba(155,122,90,.28)}
.pill{display:inline-block;font-weight:800;border:3px solid var(--line);border-radius:99px;padding:4px 22px;font-size:26px;background:var(--butter)}
.pill.mint{background:var(--mint)}.pill.sky{background:var(--sky)}.pill.peach{background:var(--peach)}.pill.lav{background:var(--lav)}.pill.butter{background:var(--butter)}
.btn{display:inline-block;font-weight:800;font-size:34px;background:var(--butter2);border:4px solid var(--line);border-radius:26px;padding:14px 44px;box-shadow:0 8px 0 var(--line);text-align:center;transition:transform .1s,box-shadow .1s}
.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(6px);box-shadow:0 2px 0 var(--line)}
.btn.mint{background:var(--mint2)}.btn.ghost{background:var(--cream)}.btn.small{font-size:24px;padding:8px 22px;box-shadow:0 5px 0 var(--line);border-radius:20px}.btn.big{font-size:42px;padding:20px 60px}
.btn small{display:block;font-size:22px;font-weight:700;opacity:.8}
.btn:disabled{background:#e9e1d2;color:#a39682;box-shadow:0 4px 0 #c9bca4;border-color:#c9bca4;cursor:not-allowed;transform:none}
.bdg{display:inline-grid;place-items:center;min-width:34px;height:34px;border-radius:99px;background:var(--coral);color:#fff;font-size:22px;margin-left:8px;padding:0 8px}
.nxt{position:absolute;right:70px;bottom:36px;z-index:6}
.bob{animation:bob 3.4s ease-in-out infinite}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.shk{animation:shk .4s}@keyframes shk{0%,100%{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}
@media (prefers-reduced-motion:reduce){.bob{animation:none}}

/* HUD */
.hud{position:absolute;top:0;left:0;right:0;height:112px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;z-index:5}
.hl{display:flex;align-items:center;gap:22px;flex:1}.hr{display:flex;align-items:center;margin-left:22px}.bnimg{height:76px}.toplogo{height:62px}
.steps{display:flex;gap:10px;background:rgba(255,250,238,.85);padding:8px 14px;border-radius:99px;border:3px solid var(--line)}
.step{font-size:22px;font-weight:700;border:3px solid var(--line);border-radius:99px;padding:3px 16px;background:var(--cream);color:var(--soft)}.step.now{background:var(--butter2);color:var(--ink)}.step.done{background:var(--mint)}
.slots{display:flex;gap:10px;align-items:center}
.slot{width:70px;height:70px;border-radius:50%;background:var(--cream);border:4px solid var(--line);display:grid;place-items:center;font-weight:800;font-size:28px;color:var(--soft);overflow:hidden}.slot img{width:90%;height:90%;object-fit:contain}.slot.on{background:var(--butter2);box-shadow:0 0 0 7px rgba(255,215,106,.45)}
.slots .btn{margin-left:6px}

/* 표지 */
.s-cover .ttl{position:absolute;left:70px;top:50px;width:800px}
.s-cover .sub{position:absolute;left:80px;top:470px;width:760px}
.credit{position:absolute;left:100px;bottom:20px;font-size:22px;font-weight:700;color:var(--ink);background:rgba(255,250,238,.9);border:3px solid var(--line);border-radius:99px;padding:4px 20px}

/* 대화 */
.tkimg{position:absolute;left:50px;bottom:30px;height:560px;z-index:2}.tkimg.w-hu{height:500px}.tkimg.w-olly{height:520px}
.tkb{position:absolute;left:470px;right:50px;bottom:70px;padding:42px 44px 22px}
.tkb .who{position:absolute;top:-34px;left:40px;font-size:30px}
.tkt{font-size:34px;line-height:1.6;min-height:0;font-weight:500;white-space:nowrap}
.tkn{text-align:right;margin-top:8px}
.evl{position:absolute;left:0;right:0;top:130px;display:grid;place-items:center}
.cluecard{display:flex;gap:26px;align-items:center;padding:22px 34px;width:1300px;font-size:34px;line-height:1.5;background:var(--butter)}.cluecard img{height:130px}.cluecard b{font-size:30px;color:#9b5a2a}.cluecard p{margin-top:4px}

/* 질문 카드(공통) */
.qcard{position:absolute;right:70px;top:140px;width:890px;padding:30px 40px}
.qcard.wide{left:200px;right:200px;width:auto;top:140px}
.qcard h3{font-size:38px;font-weight:800;margin-bottom:10px}
.q{font-size:32px;line-height:1.55;margin:8px 0 14px}.q.done{color:#2f7a52;font-weight:700}
.opt{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:14px 22px;border:4px solid var(--line);border-radius:26px;background:#fff;font-size:31px;line-height:1.4;margin-bottom:14px;font-weight:600}
.opt .oi{width:52px;height:52px;border-radius:50%;background:var(--butter);border:3px solid var(--line);display:grid;place-items:center;flex:none;font-size:26px;font-weight:800}
.opt.on{background:var(--butter)}.opt.ok{background:var(--mint)}.opt.no{background:#f9d9cf}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fb{font-size:28px;min-height:40px;color:#9b4a2a;margin-top:6px;font-weight:700}.fb.good{color:#2f7a52}
.tip{background:var(--mint);border-radius:18px;padding:14px 20px;font-size:28px;margin-top:12px;line-height:1.5}
.chips{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 12px}
.chip{font-size:26px;font-weight:700;border:3px solid var(--line);border-radius:99px;padding:8px 22px;background:#fff}.chip.lg{font-size:30px;padding:12px 28px}.chip.on{background:var(--butter);box-shadow:0 0 0 4px rgba(255,215,106,.5)}
textarea{width:100%;font-size:32px;font-weight:500;line-height:1.5;border:4px solid var(--line);border-radius:22px;padding:12px 20px;background:#fff;resize:none}
.cnt{font-size:24px;color:var(--soft);text-align:right;min-height:30px;margin-bottom:6px;font-weight:700}.cnt.ok{color:#2f7a52}
.hlt{background:var(--butter);padding:0 8px;border-radius:8px}
.gpb{position:absolute;display:flex;align-items:flex-end;gap:18px}.gpb img{height:260px}.gpb .card{padding:22px 30px;font-size:32px;line-height:1.55}
.gpb.big{left:60px;bottom:30px;right:470px}.gpb.big img{height:330px}.gpb.big .card{font-size:36px}
.gpb.hintb{left:60px;bottom:26px;right:700px}.gpb.hintb img{height:230px}.gpb.op1{left:60px;bottom:20px;right:760px}.gpb.op1 img{height:220px}

/* 여는 이야기 */
.whobox{position:absolute;left:330px;right:330px;top:150px;padding:34px 44px;text-align:center}
.whobox h2{font-size:52px;margin-bottom:6px}.whobox p{font-size:30px;margin-bottom:20px}
.wcards{display:flex;gap:40px;justify-content:center}
.wc{width:440px;border:4px solid var(--line);border-radius:28px;background:#fff;padding:18px;display:flex;flex-direction:column;align-items:center;gap:4px}
.wc img{height:380px}.wc b{font-size:42px}.wc span{font-size:26px;color:var(--soft)}.wc.sel{background:var(--butter);box-shadow:0 0 0 8px rgba(255,215,106,.5)}
.p2t{position:absolute;left:130px;right:130px;top:140px;padding:26px 36px}.p2t h2{font-size:48px;margin-bottom:14px;text-align:center}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.sc{text-align:center;background:#fff;border:3px solid var(--line);border-radius:24px;padding:16px}.sc img{height:270px}.sc b{display:block;font-size:34px;margin-top:6px}.sc span{font-size:27px;line-height:1.45;display:block;margin-top:4px}

/* 시 */
.poem{position:absolute;left:70px;top:130px;width:830px;padding:26px 40px 28px;background:#fffdf5}
.poem h3{font-size:52px;font-weight:800;text-align:center}.poem .by{text-align:center;font-size:24px;color:var(--soft);margin:2px 0 14px}
.pl p{font-size:38px;line-height:1.58;text-align:center;border-radius:14px;padding:0 12px;transition:background .3s,opacity .3s;font-weight:500}.pl .gap{height:20px}
.poem.paintable .tap{cursor:pointer;text-decoration:underline dotted var(--line);text-underline-offset:8px}.poem .tap.cur{outline:4px solid var(--butter2)}
.poem.slowread p{cursor:pointer}.poem.slowread p.dark{opacity:.3}.poem.slowread p.lit{background:var(--butter);opacity:1;box-shadow:0 0 18px 4px rgba(255,215,106,.7)}
.poem.flash{left:550px}
.cdbar{position:absolute;left:550px;width:830px;bottom:60px;height:22px;border-radius:99px;background:#fff;border:3px solid var(--line);overflow:hidden}.cdbar i{display:block;width:100%;height:100%;background:var(--butter2);transition:width 3s linear}
.s-m1a .qcard,.s-m1b .qcard{left:960px;width:auto}
.prows{display:flex;flex-direction:column;gap:10px}.prow{display:flex;gap:14px;align-items:center;width:100%;border:3px dashed var(--line);border-radius:18px;padding:8px 16px;background:#fff;text-align:left}.prow.cur{border-style:solid;background:var(--butter)}.prow .ln{font-size:28px;font-weight:600}
.dot{width:52px;height:52px;border-radius:50%;border:4px solid var(--line);background:#fff;flex:none}
.pal{display:flex;gap:10px;margin-top:14px}.pal button{flex:1;font-size:25px;font-weight:800;border:3px solid var(--line);border-radius:18px;padding:12px 0}
.sbox{position:absolute;left:310px;right:310px;top:230px;padding:40px 56px;text-align:center}.sbox h3{font-size:44px;margin-bottom:12px}.sbox .q{font-size:34px}
.sbox.side{left:960px;right:70px;top:240px;text-align:left}
.sbox .opt{text-align:left}.sbox .chips.big{justify-content:center;margin:14px 0 24px}.sbox .two{margin:12px 0}
.mailbox{position:absolute;left:90px;bottom:50px;width:130px;opacity:.9}

/* 이야기 */
.art{position:absolute;left:70px;top:130px;width:560px;padding:10px;overflow:hidden}.art img{width:100%;max-height:840px;object-fit:cover;display:block;border-radius:24px}
.story{left:660px;right:70px;width:auto;top:130px;padding:22px 36px}
.sh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.sh h3{margin:0}.by{font-size:24px;color:var(--soft);font-weight:700}
.story p{font-size:36px;line-height:1.62;margin:0 0 14px}
.think{background:var(--mint);border-radius:20px;padding:14px 22px;font-size:28px;font-weight:700;margin-top:8px;line-height:1.5}
.pager{position:absolute;right:70px;bottom:34px;display:flex;gap:20px}
.mind .mh h3{margin-bottom:6px}
.sent{font-size:38px;line-height:1.6;background:#fff;border:3px dashed var(--line);border-radius:20px;padding:14px 24px;margin:8px 0}
mark{background:var(--butter);border-radius:8px;padding:0 6px}
.clue{display:flex;gap:14px;align-items:center;font-size:28px;background:var(--sky);border-radius:18px;padding:10px 18px;margin:8px 0;line-height:1.45}.clue img{height:66px}
.quote{font-size:36px;background:#fff;border-left:12px solid var(--coral);border-radius:16px;padding:14px 24px;margin:8px 0;font-weight:700}
.roles{display:flex;gap:18px;margin-top:10px}.roles span{flex:1;text-align:center;font-size:36px;font-weight:800;background:var(--butter);border:4px solid var(--line);border-radius:26px;padding:26px 0}
.restbox{position:absolute;left:400px;right:400px;top:190px;padding:36px 48px}.restbox h2{font-size:56px;text-align:center;margin-bottom:16px}
.rrow{display:flex;align-items:center;gap:36px;font-size:38px;line-height:1.6}.rrow>div{display:flex;gap:14px;flex:none}.rrow img{height:190px}.save{margin-top:20px;font-size:30px;background:var(--butter);border-radius:20px;padding:16px 24px;line-height:1.6}
.gpr{position:absolute;left:110px;bottom:20px;height:360px}

/* 설명문·의견글 */
.stonebox .sgrid2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:16px 0}
.ttlq{font-size:36px;font-weight:800;background:var(--sky);border-radius:20px;padding:10px 20px;margin-bottom:8px;text-align:center}
.expl{position:absolute;left:70px;right:70px;top:128px;padding:20px 38px 22px}.eh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.eh h3{font-size:40px}
.ecols{display:grid;grid-template-columns:1fr 1fr;gap:48px}.expl p{font-size:33px;line-height:1.64;margin:0 0 14px}
.pn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--butter);border:3px solid var(--line);margin-right:10px;font-size:24px;font-weight:800;vertical-align:2px}
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mp{background:#fff;border:3px solid var(--line);border-radius:22px;padding:12px 14px}.mp.ok{background:#f3fbf6}.mp b{display:block;font-size:26px;margin-bottom:4px}
.sen{display:block;width:100%;text-align:left;font-size:28px;line-height:1.4;padding:7px 12px;border-radius:12px;border:2px solid transparent;background:transparent;margin-bottom:3px;font-weight:600}.sen:hover{background:var(--butter)}.sen.ok{background:var(--mint);border-color:var(--line)}.sen.no{background:#f9d9cf}
.op.wide1{left:150px;right:150px}.op.wide1 p{font-size:32px;line-height:1.7}
.op.left{right:auto;width:1000px}.op.left p{font-size:28px;line-height:1.7}
.sen2{display:inline;font-size:inherit;line-height:inherit;font-weight:600;background:transparent;border:0;border-bottom:3px dotted var(--line);padding:0 2px;margin:0 2px 0 0;border-radius:4px;text-align:left}.sen2:hover{background:var(--butter)}.sen2.ok{background:var(--mint)}.sen2.no{background:#f9d9cf}
.side2{width:790px;right:70px;left:auto}
.cboard{position:absolute;left:70px;top:130px;width:860px;padding:22px 30px}.cboard h3{font-size:36px;margin-bottom:10px}
.cl{display:flex;gap:16px;align-items:center;font-size:26px;line-height:1.45;margin-bottom:12px;background:#fff;border:3px solid var(--line);border-radius:20px;padding:10px 16px}.cl img{height:86px}.cl b{color:#9b5a2a}.cl i{color:#2f7a52;font-style:normal;font-weight:700}
.side3{left:970px;right:70px;width:auto}
.fogpeek{position:absolute;right:20px;bottom:90px;height:260px;pointer-events:none}

/* 마지막 관문 */
.meter{position:absolute;left:70px;top:140px;width:760px;height:62px;border:4px solid var(--line);border-radius:99px;background:var(--cream);overflow:hidden}.meter i{display:block;height:100%;background:var(--lav2);transition:width .8s}.meter span{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:28px}
.huwrap{position:absolute;left:50px;top:230px;width:820px;height:700px;--s:1}
.hu{position:absolute;left:60px;bottom:120px;height:calc(520px * var(--s));transition:height .9s}
.hub{position:absolute;left:10px;bottom:0;width:780px;padding:16px 24px;font-size:30px;line-height:1.5}
.fq{left:900px;right:70px;width:auto;top:140px}
.trail{position:absolute;left:0;right:0;bottom:0;height:104px;background:rgba(255,250,238,.93);border-top:4px solid var(--line);display:flex;align-items:center;gap:22px;padding:0 60px;font-size:28px;font-weight:800}
.tr{flex:1;height:28px;border-radius:99px;background:#fff;border:3px solid var(--line);overflow:hidden}.tr i{display:block;height:100%;background:var(--butter2);transition:width .8s}

/* 닫는 이야기 */
.pledge{left:190px;right:190px;width:auto;top:116px;padding:22px 40px}.pledge .q{margin:2px 0 6px;font-size:30px}.pledge .chips{margin:2px 0 8px}.pledge textarea{font-size:28px}.plg{background:var(--butter);border-radius:20px;padding:12px 22px;font-size:30px;font-weight:700;margin:8px 0;line-height:1.5}
.ppbox{position:absolute;left:420px;width:620px;top:120px;padding:20px 26px;text-align:center}.ppbox h2{font-size:38px;margin-bottom:8px}.ppv{height:770px;display:grid;place-items:center;font-size:28px}.ppv img{height:760px;border:3px solid var(--line);border-radius:10px;box-shadow:0 6px 0 rgba(155,122,90,.3)}.ppn{font-size:26px;margin-top:8px;font-weight:700}
.ppbtns{position:absolute;right:150px;top:300px;display:flex;flex-direction:column;gap:26px;width:560px}.ppbtns .btn{font-size:38px}

/* 수첩·설정 */
.mbox{width:880px;padding:34px 44px}.mbox h3{font-size:48px;margin-bottom:12px;text-align:center}.mbox p{font-size:30px;line-height:1.6;text-align:center}
.mbox.big{width:1300px;max-height:1000px;overflow:auto;padding:24px 44px}.mbox .mline{font-size:30px}
.mbtn{display:flex;gap:20px;justify-content:center;margin-top:16px}.mrows{display:flex;flex-direction:column;gap:18px;margin-top:20px}
.susp{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:12px 0 16px}.sus{text-align:center;background:#fff;border:3px solid var(--line);border-radius:20px;padding:10px;font-size:23px}.sus.clear{background:var(--mint)}.sus img{height:100px}.sus b{display:block;font-size:25px}.sus span{display:block;margin-top:2px}
.clist .cl{font-size:25px;text-align:left;margin-bottom:10px;padding:8px 14px}.clist .cl img{height:70px}

#rot{position:fixed;inset:0;z-index:99;display:none;place-items:center;text-align:center;background:var(--butter);font-size:28px;font-weight:800;padding:30px;line-height:1.7}#rot b{display:block;font-size:34px;margin-bottom:8px}

/* 표지 시작 블록: 이름 + 버튼을 한 카드에 */
.startcard{position:absolute;left:100px;top:640px;width:780px;padding:26px 34px 34px;background:rgba(255,250,238,.96)}
.sch{display:flex;align-items:center;gap:16px;margin-bottom:12px}.sch img{height:78px;margin:-6px 0 -10px}.sch label{font-size:34px;font-weight:800}
.startcard input{width:100%;height:84px;border:4px solid var(--line);border-radius:24px;background:#fff;font-size:40px;padding:8px 26px;font-weight:700}
.startcard input:focus{outline:none;border-color:var(--butter2);box-shadow:0 0 0 8px rgba(255,215,106,.55)}
.sbtns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.sbtns.one{grid-template-columns:1fr}
.sbtns .btn{height:124px;padding:0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:40px;line-height:1.25}
.sbtns .btn small{font-size:23px;margin-top:4px}

/* 휙 읽기 낱말 블록: 6칸 × 2줄, 좌우 꽉 채움 */
.sbox .chips.big{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:18px 0 26px}
.sbox .chips.big .chip.lg{width:100%;font-size:29px;padding:14px 4px;text-align:center;white-space:nowrap}

/* 선택 블록: 같은 폭 칸으로 좌우를 꽉 채움 */
.chips.g2,.chips.g3,.chips.g4{display:grid;gap:14px}
.chips.g2{grid-template-columns:repeat(2,1fr)}.chips.g3{grid-template-columns:repeat(3,1fr)}.chips.g4{grid-template-columns:repeat(4,1fr)}
.chips.g2 .chip,.chips.g3 .chip,.chips.g4 .chip{width:100%;min-height:78px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;line-height:1.3;border-radius:26px;padding:10px 16px;font-size:27px}
.chips.g2 .chip{font-size:26px;min-height:84px}
.sbox .chips.big.g4{grid-template-columns:repeat(4,1fr)}
.sbox .chips.big.g4 .chip.lg{white-space:normal;font-size:27px;min-height:96px;padding:10px 14px}
.poem{height:fit-content}.poem.flash{top:150px;padding-bottom:40px}
.cdbar{bottom:auto;top:860px}

.logolink{display:block;line-height:0;cursor:pointer;transition:transform .15s}.logolink:hover{transform:scale(1.05)}.logolink.cl{position:absolute;right:40px;top:30px;z-index:3}.logolink.cl .toplogo{height:78px}
.recall{position:absolute;left:70px;bottom:36px;z-index:6}
.rcl .rbody{max-height:700px;overflow:auto;text-align:left;padding:6px 20px}.rcl .rbody p{font-size:31px;line-height:1.7;margin:0 0 12px;text-align:left}.rcl .rbody hr{border:0;border-top:3px dashed var(--line);margin:14px 0}
.role{flex:1;font-size:36px;font-weight:800;background:var(--cream);border:4px solid var(--line);border-radius:26px;padding:22px 0}.role.on{background:var(--butter)}
.roles{display:flex;gap:18px;margin-top:10px}
.scene{display:flex;gap:26px;align-items:center;margin-top:18px;background:#fff;border:3px solid var(--line);border-radius:26px;padding:16px}.scene img{height:300px;border-radius:20px}
.scene .sl p{font-size:33px;line-height:1.55;margin:0 0 8px;font-weight:700}.scene .think{margin-top:10px}

/* 질문 징검돌 */
.stonebox .sgrid2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:18px 0}
.stone{position:relative;min-height:128px;display:flex;align-items:center;gap:18px;text-align:left;font-size:29px;font-weight:700;line-height:1.35;padding:16px 28px 16px 20px;border:4px solid #8d8575;border-radius:46px 46px 46px 46px / 40px 40px 40px 40px;background:#e8e4da;box-shadow:inset 0 -10px 0 rgba(120,110,90,.18),0 8px 0 rgba(120,110,90,.3);transition:background .3s,transform .2s}
.stone:before{content:'';flex:none;width:64px;height:64px;border-radius:50%;background:#d1ccbd;border:4px solid #8d8575;box-shadow:inset 0 5px 0 rgba(255,255,255,.5)}
.stone:hover{transform:translateY(-3px)}
.stone.lit{background:var(--butter);border-color:var(--line);box-shadow:inset 0 -10px 0 rgba(255,190,60,.35),0 8px 0 rgba(155,122,90,.3),0 0 0 12px rgba(255,238,160,.7)}
.stone.lit:before{content:'★';display:grid;place-items:center;font-size:40px;color:#f2a81a;background:#fff3b8;border-color:var(--line)}
.stone.off{opacity:.45}.stone.no{background:#f3d6cc;border-color:#c98a76}

/* 겹침 방지 */
.tkimg{max-width:410px;object-fit:contain;object-position:left bottom;z-index:1}.tkb{z-index:3}
.op.left{right:auto;width:960px}.side2{width:800px}
.fogpeek{bottom:24px;height:230px}
.sen{padding:5px 12px;font-size:27px}.mp{padding:10px 14px}
.pledge .chips.g4 .chip{min-height:60px;font-size:25px;padding:6px 12px}.pledge .q{margin:0 0 4px}.pledge h3{margin-bottom:4px}.pledge textarea{padding:8px 16px}
.plg{margin:4px 0}

/* 로고: 연한 배경 블록 + 더 오른쪽 */
.logolink{background:rgba(255,250,238,.95);border:3px solid var(--line);border-radius:22px;padding:6px 16px;box-shadow:0 4px 0 rgba(155,122,90,.28)}
.hr{margin-right:-26px}.logolink.cl{right:14px;top:18px}
.logolink .toplogo{height:56px}.logolink.cl .toplogo{height:70px}

#gl{position:absolute;right:14px;top:18px;z-index:8}#gl .toplogo{height:62px}.hud{padding-right:250px}

.zoomable{cursor:zoom-in;transition:transform .2s}.zoomable:hover{transform:scale(1.02)}.pph{font-size:24px;color:var(--soft);font-weight:700;margin-top:2px}
.lb{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:14px 0 0}.lbs{flex:1;width:100%;overflow:auto;display:flex;justify-content:center;align-items:flex-start;min-height:0}
.lb img{background:#fff;border:4px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.35)}.lb img.fit{height:100%;width:auto;cursor:zoom-in}.lb img:not(.fit){width:1240px;max-width:none;cursor:zoom-out}
.lbbar{display:flex;gap:14px;padding:12px 0 14px}

.lb img,.lb img:not(.fit){width:1240px;max-width:none;height:auto;cursor:default}.lbh{align-self:center;color:#fff;font-weight:700;font-size:24px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.lbs{scrollbar-width:thin}