:root{color:#171714;font-synthesis:none;--ink:#171714;--paper:#f2f1ed;--quiet:#77766f;--line:#1717142e;background:#f2f1ed;font-family:Pretendard,Noto Sans KR,Malgun Gothic,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--paper)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}[hidden]{display:none!important}#scene{outline:none;width:100%;height:100%;display:block}.welcome{place-items:center;padding:32px;display:grid;position:absolute;inset:0;overflow:hidden}.welcome__veil{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(115deg,#f2f1edf7 0%,#f2f1eddb 42%,#f2f1ed38 100%),repeating-linear-gradient(90deg,#0000 0 11.9vw,#17171409 12vw);position:absolute;inset:0}.welcome__content{justify-self:start;width:min(760px,100%);margin-left:max(0px,50vw - 590px);padding:8vh 4vw;position:relative}.eyebrow{letter-spacing:.22em;color:var(--quiet);margin:0 0 20px;font-size:11px;font-weight:650}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.035em;font-family:Iowan Old Style,Noto Serif KR,Georgia,serif;font-weight:400}h1{white-space:nowrap;margin-bottom:22px;font-size:clamp(48px,5.8vw,88px);line-height:.94}h2{margin-bottom:18px;font-size:clamp(32px,4vw,54px);line-height:1}.welcome__lead{color:#4f4e48;max-width:480px;margin-bottom:36px;font-size:17px;line-height:1.7}.welcome__actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.primary-button,.secondary-button,.icon-button{cursor:pointer;border:0}.primary-button{background:var(--ink);color:#fff;min-width:180px;padding:16px 22px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.primary-button:hover:not(:disabled){background:#36352f;transform:translateY(-1px)}.primary-button:disabled{cursor:wait;background:#a4a29b}.secondary-button{border:1px solid var(--line);color:var(--ink);background:0 0;padding:13px 16px}.secondary-button:hover{border-color:var(--ink)}.text-link{color:#4f4e48;text-underline-offset:4px;font-size:13px}.status{min-height:22px;color:var(--quiet);margin:32px 0 14px;font-size:13px}.controls-hint{color:#88877f;font-size:12px;line-height:1.7}.tour-ui{pointer-events:none;color:#fff;position:absolute;inset:0}.tour-ui__top{justify-content:space-between;align-items:center;display:flex;position:absolute;top:22px;left:26px;right:26px}.tour-ui__brand{letter-spacing:.2em;text-shadow:0 1px 8px #0009;font-size:11px;font-weight:700}.icon-button{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#13131366;border:1px solid #fff5;padding:10px 13px}.reticle{border:1px solid #fff9;border-radius:50%;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle span{background:#fff;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.focus-hint{text-shadow:0 1px 4px #000;background:#12121299;border-radius:2px;padding:8px 11px;font-size:12px;position:absolute;top:calc(50% + 30px);left:50%;transform:translate(-50%)}.tour-ui__bottom{text-shadow:0 1px 6px #000;gap:18px;font-size:11px;display:flex;position:absolute;bottom:22px;left:26px}kbd{border:1px solid #fff6;padding:2px 5px;font-size:10px}.menu,.artwork-panel{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161614d9;display:grid;position:absolute;inset:0}.menu{place-items:center}.menu__panel{background:var(--paper);width:min(440px,100% - 48px);padding:40px}.menu__panel p:not(.eyebrow){color:var(--quiet);word-break:keep-all;line-height:1.7}.menu__panel button,.menu__panel a{text-align:center;width:100%;margin-top:12px;display:block}.artwork-panel{color:var(--ink);background:#ecebe6e8;grid-template-columns:minmax(280px,46vw) minmax(300px,1fr)}.artwork-panel figure{background:#dad8d1;place-items:center;min-height:0;margin:0;padding:8vh 5vw;display:grid;position:relative}.artwork-panel figure img{object-fit:contain;max-width:100%;max-height:80vh}.artwork-placeholder{color:#7f7d75;font-size:13px}.artwork-copy{align-self:center;padding:9vh 8vw}.artwork-artist{margin-bottom:26px;font-size:17px}.artwork-material{color:var(--quiet);margin-bottom:20px;font-size:13px}#artwork-description{white-space:pre-line;max-width:580px;line-height:1.85}.artwork-panel .primary-button{place-self:end start;margin:0 8vw 8vh}.close-button{color:inherit;cursor:pointer;letter-spacing:.06em;background:0 0;border:0;font-size:12px;position:absolute;top:22px;right:26px}.debug-panel{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f7f2e8;border:1px solid #17171422;width:min(390px,100% - 40px);padding:22px;position:absolute;top:20px;right:20px}.debug-panel header{padding-right:70px;position:relative}.debug-panel h2{margin-bottom:14px;font-size:30px}.debug-panel .close-button{color:var(--ink);top:0;right:0}.debug-panel dl{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:7px 16px;margin:18px 0;padding-top:14px;font-size:11px;display:grid}.debug-panel dt{color:var(--quiet)}.debug-panel dd{font-variant-numeric:tabular-nums;text-align:right;margin:0}.debug-actions{flex-wrap:wrap;gap:6px;display:flex}.debug-actions button{flex:1;font-size:11px}.debug-note{color:var(--quiet);margin:16px 0 0;font-size:11px;line-height:1.6}.fatal-error{z-index:10;background:var(--paper);text-align:center;place-content:center;padding:32px;display:grid;position:absolute;inset:0}.fatal-error h2{font-size:38px}.fatal-error p{color:var(--quiet)}@media (width<=760px){h1{white-space:normal;font-size:clamp(46px,13vw,72px)}.welcome__content{margin:0;padding:24px}.welcome__veil{background:#f2f1edf0}.tour-ui__bottom{flex-wrap:wrap;gap:10px;right:20px}.artwork-panel{grid-template-columns:1fr;overflow-y:auto}.artwork-panel figure{min-height:38vh;padding:64px 24px 24px}.artwork-copy{padding:32px 24px}.artwork-panel .primary-button{margin:0 24px 32px}.debug-panel{width:calc(100% - 24px);max-height:55vh;top:auto;bottom:12px;right:12px;overflow:auto}}