:root{color-scheme:dark;--ink:#f7f4e5;--muted:#c1cdc0;--line:#ffffff24;--gold:#f1d49b;--ground:#172a26;font:16px/1.6 system-ui,"Microsoft YaHei",sans-serif}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--ground)}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
button,select{font:inherit;color:inherit;border:1px solid var(--line);background:#233d35;border-radius:.7rem;padding:.62rem .95rem;min-height:44px}
button,select,a{touch-action:manipulation}
button,select{cursor:pointer}
button:hover,select:hover{background:#345348}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
[hidden]{display:none!important}
.mast{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(16px,4vw,56px);background:#152822;gap:12px;border-bottom:1px solid var(--line)}
.brand{font-family:Georgia,"Microsoft YaHei",serif;font-size:1.22rem;white-space:nowrap}
.brand span{color:var(--gold);margin-right:.2rem}
.mast nav{display:flex;align-items:center;gap:clamp(12px,3vw,34px);font-size:.92rem}
.garden{height:clamp(430px,65svh,720px);position:relative;isolation:isolate;overflow:hidden;background:#6a7968}
#world-mount{position:absolute;inset:0;background:#78886d center/cover}
#world-mount canvas{display:block;width:100%;height:100%;touch-action:none}
.garden::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(102deg,#122b24d9 0%,#14282166 24%,transparent 51%),linear-gradient(0deg,#1428208c,transparent 24%)}
.heading{pointer-events:none;position:absolute;z-index:2;top:clamp(22px,5vw,68px);left:clamp(20px,5vw,72px);text-shadow:0 2px 15px #192c26}
.heading h1{font-family:Georgia,"Noto Serif CJK SC","SimSun",serif;font-weight:500;font-size:clamp(2.5rem,6vw,5.5rem);letter-spacing:.055em;margin:.1em 0;line-height:1.12}
.heading p{margin:.45rem 0;color:#fff7dc}
.eyebrow{font-size:.69rem;font-weight:700;letter-spacing:.21em;color:var(--gold);margin:0}
.scene-controls{position:absolute;z-index:2;right:16px;top:16px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:66%}
.scene-controls button,.scene-controls select,.scene-controls a,#world-status{background:#172b24e8;border:1px solid #f4e6c03d;color:#fff7dc;border-radius:8px;font-size:.83rem;padding:.58rem .72rem}
.scene-controls a{min-height:44px;display:flex;align-items:center}
#world-status{position:absolute;z-index:2;bottom:14px;right:16px;margin:0;pointer-events:none}
#world-joystick{display:none;position:absolute;z-index:3;left:19px;bottom:19px;width:74px;height:74px;border-radius:50%;background:#1f3929ad;border:1px solid #f7e9b7a8;touch-action:none;align-items:center;justify-content:center}
#world-joystick span{width:30px;height:30px;border-radius:50%;background:#f1d49bc9;pointer-events:none}
.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px clamp(16px,4vw,56px);background:#152822;border-top:1px solid var(--line)}
.actions button{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px}
.actions button span[aria-hidden]{color:var(--gold);font-size:1.15rem}
.actions .primary{background:var(--gold);color:#263328;border-color:var(--gold);font-weight:700}
.actions .primary span{color:#324534}
.actions .primary:hover{background:#ffe5b4}
.lower{padding:26px clamp(16px,4vw,56px) 44px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lower>div{border:1px solid var(--line);border-radius:1rem;padding:20px;background:#20362f}
.lower h2{margin:.25rem 0 .65rem;font-size:1.24rem;font-weight:600}
.lower p:not(.eyebrow){color:var(--muted);margin:.45rem 0 .7rem}
dialog{width:min(560px,calc(100% - 26px));max-height:calc(100svh - 32px);overflow:auto;border:1px solid #d8bf8960;background:#213830;color:var(--ink);padding:clamp(20px,5vw,36px);border-radius:16px;box-shadow:0 20px 70px #12221daa}
dialog::backdrop{background:#10211bd9}
dialog h2{margin:.35rem 2rem .6rem 0;font-size:1.55rem}
.close{position:absolute;top:10px;right:10px;padding:.2rem .7rem;min-width:44px;font-size:1.5rem}
.reading{white-space:pre-line;line-height:1.85}
.clock{color:var(--gold);font-variant-numeric:tabular-nums;font-size:1.45rem;margin:.5rem 0}
progress{width:100%;accent-color:var(--gold);display:block;margin:0 0 1rem}
.dialog-actions{display:flex;gap:8px;flex-wrap:wrap}
#voice-status,#hour-note,#audio-status{font-size:.88rem}
#voice-status:empty,#hour-note:empty,#audio-status:empty{display:none}
@media(pointer:coarse){#world-mount[data-renderer="webgl"]~#world-joystick{display:flex}}
@media(max-width:650px){
 .mast{height:56px}.mast nav{font-size:.84rem}
 .garden{height:clamp(368px,57svh,540px)}
 .garden::after{background:linear-gradient(180deg,#142b24bb,transparent 37%),linear-gradient(0deg,#1428209c,transparent 30%)}
 .heading{top:15px;left:16px}.heading h1{font-size:2.5rem}.heading p:not(.eyebrow){font-size:.9rem}
 .scene-controls{max-width:none;top:auto;left:14px;right:14px;bottom:104px;justify-content:flex-end}
 .scene-controls button,.scene-controls select,.scene-controls a{font-size:.76rem;padding:.4rem .55rem}
 .actions,.lower{grid-template-columns:repeat(2,minmax(0,1fr))}
 .actions{gap:8px;padding:12px}.actions button{font-size:.9rem;padding:.4rem}
 .lower{grid-template-columns:1fr;padding-top:12px}
}

#presence{display:table;margin-top:.7rem;border-radius:99px;padding:.22rem .65rem;background:#172b24d9;font-size:.79rem;color:#fff0ce}
#presence-toggle{margin-right:.4rem}

@media(max-width:650px){.scripture-close .heading{opacity:0}.scripture-close .scene-controls{bottom:102px}}

.scene-picker{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:10px clamp(16px,4vw,56px);background:#20362f;color:var(--muted);border-top:1px solid var(--line);font-size:.9rem}
.scene-picker select{margin-left:.35rem;color:var(--ink)}
#theme-purpose{color:var(--gold)}
#world-mount{background-image:url(garden-preview.webp)}
@media(max-width:650px){#world-mount{background-image:url(garden-preview-mobile.webp)}.scene-picker{gap:7px 12px;padding:8px 12px}}

#world-mount[data-theme="gethsemane"]{background-image:url(preview-gethsemane.webp)}
#world-mount[data-theme="wheat"]{background-image:url(preview-wheat.webp)}
#world-mount[data-theme="jordan"]{background-image:url(preview-jordan.webp)}
#world-mount[data-theme="galilee"]{background-image:url(preview-galilee.webp)}
#world-mount[data-theme="summit"]{background-image:url(preview-summit.webp)}