:root,:root[data-theme=home]{--primary: #ff4500;--secondary: #0a1628;--bg: #0a1628;--surface: #0f2035;--surface-2: #16294a;--text: #f5f1e6;--text-muted: #a9b3c4;--accent: #ffd700;--wood: #8b4513;--ocean: #006994;--sky: #87ceeb;--danger: #b81d24;--success: #16a34a;--glow-primary: 0 0 24px rgba(255, 69, 0, .55);--glow-gold: 0 0 24px rgba(255, 215, 0, .55);--shadow-deep: 0 24px 60px -20px rgba(0, 0, 0, .8);--font-display: "Pirata One", "Cinzel", cursive;--font-body: "Merriweather", Georgia, serif;--font-action: "Bangers", "Oswald", sans-serif;--radius-sm: 6px;--radius-md: 14px;--radius-lg: 22px;--container: 1280px}:root[data-theme=anime]{--primary: #ff4500;--secondary: #1a237e;--bg: #0d1b2a;--surface: #162235;--accent: #ffd700;--font-display: "Bangers", cursive}:root[data-theme=characters]{--primary: #ff4500;--bg: #111827;--surface: #1f2937;--accent: #ffd700;--font-display: "Bangers", cursive}:root[data-theme=fruits]{--bg: #0f172a;--surface: #1e293b;--accent: #9333ea;--font-display: "Cinzel", serif}:root[data-theme=map]{--bg: #0a2342;--surface: #0e4c8a;--accent: #ff4500;--font-display: "Pirata One", cursive}:root[data-theme=live-action]{--primary: #e50914;--bg: #141414;--surface: #1f1f1f;--accent: #ffd700;--font-display: "Oswald", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none;transition:color .25s ease}a:hover{color:var(--primary)}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;letter-spacing:.02em;margin:0 0 .5em;line-height:1.05}p{margin:0 0 1em}::selection{background:var(--accent);color:#1a1a1a}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,rgba(255,69,0,.12),transparent 40%),radial-gradient(circle at 80% 90%,rgba(255,215,0,.08),transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,105,148,.14),transparent 60%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0 0.06 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");pointer-events:none;opacity:.35;mix-blend-mode:overlay;z-index:1}app-root{position:relative;z-index:2;display:block}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--font-action);text-transform:uppercase;letter-spacing:.25em;font-size:.85rem;color:var(--accent)}.section-title{font-size:clamp(2.4rem,5vw,4rem);color:var(--text)}.section-title .accent{color:var(--accent)}.section-title .red{color:var(--primary)}.btn-primary{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:var(--primary);color:#fff;border:2px solid var(--accent);border-radius:999px;font-family:var(--font-action);font-size:1.15rem;letter-spacing:.15em;text-transform:uppercase;box-shadow:var(--glow-primary);transition:transform .25s ease,box-shadow .25s ease}.btn-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 30px #ffd700d9;color:#fff}.btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:transparent;border:2px solid rgba(255,215,0,.4);color:var(--accent);border-radius:999px;font-family:var(--font-action);letter-spacing:.15em;text-transform:uppercase}.btn-ghost:hover{background:#ffd70014;color:var(--accent)}@keyframes oceanWave{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(.6deg)}}@keyframes shipFloat{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-18px) rotate(1.5deg)}}@keyframes flagWave{0%,to{transform:skewY(-2deg)}50%{transform:skewY(2deg)}}@keyframes bountyReveal{0%{opacity:0;transform:scale(.85) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.55}}@keyframes drift{0%{transform:translate(-50px)}to{transform:translate(50px)}}@keyframes counterPop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;animation:fadeUp .9s ease forwards}.reveal.delay-1{animation-delay:.15s}.reveal.delay-2{animation-delay:.3s}.reveal.delay-3{animation-delay:.45s}.reveal.delay-4{animation-delay:.6s}.reveal-on-scroll{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay, 0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay, 0ms);will-change:opacity,transform}.reveal-on-scroll[data-reveal=fade-left]{transform:translate(-50px)}.reveal-on-scroll[data-reveal=fade-right]{transform:translate(50px)}.reveal-on-scroll[data-reveal=zoom-in]{transform:scale(.92)}.reveal-on-scroll.is-visible{opacity:1;transform:translate(0) scale(1)}[appTilt]{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease;transform-style:preserve-3d;will-change:transform}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}html,body{cursor:url(/cursors/compass.svg) 14 14,auto}a,button,[role=button],.btn-primary,.btn-ghost,[appTilt],.clickable,summary,label[for],select,input[type=submit],input[type=button],input[type=checkbox],input[type=radio],.card,[data-cursor=hat]{cursor:url(/cursors/straw-hat.svg) 16 18,pointer}input[type=text],input[type=email],input[type=search],input[type=number],input[type=password],textarea{cursor:text}*{scrollbar-width:thin;scrollbar-color:#d4a017 #0a1628}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:linear-gradient(180deg,#0a1628,#0f2035);border-left:1px solid rgba(255,215,0,.08)}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,gold,#b8801f,#7a4f10);border-radius:999px;border:2px solid #0a1628;box-shadow:inset 0 0 4px #0006,0 0 6px #ffd70059}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffe27a,#ff4500);box-shadow:0 0 12px #ff450099}*::-webkit-scrollbar-corner{background:#0a1628}body>.cine-vignette,.cine-vignette{content:"";position:fixed;inset:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45) 100%),radial-gradient(ellipse at top,rgba(255,215,0,.05) 0%,transparent 40%);mix-blend-mode:multiply}.cine-particles{position:fixed;inset:0;pointer-events:none;z-index:2;overflow:hidden}.cine-particles span{position:absolute;bottom:-20px;width:var(--p-size, 4px);height:var(--p-size, 4px);border-radius:50%;background:radial-gradient(circle,#ffd700e6,#ffd70000 70%);opacity:var(--p-opacity, .5);left:var(--p-left, 50%);animation:floatUp var(--p-dur, 18s) linear var(--p-delay, 0s) infinite;filter:blur(.5px)}.cine-particles span.spray{background:radial-gradient(circle,#add8e6b3,#add8e600 70%)}@keyframes floatUp{0%{transform:translateZ(0) scale(.6);opacity:0}10%{opacity:var(--p-opacity, .5)}50%{transform:translate3d(var(--p-drift, 30px),-50vh,0) scale(1)}90%{opacity:var(--p-opacity, .5)}to{transform:translate3d(calc(var(--p-drift, 30px) * -1),-110vh,0) scale(.4);opacity:0}}.cursor-trail-dot{position:fixed;top:0;left:0;width:10px;height:10px;border-radius:50%;pointer-events:none;z-index:9999;background:radial-gradient(circle,#ffd700f2,#ff8c0099 40%,#ff450000 70%);mix-blend-mode:screen;transform:translate(-50%,-50%) scale(1);animation:trailFade .9s ease-out forwards;will-change:transform,opacity}@keyframes trailFade{0%{opacity:.9;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.2)}}.app-main{animation:pageEnter .65s cubic-bezier(.2,.7,.2,1) both}@keyframes pageEnter{0%{opacity:0;transform:translateY(18px) scale(.995);filter:blur(6px) brightness(.85)}60%{filter:blur(0) brightness(1.05)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0) brightness(1)}}.cine-zoom{overflow:hidden;position:relative}.cine-zoom img,.cine-zoom .cine-zoom-target{transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .9s ease;will-change:transform}.cine-zoom:hover img,.cine-zoom:hover .cine-zoom-target{transform:scale(1.08);filter:brightness(1.08) saturate(1.1)}.cine-zoom:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,22,40,.85) 100%);pointer-events:none;opacity:.7;transition:opacity .5s ease}.cine-zoom:hover:after{opacity:.35}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px;box-shadow:0 0 0 4px #ffd7002e}@media (prefers-reduced-motion: reduce){.cine-particles,.cursor-trail-dot{display:none!important}.app-main{animation:none!important}}html,body{max-width:100%}body{-webkit-text-size-adjust:100%;text-size-adjust:100%}img,svg,video,canvas,iframe{max-width:100%;height:auto}iframe{border:0}h1,h2,h3,h4,h5,h6,p,a,li,span,strong,em{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}@media (max-width: 720px){.container{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}html,body{font-size:15px}.section{padding:64px 0!important}.section-head{margin-bottom:36px}}@media (max-width: 480px){.container{padding-left:14px;padding-right:14px}html,body{font-size:14.5px}.section{padding:48px 0!important}}@media (hover: none) and (pointer: coarse){.btn-primary,.btn-ghost{padding:14px 22px;font-size:1rem;min-height:44px;letter-spacing:.12em}a,button,[role=button],summary,label{min-height:40px}.btn-primary:hover,.btn-ghost:hover,.crew-card:hover,.saga-body:hover,.final-card:hover,.cine-zoom:hover img,.cine-zoom:hover .cine-zoom-target{transform:none!important}html,body,a,button,[role=button],.btn-primary,.btn-ghost,[appTilt],.clickable,summary,label[for],select,input[type=submit],input[type=button],input[type=checkbox],input[type=radio],.card,[data-cursor=hat]{cursor:auto!important}.cursor-trail-dot{display:none!important}.cine-particles{opacity:.35}[appTilt]{transform:none!important}}@media (max-width: 720px){input,select,textarea{font-size:16px!important}}a,button,[role=button],.btn-primary,.btn-ghost{-webkit-tap-highlight-color:rgba(255,215,0,.18)}@media (max-width: 720px){*::-webkit-scrollbar{width:6px;height:6px}}@media (prefers-reduced-data: reduce){body:after,.cine-particles,.cine-vignette{display:none!important}}