:root{--sea:#0b2a4a;--deep:#06182c;--parch:#ecd9a8;--parch2:#dcc48a;--ink:#3a2412;--red:#c8312b;--gold:#f2b632;--txt:#f4ecd8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:1.05rem/1.6 Nunito,system-ui,sans-serif;background:var(--deep);color:var(--txt)}h1,h2,h3{font-family:Pirata One,serif;font-weight:400;letter-spacing:.02em;line-height:1.1}h1{font-size:clamp(2.6rem,7vw,5rem);margin:.2em 0}h2{font-size:2rem}a{color:var(--gold)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.wrap{max-width:1100px;margin:0 auto;padding:0 1.2rem}header.top{background:var(--sea);border-bottom:4px solid var(--gold);position:sticky;top:0;z-index:20}.bar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;padding:.6rem 1.2rem}.logo{font-family:Pirata One;font-size:1.7rem;color:var(--gold);text-decoration:none}nav{display:flex;gap:.3rem;flex-wrap:wrap;flex:1}nav a{color:var(--txt);text-decoration:none;padding:.3rem .7rem;border-radius:99px}nav a:hover,nav a[aria-current]{background:var(--red)}.sw{position:relative}.sw input{width:200px}#res{position:absolute;right:0;top:110%;background:var(--parch);color:var(--ink);width:280px;border:3px solid var(--ink);display:none}#res a{display:block;padding:.45rem .7rem;color:var(--ink);text-decoration:none}#res a:hover{background:var(--parch2)}input,select{font:inherit;padding:.5rem .7rem;border-radius:8px;border:2px solid var(--ink);background:var(--parch);color:var(--ink)}.hero{background:linear-gradient(var(--sea),var(--deep));padding:3.5rem 0 5rem;position:relative;overflow:hidden}.hero .bounty{font-family:Pirata One;font-size:clamp(2rem,6vw,3.6rem);color:var(--gold)}.wave{position:absolute;left:0;bottom:0;width:200%;height:70px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20'%3E%3Cpath d='M0 10Q25 0 50 10T100 10T150 10T200 10V20H0Z' fill='%2306182c'/%3E%3C/svg%3E") repeat-x;background-size:50% 100%;animation:w 14s linear infinite}@keyframes w{to{transform:translate(-50%)}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.2rem;margin:1.5rem 0}.poster{background:var(--parch);color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px #000;padding:.8rem;text-decoration:none;display:block;transition:transform .2s}.poster:hover{transform:rotate(-1.2deg) translateY(-3px)}.poster h3{margin:.4rem 0 0;font-size:1.5rem}.poster small{display:block;opacity:.8}.poster .wanted{font-family:Pirata One;text-align:center;font-size:1.3rem;border-bottom:2px solid var(--ink)}.av{width:100%;aspect-ratio:1;object-fit:cover;object-position:top center;display:block;border:2px solid var(--ink);margin:.4rem 0}.rec{font-family:Pirata One;font-size:1.3rem;color:var(--red)}.filters{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}.paper{background:var(--parch);color:var(--ink);border:3px solid var(--ink);padding:1rem 1.2rem;margin:1rem 0}.paper a{color:var(--red)}.info{float:right;width:min(340px,100%);margin:0 0 1rem 1.2rem}.info dl{display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem;margin:0}.info dt{font-weight:800}.info dd{margin:0}@media(max-width:700px){.info{float:none;margin:0 0 1rem}}details{background:var(--sea);border:2px solid var(--gold);border-radius:10px;margin:.7rem 0}summary{cursor:pointer;padding:.7rem 1rem;font-family:Pirata One;font-size:1.4rem}details>div,details>ul{padding:0 1rem 1rem;margin:0}details ul{padding-left:2rem}details[open]>div,details[open]>ul{animation:o .25s ease-out}@keyframes o{0%{opacity:0;transform:translateY(-6px)}}.tag{display:inline-block;background:var(--red);color:#fff;border-radius:99px;padding:0 .6rem;font-size:.8rem;margin-left:.4rem}.tag.fill{background:#666}.fill-row{opacity:.75}.hide-fill .fill-row{display:none}[hidden]{display:none!important}.tag-sombrero{background:#f2b632;color:#3a2412}.tag-pirata{background:#2b6fb0}.tag-villano{background:#c8312b}.tag-marina{background:#1f4f8f}.tag-revolucionario{background:#2f7d4f}.tag-aliado{background:#2b8a7a}.tag-paramecia{background:#2b6fb0}.tag-zoan{background:#2f7d4f}.tag-logia{background:#d95a2b}.tag-tripulacion{background:#2b6fb0}.tag-gobierno{background:#1f4f8f}.tag-organizacion{background:#7a4ea3}.tag-canon{background:#2f7d4f}.tabs{display:flex;gap:.4rem;flex-wrap:wrap}.tabs button{font:inherit;padding:.5rem 1rem;border:2px solid var(--gold);background:var(--sea);color:var(--txt);border-radius:99px;cursor:pointer}.tabs button[aria-selected=true]{background:var(--gold);color:var(--ink);font-weight:800}table{width:100%;border-collapse:collapse}th,td{border:2px solid var(--ink);padding:.4rem .6rem;text-align:left}th{background:var(--parch2)}.crumbs{font-size:.9rem;opacity:.85;margin-top:1rem}footer{background:var(--sea);margin-top:4rem;padding:2rem 0;text-align:center;font-size:.9rem}.empty{padding:1.5rem;text-align:center;display:none}.home-sec{margin:2.5rem 0}.carousel{display:flex;gap:1.2rem;overflow-x:auto;padding:.5rem .25rem 1rem;scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.carousel .poster{flex:0 0 auto;width:240px;scroll-snap-align:start}.saga-card .av{aspect-ratio:16/9;object-position:center}.cluster{background:var(--sea);border:2px solid var(--gold);border-radius:12px;padding:1rem 1.2rem;margin:1.5rem 0}.cluster h2{margin-top:0;font-size:1.7rem}.cluster .tag{margin:.25rem .35rem .25rem 0}.lead{font-size:1.15rem;color:var(--parch);margin:1rem 0;line-height:1.7}.rich h3{margin:1.3em 0 .4em;font-size:1.4rem;color:var(--gold)}.rich p{margin:.55em 0;line-height:1.75}.rich ul,.rich ol{margin:.5em 0;padding-left:1.4em}.rich li{margin:.3em 0;line-height:1.65}.rich strong,.rich a{color:var(--gold)}.rich table{margin:1rem 0}.rich code{background:#0002;padding:.1rem .35rem;border-radius:5px;font-size:.9em}.legal{max-width:820px}.legal h2{margin-top:1.7em;border-bottom:2px solid var(--gold);padding-bottom:.2em}.legal h3{margin-top:1.3em}.foot-nav{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;margin:.5rem 0}.foot-nav a{color:var(--txt);text-decoration:none;font-size:.9rem;opacity:.9}.foot-nav a:hover{color:var(--gold);text-decoration:underline}.legal-links{margin-top:.7rem;padding-top:.7rem;border-top:1px solid #ffffff22}.foot-note{font-size:.82rem;opacity:.85;margin:.7rem 0 0}.btn-primary,.btn-ghost{font:inherit;cursor:pointer;padding:.55rem 1.15rem;border-radius:99px;border:2px solid var(--gold);text-decoration:none;display:inline-block;margin:.2rem .3rem .2rem 0}.btn-primary{background:var(--gold);color:var(--ink);font-weight:800}.btn-ghost{background:transparent;color:var(--txt)}.btn-primary:hover,.btn-ghost:hover{filter:brightness(1.12)}.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--sea);border-top:4px solid var(--gold);padding:.9rem 0;box-shadow:0 -6px 24px #0007}.cookie-inner{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:space-between}.cookie-banner p{margin:0;flex:1 1 340px;font-size:.95rem}.cookie-actions{display:flex;gap:.5rem;flex-wrap:wrap}.contact-form{display:grid;gap:.9rem;max-width:660px;margin:1rem 0}.contact-form label{display:grid;gap:.3rem;font-weight:700}.contact-form input,.contact-form textarea{font:inherit;padding:.6rem .7rem;border-radius:8px;border:2px solid var(--ink);background:var(--parch);color:var(--ink);width:100%}.contact-form .check{display:flex;gap:.55rem;align-items:flex-start;font-weight:400}.contact-form .check input{width:auto;margin-top:.4rem}.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.form-note{font-size:.85rem;opacity:.8}.search-page{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.search-page input{flex:1 1 260px}.aviso-ok{border-color:#2f7d4f}.burger{display:none;flex-direction:column;gap:4px;background:transparent;border:2px solid var(--gold);border-radius:8px;padding:.4rem .5rem;cursor:pointer}.burger span{display:block;width:22px;height:3px;background:var(--gold);border-radius:2px;transition:transform .2s,opacity .2s}.burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:860px){.bar{flex-wrap:wrap;gap:.5rem;padding:.55rem .9rem}header.top{position:sticky}.logo{font-size:1.35rem;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.burger{display:flex;flex:0 0 auto;order:2}.sw{order:3;flex:1 1 100%;position:relative}.sw input{width:100%}#res{left:0;right:0;width:auto}nav#mainnav{position:absolute;top:100%;left:0;right:0;z-index:40;display:none;flex-direction:column;flex-wrap:nowrap;gap:.15rem;padding:.6rem .9rem 1rem;background:var(--sea);border-bottom:4px solid var(--gold);box-shadow:0 12px 26px #0009;max-height:76vh;overflow-y:auto}nav#mainnav.open{display:flex}nav#mainnav a{padding:.7rem .9rem;border-radius:8px;font-size:1.05rem}.hero{padding:2.2rem 0 3.5rem}h1{font-size:clamp(2.1rem,10vw,3rem)}h2{font-size:1.6rem}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.9rem}.poster h3{font-size:1.25rem}.carousel .poster{width:190px}.wrap{padding:0 1rem}.cluster{padding:.9rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}