@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;600&family=Noto+Sans+KR:wght@400;500;600&display=swap');
:root{color-scheme:dark;--ink:#101415;--paper:#e5dccb;--muted:#a49d91;--accent:#b7a580}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Noto Sans KR',sans-serif;font-size:16px}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #b8b09b44;background:#12171999;border-radius:2px;transition:background .2s,border-color .2s}button:hover{background:#a2916b33;border-color:#c7b695}button:focus-visible{outline:2px solid #e5c58d;outline-offset:5px}button:disabled{opacity:.4;cursor:default}#experience{height:100dvh;min-height:420px;position:relative;overflow:hidden}#room{width:100%;height:100%;display:block;touch-action:none}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#080d1470,transparent 30%,transparent 70%,#080d1490);box-shadow:inset 0 0 75px #06091224}header{position:absolute;top:0;left:0;right:0;padding:30px 38px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.wordmark{font-family:Georgia,serif;font-size:26px;letter-spacing:3px;text-shadow:0 2px 8px #000}.wordmark span{display:block;font:10px/2.2 sans-serif;letter-spacing:4.5px;color:#bfb9aa}.top-right{display:flex;align-items:center;gap:10px;pointer-events:auto}.top-right button{height:37px;min-width:37px;font-size:13px;padding:0 10px;backdrop-filter:blur(8px)}.edition{font-size:11px;letter-spacing:2px;margin-right:15px;color:#c8c6c0}.room-title{position:absolute;top:140px;left:40px;pointer-events:none;text-shadow:0 2px 12px #000}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--accent)}h1{font-family:'Noto Serif KR',serif;font-size:36px;font-weight:400;letter-spacing:1px;margin:16px 0 10px}.room-title p{font-size:13px;color:#c3bfb4;letter-spacing:1.2px}.title-rule{margin-top:25px;width:36px;height:1px;background:var(--accent)}footer{position:absolute;bottom:0;left:0;right:0;padding:24px 38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.controls{display:flex;gap:22px;font-size:12px;color:#c1c1b9}.controls span{display:flex;align-items:center;gap:8px}kbd{font-family:inherit;border:1px solid #a7a89b55;padding:4px 7px;font-size:11px;color:#e2dece;background:#10171a77}.footer-actions{display:flex;gap:8px}.footer-actions button{padding:10px 17px;font-size:13px;backdrop-filter:blur(10px)}#objects span{padding-left:20px}.scene-meta{position:absolute;bottom:95px;right:38px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:11px;letter-spacing:2px;color:#cdc8ba}.scene-meta #count{font-size:12px;letter-spacing:.5px;color:#b8b6af}#crosshair{position:absolute;top:50%;left:50%;width:4px;height:4px;border:1px solid #fff9;border-radius:50%;pointer-events:none}#target{position:absolute;top:calc(50% + 20px);left:50%;transform:translateX(-50%);padding:10px 18px;font-size:13px;white-space:nowrap;background:#10171ae8;backdrop-filter:blur(12px)}#toast{position:absolute;bottom:130px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#101719e8;border:1px solid #b7a58066;opacity:0;transition:opacity .25s;pointer-events:none;font-size:14px;max-width:85%;text-align:center}#toast.show{opacity:1}#loading{position:absolute;inset:0;background:#101415;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;z-index:5}#loading span{font-family:'Noto Serif KR',serif;font-size:24px}#loading small{color:var(--muted)}dialog{padding:0;border:1px solid #a8997544;background:#14191b;color:var(--paper);box-shadow:0 30px 100px #0009;max-width:calc(100% - 32px);max-height:90dvh}dialog::backdrop{background:#05090dc9;backdrop-filter:blur(7px)}.close{position:absolute;top:18px;right:18px;width:36px;height:36px;z-index:3;background:#151a1dcc;font-size:16px}.inspect-layout{display:grid;grid-template-columns:1.1fr 1fr;width:min(990px,90vw);min-height:560px}.object-stage{position:relative;min-width:0;background:radial-gradient(ellipse,#303432,#0d1216);min-height:430px}.object-stage canvas{width:100%;height:100%;position:absolute;touch-action:none}.stage-label{position:absolute;top:25px;left:25px;right:25px;font-size:10px;letter-spacing:3px;color:#b6b0a1;display:flex;justify-content:space-between}.stage-hint{position:absolute;bottom:25px;left:0;right:0;text-align:center;font-size:12px;color:#a9aaa4;pointer-events:none}article{padding:65px 38px 35px}h2{font:400 30px/1.5 'Noto Serif KR',serif;margin:15px 0 22px}article>p{font-size:14px;line-height:1.9;color:#bdbcb5}#object-actions{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}#object-actions button,.primary{padding:11px 16px;font-size:14px;background:#a1906830;border-color:#a1906855}#object-detail{border-top:1px solid #b7a58033;padding-top:20px;font-size:14px;line-height:1.9;color:#e0d7c4;white-space:pre-line}.reference-note{font-size:12px!important;line-height:1.8!important;color:#898f8d!important;margin-top:25px}#list,#guide{padding:45px;width:560px}#list>p,#guide>p{color:#b4b5af;font-size:14px;line-height:1.9}#object-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:25px}#object-list button{text-align:left;padding:15px;font-size:14px}#object-list small{display:block;font-size:11px;color:#a8997c;margin-bottom:6px}dl{display:grid;grid-template-columns:1fr 1.5fr;font-size:14px;gap:15px;margin:30px 0}dt{color:#d6c8ab}dd{margin:0;color:#afb5b2}#touch-controls{display:none;position:absolute;left:20px;bottom:90px;flex-direction:column;align-items:center;gap:5px}#touch-controls button{width:42px;height:42px;background:#101719a8;font-size:20px;touch-action:none}#touch-controls>div{display:flex;gap:5px}@media(pointer:coarse){#touch-controls{display:flex}.controls{display:none}}@media(max-width:760px){header{padding:20px}.wordmark{font-size:20px}.wordmark span{font-size:8px;letter-spacing:3px}.edition{display:none}.top-right{gap:5px}.top-right button{font-size:11px;padding:0 7px;min-width:32px}.room-title{left:22px;top:108px}h1{font-size:27px}.room-title p{font-size:11px}.eyebrow{font-size:10px}footer{padding:18px 20px;justify-content:flex-end}.controls{display:none}.scene-meta{right:20px;bottom:85px}.inspect-layout{grid-template-columns:1fr;width:90vw;min-height:0}.object-stage{height:270px;min-height:270px}article{padding:28px}.inspect-layout h2{margin:8px 0;font-size:25px}.stage-hint{bottom:12px}#list,#guide{padding:32px 24px}#toast{bottom:150px}#object-list button{padding:12px}dialog{max-height:92dvh}}

.detail-illustration{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.object-stage:has(.detail-illustration[style*="block"]) .stage-hint{display:none}
#inspect article{max-height:90dvh;overflow:auto}#artifact-figure{margin:0 0 20px;border:1px solid #b7a58055;background:#0c1218}#artifact-figure[hidden]{display:none}#artifact-image{display:block;width:100%;height:auto;max-height:290px;object-fit:contain}#artifact-caption{padding:9px 12px;color:#bcb7a9;font-size:12px;line-height:1.55;border-top:1px solid #b7a58033}#object-detail strong{color:#eddcb8;font-weight:600}#object-detail .record-title{font-family:'Noto Serif KR',serif;font-size:17px;margin:0 0 9px;color:#e8dbc0}#object-detail .record-line{margin:0 0 10px;line-height:1.7}#object-detail .record-note{font-size:13px;color:#b7b8ae;line-height:1.7}@media(max-width:760px){#inspect article{max-height:calc(92dvh - 270px);overflow:auto}#artifact-image{max-height:210px}}