*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#17221c;color:#f5efe3;font:14px Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:#17241edb;border:1px solid #ffffff38;border-radius:9px;padding:11px 15px;touch-action:none}a{color:inherit;text-decoration:none}button:hover,a:hover{background:#ffffff20}button:focus-visible,a:focus-visible,#view:focus-visible{outline:2px solid #e9d9b4;outline-offset:3px}#view{position:fixed;inset:0;touch-action:none;outline:none}canvas{display:block;width:100%;height:100%}header{position:absolute;top:0;left:0;right:0;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;background:linear-gradient(#0b150dcc,transparent)}header>*{pointer-events:auto}.brand{display:flex;gap:13px;align-items:center;font:36px Georgia}.brand span{font:16px Georgia;letter-spacing:3px}.brand small{display:block;margin-top:6px;font:8px Arial;letter-spacing:2px}nav{display:flex;gap:9px;align-items:center}nav>a{padding:12px;border-radius:8px}nav button{font-size:20px;min-width:44px;padding:8px}.title{position:absolute;left:30px;top:110px;pointer-events:none;text-shadow:0 1px 16px #000c}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#ded3b9}h1{font:38px Georgia;margin:10px 0 8px;font-weight:normal}.title p{color:#e4e0d6;font-size:12px;max-width:300px;line-height:1.6}footer{position:absolute;bottom:25px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}footer>*{pointer-events:auto}.hint{display:flex;gap:18px;align-items:center;background:#17241edb;border:1px solid #ffffff22;padding:13px 17px;border-radius:9px;font-size:11px}#loading{position:fixed;inset:0;z-index:10;background:#17221c;display:grid;place-items:center;text-align:center}#loading[hidden]{display:none}#loading>div{width:min(420px,85vw)}h2{font:32px Georgia;font-weight:normal}progress{width:100%;height:4px;accent-color:#e2cc99}#loadText{color:#b9c1b6;font-size:12px;line-height:1.7}#fallback{display:inline-block;margin-top:20px;color:#f1dba8}#fallback[hidden]{display:none}.pad{position:absolute;bottom:86px;right:30px;display:grid;grid-template-columns:repeat(3,48px);gap:5px}.pad button{width:48px;height:46px;font-size:23px;padding:4px;user-select:none}.pad button:first-child{grid-column:2}.pad button:nth-child(2){grid-column:1}.pad button.active,.turn button.active{background:#d7c39a;color:#19241d}.turn{position:absolute;bottom:146px;right:30px;display:flex;gap:58px;pointer-events:none}.turn button{pointer-events:auto;width:48px;height:40px;padding:3px;font-size:25px}#map{position:absolute;top:125px;right:30px;width:120px;pointer-events:none;background:#152019b8;border:1px solid #ffffff28;border-radius:9px;padding:10px}#map svg{display:block;width:100%;height:145px}#map text{font:9px Arial;fill:#e0d8be88}#map span{display:block;text-align:center;font-size:10px;color:#d6cebc}dialog{background:#202d24;color:#f1ebdd;border:1px solid #ffffff33;border-radius:16px;padding:35px;max-width:480px;width:calc(100vw - 36px)}dialog::backdrop{background:#000b}dialog p{line-height:1.85;font-size:14px}dialog .muted{color:#b7c0b0;font-size:12px}#closeHelp{position:absolute;top:8px;right:8px;background:none;border:0;font-size:24px}#begin{width:100%;margin-top:10px;background:#ddc89d;color:#17221c}body.colliding .pad button.active{background:#a99270}@media(max-width:650px){header{padding:18px}.brand{font-size:29px}.brand span{font-size:13px}.brand small{font-size:6px}.title{left:18px;top:95px}h1{font-size:29px}.title p{max-width:200px;font-size:11px}nav{gap:5px}nav>a{font-size:11px;padding:8px}nav button{min-width:36px;font-size:18px}#map{top:180px;right:18px;width:83px;padding:6px}#map svg{height:105px}.hint{display:none}footer{left:18px;right:18px;bottom:max(18px,env(safe-area-inset-bottom))}footer button{font-size:11px}.pad{right:18px;bottom:72px}.turn{right:18px;bottom:132px}.title p{line-height:1.5}dialog{padding:28px}dialog h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}