.dream-title{padding:0;background:#081727;position:relative;isolation:isolate;overflow:auto;min-height:100dvh;height:100dvh;display:block}
.title-vista{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#06101ccc 0%,#06101c90 32%,#06101c12 70%),url('./assets/dokdo-title.webp') center/cover;animation:titleDrift 18s ease-in-out infinite alternate;transform-origin:72% 50%}
.title-mist{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 82% 48%,#f8ca6117,transparent 25%),linear-gradient(0deg,#06142290,transparent 24%);animation:moonlight 6s ease-in-out infinite alternate}
.title-top{position:absolute;top:30px;left:clamp(24px,7vw,100px);right:clamp(24px,7vw,100px);display:flex;justify-content:space-between;align-items:center;gap:20px;color:#eae3cf;font-size:12px;font-weight:700;letter-spacing:2px}
.title-top>span:first-child{white-space:nowrap}.title-chapter{font-size:10px;color:#d1c8b39c;letter-spacing:1.5px}.title-top>div{display:flex;gap:8px}.title-top button{width:36px;height:36px;background:#08192980;border:1px solid #eadabb38;border-radius:50%;color:#eedbb0;font-size:19px}
.dream-title .landing-inner{position:relative;margin-left:clamp(24px,8vw,130px);padding:clamp(105px,16vh,155px) 0 105px;width:min(580px,calc(100% - 48px));max-width:580px;animation:titleReveal 1.3s both}
.dream-title .overline{font-size:11px;letter-spacing:2px;margin:0 0 18px;color:#d6b57b}.dream-title .overline:before{content:none}
.dream-title h1{font-family:Chosun,serif;font-size:clamp(48px,6vw,84px);line-height:1.17;letter-spacing:-.03em;font-weight:400;margin:0 0 24px;color:#fff1d1;text-shadow:0 0 35px #d89b5450,0 5px 35px #090c0e}.dream-title h1 span{color:inherit}
.dream-title .tag-row{margin:0 0 22px;gap:7px}.dream-title .tag{padding:4px 9px;color:#e3dccb;font-size:10px;background:#06142250;border-color:#e5dab532}
.dream-title .subtitle{font-size:15px;color:#efe6d1;line-height:1.9;margin:0 0 27px;text-shadow:0 2px 15px #000;max-width:490px}
.dream-title .story-button{border:14px solid transparent;border-image:url('./assets/story-button.webp') 52 66 fill / 14px / 0 stretch;background:transparent;color:#352417;font-family:Chosun,serif;border-radius:0;padding:12px 11px;font-size:17px;font-weight:400;box-shadow:none;text-shadow:0 1px #fff8e7;display:flex;align-items:center;justify-content:space-between;gap:25px;min-width:196px;transition:filter .2s,transform .2s}
.dream-title .story-button:hover{background:transparent;filter:brightness(1.15) drop-shadow(0 0 10px #ffe0a050);transform:translateY(-2px)}.dream-title .secondary.story-button{min-width:140px;filter:brightness(.85)}
.dream-title .landing-note{color:#cfcec4b0;font-size:11px;line-height:1.9;margin-top:23px;max-width:490px}.dream-title .landing-bottom{position:absolute;bottom:22px;left:8vw;right:8vw;align-items:center;color:#c9c2ae90;letter-spacing:.5px;font-size:10px}.dream-title .landing-bottom button{color:#e3d5b5;border:1px solid #e5dab532;padding:8px 13px;border-radius:20px}
.in-library #vignette{background:radial-gradient(ellipse at 55% 42%,transparent 50%,#21463925 100%)}.in-library #quest{background:#fff9ebe8;border-color:#7aaa8f66;color:#274e43;box-shadow:0 10px 30px #17403915;top:95px;width:225px}.in-library #quest p{color:#557269}.in-library #quest .eyebrow{color:#8f754d}.in-library #questCount{color:#64866d}.in-library #quest .progress{background:#7eaa8825}.in-library #hud .brand{color:#254d40;text-shadow:0 1px #fff8}.in-library #hud .brand small{color:#527768}.in-library .chapter-pill{background:#fff9ebd9;color:#527768;border-color:#93b69d}.in-library #party{bottom:85px}.in-library #connection{color:#355a48}.in-library #interactBtn{margin-right:0}.in-library #controls>span{background:#fff9ebcf;color:#456956;padding:8px 10px;border-radius:8px}.in-library #controls kbd{color:#456956;border-color:#45695640}.in-library #controls{gap:8px}
@keyframes titleDrift{from{transform:scale(1)}to{transform:scale(1.045) translateX(-.6%)}}@keyframes moonlight{from{opacity:.55}to{opacity:1}}@keyframes titleReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.title-chapter{display:none}.title-top{top:20px;font-size:10px;letter-spacing:1px}.title-top button{width:32px;height:32px}.dream-title .landing-inner{margin-left:25px;padding-top:105px}.dream-title h1{font-size:clamp(43px,8vw,68px)}.dream-title .subtitle{font-size:13px}.dream-title .landing-bottom{left:25px;right:25px}.dream-title .landing-bottom>span:nth-child(2){display:none}.title-vista{background-position:62% center}.in-library #quest{top:75px;width:190px}.in-library #party{bottom:90px}}
@media(max-height:650px) and (min-width:801px){.dream-title .landing-inner{padding-top:90px}.dream-title h1{font-size:55px;margin-bottom:15px}.dream-title .tag-row{margin-bottom:15px}.dream-title .subtitle{margin-bottom:18px;font-size:13px}.dream-title .landing-note{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.title-vista,.title-mist,.dream-title .landing-inner{animation:none}}

#libraryZoomControls{position:fixed;right:25px;bottom:105px;display:flex;align-items:center;gap:10px;padding:7px;background:#fff9ebdf;border:1px solid #90ab92;border-radius:12px;z-index:4;color:#456956;font-size:11px}#libraryZoomControls button{width:37px;height:37px;background:#e2eddc;color:#355c48;border-radius:7px;font-size:24px}#libraryZoomControls button:hover{background:#cddfc4}