/* Scene placement only. Player controls retain the Space game's stylesheet. */
.app{background:#36c8df;--hud-top:85vh;--hud-center:50vw}
.game-stage{position:absolute;inset:0;overflow:hidden}










/* The scene (pirate-scene-gl.mjs) is drawn on its own canvas, behind the game canvas. */
#scene{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
#game{position:relative;display:block;width:100%;height:100%;touch-action:manipulation}
#super-continue{position:absolute;inset:0;width:100%;height:100%;z-index:5;border:0;border-radius:0;background:transparent;padding:0;cursor:pointer;touch-action:manipulation}
#super-continue:focus-visible{outline:none}
.app[data-keyboard-input=true] #super-continue:focus-visible~.all-access-welcome .bonus-entry-art::after{content:"";position:absolute;left:35%;right:35%;top:89%;height:2px;background:#fff3bc}
@font-face{font-family:PirateTitle;src:url('assets/fonts/TitanOne-Regular.ttf') format('truetype');font-weight:400;font-display:block}
@font-face{font-family:PirateLettering;src:url('assets/fonts/LilitaOne-Regular.ttf') format('truetype');font-weight:400;font-display:block}
.all-access-welcome{position:absolute;inset:0;z-index:3;pointer-events:none;display:grid;place-items:center;--welcome-opacity:1;opacity:var(--welcome-opacity);background:rgb(3 14 28 / 35%)}
/* Size against the screen: a fixed reference-game pixel cap was too small
   on larger displays. Preserve the supplied artwork's complete silhouette. */
.bonus-entry-art{position:relative;isolation:isolate;width:min(1035px,max(720px,55.5vw),70.5vw,58.5dvh * 2688 / 1520);aspect-ratio:2688/1520;--panel-glow:255 192 68;opacity:var(--panel-opacity,1);transform:translateY(var(--panel-y,0%)) rotate(var(--panel-angle,0deg)) scale(var(--panel-scale,1));will-change:transform,opacity}
.all-access-welcome[data-feature=super] .bonus-entry-art{--panel-glow:64 210 255}
.all-access-welcome[data-feature=hidden] .bonus-entry-art{--panel-glow:255 70 108}
.bonus-entry-art img{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 0 16px rgb(var(--panel-glow) / 65%)) drop-shadow(0 0 36px rgb(var(--panel-glow) / 32%))}
@media(max-width:600px){.bonus-entry-art{width:min(70.5vw,58.5dvh * 2688 / 1520)}}
@media(prefers-reduced-motion:reduce){.bonus-entry-art{transform:none!important}}
.app[data-super-welcome=true] .control-area{visibility:hidden;pointer-events:none}
.app:is([data-super-welcome=true],:has(.bonus-result[open])) :is(.ui-free-label,.control-area){visibility:hidden;pointer-events:none}
.control-area{top:var(--hud-top);left:var(--hud-center);right:auto;bottom:auto;transform:translateX(-50%);width:max-content;height:var(--control-height)}


.hud .spin{touch-action:manipulation}





.app[data-phase=spinning] .spin svg{animation:rotate .65s linear infinite}