:root{}[hidden]{display:none!important}:root{--ink:#edf2ea;--dark:#101614;--green:#d8f285;--muted:#bac4bb}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--dark);color:var(--ink);font-family:Arial,sans-serif}body{overflow:hidden}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #ffffff24;font-size:10px;letter-spacing:1px}a{color:inherit;text-decoration:none}.brand{font-size:26px;font-weight:700;letter-spacing:-2px}.brand span{color:var(--green)}main,#landing,#viewer{height:calc(100vh - 68px)}#landing{position:relative;display:grid;grid-template-columns:1.25fr .75fr}#landing img{width:100%;height:100%;object-fit:cover}.intro{padding:7vw 5vw;align-self:center}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--green)}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(45px,5.5vw,82px);line-height:1;margin:22px 0}.intro>p:not(.eyebrow){color:var(--muted);line-height:1.65;max-width:520px}.primary{border:0;border-radius:5px;padding:16px 20px;background:var(--green);color:#17251f;font-weight:700;cursor:pointer}#status{font-size:11px}#viewer{position:relative}canvas{width:100%;height:100%;display:block;touch-action:none}#loading{position:absolute;inset:0;display:grid;place-content:center;gap:15px;background:#101614dd;text-align:center}progress{accent-color:var(--green)}#tools{position:absolute;top:18px;left:18px;right:18px;display:flex;gap:8px;align-items:center}#tools label,#tools button,.fixed-light{background:#101614d9;border:1px solid #ffffff2b;color:var(--ink);padding:10px;border-radius:5px;font-size:11px}select,button{font:inherit}select{margin-left:8px;background:#17251f;color:white;border:0;padding:4px}.fixed-light{position:absolute;right:18px;bottom:18px;margin:0}.fixed-light:before{content:'●';color:var(--green);margin-right:7px}#joystick{display:none;position:absolute;bottom:30px;left:25px;width:110px;height:110px;border:1px solid #ffffff66;border-radius:50%;touch-action:none;place-items:center;font-size:9px}#knob{position:absolute;width:44px;height:44px;border-radius:50%;background:var(--green)}#look-help{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);font-size:10px;background:#101614bd;padding:8px}dialog{max-width:420px;background:#f4f1e9;color:#17251f;border:0;border-radius:8px;padding:28px}dialog::backdrop{background:#000b}.help-glow{box-shadow:0 0 0 4px #86ff72,0 0 24px #77ff55!important}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#17251f;padding:10px 15px;border-radius:5px;font-size:11px}@media(max-width:700px){header>span{display:none}#landing{grid-template-columns:1fr}#landing img{position:absolute;inset:0;opacity:.42}.intro{position:relative;z-index:1;padding:12vw 7vw}#joystick{display:grid}#tools{flex-wrap:wrap}#look-help{left:auto;right:16px;transform:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#toast:empty{display:none}a:focus-visible,button:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #86ff72;outline-offset:3px}@media(max-width:700px){#look-help{bottom:68px;max-width:160px;text-align:center}}
:root{--green:var(--cozy-accent);--dark:#172b21;--ink:#f1f0e8}html,body{font-family:Manrope,Arial,sans-serif}header{background:#172b21ec;position:relative;z-index:3;gap:12px}header>a{min-height:44px;display:inline-flex;align-items:center}header>a:last-child{font-size:12px;letter-spacing:0;border-bottom:1px solid #d8f28588}.brand{font-size:29px}.intro{background:linear-gradient(110deg,#172b21ea,#172b2199);border-left:1px solid #d8f28555}.primary{min-height:48px;border-radius:999px;transition:transform .24s var(--cozy-motion),box-shadow .24s var(--cozy-motion)}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.primary:disabled{cursor:wait;opacity:.8}.primary:disabled:hover{transform:none;box-shadow:none}#viewer{opacity:0;transition:opacity .28s var(--cozy-motion)}#viewer.revealed{opacity:1}#loading{background:transparent;pointer-events:none;color:#fff;z-index:2}#tools{left:50%;right:auto;transform:translateX(-50%);top:14px;max-width:calc(100% - 28px);width:max-content;border:1px solid #d8f28555;background:#172b21e8;backdrop-filter:blur(12px);border-radius:999px;padding:6px;gap:3px;box-shadow:0 12px 35px #0005}#tools button,#tools label{min-height:44px;border:0;border-radius:999px;background:transparent;display:inline-flex;align-items:center;white-space:nowrap;padding:8px 13px;font-size:12px}#tools button{cursor:pointer;transition:transform .24s var(--cozy-motion),background .24s var(--cozy-motion)}#tools button:hover{background:#d8f28525;transform:translateY(-2px)}#tools select{min-height:40px;border-radius:999px;background:#2d4535;color:#fff;max-width:145px}#tools button:disabled,#tools select:disabled{opacity:.55;cursor:not-allowed}#tools button:disabled:hover{transform:none}.fixed-light{border-radius:999px;background:#172b21df}#look-help{border-radius:999px;background:#172b21df}dialog{border-radius:var(--cozy-radius)}dialog button{min-height:44px}dialog .primary{margin-right:12px}@media(max-width:700px){header{padding-inline:16px}#landing{overflow:auto}#landing img{opacity:.6}.intro{margin:auto 12px;padding:25px 20px;border-radius:18px;background:#172b21df}#tools{width:calc(100% - 20px);max-width:none;top:8px;left:10px;transform:none;border-radius:20px;flex-wrap:wrap;justify-content:center}#tools button,#tools label{font-size:11px;padding:6px 9px}#tools select{max-width:118px}#look-help{bottom:120px;right:10px;max-width:130px}.fixed-light{right:10px;bottom:10px}}@media(max-width:350px){#tools{gap:0;padding:4px}#tools button,#tools label{padding:4px 6px;font-size:10px}#tools select{max-width:100px}.intro h1{font-size:43px}}@media(max-height:520px){#tools{top:4px}#joystick{bottom:8px;width:84px;height:84px}.fixed-light{bottom:6px}#look-help{bottom:8px}}@media(prefers-reduced-motion:reduce){#viewer{transition:none}.primary,#tools button{transition:none}.primary:hover,#tools button:hover{transform:none}}

main{position:relative}#viewer{position:absolute;inset:0;height:100%}