#root{max-width:100vw;margin:0;text-align:center}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}:root{--forest-deep: #080f0a;--forest-dark: #0d1f15;--wood-dark: #150a02;--wood-mid: #2e1a08;--wood-light: #4a2c10;--parchment: #f0e0b8;--parchment-mid: #e8d4a0;--parchment-dark: #d4b882;--gold: #c9a227;--gold-light: #e8c84a;--gold-dim: #8b6914;--gold-faint: rgba(201, 162, 39, .15);--text-parchment: #2a1408;--text-light: #e8d5a8;--moss: #4a7c59;--moss-dark: #2a4a35;font-family:IM Fell English,Georgia,Times New Roman,serif;line-height:1.7;font-weight:400;color-scheme:dark;color:var(--text-light);background-color:var(--forest-deep);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:var(--gold);text-decoration:none;transition:color .25s,text-shadow .25s}a:hover{color:var(--gold-light);text-shadow:0 0 10px rgba(201,162,39,.5)}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--forest-deep);background-image:radial-gradient(ellipse at 15% 40%,rgba(74,124,89,.07) 0%,transparent 55%),radial-gradient(ellipse at 85% 15%,rgba(201,162,39,.04) 0%,transparent 50%),radial-gradient(ellipse at 60% 80%,rgba(42,74,53,.08) 0%,transparent 50%);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Cinzel Decorative,Cinzel,Georgia,serif;letter-spacing:.06em}h1{font-size:3.8em;line-height:1.1;color:var(--gold-light);text-shadow:0 0 20px rgba(232,200,74,.7),0 0 50px rgba(201,162,39,.4),0 0 80px rgba(201,162,39,.2),2px 3px 6px rgba(0,0,0,.9);margin:.4em 0 0}h1:after{content:"";display:block;width:260px;height:2px;background:linear-gradient(90deg,transparent,var(--gold-dim),var(--gold-light),var(--gold),var(--gold-dim),transparent);margin:.35em auto .5em;border-radius:2px}button{border-radius:3px;border:1px solid var(--gold-dim);padding:.6em 1.4em;font-size:1em;font-family:Cinzel,Georgia,serif;letter-spacing:.08em;background-color:var(--wood-mid);color:var(--gold);cursor:pointer;transition:all .25s}button:hover{border-color:var(--gold);background-color:var(--wood-dark);box-shadow:0 0 12px #c9a2274d;color:var(--gold-light)}button:focus,button:focus-visible{outline:2px solid var(--gold-dim);outline-offset:2px}@media (max-width: 768px){h1{font-size:2.6em}h1:after{width:180px}}@media (max-width: 480px){h1{font-size:2em}h1:after{width:130px}}.logo{height:22em;will-change:filter;transition:filter .4s ease,transform .4s ease;border-radius:6px;box-shadow:0 0 35px #c9a22740,0 0 70px #c9a2271a,0 15px 50px #000000b3}.logo:hover{filter:drop-shadow(0 0 2.5em rgba(201,162,39,.65));transform:scale(1.02)}.map{width:82%;display:block;margin:0 auto;border:2px solid #8b6914;box-shadow:0 0 25px #c9a22733,0 0 60px #c9a22714,0 15px 50px #000c;border-radius:3px}.map-container{padding:1.5em 0 3em;position:relative}@media (max-width: 768px){.logo{height:14em}.map{width:95%}}@media (max-width: 480px){.logo{height:10em}}.map-container:before{content:"✦  The Known World  ✦";display:block;text-align:center;font-family:Cinzel,Georgia,serif;font-size:.8rem;letter-spacing:.25em;color:#8b6914;text-transform:uppercase;margin-bottom:1.2em}