/* Keep the complete illustrated ship inside every viewport. */
.pirate-deck-art{width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center bottom!important;transform:translate(var(--deck-x),var(--deck-y)) rotate(var(--look-rotate))!important;scale:1!important}

.pinball-machine{pointer-events:auto;color:#f8d978;font-family:"Courier New",monospace;user-select:none;-webkit-user-select:none}
.pinball-machine:not(.pinball-open){position:absolute;z-index:9;left:56%;bottom:7%;width:clamp(120px,16vw,300px);aspect-ratio:3/5;transform:translateX(-50%) perspective(900px) rotateX(54deg) rotateZ(-.4deg);transform-origin:50% 100%;filter:drop-shadow(0 18px 10px rgba(0,0,0,.7));cursor:pointer}
.pinball-marquee{height:9%;display:flex;align-items:center;justify-content:center;gap:6px;border:3px solid #9b6429;border-bottom:0;border-radius:12px 12px 0 0;background:linear-gradient(#3b1b0c,#160a05);font-size:clamp(6px,.65vw,11px);font-weight:900;letter-spacing:.08em;text-align:center;text-shadow:0 0 8px #ff9c24}
.pinball-machine canvas{display:block;width:100%;height:91%;border:3px solid #9b6429;border-radius:0 0 12px 12px;background:#07151c;touch-action:none;box-shadow:inset 0 0 22px #000}
.pinball-help{display:none}.pinball-close{display:none}

.pinball-machine.pinball-open{position:fixed;z-index:1000;inset:0;width:100vw;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:none!important;filter:none;background:radial-gradient(circle at 50% 35%,#173440,#020608 65%);cursor:default}
.pinball-open .pinball-marquee{width:min(92vw,560px);height:48px;flex:none;font-size:14px;border-width:5px}
.pinball-open canvas{width:auto;height:min(calc(100dvh - 118px),calc(92vw * 1.6667));max-width:92vw;max-height:calc(100dvh - 118px);aspect-ratio:3/5;border-width:5px;flex:none}
.pinball-open .pinball-help{display:block;height:32px;padding-top:10px;font-size:11px;letter-spacing:.08em;color:#d6b766}
.pinball-open .pinball-close{display:grid;place-items:center;position:absolute;right:14px;top:12px;width:42px;height:42px;border:1px solid #d6b766;border-radius:50%;background:#160a05;color:#ffe9a2;font:700 28px/1 sans-serif;cursor:pointer}
body.pinball-playing{overflow:hidden!important}

@media(max-width:850px){
  .pirate-deck-art{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;translate:-50% 0!important}
  .pinball-machine:not(.pinball-open){left:56%;bottom:5%;width:clamp(72px,24vw,112px)}
  .pinball-marquee{border-width:2px}.pinball-machine canvas{border-width:2px}
}
@media(min-width:851px){
  .pirate-deck-art{width:110%!important;height:110%!important}
}
@media(max-width:850px) and (orientation:landscape){
  .pinball-machine:not(.pinball-open){width:clamp(72px,13vw,110px)}
}