[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#23372c;color:#f8f7e9;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #fff4b5;outline-offset:4px}button{touch-action:manipulation}#experience,#view{width:100%;height:100%;display:block}#view{touch-action:none;outline:none;cursor:grab}#view:active{cursor:grabbing}.veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(19,34,22,.24),transparent 22%,transparent 80%,rgba(10,26,19,.25))}.brand{position:absolute;left:32px;top:27px;pointer-events:none;text-shadow:0 2px 20px #152c2870}.back{pointer-events:auto;color:inherit;text-decoration:none;font-size:10px;letter-spacing:2.5px;font-weight:700;display:inline-block;margin-bottom:29px}.back span{opacity:.65;letter-spacing:1.5px;font-size:9px}.eyebrow{font-size:8px;letter-spacing:2.5px;font-weight:600;margin:0 0 10px}h1{font:500 clamp(30px,3.3vw,49px)/1 Georgia,'Times New Roman',serif;letter-spacing:-1.5px;margin:0 0 10px}.tagline{font-size:11px;letter-spacing:.2px;margin:0;opacity:.87}.glass{background:rgba(244,246,224,.86);border:1px solid rgba(255,255,235,.45);color:#344733;box-shadow:0 4px 28px #17281815;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.light-picker{position:absolute;right:32px;top:28px;display:flex;gap:3px;padding:5px;border-radius:28px}.light-picker button,.transport button,.side-tools button{border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;border-radius:20px;font-size:10px;padding:0 14px;transition:background .2s,color .2s}.light-picker button[aria-pressed=true],.transport button[aria-pressed=true]{background:#566b47;color:#fffef1}.light-picker button:hover,.transport button:hover,.side-tools button:hover{background:#697e5540}.light-picker button[aria-pressed=true]:hover,.transport button[aria-pressed=true]:hover{background:#4a623c}.sun-dot{font-size:16px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d8b665}.dot.blue{background:#8095ae}.side-tools{position:absolute;right:32px;top:96px;display:flex;flex-direction:column;border-radius:24px;padding:5px}.side-tools button{width:38px;padding:0;font-size:20px}#help{font-size:16px}.controls{position:absolute;left:32px;right:32px;bottom:max(25px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.controls>*{pointer-events:auto}.hints{display:flex;gap:22px;font-size:8px;letter-spacing:1px;color:#f5f3e5;text-shadow:0 1px 9px #000}.hints b{font-weight:400;letter-spacing:.2px;text-transform:none;opacity:.75;margin-left:5px}.transport{display:flex;padding:4px;border-radius:28px;gap:1px}.transport button{font-size:15px;padding:0 12px}.transport button span{font-size:10px}.transport #pause,.transport #reset{font-size:20px;width:37px;padding:0}.touch-pad{display:none}#instructions{position:absolute;right:32px;top:235px;width:310px;padding:25px;border-radius:20px;font-size:12px;line-height:1.65;max-height:calc(100% - 330px);overflow:auto}#instructions h2{font:26px/1.2 Georgia,serif;margin:0 0 15px}#instructions button{border:1px solid #667657;background:transparent;border-radius:20px;color:inherit;padding:8px 17px}#loading{position:absolute;inset:0;background:#23372c;display:grid;place-content:center;text-align:center;transition:opacity .6s;pointer-events:none}#loading.done{opacity:0}#loading p{font:25px Georgia,serif}#loading p span{display:block;font:11px Arial,sans-serif;opacity:.65;margin-top:14px}.loader-mark{font:65px Georgia,serif;animation:breathe 2s ease-in-out infinite}#fallback{position:absolute;inset:0;place-content:center;text-align:center;padding:30px;background:linear-gradient(#203d30ee,#182b20ee),url('./preview.webp') center/cover}#fallback:not([hidden]){display:grid}#fallback h2{font:38px Georgia,serif}#fallback p{max-width:460px;line-height:1.7;font-size:14px}#fallback a{color:#f4e5b6;margin-top:20px}#status{position:absolute;bottom:95px;left:50%;transform:translateX(-50%);font-size:12px;padding:10px 18px;border-radius:25px;background:#203428bd;max-width:85%;text-align:center;pointer-events:none;opacity:0;transition:opacity .25s}#status.visible{opacity:1}.nojs{position:fixed;inset:0;display:grid;place-content:center;background:#23372c}.nojs a{color:white}@keyframes breathe{50%{opacity:.3;transform:translateY(6px)}}
@media(max-width:950px){.brand{left:22px;top:22px}.back{margin-bottom:25px}.light-picker{right:22px;top:22px}.light-picker button{padding:0 10px}.hints{gap:13px}.controls{left:22px;right:22px}.transport button{padding:0 10px}.side-tools{right:22px;top:86px}}
@media(max-width:700px),(pointer:coarse){.brand{left:20px;top:max(20px,env(safe-area-inset-top))}.back{margin-bottom:23px;font-size:9px}.back span{font-size:8px}h1{font-size:38px}.eyebrow{font-size:7px}.tagline{font-size:10px}.light-picker{left:16px;right:16px;top:164px;justify-content:space-between;border-radius:25px;padding:4px}.light-picker button{font-size:9px;padding:0 9px;min-height:36px;flex:1}.side-tools{right:16px;top:22px}.side-tools button{width:32px;min-height:32px}.controls{left:16px;right:16px;bottom:max(18px,env(safe-area-inset-bottom));justify-content:center}.hints{display:none}.transport{width:100%;justify-content:center}.transport button{padding:0 10px}.transport button span{font-size:9px}.touch-pad{position:absolute;bottom:85px;left:18px;display:grid;grid-template-columns:40px 40px 40px;grid-template-rows:40px 40px;gap:4px}.touch-pad button{border:1px solid #ebf1cf65;background:#eaf1dc70;color:#213b2a;border-radius:50%;font-size:22px;backdrop-filter:blur(12px);touch-action:none}.touch-pad button:first-child{grid-column:2}.touch-pad button:nth-child(2){grid-column:1;grid-row:2}.touch-pad button:nth-child(3){grid-column:2;grid-row:2}.touch-pad button:nth-child(4){grid-column:3;grid-row:2}.touch-pad button:active{background:#f0f4df}#instructions{left:16px;right:16px;top:225px;width:auto;max-height:calc(100% - 335px);padding:20px}#status{bottom:85px;left:auto;right:18px;transform:none;max-width:53%;font-size:10px}}
@media(max-height:500px){.brand{top:16px;left:20px}.back{margin-bottom:15px}h1{font-size:30px}.eyebrow,.tagline{display:none}.light-picker{left:auto;right:18px;top:16px;width:auto}.light-picker button{font-size:9px}.side-tools{top:77px;right:18px;flex-direction:row}.side-tools button{height:32px;min-height:32px;width:32px}.controls{bottom:12px}.touch-pad{bottom:63px}.transport{width:auto;margin-left:auto}.transport button{min-height:32px}.hints{display:none}#instructions{top:117px;left:auto;right:18px;width:330px;max-height:calc(100% - 180px);font-size:11px;padding:15px}#instructions h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}