:root{--parchment:#f4e4c1;--ink:#2c1810;--sea:#1a4a5c;--gold:#c9a227;--rust:#8b3a2a;--moss:#3d5c3a}html,body{min-height:100%}body{color:var(--ink);background-color:#0000;background-image:radial-gradient(at 20% 0,#5a8f7b33 0%,#0000 50%),radial-gradient(at 80% 100%,#c9a22722 0%,#0000 45%),linear-gradient(165deg,#1a3a2f 0%,#0f2430 40%,#1a2a22 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;font-family:ui-rounded,Segoe UI,system-ui,sans-serif}.parchment{background:linear-gradient(145deg,#f7ebcf 0%,#edd9a8 50%,#e6d0a0 100%);border:2px solid #c9a22788;box-shadow:0 8px 32px #0005,inset 0 0 60px #c9a22722}.btn-gold{color:#2c1810;background:linear-gradient(#e0b93a,#b8891a);border-radius:999px;padding:.75rem 1.25rem;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #7a5a10}.btn-gold:active{transform:translateY(2px);box-shadow:0 2px #7a5a10}.btn-gold:disabled{opacity:.5;cursor:not-allowed}.btn-sea{color:#f4e4c1;background:linear-gradient(#2a6a7c,#1a4a5c);border-radius:999px;padding:.65rem 1.1rem;font-weight:600}.input-map{color:#2c1810;background:#fffaf0;border:2px solid #c9a22766;border-radius:.75rem;width:100%;padding:.7rem .9rem}.input-map:focus{outline-offset:1px;outline:2px solid #c9a227}.compass{animation:4s ease-in-out infinite floaty}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.teaser-card{color:#f4e4c1;background:radial-gradient(at 50% 0,#c9a22733 0%,#0000 55%),linear-gradient(160deg,#1a1208 0%,#2a1810 40%,#0d1a22 100%);border:2px solid #c9a22766;box-shadow:0 12px 40px #0008,inset 0 0 80px #c9a22718}.teaser-glow{background:radial-gradient(circle at 20% 80%,#8b3a2a44 0%,#0000 40%),radial-gradient(circle at 80% 20%,#1a4a5c55 0%,#0000 45%)}
