*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#e9e4db;color:#173c32}#tour{height:100dvh;min-height:550px;position:relative;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:linear-gradient(#faf8f0ec,transparent);pointer-events:none}a,button{pointer-events:auto}a{color:inherit;text-decoration:none}.brand{font-size:15px;font-weight:700;letter-spacing:2px}.brand span{display:block;font-size:10px;letter-spacing:3px;margin-top:7px}.back{font-size:14px;background:#fff9;padding:12px 16px;border-radius:30px}.title{position:absolute;top:105px;left:32px;pointer-events:none;text-shadow:0 1px 8px #fff}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px}h1{font:42px Georgia,serif;margin:10px 0}.title p{font-size:14px;margin:0}.bottom{position:absolute;bottom:48px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.instructions{background:#fffffff0;padding:16px 20px;border-radius:12px;box-shadow:0 6px 30px #0001}.instructions strong,.instructions span{display:block}.instructions strong{font-size:14px;margin-bottom:6px}.instructions span{font-size:12px;line-height:1.6;color:#536057}.actions{display:flex;gap:8px;align-items:center}button,.actions a{font:14px Arial,sans-serif;border:1px solid #173c3220;background:#fffef6;color:#173c32;padding:13px 17px;border-radius:8px;cursor:pointer;min-height:44px}.actions a{background:#173c32;color:white}.actions button:hover,.pad button:hover{background:#e3eadd}button:focus-visible,a:focus-visible{outline:3px solid #b17a35;outline-offset:3px}.pad{position:absolute;right:28px;bottom:140px;display:grid;grid-template-columns:repeat(3,48px);gap:5px}.pad button{padding:0;font-size:24px;touch-action:none;user-select:none;box-shadow:0 3px 10px #0001}.pad button:first-child{grid-column:2}.pad button:nth-child(2){grid-column:1}.note{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:11px;color:#4f594b;background:#fff9;width:fit-content;margin:auto;padding:5px 12px;border-radius:20px}#status,.error{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:12px;max-width:90%;text-align:center}#status:empty{display:none}@media(max-width:700px){header{padding:20px 16px}.brand{font-size:11px;letter-spacing:1px}.back{font-size:12px;padding:10px}.title{left:18px;top:88px}h1{font-size:30px}.title p{font-size:12px}.bottom{bottom:48px;left:12px;right:12px;display:block}.instructions{padding:10px 12px;max-width:calc(100% - 5px);margin-bottom:8px}.instructions span{font-size:11px}.instructions span:first-of-type{display:none}.actions{gap:5px}.actions button,.actions a{font-size:12px;padding:10px;flex:1;text-align:center}.pad{right:16px;bottom:195px}.note{font-size:9px;max-width:95%}}