/* Generated artwork carries the interface; live text stays readable and accessible. */
:root{--ink:#243d40;--paper:#eee1c3}
.dialog{background:#efe2c6 url('./assets/chapter-one/hanji-panel.webp') center/100% 100% no-repeat;border:0;border-radius:8px;padding:52px 62px 70px;box-shadow:0 30px 100px #031a2cb0;color:#243d40}
.dialog-shade{background:#041b2b80;backdrop-filter:blur(4px)}
.dialog h2{font-family:Chosun,serif;font-weight:500;font-size:32px;letter-spacing:0}
.dialog p{color:#344e50;line-height:1.75}
.dialog .eyebrow{color:#7b6744;letter-spacing:2px;font-size:10px}
.dialog .close{background:#f5e8cacc;color:#294b4d;border:1px solid #937b4933;border-radius:50%;width:34px;height:34px;right:20px;top:18px;padding:0}
.dialog .primary{background:#244f52;color:#fff2d3;border:1px solid #c8ae76;border-radius:4px;padding:13px 24px;box-shadow:0 3px 0 #123e40}
.dialog .secondary{background:#f7eccdcc;border-color:#7d775c55;border-radius:4px;color:#2a484a}
.guide-line,.clue-box,.care-journal,.collected-records article{background:#f5ebd287;border-radius:3px;border-color:#8c8051}
.guide-line>span{background:#285659;border-radius:3px}
.dialog.conversation{background-image:url('./assets/chapter-one/hanji-panel.webp');padding:30px 60px 40px;box-shadow:0 18px 70px #071e2d66}
.conversation .guide-line{background:#f6eddaaa}
#quest,.in-library #quest{top:108px;left:28px;width:244px;background:#f1e4c7 url('./assets/chapter-one/hanji-panel.webp') center/100% 100% no-repeat;color:#233e40;border:0;border-radius:5px;padding:25px 28px 36px;box-shadow:0 12px 28px #051e2c35;backdrop-filter:none}
#quest h2{font-family:Chosun,serif;font-size:23px;font-weight:500;line-height:1.3;letter-spacing:0;margin:9px 0 12px}
#quest .eyebrow{font-size:9px;letter-spacing:2px;color:#7b6744}
#quest p,.in-library #quest p{font-size:12px;line-height:1.6;color:#344d4e;margin:0 0 15px}
#questCount,.in-library #questCount{color:#776547;font-size:10px}
#quest .progress{height:3px;background:#94876b44;margin-bottom:9px}#quest .progress i{background:#2b7477}
#chapterTrail{background:#102f3ce3;border-radius:5px;padding:10px 18px;gap:16px;border-color:#ccbe9144}
#exploreHint{background:#163b45ed;border-color:#c6aa7066;border-radius:5px;color:#f1e4bd;max-width:calc(100% - 40px)}
.record-art{height:170px;background:url('./assets/chapter-one/sea-vista-dokdo.webp') center 40%/cover;border:1px solid #b7a67a;margin:20px 0}
.ink-names{display:flex;gap:16px;justify-content:center;margin:28px 0;font-family:Chosun,serif}
.ink-names span{min-width:120px;text-align:center;font-size:28px;padding:18px;background:#f9efd98a;border-bottom:2px solid #8d784c}
.name-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}
.name-tiles button{background:#274f50;color:#fff0cf;border:1px solid #bda064;border-radius:4px;font-family:Chosun,serif;font-size:24px;padding:14px 8px}
.name-tiles button:disabled{opacity:.4}.name-tiles button:hover{background:#3b7270}
.evidence-card,.restored-sheet,.completed-page,.journal-card{background:#f8eed4a6;border-radius:4px;border-color:#aa946a66;box-shadow:none}
.evidence-card.selected{background:#e3e2c5;border-color:#3f7871}
.portrait-row button{background:#f2e6c988;border-radius:5px}.portrait-row button.selected{background:#e2dcb6;border-color:#456c5d}
.dialog.observation{width:min(1100px,100%);padding:0;border-radius:5px;background:#143844;color:#f8ecd0;overflow:hidden}
.sight-header{padding:25px 35px 12px;background:url('./assets/chapter-one/hanji-panel.webp') center/100% 100%;color:#294a4c}
.sight-header h2{margin:8px 0;font-size:30px}.sight-header span{font-size:10px;letter-spacing:2px}.sight-header p{margin:0;font-size:13px}
.sight-window{height:min(42vh,400px);position:relative;background:url('./assets/chapter-one/sea-vista-dokdo.webp') center 33%/100% auto;overflow:hidden;cursor:crosshair;touch-action:none}
.sight-mist{position:absolute;inset:0;background:linear-gradient(110deg,#c9dce5,#e6ecedd9 40%,#bacbdcec);transition:opacity .65s;pointer-events:none}
.sight-reticle{position:absolute;left:45%;top:33%;width:70px;height:70px;transform:translate(-50%,-50%);border:2px solid #fff2cfaa;border-radius:50%;box-shadow:0 0 0 8px #143e4d25;pointer-events:none}
.sight-reticle:before,.sight-reticle:after{content:'';position:absolute;background:#ffecc7aa}.sight-reticle:before{width:2px;height:92px;left:32px;top:-13px}.sight-reticle:after{height:2px;width:92px;top:32px;left:-13px}.sight-reticle.aligned{border-color:#ffd56b;box-shadow:0 0 25px #ffe39699}
.sight-controls{padding:18px 35px 24px}.sight-controls label{color:#f6dfaa;font-size:12px;display:block}.sight-controls input{padding:0;width:100%;accent-color:#eac578;height:25px;background:transparent;margin:12px 0}
.sight-controls progress{width:100%;height:6px;accent-color:#edcb7a}.sight-controls p{color:#e6e4d4;font-size:12px;margin:10px 0}.sight-controls small{font-size:10px;color:#b7cccc}
.observation .close{z-index:2}
@media(max-width:800px){#quest,.in-library #quest{top:113px;left:16px;width:188px;padding:18px 20px 28px}#quest h2{font-size:19px}#quest p{font-size:11px}#chapterTrail{top:72px;font-size:9px;gap:9px;padding:9px 12px}.dialog{padding:40px 30px 54px}.dialog h2{font-size:26px}.dialog.conversation{padding:25px 30px 40px}.sight-header{padding:22px 25px 12px}.sight-header h2{font-size:24px}.sight-controls{padding:16px 25px 20px}.sight-window{height:32vh;background-size:cover}.dialog.puzzle{padding:40px 28px 55px}}
@media(max-width:480px){#quest,.in-library #quest{width:160px;padding:18px 18px 25px}#quest h2{font-size:17px}#quest p{font-size:10px}.name-tiles{gap:6px}.name-tiles button{font-size:20px}.ink-names span{min-width:100px;font-size:24px}.dialog{padding:40px 25px 50px}.sight-controls small{font-size:9px}}

#quest,.in-library #quest{background-size:150% 150%;background-position:50% 40%}#questCount{position:relative;z-index:1}
.sight-header{background-size:cover;background-position:center 35%}.names #nameFeedback{background:#f4e8cbe8;padding:9px 12px;border-radius:3px}.names .secondary{background:#f4e8cbe8}
.sight-header{background-size:140% auto;background-position:center top;padding-left:45px;padding-right:45px}