:root{--ink: #1c1a17;--ink-soft: #6b6459;--paper: #e9e6e1;--line: rgba(28, 26, 23, .14)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#stage{position:fixed;top:0;right:0;bottom:0;left:0}#stage canvas{display:block}#gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:var(--paper);transition:opacity .7s ease,visibility .7s}#gate.hidden{opacity:0;visibility:hidden;pointer-events:none}.gate-inner{text-align:center;max-width:30rem;padding:0 1.5rem}.gate-eyebrow{margin:0;font-size:.7rem;letter-spacing:.6em;text-indent:.6em;color:var(--ink-soft)}.gate-title{margin:.7rem 0 0;font-size:clamp(2.2rem,7vw,3.4rem);font-weight:300;letter-spacing:.12em;text-indent:.12em}.gate-sub{margin:1.2rem 0 0;color:var(--ink-soft);font-size:.9rem;line-height:1.8;min-height:1.6em}.gate-progress{margin:1.6rem auto 0;width:min(18rem,70vw);height:1px;background:var(--line)}.gate-progress span{display:block;height:100%;width:0%;background:var(--ink);transition:width .35s ease}#gate-enter{margin-top:2.2rem;padding:.85rem 2.6rem;border:1px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:.85rem;letter-spacing:.25em;text-indent:.25em;cursor:pointer;transition:background .25s,color .25s,opacity .25s}#gate-enter:hover:not(:disabled){background:var(--ink);color:var(--paper)}#gate-enter:disabled{opacity:.25;cursor:default}.gate-hint{margin-top:1.6rem;font-size:.72rem;letter-spacing:.06em;color:var(--ink-soft)}#caption-scrim{position:fixed;left:0;right:0;bottom:0;height:30vh;z-index:9;pointer-events:none;background:linear-gradient(to top,#0c0a088c,#0c0a0800);opacity:0;transition:opacity .5s ease}#caption-scrim.show{opacity:1}#caption{position:fixed;left:50%;bottom:4.5vh;z-index:10;transform:translate(-50%,1rem);max-width:min(38rem,84vw);padding:0 1rem;text-align:center;font-size:clamp(1rem,2.4vw,1.3rem);font-weight:300;line-height:1.75;letter-spacing:.02em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.55),0 0 3px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .5s ease,transform .5s ease}#caption.show{opacity:1;transform:translate(-50%)}#hud{position:fixed;left:1.4rem;bottom:1.2rem;z-index:10;font-size:.72rem;letter-spacing:.14em;color:#ffffffb8;text-shadow:0 1px 8px rgba(0,0,0,.6);pointer-events:none;opacity:0;transition:opacity .5s}#hud.show{opacity:1}#reticle{position:fixed;left:50%;top:50%;z-index:8;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#ffffff8c;box-shadow:0 0 0 1px #00000059;pointer-events:none;opacity:0;transition:opacity .3s,transform .2s,background .2s}#reticle.show{opacity:1}#reticle.on-photo{transform:scale(2.1);background:#fffffff2}#counter{position:fixed;right:1.4rem;bottom:1.2rem;z-index:10;font-size:.72rem;letter-spacing:.14em;color:#ffffff9e;text-shadow:0 1px 8px rgba(0,0,0,.6);pointer-events:none;opacity:0;transition:opacity .5s}#counter.show{opacity:1}#detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:none;place-items:center;padding:3vh 3vw;background:#12100ee0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#detail.show{display:grid}.detail-close,.map-close{position:absolute;top:1.4rem;right:1.6rem;z-index:2;width:2.4rem;height:2.4rem;border:0;border-radius:50%;background:#ffffff1a;color:#f3efe9;font-size:.9rem;cursor:pointer;transition:background .2s}.detail-close:hover,.map-close:hover{background:#ffffff38}.detail-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);gap:clamp(1.2rem,3vw,2.6rem);align-items:center;width:min(72rem,100%);max-height:94vh;color:#f3efe9}.detail-figure{margin:0;min-width:0}.detail-figure img{display:block;width:100%;max-height:84vh;object-fit:contain;border-radius:2px;box-shadow:0 24px 70px #0000008c}.detail-text{min-width:0;overflow-y:auto;max-height:84vh}.detail-text h2{margin:0;font-size:clamp(1.3rem,2.6vw,1.75rem);font-weight:300;letter-spacing:.04em}.detail-note{margin:1rem 0 1.6rem;font-size:1.02rem;line-height:1.85;color:#efe9e0}.detail-facts{margin:0;padding:1.2rem 0 0;border-top:1px solid rgba(255,255,255,.16)}.detail-facts dd{margin:0 0 .5rem;font-size:.86rem;letter-spacing:.03em;color:#f3efe9a8}.detail-hint{margin:.9rem 0 0;font-size:.75rem;line-height:1.7;color:#f3efe96b}.detail-action{margin-top:1.5rem;padding:.6rem 1.4rem;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:.8rem;letter-spacing:.14em;cursor:pointer;transition:background .2s,color .2s}.detail-action:hover{background:#f3efe9;color:#16130f}.detail-companions{margin-top:2rem}.detail-companions h3{margin:0 0 .7rem;font-size:.72rem;font-weight:400;letter-spacing:.2em;color:#f3efe973}.detail-strip{display:flex;gap:.5rem;flex-wrap:wrap}.detail-strip button{padding:0;border:0;background:none;cursor:pointer;opacity:.7;transition:opacity .2s,transform .2s}.detail-strip button:hover{opacity:1;transform:translateY(-2px)}.detail-strip img{display:block;width:4.2rem;height:3.2rem;object-fit:cover;border-radius:2px}#map-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:none;place-items:center;padding:4vh 4vw;background:#12100ee0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#map-overlay.show{display:grid}.map-panel{position:relative;display:flex;flex-direction:column;width:min(64rem,100%);height:min(44rem,92vh);overflow:hidden;border-radius:4px;background:#16130f;box-shadow:0 24px 70px #0000008c}.map-head{display:flex;align-items:flex-start;justify-content:space-between;padding:1.3rem 1.6rem 1.1rem;color:#f3efe9}.map-head h2{margin:0;font-size:1.15rem;font-weight:300;letter-spacing:.08em}.map-head p{margin:.35rem 0 0;font-size:.78rem;letter-spacing:.1em;color:#f3efe980}.map-head .map-close{position:static;flex:none}#map-canvas{flex:1;min-height:0;background:#1d1a16}.map-pin strong{display:block;font-size:.95rem}.map-pin span{display:block;margin-top:.15rem;color:#6b6459;font-size:.78rem}.map-pin-strip{display:flex;gap:.3rem;margin-top:.6rem;flex-wrap:wrap}.map-pin-strip button{padding:0;border:0;background:none;cursor:pointer}.map-pin-strip img{display:block;width:3.2rem;height:2.4rem;object-fit:cover;border-radius:2px}@media(max-width:780px){.detail-body{grid-template-columns:1fr;align-content:start}.detail-figure img{max-height:44vh}.detail-text{max-height:none;overflow:visible}}#resume-hint{position:fixed;left:50%;top:50%;z-index:12;transform:translate(-50%,-50%);padding:.85rem 1.8rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#12100e99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffdb;font-size:.8rem;letter-spacing:.14em;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}#resume-hint.show{opacity:1;visibility:visible}.detail-figure video{display:block;width:100%;max-height:84vh;border-radius:2px;background:#000;box-shadow:0 24px 70px #0000008c}#controls-hint{position:fixed;left:50%;top:10vh;z-index:11;transform:translate(-50%,-.5rem);width:max-content;max-width:min(34rem,88vw);padding:1.4rem 2rem 1.25rem;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#100e0c9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;color:#fffffff0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .6s ease,transform .6s ease,visibility .6s}#controls-hint.show{opacity:1;visibility:visible;transform:translate(-50%)}.hint-keys{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:.9rem}.hint-key-row,.hint-keys .key-row{display:flex;gap:.25rem}.hint-keys .key{display:grid;place-items:center;width:1.9rem;height:1.9rem;border:1px solid rgba(255,255,255,.45);border-radius:5px;background:#ffffff1f;font-size:.72rem;letter-spacing:.04em}.hint-line{margin:0;font-size:.95rem;font-weight:300;letter-spacing:.03em}.hint-line b{font-weight:500}.hint-sub{margin:.55rem 0 0;font-size:.76rem;font-weight:300;letter-spacing:.04em;color:#ffffffa8}.hint-sub b{font-weight:500;color:#ffffffd1}