@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Inter:wght@400;600&display=swap');*{box-sizing:border-box}body{margin:0;background:#171713;color:#30261d;font-family:Inter}main{max-width:1200px;margin:auto;padding:30px 25px}header{color:#f4e8c9;border-bottom:1px solid #635b43;padding-bottom:20px;margin-bottom:25px}header p,aside>p{color:#d6a74d;letter-spacing:.2em;font-size:.68rem}h1,h2{font-family:Cinzel;margin:5px 0}h1{font-size:clamp(2.4rem,7vw,5rem);letter-spacing:.08em}header span{color:#c8b991;font-family:Cinzel}section{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.map{position:relative;aspect-ratio:1.35;background:#ead8aa;border:14px solid #30271c;box-shadow:0 18px 50px #0008;overflow:hidden;background-image:radial-gradient(#9d7c4930 1px,transparent 1px);background-size:13px 13px}.map:after{content:'';position:absolute;inset:12px;border:1px solid #76572c88}.sea{position:absolute;top:6%;left:40%;color:#60757588;font:700 .7rem Cinzel}.compass{position:absolute;right:7%;top:7%;z-index:2;color:#9a482c;font-size:3rem;text-align:center}.compass small{display:block;font:700 .7rem Inter;margin-top:-13px}.mountains{position:absolute;top:25%;left:30%;font-size:3rem;line-height:.8;letter-spacing:-.4rem;color:#80684d88;transform:rotate(-8deg)}.forest{position:absolute;top:38%;left:5%;color:#3e5a3eaa;font-size:1.5rem;line-height:1.1;letter-spacing:.3rem}button{position:absolute;z-index:3;border:0;background:transparent;color:#30261d;font:600 .72rem Cinzel;cursor:pointer;padding:5px}button:before{content:'';display:block;margin:auto;width:12px;height:12px;border-radius:50%;background:#9a482c;border:2px solid #f3dfae;box-shadow:0 0 0 1px #9a482c}button:hover{color:#9a482c;transform:scale(1.08)}aside{background:#292a22;color:#e8dbb8;padding:28px 24px;line-height:1.7}aside>p{line-height:1.2}aside h2{color:#f2dca6;font-size:1.5rem}#note{color:#c4b893;font-size:.9rem;margin-top:12px}hr{border:0;border-top:1px solid #665c43;margin:28px 0}blockquote{font-family:Cinzel;color:#e6cd91;font-size:.86rem;margin:0}blockquote small{display:block;color:#9f9275;font-family:Inter}footer{text-align:center;color:#817860;font-size:.7rem;margin-top:20px}@media(max-width:760px){main{padding:20px 14px}section{grid-template-columns:1fr}.map{aspect-ratio:1.05}}