*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#101d21;color:#f3ead8;font:16px/1.5 system-ui,sans-serif}header{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 25px;background:#13272a;border-bottom:1px solid #5b6c63}a{color:#e7c180}header a{text-decoration:none}header strong{font-size:14px;letter-spacing:.12em}select{margin-left:8px;border:1px solid #879286;background:#f5e9d4;color:#182c2e;padding:8px;border-radius:6px;font:inherit;max-width:230px}main{display:grid;grid-template-columns:minmax(0,1fr) min(340px,36vw);height:calc(100vh - 68px);min-height:480px}#canvas{position:relative;min-height:440px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#425653,#1b2a2a 68%,#101819)}canvas{width:100%;height:100%;display:block;touch-action:none}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:15px;background:#172e2bdd;border-radius:8px}.controls{position:absolute;left:16px;bottom:16px;display:flex;gap:9px;flex-wrap:wrap}button{background:#f5e6bf;border:0;border-radius:6px;padding:10px 13px;color:#17282a;font:600 14px system-ui;cursor:pointer}button:hover{background:white}[hidden]{display:none!important}aside{overflow:auto;padding:28px 24px;background:#1d302f}h1{font:600 clamp(24px,2.5vw,37px)/1.14 Georgia,serif;margin:8px 0 10px}.eyebrow{font-size:12px;letter-spacing:.17em;color:#e1b86c}#zone{color:#d3bc94;margin:0 0 18px}#description,.hint{color:#d4dcd5}.hint{font-size:14px}h2{font:600 19px Georgia,serif;margin:26px 0 12px}#gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}#gallery img{width:100%;height:105px;object-fit:cover;border-radius:4px}#map-link{display:inline-block;margin-bottom:25px}@media(max-width:740px){header{padding:10px 14px;flex-wrap:wrap}header strong{order:-1;width:100%}main{display:flex;flex-direction:column;height:auto}#canvas{height:56vh;min-height:340px}aside{overflow:visible;padding:22px}select{max-width:185px}}

header{flex-wrap:wrap}header #all-places{border:1px solid #82927f;border-radius:5px;padding:10px 12px;font-size:13px;min-height:44px}.individual-tour{display:block;padding:12px;border:1px solid #d4ba7c;border-radius:5px;margin:12px 0;text-decoration:none;color:#f1dba9;font-weight:600;min-height:44px}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #f2bd56;outline-offset:4px}@media(max-width:740px){header label{display:flex;align-items:center}header #all-places{font-size:12px;padding:8px}}