@import url("https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=MedievalSharp&family=Pirata+One&display=swap");:root{--parchment-light:#f4e8c1;--parchment-mid:#dcc5a0;--parchment-dark:#c4a77d;--parchment-edge:#b89b6a;--ink-dark:#2c1810;--ink-brown:#5c3a1e;--ink-gold:#8b6914;--ink-light:#7a5c3a;--treasure-gold:#d4a853;--blood-red:#8b1a1a;--wax-red:#6b2020;--sea-dark:#1a3a4a;--font-display:"Pirata One",cursive;--font-heading:"MedievalSharp",cursive;--font-body:"IM Fell English",serif}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;scrollbar-width:thin;scrollbar-color:var(--ink-gold) var(--parchment-dark)}body,html{overflow-x:hidden}body{font-family:var(--font-body);color:var(--ink-dark);background:var(--parchment-light);line-height:1.7;-webkit-font-smoothing:antialiased}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:var(--parchment-dark)}body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b6914,#5c3a1e,#8b6914);border-radius:5px}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--ink-dark);line-height:1.2}a{color:var(--ink-gold);text-decoration:none;transition:color .3s ease}a:hover{color:var(--treasure-gold)}.parchment-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 180px 160px at 12% 20%,rgba(139,105,20,.12) 0,rgba(139,105,20,.04) 40%,transparent 70%),radial-gradient(ellipse 100px 110px at 82% 45%,rgba(92,58,30,.1) 0,rgba(92,58,30,.03) 45%,transparent 70%),radial-gradient(ellipse 220px 200px at 45% 75%,rgba(139,105,20,.08) 0,transparent 65%),radial-gradient(ellipse 80px 70px at 68% 15%,rgba(92,58,30,.08) 0,transparent 70%),radial-gradient(ellipse 120px 100px at 25% 55%,rgba(139,105,20,.06) 0,transparent 60%),linear-gradient(172deg,transparent 48%,rgba(92,58,30,.05) 49%,rgba(92,58,30,.05) 49.3%,transparent 50%),linear-gradient(83deg,transparent 32%,rgba(92,58,30,.04) 32.2%,rgba(92,58,30,.04) 32.5%,transparent 33%),radial-gradient(ellipse at center,transparent 40%,rgba(92,58,30,.2) 85%,rgba(44,24,16,.35) 100%),linear-gradient(135deg,#f4e8c1,#efe0b4 20%,#f2e5bd 40%,#e8d8a8 60%,#f0e2b8 80%,#ece0b8)}.hero-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem 3rem;position:relative;z-index:1}.hero-compass{width:160px;height:160px;margin-bottom:2rem;position:relative;filter:drop-shadow(0 4px 12px rgba(44,24,16,.15))}.hero-compass svg{width:100%;height:100%}.captain-portrait{position:relative;width:170px;height:170px;margin:0 auto 2rem;animation:ink-appear 1.2s ease-out .2s both}.captain-portrait-frame{padding:6px;background:conic-gradient(from 0deg,#8b6914 0deg,#d4a853 30deg,#8b6914 60deg,#c4a77d 90deg,#8b6914 120deg,#d4a853 150deg,#8b6914 180deg,#c4a77d 210deg,#8b6914 240deg,#d4a853 270deg,#8b6914 300deg,#c4a77d 330deg,#8b6914 1turn);box-shadow:0 6px 24px rgba(44,24,16,.2),0 2px 8px rgba(44,24,16,.15),inset 0 0 0 3px rgba(139,105,20,.3)}.captain-portrait-frame,.captain-portrait-inner{width:100%;height:100%;border-radius:50%;position:relative}.captain-portrait-inner{overflow:hidden;border:3px solid var(--parchment-mid);background:var(--parchment-mid)}.captain-portrait-inner img{width:100%;height:100%;object-fit:cover;filter:sepia(.25) contrast(1.05) brightness(.95);transition:filter .5s ease,transform .5s ease}.captain-portrait:hover .captain-portrait-inner img{filter:sepia(.05) contrast(1.08) brightness(1);transform:scale(1.05)}.captain-portrait:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:3px dashed rgba(139,105,20,.3);animation:compass-pulse 4s ease-in-out infinite}.portrait-compass-mark{position:absolute;font-family:var(--font-heading);font-size:.55rem;color:var(--ink-gold);font-weight:700;letter-spacing:1px;text-shadow:0 1px 2px rgba(244,232,193,.8)}.portrait-seal{position:absolute;bottom:-2px;right:8px;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c04040,#6b2020 65%,#4a1010);display:flex;align-items:center;justify-content:center;font-size:.8rem;box-shadow:0 2px 6px rgba(107,32,32,.4),inset 0 1px 2px rgba(255,255,255,.2);z-index:3;border:2px solid rgba(255,255,255,.1)}.compass-outer{animation:compass-pulse 4s ease-in-out infinite}.compass-needle{animation:needle-wobble 6s ease-in-out infinite;transform-origin:center center}.compass-draw{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw-line 2.5s ease-out forwards}@keyframes compass-pulse{0%,to{opacity:.9}50%{opacity:1}}@keyframes needle-wobble{0%,to{transform:rotate(0deg)}20%{transform:rotate(8deg)}40%{transform:rotate(-5deg)}60%{transform:rotate(3deg)}80%{transform:rotate(-2deg)}}@keyframes draw-line{to{stroke-dashoffset:0}}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,5rem);color:var(--ink-dark);text-align:center;text-shadow:2px 3px 6px rgba(44,24,16,.08);animation:ink-appear 1.5s ease-out .5s both}.hero-subtitle-wrap{height:2.5rem;overflow:hidden;margin:.5rem 0 1.5rem}.hero-subtitle{font-family:var(--font-body);font-style:italic;font-size:clamp(1.1rem,3vw,1.5rem);animation:ink-appear .6s ease-out both}.hero-bio,.hero-subtitle{color:var(--ink-brown);text-align:center}.hero-bio{max-width:620px;font-size:1.08rem;line-height:1.8;animation:ink-appear 1s ease-out 1s both}@keyframes ink-appear{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.ink-stamp{display:inline-block;padding:.25rem .7rem;font-family:var(--font-body);font-size:.78rem;color:var(--ink-brown);border:1.5px solid var(--ink-brown);border-radius:2px;transform:rotate(-1.5deg);opacity:.85;letter-spacing:.5px;transition:all .3s ease;background:rgba(244,232,193,.5)}.ink-stamp:hover{opacity:1;transform:rotate(0deg) scale(1.08);color:var(--blood-red);border-color:var(--blood-red);box-shadow:0 2px 8px rgba(139,26,26,.15)}.wax-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;font-family:var(--font-heading);font-size:1.05rem;color:var(--parchment-light);background:radial-gradient(circle at 30% 30%,#a03030,var(--wax-red) 60%,#4a1010);border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 14px rgba(107,32,32,.4),inset 0 1px 2px rgba(255,255,255,.15);transition:all .3s ease;text-decoration:none}.wax-btn:hover{transform:scale(1.06) translateY(-2px);box-shadow:0 8px 24px rgba(107,32,32,.45),inset 0 1px 2px rgba(255,255,255,.2);color:#fff}.wax-btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;font-family:var(--font-heading);font-size:1.05rem;color:var(--ink-dark);background:transparent;border:2px solid var(--ink-gold);border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none}.wax-btn-outline:hover{background:var(--ink-gold);color:var(--parchment-light);transform:scale(1.06) translateY(-2px);box-shadow:0 6px 16px rgba(139,105,20,.35)}.ink-divider{position:relative;height:60px;margin:1rem 0;display:flex;align-items:center;justify-content:center}.ink-divider:before{content:"";position:absolute;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--ink-gold),var(--treasure-gold),var(--ink-gold),transparent);opacity:.4}.ink-divider-icon{position:relative;z-index:1;font-size:1.6rem;background:var(--parchment-light);padding:0 1rem;color:var(--ink-gold);filter:drop-shadow(0 2px 4px rgba(44,24,16,.1))}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);color:var(--ink-dark);text-shadow:1px 2px 3px rgba(44,24,16,.08);margin-bottom:.5rem}.section-subtitle{font-family:var(--font-body);font-style:italic;font-size:1.1rem;color:var(--ink-light);max-width:600px;margin:0 auto}.torn-paper{position:relative;background:linear-gradient(155deg,#faf4e2,#f0e4c4 40%,#ebe0be);padding:2rem 1.75rem;box-shadow:3px 5px 12px rgba(44,24,16,.12),-1px 0 4px rgba(44,24,16,.04),inset 0 0 30px rgba(139,105,20,.04);transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s ease;clip-path:polygon(0 3%,2% 0,5% 2%,8% 0,12% 1%,16% 0,19% 3%,23% 0,27% 1%,30% 0,34% 2%,38% 0,42% 1%,46% 0,50% 2%,54% 0,57% 1%,60% 0,64% 3%,68% 0,72% 1%,76% 0,80% 2%,84% 0,87% 1%,90% 0,94% 2%,97% 0,100% 1%,100% 4%,99% 8%,100% 13%,99% 18%,100% 24%,99% 30%,100% 37%,99% 44%,100% 52%,99% 58%,100% 65%,99% 72%,100% 79%,99% 85%,100% 92%,99% 97%,100% 100%,97% 98%,93% 100%,89% 97%,85% 100%,80% 98%,76% 100%,72% 97%,68% 100%,64% 98%,60% 100%,57% 97%,54% 100%,50% 98%,46% 100%,42% 97%,38% 100%,34% 98%,30% 100%,27% 97%,23% 100%,19% 98%,16% 100%,12% 97%,8% 100%,5% 98%,2% 100%,0 97%,1% 92%,0 85%,1% 79%,0 72%,1% 65%,0 58%,1% 52%,0 44%,1% 37%,0 30%,1% 24%,0 18%,1% 13%,0 8%)}.torn-paper:hover{transform:translateY(-6px) rotate(0deg)!important;box-shadow:6px 10px 24px rgba(44,24,16,.16),-2px 0 6px rgba(44,24,16,.04)}.torn-paper-v2{position:relative;background:linear-gradient(140deg,#f8f0d6,#eee2c0 50%,#e8dab8);padding:2rem 1.75rem;box-shadow:3px 5px 12px rgba(44,24,16,.12),inset 0 0 25px rgba(139,105,20,.04);transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s ease;clip-path:polygon(0 2%,4% 0,8% 3%,12% 0,16% 2%,20% 0,24% 1%,28% 0,33% 3%,37% 0,41% 2%,45% 0,49% 1%,53% 0,57% 2%,61% 0,66% 3%,70% 0,74% 2%,78% 0,82% 1%,86% 0,90% 3%,94% 0,98% 2%,100% 0,100% 5%,98% 10%,100% 16%,99% 22%,100% 28%,98% 34%,100% 41%,99% 48%,100% 55%,98% 62%,100% 69%,99% 76%,100% 83%,98% 90%,100% 96%,100% 100%,96% 97%,91% 100%,86% 97%,81% 100%,76% 97%,71% 100%,66% 97%,61% 100%,56% 97%,51% 100%,46% 97%,41% 100%,36% 97%,31% 100%,26% 97%,21% 100%,16% 97%,11% 100%,6% 97%,1% 100%,0 97%,2% 90%,0 83%,2% 76%,0 69%,2% 62%,0 55%,2% 48%,0 41%,2% 34%,0 28%,2% 22%,0 16%,2% 10%,0 5%)}.torn-paper-v2:hover{transform:translateY(-6px) rotate(0deg)!important;box-shadow:6px 10px 24px rgba(44,24,16,.16),-2px 0 6px rgba(44,24,16,.04)}.tape-strip{left:50%;transform:translateX(-50%) rotate(-2deg);width:75px;height:20px;background:rgba(210,195,155,.6);border:1px solid rgba(180,165,120,.25);box-shadow:0 1px 3px rgba(44,24,16,.08);backdrop-filter:blur(1px)}.paper-pin,.tape-strip{position:absolute;top:-4px;z-index:3}.paper-pin{right:18px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#e05040,#8b1a1a 60%,#5a0f0f);box-shadow:0 2px 5px rgba(44,24,16,.35),inset 0 1px 2px rgba(255,255,255,.3)}.wax-seal{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 3px 10px rgba(0,0,0,.2),inset 0 2px 3px rgba(255,255,255,.15),inset 0 -1px 3px rgba(0,0,0,.15);position:relative}.wax-seal:after{content:"";position:absolute;inset:3px;border-radius:50%;border:1px solid rgba(255,255,255,.1)}@keyframes paper-land{0%{opacity:0;transform:translateY(-25px) rotate(calc(var(--rot, 0deg) - 5deg)) scale(.95)}70%{transform:translateY(3px) rotate(calc(var(--rot, 0deg) + 1deg)) scale(1.01)}to{opacity:1;transform:translateY(0) rotate(var(--rot,0deg)) scale(1)}}.card-enter{animation:paper-land .65s cubic-bezier(.23,1,.32,1) both}.map-decoration{position:absolute;pointer-events:none;opacity:.04;z-index:0}.map-path{stroke-dasharray:2000;stroke-dashoffset:2000;animation:draw-path 4s ease-out forwards}@keyframes draw-path{to{stroke-dashoffset:0}}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:float-gentle 3s ease-in-out infinite}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounty-board{position:relative;background:linear-gradient(150deg,#f2e8cc,#e8dab4);border:3px solid var(--ink-gold);padding:2.5rem 2rem;text-align:center;box-shadow:4px 6px 16px rgba(44,24,16,.14),inset 0 0 40px rgba(139,105,20,.06)}.bounty-board:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px solid rgba(139,105,20,.2);pointer-events:none}.stat-cell{padding:1rem .5rem;border-radius:4px;background:rgba(139,105,20,.05);border:1px solid rgba(196,167,125,.5);transition:all .3s ease}.stat-cell:hover{background:rgba(139,105,20,.1);transform:scale(1.04);box-shadow:0 4px 12px rgba(44,24,16,.08)}@media (max-width:768px){.section-title{font-size:2rem}.hero-compass{width:120px;height:120px}html{font-size:15px}}@media (max-width:480px){.section-title{font-size:1.7rem}.hero-compass{width:100px;height:100px}html{font-size:14px}}