:root{color-scheme:dark;font:14px Arial,sans-serif;background:#0c0509;color:#e8b3c6}*{box-sizing:border-box}body{margin:0}main{height:100svh;min-height:360px;position:relative;overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}header,footer{position:absolute;left:0;right:0;padding:22px 28px;pointer-events:none;text-shadow:0 1px 4px #000}header{top:0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#10040ade,transparent)}header div{text-align:center}h1{font:italic 30px Georgia,serif;margin:0 0 7px}header span{font-size:9px;letter-spacing:3px}a{pointer-events:auto;color:#ebc0d0;text-decoration:none;font-size:12px}footer{bottom:0;text-align:center;background:linear-gradient(transparent,#10040aeb)}footer p{font-size:12px}small{font-size:10px;color:#c395a7}.controls{display:flex;justify-content:center;gap:8px;margin:12px 0}.controls button{pointer-events:auto;color:#eec3d4;background:#2b0e20db;border:1px solid #95546c;border-radius:6px;padding:10px 17px;font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #f1a9c5;outline-offset:-4px}[hidden]{display:none!important}#panorama-fallback{width:100%;height:100%;object-fit:contain}@media(max-width:600px){header{padding:18px 14px}h1{font-size:23px}header a{max-width:80px;font-size:10px}header span{font-size:7px;letter-spacing:1px}footer{padding:14px}small{font-size:9px}}