:root{--sea:#0d1b2a;--sea2:#14293e;--gold:#d9a441;--gold2:#f0c66b;--parch:#ecd9b0;--ink:#2a1e0f}@font-face{font-family:Titolo;src:url(/fonts/BTTTRIAL.otf)format("opentype");font-display:swap}@font-face{font-family:Pirata;src:url(/fonts/BlackPirates.otf)format("opentype");font-display:swap}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;color:var(--parch);background:radial-gradient(120% 80% at 50% -10%, #1c3a57 0%, var(--sea) 55%, #08131f 100%);background-attachment:fixed;margin:0;font-family:Georgia,Times New Roman,serif;overflow-x:hidden}.sea-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sea-bg .glow{background:radial-gradient(50% 40% at 50% 0,#2f5f8b55,#0000 70%);animation:12s ease-in-out infinite alternate drift;position:absolute;inset:-20%}.sea-bg .waves{width:150%;height:34vh;min-height:180px;position:absolute;bottom:0;left:-25%}.sea-bg .w{fill:#14293e}.w1{opacity:.5;animation:9s ease-in-out infinite swell}.w2{opacity:.35;fill:#1c3a57;animation:7s ease-in-out infinite reverse swell}.w3{opacity:.28;fill:#0e5c63;animation:11s ease-in-out infinite swell}@keyframes swell{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(-4%)translateY(6px)}}@keyframes drift{0%{transform:translate(-6%)}to{transform:translate(6%)}}@media (prefers-reduced-motion:reduce){.glow,.w,h1:before{animation:none!important}}main{padding:max(1rem, env(safe-area-inset-top)) 1rem 3rem;max-width:720px;margin:0 auto;overflow-x:hidden}h1{text-align:center;max-width:100%;color:var(--gold2);letter-spacing:1px;text-shadow:0 2px 6px #000a;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3em;margin:.5em 0 .1em;font-family:Titolo,Georgia,serif;font-size:clamp(1.8rem,9vw,3.4rem);line-height:1;display:flex}h1:before{content:"";aspect-ratio:1;filter:drop-shadow(0 4px 10px #0008);background:url(/img/Pirate_Legend.webp) 50%/contain no-repeat;flex:none;align-self:center;width:clamp(60px,15vw,108px);animation:4s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(2deg)}}p.sub{text-align:center;color:#b8c6d6;margin:0 0 1.5rem;font-style:italic}.prose{max-width:48ch;color:var(--ink);text-align:left;background-color:var(--parch);background-image:radial-gradient(120% 90% at 12% 8%,#c9a86a55 0%,#0000 45%),radial-gradient(110% 80% at 90% 90%,#b8925844 0%,#0000 50%),radial-gradient(60% 40% at 70% 15%,#00000014 0%,#0000 60%),repeating-linear-gradient(0deg,#00000006 0,#0000 1px 3px);margin:3.4rem auto 3.6rem;padding:1.8rem clamp(1.4rem,5vw,2.6rem);font-family:IM Fell English,Georgia,serif;font-size:clamp(1.3rem,1.1rem + .9vw,1.7rem);line-height:1.8;position:relative;box-shadow:0 10px 26px #000a,inset 0 0 40px #6b4a2233,inset 0 0 3px #0005,inset 14px 0 16px -14px #0008,inset -14px 0 16px -14px #0008}.prose:before,.prose:after{content:"";z-index:1;background:linear-gradient(#e6b978 0%,#c9903f 32%,#9c6a2c 55%,#c9903f 78%,#e6b978 100%);height:34px;position:absolute;left:-6%;right:-6%;box-shadow:0 4px 10px #0009,inset 0 2px 3px #fff7,inset 0 -3px 5px #0006}.prose:before{clip-path:polygon(0% 45%,9% 15%,19% 55%,30% 10%,41% 50%,52% 12%,63% 52%,74% 15%,85% 48%,95% 18%,100% 40%,100% 100%,0% 100%);top:-18px}.prose:after{clip-path:polygon(0% 0%,100% 0%,100% 55%,91% 88%,81% 48%,70% 90%,59% 50%,48% 88%,37% 48%,26% 90%,15% 45%,5% 85%,0% 60%);bottom:-18px}.prose p{z-index:2;margin:0 0 1.3rem;position:relative}.prose p:first-letter{color:var(--gold);font-size:1.2em;font-weight:700}a{color:var(--gold2)}.back{z-index:5;cursor:pointer;letter-spacing:.3px;color:var(--gold2);background:linear-gradient(145deg, var(--sea2), #0b1826);border:1px solid var(--gold);backdrop-filter:blur(4px);border-radius:999px;align-items:center;gap:.35em;margin:.5rem 0 0 .5rem;padding:.5em 1.1em .5em .9em;font-family:inherit;font-size:.95rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:inline-flex;position:sticky;top:.5rem;box-shadow:0 6px 16px #0007,inset 0 1px #ffffff1a}.back-ar{font-size:1.3em;line-height:1;transition:transform .15s}@media (hover:hover){.back:hover{border-color:var(--gold2);box-shadow:0 10px 22px #0009,0 0 0 1px #f0c66b44}.back:hover .back-ar{transform:translate(-3px)}}.back:active{transform:scale(.94)}