*{box-sizing:border-box}body{margin:0;background:#260d18;color:#fff4df;font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #edbb78;outline-offset:3px}#tour{position:relative;width:100%;height:100svh;overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px 4%;background:linear-gradient(#190a15c9,transparent);gap:20px;pointer-events:none}header>*{pointer-events:auto}.back{text-decoration:none;color:inherit;font-size:12px;padding:12px 16px;border:1px solid #fff5;border-radius:30px;background:#260d1866;backdrop-filter:blur(12px)}.brand{font:25px Georgia,serif}.brand i{color:#edbb78;font-size:16px;margin-left:12px}header button,.tools button{border:1px solid #fff5;background:#260d18aa;backdrop-filter:blur(10px);border-radius:50%;width:42px;height:42px;font-size:24px}.scene-title{position:absolute;top:125px;left:4%;text-shadow:0 2px 15px #000;pointer-events:none}.scene-title>span{font-size:9px;letter-spacing:3px}h1{font:48px Georgia,serif;margin:12px 0}.scene-title p{font-size:12px;max-width:260px;line-height:1.6}.tools{position:absolute;right:4%;top:40%;display:grid;gap:8px}footer{position:absolute;inset:auto 0 0;padding:50px 4% max(20px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#190a15e8);text-align:center;pointer-events:none}footer>*{pointer-events:auto}.hint{font-size:11px;text-shadow:0 1px 5px #000;margin:0 0 15px}nav{display:flex;gap:12px;justify-content:center}nav button{width:140px;padding:4px;border:1px solid #fff4;border-radius:9px;background:#260d18b8;transition:border-color .2s,transform .2s}nav button[aria-pressed=true]{border-color:#edbb78;transform:translateY(-4px)}nav img{width:100%;height:60px;object-fit:cover;border-radius:5px}nav span{display:block;font-size:10px;padding:8px 2px}small{display:block;font-size:9px;line-height:1.5;opacity:.7;margin-top:14px}#status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:15px 22px;background:#260d18e8;border-radius:10px;font-size:13px;text-align:center;max-width:85%;z-index:3}#status:empty{display:none}.fallback{background-size:auto 100%;background-position:center;}
@media(max-width:680px){header{padding:16px 18px;gap:8px}.back{font-size:10px;padding:11px}.brand{font-size:18px}.brand i{display:block;font-size:12px;margin:3px 0}.scene-title{top:100px;left:22px}h1{font-size:36px;margin:8px 0}.scene-title p{font-size:11px;max-width:200px}.tools{right:18px}.tools button,header button{width:36px;height:36px;font-size:21px}footer{padding-left:15px;padding-right:15px}nav{gap:7px}nav button{width:25%;max-width:110px}nav img{height:44px}nav span{font-size:9px;padding:7px 0}small{font-size:8px;max-width:380px;margin:12px auto 0}.hint{font-size:10px}}
@media(max-height:500px){.scene-title{top:75px}h1{font-size:25px}.scene-title p{display:none}nav img{display:none}footer{padding-top:20px;padding-bottom:10px}.hint{margin-bottom:8px}small{margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}