@font-face{font-family:"Cormorant Garamond";src:url("../../public/ui/fonts/cormorant-garamond.woff2") format("woff2");font-style:normal;font-weight:300 700;font-display:swap}
:root{color-scheme:dark;--ink:#f2eadb;--muted:#d7d1c5;--accent:#e5c58b;--line:rgba(242,234,219,.56);--serif:"Cormorant Garamond",Georgia,serif;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:#242721;overflow:hidden}canvas{display:block;touch-action:none}#viewport{position:fixed;inset:0}button,select,summary{color:inherit;font:inherit}button,select,summary{cursor:pointer}button{min-height:44px}button,select{border:0;background:transparent}button:hover,summary:hover{color:#fff8e9}button:active{transform:translateY(1px)}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{opacity:.5;cursor:wait}#ui{position:fixed;inset:0;pointer-events:none;z-index:10;text-shadow:0 1px 8px #16171099}
.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;padding:4.4vh 3.05vw}.identity{flex-shrink:0}h1{margin:0;font:400 clamp(23px,2.02vw,34px)/1.1 var(--serif);letter-spacing:.235em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:20px;margin-top:13px;font:400 12px/1.4 var(--serif);letter-spacing:.36em;white-space:nowrap}.eyebrow::before{content:"";width:36px;border-top:1px solid var(--line)}
.tools{display:flex;align-items:center;pointer-events:auto;gap:25px;margin-top:0}.view-picker{display:flex;align-items:center;gap:25px;letter-spacing:.025em}.view-picker>span{color:var(--muted)}select{appearance:none;-webkit-appearance:none;min-height:44px;max-width:245px;min-width:220px;padding:8px 37px 8px 25px;border-left:1px solid var(--line);border-radius:0;background:url("../../public/ui/icons/chevron-down.svg") no-repeat right 3px center;background-size:18px;color:var(--ink);font-size:14px;letter-spacing:.025em}option{background:#292920;color:var(--ink)}.popover{position:relative;border-left:1px solid var(--line);padding-left:25px}.popover>summary{display:flex;align-items:center;gap:24px;min-height:44px;list-style:none;letter-spacing:.02em}.popover>summary::-webkit-details-marker{display:none}.popover>summary img{filter:invert(93%) sepia(12%) saturate(296%);opacity:.95}.popover-content{position:absolute;right:0;top:58px;width:310px;padding:25px;background:rgba(30,31,26,.97);border:1px solid #938776;border-radius:3px;box-shadow:0 12px 32px #0004;text-shadow:none}.popover-content h2{margin:0 0 14px;font:400 28px/1.1 var(--serif)}.popover-content p{font-size:14px;line-height:1.75;margin:12px 0}.popover-content kbd{font-size:12px;padding:1px 5px}.muted{color:var(--muted);border-top:1px solid #f2eadb30;padding-top:14px;font-size:12px!important}.quiet{padding:8px 0;border-bottom:1px solid var(--line)}
.journey{pointer-events:auto;position:absolute;bottom:12.25vh;left:50%;transform:translateX(-50%);width:min(700px,calc(100vw - 64px));text-align:center}.scene-state{font:400 clamp(40px,3.5vw,56px)/1.06 var(--serif);margin:0 0 8px;font-weight:400}.timeline-wrap{margin:0 0 23px}input[type=range]{display:block;appearance:none;-webkit-appearance:none;width:100%;height:32px;margin:0;background:transparent;cursor:pointer;accent-color:var(--accent)}input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--line)}input[type=range]::-moz-range-track{height:1px;background:var(--line)}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-7.5px;border-radius:50%;border:1px solid #f4daad;background:#dac18e;box-shadow:0 0 20px #f9d49770}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:1px solid #f4daad;background:#dac18e;box-shadow:0 0 20px #f9d49770}.timeline-labels{display:flex;justify-content:space-between;font:400 18px/1.2 var(--serif);margin-top:1px}.actions{display:flex;align-items:center;justify-content:center;gap:34px}.actions button{display:flex;align-items:center;justify-content:center;gap:18px}.primary{width:320px;min-height:62px;padding:10px 22px;border:1.5px solid #e3bc7b;border-radius:7px;background:rgba(37,32,25,.5);font:400 28px/1.2 var(--serif);box-shadow:0 2px 14px #211a1320;transition:background .16s ease,border-color .16s ease}.primary:hover{background:rgba(71,58,39,.72);border-color:#f9dca3}.secondary{border-left:1px solid #d7bd8780;border-radius:0;padding:0 0 0 34px;min-height:40px;font-size:16px;color:var(--muted)}kbd{font:14px/1 Arial,Helvetica,sans-serif;display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:29px;padding:3px 6px;border:1px solid #d2c8b56b;border-radius:4px;color:var(--ink)}.primary kbd{border-color:#e5c58b99}
#notice{position:absolute;bottom:5.6vh;width:100%;display:flex;align-items:center;justify-content:center;gap:16px;margin:0;font:400 17px/1.4 var(--serif);color:var(--muted);pointer-events:none}#notice::before,#notice::after{content:"";width:56px;border-top:1px solid #f2eadb60}.hide-ui #ui{display:none}#show-ui{position:fixed;z-index:20;bottom:24px;right:28px;padding:10px 16px;background:#272a23d9;border:1px solid var(--line);border-radius:3px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#loading{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#252820;padding:32px;text-align:center}.loading-title{font:400 34px/1.2 var(--serif);letter-spacing:.2em;text-transform:uppercase}#loading small{color:var(--muted)}.error{color:#efbea1!important}
@media(max-width:1000px){.topbar{padding:28px;gap:16px}h1{font-size:25px;letter-spacing:.18em}.eyebrow{font-size:10px;gap:12px;letter-spacing:.28em}.eyebrow::before{width:26px}.tools,.view-picker{gap:16px}select{min-width:185px;padding-left:16px;font-size:13px}.popover{padding-left:16px}.popover>summary{gap:12px}.popover>summary img{width:25px;height:25px}.journey{width:min(600px,calc(100vw - 64px))}.scene-state{font-size:48px}}
@media(max-width:700px){.topbar{padding:22px 20px;flex-wrap:wrap;row-gap:22px}.identity{width:100%;padding-right:48px}h1{font-size:24px;letter-spacing:.16em}.eyebrow{font-size:9px;letter-spacing:.24em;margin-top:10px}.tools{width:100%;justify-content:flex-start}.view-picker{gap:14px;font-size:12px}select{min-width:190px;max-width:calc(100vw - 110px);min-height:44px;padding-left:14px}.popover{position:absolute;right:20px;top:20px;border:0;padding:0}.popover>summary>span{display:none}.popover>summary img{width:27px;height:27px}.popover-content{width:min(310px,calc(100vw - 40px));top:50px}.journey{bottom:10vh;width:calc(100vw - 44px)}.scene-state{font-size:40px;margin-bottom:13px}.timeline-wrap{margin-bottom:22px}.timeline-labels{font-size:16px}.actions{gap:18px}.primary{width:auto;flex:1;min-height:54px;font-size:23px;padding:10px 12px;gap:10px!important}.secondary{padding-left:18px;font-size:14px;gap:9px!important}kbd{font-size:11px;min-width:21px;height:23px}#notice{bottom:3.3vh;font-size:14px;gap:10px}#notice::before,#notice::after{width:20px}}
@media(max-height:550px){.topbar{padding-top:18px}.eyebrow{margin-top:6px}.journey{bottom:45px;width:min(560px,calc(100vw - 44px))}.scene-state{font-size:34px;margin-bottom:3px}.timeline-wrap{margin-bottom:12px}.primary{min-height:46px;font-size:23px}#notice{bottom:12px;font-size:13px}.popover-content{max-height:calc(100vh - 90px);overflow:auto}}
@media(prefers-reduced-motion:reduce){button{transition:none!important}button:active{transform:none}}
/* Keep small controls readable over both bright clouds and the antique image. */
.tools,.identity{text-shadow:0 1px 2px #15150fe6,0 0 10px #15150f80}
@media(max-width:700px){.popover>summary{min-width:44px;justify-content:center}input[type=range]{height:44px}select{font-size:14px}}

.sound-toggle{min-width:76px;white-space:nowrap;text-shadow:inherit;padding:0 4px;color:var(--muted);font-size:13px}.sound-toggle[aria-pressed=true]{color:var(--ink)}.sound-volume{display:block;font-size:13px;margin:18px 0 0}.popover-content .sound-hint{font-size:12px;color:var(--muted);line-height:1.5}.popover-content input[type=range]{height:44px}
@media(min-width:701px) and (max-width:1150px){.tools,.view-picker{gap:12px}.view-picker>span{display:none}select{min-width:176px;padding-left:12px}.popover{padding-left:12px}.popover>summary{gap:10px}.popover>summary>span{display:none}}
@media(max-width:700px){.tools{justify-content:space-between;gap:8px}.sound-toggle{min-width:68px;font-size:12px}.view-picker{gap:8px}select{min-width:168px;max-width:calc(100vw - 170px);font-size:13px;padding-left:10px}.view-picker>span{display:none}}
/* Resource downloads use byte progress; scene preparation remains indeterminate. */
#loading-progress{display:block;width:min(320px,75vw);height:5px;appearance:none;-webkit-appearance:none;border:0;border-radius:8px;overflow:hidden;background:#e8dec51c;color:#d6bb86;accent-color:#d6bb86}
#loading-progress::-webkit-progress-bar{background:#e8dec51c;border-radius:8px}
#loading-progress::-webkit-progress-value{background:#d6bb86;border-radius:8px;transition:width .15s linear}
#loading-progress::-moz-progress-bar{background:#d6bb86;border-radius:8px}
#loading-progress:indeterminate{background:linear-gradient(90deg,transparent,#d6bb86,transparent) -160px 0/160px 100% no-repeat,#e8dec51c;animation:loading-sweep 1.4s linear infinite}
#loading-progress:indeterminate::-webkit-progress-bar{background:transparent}
#loading-detail{min-height:1.4em;font-variant-numeric:tabular-nums}
#loading.error #loading-progress{display:none}
@keyframes loading-sweep{to{background-position:320px 0}}
@media(prefers-reduced-motion:reduce){#loading-progress:indeterminate{animation:none;background-position:center}#loading-progress::-webkit-progress-value{transition:none}}