.game-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.pirate-card{background:radial-gradient(ellipse at 65% 20%,#397681,#0a243a 55%,#061322);border-color:#c99652}
.pirate-card-sea{position:absolute;inset:46% -20% 0;background:repeating-radial-gradient(ellipse at 50% 0,#287e8a33 0 9px,#0b4d67aa 12px 20px);transform:rotate(-8deg)}
.pirate-card-ship{position:absolute;width:120%;left:-8%;top:10%;filter:drop-shadow(0 12px 8px #0007);animation:pirateBob 7s ease-in-out infinite}
.pirate-card-new{position:absolute;top:5%;left:0;right:0;color:#b9f5e9;font-size:8px;letter-spacing:2px}
.pirate-card-title{position:absolute;top:51%;left:0;right:0;color:#ffe2a0;font:900 clamp(21px,2.4vw,34px)/1.05 Georgia,serif;text-shadow:0 3px #442b1a,0 0 20px #0a1927}
.pirate-card-chest{position:absolute;width:26%;right:1%;bottom:14%;transform:rotate(10deg)}
#stage[data-game=pirata]{--light:#91f8e5;--light-soft:#3ddfc638;--surface:#143a46;background:linear-gradient(#0c2136,#175166 28%,#062b45 50%,#08121f 85%);border-color:#be9358}
#stage[data-game=pirata] .scene-shade{background:linear-gradient(transparent,#07132333 30%,#07101be6 85%)}
#stage[data-game=pirata] .game-title{text-align:left;padding:12px 20px 75px;max-width:65%}
#stage[data-game=pirata] .game-title h1{font-size:clamp(25px,4vw,48px);color:#ffe0a0;text-shadow:0 3px #754323,0 5px #2a1a19}
#stage[data-game=pirata] .title-rule{justify-content:flex-start}
#pirate-voyage{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-2}
.pirate-ship{position:absolute;width:360px;right:2%;top:-25px;filter:drop-shadow(0 15px 8px #00182080);transform-origin:50% 90%;animation:pirateBob 7s ease-in-out infinite}
.pirate-moon{position:absolute;top:20px;right:23%;width:70px;height:70px;border-radius:50%;background:#d9e5b9;box-shadow:0 0 70px 25px #bfe9e726;opacity:.8}
.pirate-island{position:absolute;top:150px;left:0;width:45%;height:100px;background:#07263d;clip-path:polygon(0 55%,10% 30%,18% 40%,35% 0,60% 55%,70% 20%,100% 100%,0 100%)}
.ocean-wave{position:absolute;top:180px;left:-25%;width:150%;height:450px;border-radius:45%;background:repeating-radial-gradient(ellipse at 45% 0,#61c9c526 0 2px,#06364c11 5px 19px);animation:oceanSwell 10s ease-in-out infinite}
.wave-front{top:230px;opacity:.65;animation-delay:-5s;animation-duration:13s;transform:rotate(-8deg)}
@keyframes pirateBob{0%,100%{transform:rotate(-3deg) translateY(3px)}50%{transform:rotate(3deg) translateY(-9px)}}
@keyframes oceanSwell{50%{transform:translateX(6%) translateY(12px) rotate(3deg)}}
#stage[data-game=pirata] .machine{background:repeating-linear-gradient(0deg,#634327 0 8px,#744b2e 10px 12px);border:5px solid #bb914e;box-shadow:0 0 0 2px #e4be78,0 0 0 6px #34281f,0 12px 45px #0009,inset 0 0 0 2px #e7d49a;border-radius:14px}
#stage[data-game=pirata] .reels{border:2px solid #b28a50;background:#ad8a57}
#stage[data-game=pirata] .symbol{background:radial-gradient(ellipse at 50% 40%,#214b53,#071c2d 85%)}
#stage[data-game=pirata] .symbol.wild:after{content:'COMODÍN';position:absolute;bottom:3px;padding:2px 5px;border:1px solid #efd090;border-radius:4px;background:#231e19;color:#ffe6a8;font-size:8px;letter-spacing:1px}
#stage[data-game=pirata] .symbol[data-symbol='2']:after{content:'MAPA';position:absolute;bottom:2px;color:#b8ffec;font-size:7px;letter-spacing:2px}
#stage[data-game=pirata] .spin-button{background:radial-gradient(circle at 30% 20%,#65cbbc,#1b767d 50%,#123c56)}
#stage[data-game=pirata] #win-banner:before{content:'⚓   ✦   ⚓';color:#b5ffeb}
#stage[data-game=pirata][data-celebration=epic]:after{content:'⚓';color:#f4d89b}
.treasure-dialog{max-width:640px;width:92%;text-align:center;border:2px solid #d0a865;background:radial-gradient(ellipse at 50% 0,#1f6271,#0a1b30 75%);border-radius:22px;box-shadow:0 0 100px #38cbb347;color:#ffedbc}
.treasure-dialog::backdrop{background:#02121ddb;backdrop-filter:blur(5px)}
.treasure-dialog h2{font:700 clamp(23px,4vw,36px) Georgia,serif;margin:15px 0}.treasure-dialog p{font-size:12px;line-height:1.6;color:#d1e7df}
.treasure-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
.treasure-choices button{border:1px solid #b39a64;border-radius:12px;background:#0a2536;color:#f6d996;cursor:pointer;padding:8px;transition:transform .3s,box-shadow .3s}.treasure-choices button:hover:not(:disabled){transform:translateY(-8px);box-shadow:0 0 24px #ffcf5e44}.treasure-choices img{width:100%;display:block}.treasure-choices span{font-size:12px}.treasure-choices button.opened{transform:translateY(-9px) scale(1.06);background:#644e25;box-shadow:0 0 35px #ffd06b66}.treasure-choices button:disabled:not(.opened){opacity:.45}
#treasure-amount{display:block;font-size:clamp(22px,4vw,36px);color:#fff0b5;min-height:40px}.treasure-note{font-size:10px!important}#treasure-continue{margin:15px auto 0}
@media(max-width:640px){.game-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#stage[data-game=pirata] .game-title{padding:0 0 65px;max-width:65%}#stage[data-game=pirata] .game-title h1{font-size:24px}.pirate-ship{width:230px;right:-50px;top:2px}.pirate-moon{right:15%;width:50px;height:50px}.ocean-wave{top:130px}.pirate-card-title{font-size:24px}.treasure-choices{gap:6px}.treasure-choices button{padding:3px}}
@media(prefers-reduced-motion:reduce){.pirate-ship,.pirate-card-ship,.ocean-wave{animation:none}.treasure-choices button{transition:none}}