/* The approved illustrated cabinet is the backdrop. Actual reels, values and buttons sit in its apertures. */
#pirate-profile{display:none}
body.pirate-screen{background:#01090e;height:100dvh;overflow:hidden}
body.pirate-screen .header{display:none}
body.pirate-screen main{width:100vw;height:100dvh;margin:0;padding:0}
body.pirate-screen #game-view{display:block;position:relative;width:100%;height:100%}
body.pirate-screen #stage[data-game=pirata]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100vw,177.6833156dvh);height:auto;aspect-ratio:1672/941;min-height:0;padding:0;display:block;container-type:inline-size;overflow:hidden;background:#061722 url('assets/pirate-cabinet-v3.webp') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:0 0 100px #001e30}
body.pirate-screen #stage .scene-shade,body.pirate-screen #stage .scene-art,body.pirate-screen #pirate-voyage,body.pirate-screen #stage .game-title{display:none}
body.pirate-screen #stage #ambient-dust{z-index:0;opacity:.35}
body.pirate-screen #stage .machine-wrap,body.pirate-screen #stage .console{display:contents}
body.pirate-screen #stage .machine{position:absolute;left:20.95%;top:17.45%;width:56.75%;height:50.85%;padding:0;margin:0;min-height:0;border:0;border-radius:0;background:none;box-shadow:none}
body.pirate-screen #stage .machine:before,body.pirate-screen #stage .machine-corner{display:none}
body.pirate-screen #stage .reels{width:100%;height:100%;gap:2px;border:0;border-radius:0;background:transparent}
body.pirate-screen #stage .reel{min-height:0;background:transparent}
body.pirate-screen #stage .symbol{flex:1;aspect-ratio:auto;min-height:0;container-type:size;border-bottom:1px solid #a47d3e7a;background:transparent;box-shadow:none}
body.pirate-screen #stage .symbol-art.premium-art{width:100%;height:100%;transform:scale(.97);background-color:transparent;mix-blend-mode:lighten}
body.pirate-screen #stage .symbol.wild:after{font-size:.45cqw;bottom:1px;padding:1px 3px}
body.pirate-screen #stage #paylines{inset:0;width:100%;height:100%}
body.pirate-screen #stage #line-results{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
body.pirate-screen #stage .balance-meter,body.pirate-screen #stage .bet-meter,body.pirate-screen #stage .prize-meter,body.pirate-screen #stage #power-panel{position:absolute;z-index:2;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;min-width:0}
body.pirate-screen #stage .balance-meter{left:7.3%;top:75%;width:12.7%;height:4.5%}
body.pirate-screen #stage .prize-meter{left:60%;top:75%;width:12.7%;height:4.5%}
body.pirate-screen #stage .meter>span,body.pirate-screen #stage .bet-meter>label,body.pirate-screen #stage .power-top>span{display:none}
body.pirate-screen #stage .meter>strong{font:700 1.8cqw/1.1 Georgia,serif;color:#f3ce7e;text-shadow:0 2px 3px #000;white-space:nowrap;display:flex;align-items:center;justify-content:center;height:100%}
body.pirate-screen #stage .meter strong b{display:none}
body.pirate-screen #stage .bet-meter{left:21.8%;top:75%;width:12.6%;height:4.2%}
body.pirate-screen #stage .bet-controls{height:100%;width:100%;gap:0;display:flex;align-items:center}
body.pirate-screen #stage .bet-controls input{width:100%;min-width:0;flex:1;height:100%;padding:0;font:700 1.8cqw/1 Georgia,serif;color:#f6d99d;border:0;background:#03151c;text-shadow:0 1px 2px #000}
body.pirate-screen #stage .bet-controls button{width:16%;height:100%;flex:0 0 16%;font-size:0;color:transparent;border:0;background:transparent;box-shadow:none;border-radius:0;padding:0}
body.pirate-screen #stage .bet-controls button:hover{background:#ffe08c22}
body.pirate-screen #stage #power-panel{left:36%;top:73.2%;width:23.1%;height:6.4%}
body.pirate-screen #stage .power-top{display:block;height:100%}
body.pirate-screen #stage #power-options{display:grid;grid-template-columns:repeat(5,1fr);gap:1%;height:100%;width:100%}
body.pirate-screen #stage #power-options button{min-width:0;width:100%;height:100%;padding:0;border:1px solid transparent;border-radius:3px;background:transparent;box-shadow:none;color:#f1d48a;font:600 1.65cqw/1 Georgia,serif;text-shadow:0 1px 3px #000}
body.pirate-screen #stage #power-options button[aria-pressed=true]{background:linear-gradient(#0a9ca68c,#03657e6b);border-color:#f9df9a;box-shadow:inset 0 0 12px #8ffff445,0 0 12px #69ffdf4a;color:#fff2b9}
body.pirate-screen #stage #effective-stake,body.pirate-screen #stage #risk-message{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;margin:0}
body.pirate-screen #stage .spin-button{position:absolute;z-index:3;left:74.4%;top:69.3%;width:11.3%;height:20%;margin:0;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;display:block}
body.pirate-screen #stage .spin-button span{opacity:0}
body.pirate-screen #stage .spin-button:hover{background:#9effe51c;box-shadow:0 0 25px #efbe6545}
body.pirate-screen #stage .spin-button:disabled{opacity:1;background:#00131c55}
body.pirate-screen #stage.is-spinning .spin-button:after{content:'';position:absolute;inset:8%;border-radius:50%;border:3px solid #f9dc9529;border-top-color:#fff5c4;animation:rotate .8s linear infinite}
body.pirate-screen #stage .result-message{position:absolute;left:21%;top:69%;width:56.5%;height:2.3%;min-height:0;max-height:none;margin:0;padding:0;overflow:hidden;font-size:.65cqw;line-height:1.1;color:#ffe3a3;background:#08131b9c;text-shadow:0 1px 3px #000;z-index:2}
body.pirate-screen #stage .under-console{display:none}
body.pirate-screen #stage #pirate-bonus-dock{display:contents}
body.pirate-screen #pirate-bonus-dock h2,body.pirate-screen #pirate-bonus-dock p,body.pirate-screen #pirate-bonus-dock .eyebrow,body.pirate-screen #pirate-bonus-dock .dock-chests{display:none}
body.pirate-screen #pirate-bonus-dock .pirate-bonus-help{position:absolute;left:33.5%;top:81.3%;width:36%;height:16.5%;padding:0;border:0;background:transparent;font-size:0;color:transparent;z-index:2}
body.pirate-screen #pirate-bonus-dock .pirate-bonus-help:hover{background:radial-gradient(ellipse,#ffc74618,transparent 65%)}
body.pirate-screen #stage .game-toolbar,body.pirate-screen #stage .game-tools{display:contents}
body.pirate-screen #stage .game-toolbar .demo-pill{display:none}
body.pirate-screen #stage .back{position:absolute;left:2.4%;top:8.5%;width:13%;height:4%;font-size:0;color:transparent;z-index:3}
body.pirate-screen #stage .back span{opacity:0}
body.pirate-screen #stage .game-tools button{position:absolute;z-index:3;margin:0;padding:0;width:4.3%;height:7.5%;border-radius:50%;border:0;background:none;color:transparent;font-size:0;box-shadow:none}
body.pirate-screen #stage #sound{left:86.7%;top:73.6%}
body.pirate-screen #stage #rules{left:92%;top:73.6%}
body.pirate-screen #stage #sound[aria-pressed=false]{background:#020b10a6;box-shadow:inset 0 0 0 1px #ffd38b80}
body.pirate-screen #stage .game-tools button:hover{background:#ffde8820}
body.pirate-screen #pirate-profile{display:block;position:absolute;right:1.3%;top:1.5%;z-index:3;font:600 .7cqw Georgia,serif;color:#f4d899;background:#02131cb8;border:1px solid #bd965b66;border-radius:3px;padding:.4cqw .7cqw}
body.pirate-screen #example-panel{top:auto;bottom:5px;right:8px;background:#03131bd9;opacity:.8}
body.pirate-screen #example-panel[open]{top:auto;bottom:8px;right:8px;opacity:1}
body.pirate-screen #stage #win-banner{font-size:1cqw;padding:1.4cqw;width:70%;max-width:none;border-width:2px}
body.pirate-screen #stage #win-heading{font-size:2.8cqw;margin:.5cqw 0}
body.pirate-screen #stage #win-amount{font-size:3.6cqw;margin:.5cqw 0}
body.pirate-screen #stage #win-unit,body.pirate-screen #stage #win-kicker{font-size:.55cqw;letter-spacing:.1cqw}
body.pirate-screen #stage #skip-win{font-size:.7cqw;padding:.45cqw 1cqw;margin:.7cqw auto 0}
body.pirate-screen #stage #win-banner:before{font-size:1cqw;margin:0}
@media(orientation:portrait){body.pirate-screen:before{content:'Para una vista más grande, girá tu pantalla';position:fixed;left:0;right:0;bottom:8%;text-align:center;color:#c2ac7f;font:11px Georgia,serif;pointer-events:none}}