:root{color-scheme:dark;--ivory:#f0e7d5;--dim:#b4b9b1;--gold:#c7ac76;--ink:#142326}*{box-sizing:border-box}body{margin:0;background:#17252e;color:var(--ivory);font-family:Arial,Helvetica,sans-serif;font-size:14px;overflow:hidden}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #e2bf84;outline-offset:5px}button:disabled{opacity:.55;cursor:default}[hidden]{display:none!important}#world,#vignette{position:fixed;inset:0;width:100%;height:100%}#world{touch-action:none}#vignette{pointer-events:none;background:linear-gradient(90deg,rgba(7,18,20,.5),transparent 60%),linear-gradient(0deg,rgba(5,14,18,.55),transparent 32%,transparent 80%,rgba(5,14,18,.4))}header{position:absolute;top:39px;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;z-index:3}.wordmark{font-family:Georgia,'Times New Roman',serif;font-size:36px;letter-spacing:-2px;line-height:1;color:var(--ivory);text-decoration:none}.wordmark span{display:block;font:9px Arial,sans-serif;letter-spacing:3px;margin:14px 0 0 2px;color:var(--gold)}.top-actions{display:flex;gap:22px}.top-actions button{border:0;background:transparent;text-transform:uppercase;font-size:9px;letter-spacing:1.7px;padding:12px 0;border-bottom:1px solid #ffffff35}.eyebrow{font-size:9px;font-weight:normal;letter-spacing:3px;color:var(--gold);line-height:1.9}main{position:absolute;left:8%;top:32%;animation:appear 1.8s both;z-index:2}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:normal;line-height:1.04;letter-spacing:-2px;margin:24px 0;font-size:clamp(45px,5.8vw,88px)}em{font-weight:normal;color:#e4c9b4}h1 em{white-space:nowrap}.intro-copy{color:#ccd0c6;line-height:1.9;font-size:13px;margin-bottom:30px}.primary{background:rgba(21,34,33,.77);border:1px solid #c7ac7677;border-radius:0;padding:17px 24px;min-width:210px;font-size:10px;letter-spacing:2px;text-transform:uppercase;display:inline-flex;justify-content:space-between;gap:35px;align-items:center;backdrop-filter:blur(12px);transition:background .3s,border-color .3s}.primary:hover{background:#35423c;border-color:#d4bd90}.primary span{color:var(--gold);font-size:17px}.quiet{font-size:10px;line-height:1.7;color:#aab3ac;letter-spacing:.2px;margin-top:17px}footer{position:absolute;left:48px;right:48px;bottom:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#b7c0b5;z-index:3;pointer-events:none}footer span:last-child{letter-spacing:.6px}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#142329;z-index:5;transition:opacity .8s}#loading p{font:26px Georgia,serif;margin:12px}#loading span{font-size:10px;color:var(--dim);letter-spacing:1px}.lotus-mark{font-size:55px;color:var(--gold);animation:breathe 3s ease-in-out infinite}#retry{margin:25px;padding:12px 30px;border:1px solid var(--gold);background:transparent}#hud{position:absolute;inset:0;pointer-events:none}.location{position:absolute;top:145px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2.5px;white-space:nowrap;color:#dfdbcc}.sep{margin:0 12px;color:#9e9e8b}.tiny-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#dec59b;margin:0 10px 2px 0}#prompt{position:absolute;bottom:108px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:auto}#walkMessage{font:italic 16px Georgia,serif;margin-bottom:18px;color:#ded7c8}#controls{position:absolute;bottom:62px;width:100%;text-align:center;font-size:9px;color:#c2c8bc;letter-spacing:.5px}#controls span{margin:0 15px;color:#ddcda9}dialog{position:absolute;inset:0;margin:auto;width:min(500px,calc(100% - 36px));padding:44px;background:rgba(14,28,29,.94);color:var(--ivory);border:1px solid #c7ac7644;box-shadow:0 40px 100px #0008;backdrop-filter:blur(20px)}dialog::backdrop{background:#07171c66;backdrop-filter:blur(3px)}dialog h2{font-size:45px;margin:24px 0 32px}label{display:block;text-transform:uppercase;font-size:8px;letter-spacing:2px;color:var(--gold);margin-bottom:12px}textarea{width:100%;height:110px;background:#ffffff04;border:1px solid #c7ac7644;resize:none;padding:15px;font:15px/1.6 Georgia,serif;color:var(--ivory);border-radius:0}textarea::placeholder{color:#a4aea4}dialog .primary{width:100%;margin-top:25px}dialog .quiet{text-align:center}.form-meta{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#aab2a8;margin-top:10px;line-height:1.6}.close{position:absolute;right:16px;top:10px;background:none;border:0;font-size:26px;color:#aab2a8;padding:7px}#ritualText,#completion{position:absolute;left:8%;top:34%;pointer-events:none;animation:appear 1.2s both}#ritualText h2,#completion h2{font-size:clamp(36px,4.5vw,66px)}#completion p:not(.eyebrow){color:#c2c7bd;font-size:13px}#completion button{pointer-events:auto}.text-button{border:0;border-bottom:1px solid #c7ac7677;padding:12px 0;background:none;text-transform:uppercase;font-size:9px;letter-spacing:2px;color:#dfc797;margin-top:20px}#cinema-top,#cinema-bottom{position:absolute;left:0;right:0;height:0;background:#0d151a;z-index:4;pointer-events:none;transition:height 1.5s}#cinema-top{top:0}#cinema-bottom{bottom:0}body.ritual #cinema-top,body.ritual #cinema-bottom{height:5%}body.ritual header,body.ritual footer{opacity:0;transition:opacity .8s}#touchpad{display:none;position:absolute;left:20px;bottom:110px;pointer-events:auto;text-align:center}#touchpad button{width:39px;height:39px;margin:2px;background:#15272a99;border:1px solid #bda47355;color:#ead8b9;touch-action:none}.leaving{opacity:0;transition:opacity .8s}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{opacity:.4;transform:scale(.9)}}@media(max-width:700px){header{left:23px;right:23px;top:25px}.wordmark{font-size:30px}.wordmark span{font-size:7px;letter-spacing:2px}.top-actions{gap:15px}.top-actions button{font-size:8px;letter-spacing:1px}main{left:7%;top:31%}h1{font-size:46px;letter-spacing:-1.8px}.intro-copy{font-size:12px}footer{left:23px;right:23px;bottom:22px;font-size:7px;letter-spacing:1px}footer span:last-child{max-width:130px;text-align:right;line-height:1.6}.location{top:126px;letter-spacing:1.6px;font-size:7px}#touchpad{display:block}#controls{bottom:62px;font-size:8px}#controls span{margin:0 5px}#prompt{bottom:125px;left:auto;right:18px;transform:none;max-width:205px}.primary{min-width:180px;padding:15px 17px;font-size:9px;gap:18px}#walkMessage{font-size:13px}dialog{padding:31px}dialog h2{font-size:38px}#completion,#ritualText{top:30%;left:7%}#completion h2,#ritualText h2{font-size:43px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

#characterView{position:absolute;left:48px;bottom:70px;pointer-events:none;z-index:2}#characterView h2{font-size:28px;letter-spacing:-.5px;margin:12px 0}#characterView>p:not(.eyebrow){font-size:10px;color:#c4c9c0}#characterView>div{display:flex;gap:24px}#characterView button{pointer-events:auto;font-size:8px}.top-actions{gap:18px}body.inspect #vignette{background:linear-gradient(0deg,#07171c99,transparent 38%,transparent 82%,#07171c55)}@media(max-width:700px){.top-actions{gap:12px}.top-actions button{font-size:7px;letter-spacing:.7px}#characterView{left:23px;bottom:74px}#characterView .eyebrow{font-size:7px;letter-spacing:1.5px}#characterView h2{font-size:25px}}

#characterView .pose-actions{gap:26px;margin-bottom:3px}#characterView button[aria-pressed=true]{color:#fff1ce;border-color:#f2ca82}.pose-actions .text-button{font-size:10px!important;letter-spacing:2px}body.inspect #characterView{bottom:58px}@media(max-width:700px){body.inspect #characterView{bottom:62px}#characterView h2{font-size:22px}}

#characterView .subject-actions{gap:24px;margin-bottom:5px}.subject-actions .text-button{font-size:8px;letter-spacing:1.7px}#characterView .text-button{margin-top:10px}#characterView .pose-actions{margin-top:0}#characterView h2{margin:9px 0}

/* The rebuilt scene carries the experience; interface occupies only quiet edges. */
main{top:auto;bottom:13%;left:5.5%;max-width:360px}main h1{font-size:clamp(34px,3.3vw,52px);letter-spacing:-1.7px;margin:16px 0}main .intro-copy{font-size:11px;line-height:1.8;margin-bottom:21px}main .quiet{font-size:9px}#vignette{background:linear-gradient(0deg,#11141c66,transparent 26%,transparent 85%,#11141c33)}header{top:30px;left:38px;right:38px}.wordmark{font-size:32px}#characterView{max-width:400px}#characterView>p:not(.eyebrow){font-size:10px}.location{top:112px}#prompt{left:auto;right:5.5%;transform:none;bottom:106px}#controls{font-size:8px}@media(max-width:700px){main{left:6%;bottom:11%;max-width:250px}main h1{font-size:36px}main .intro-copy{display:none}main .quiet{max-width:230px;font-size:8px}header{top:24px;left:22px;right:22px}#prompt{right:20px;bottom:119px;max-width:180px}.location{top:115px}}

/* Place the invitation over the quiet pool, leaving the traveler and deity clear. */
main{left:auto;right:4.5%;bottom:10%;max-width:270px}main h1{font-size:31px;letter-spacing:-1px;line-height:1.08;margin:13px 0 18px}main .intro-copy{display:none}main .eyebrow{font-size:8px;letter-spacing:2px}main .quiet{font-size:8px}main .primary{min-width:230px;padding:15px 20px;font-size:9px}#vignette{background:linear-gradient(0deg,#0f152344,transparent 24%,transparent 86%,#0f152333)}@media(max-width:700px){main{left:6%;right:auto;bottom:10%;max-width:260px}main h1{font-size:32px}}
@media(max-width:700px){main{left:auto;right:6%;bottom:10%;max-width:205px}main h1{font-size:28px}main .primary{min-width:0;width:205px;font-size:8px;padding:14px 16px}main .eyebrow{font-size:7px;letter-spacing:1px}}