.pirateArcade{scroll-margin-top:30px}.arcadeTag{display:inline-flex;align-items:center;gap:8px;font:10px monospace;letter-spacing:1px;color:#b9dbcc}.arcadeTag:before{content:'';width:6px;height:6px;background:#93c4ac;border-radius:50%}.voyageCabinet{background:#182b38;border:1px solid #4b7072;border-radius:23px;overflow:hidden;box-shadow:0 20px 70px #0003}.voyageHUD{display:flex;align-items:center;gap:25px;padding:18px 24px;background:#1c303c;border-bottom:1px solid #60818155}.voyageBrand{margin-right:auto;display:flex;align-items:center;gap:12px}.voyageBrand svg{width:42px;height:42px;color:#f3c984}.voyageBrand strong{font-size:15px;letter-spacing:1px;display:block;line-height:1.4}.voyageBrand small{font:9px monospace;letter-spacing:1.5px;color:#97bdb7}.voyageStat{font-size:9px;letter-spacing:1.2px;color:#9ebbb8;display:grid;gap:2px}.voyageStat b{font-size:24px;color:#f5d49c;font-variant-numeric:tabular-nums;letter-spacing:1px;line-height:1.3}.voyageStat.lives b{color:#f2aa85;font-size:23px}.voyageFrame{position:relative;line-height:0;outline-offset:-4px;isolation:isolate;touch-action:manipulation}.voyageFrame:focus-visible{outline:3px solid #eac388}.voyageFrame canvas{display:block;width:100%;height:auto;aspect-ratio:12/7}.voyageOverlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;line-height:1.6;padding:25px;background:#102d3880;backdrop-filter:blur(3px)}.voyageOverlay[hidden]{display:none}.voyageOverlay>span{color:#f4c888;font:10px monospace;letter-spacing:3px}.voyageOverlay h3{font-size:clamp(23px,3vw,42px);letter-spacing:-1px;margin:10px 0 12px;text-shadow:0 3px 10px #14242b}.voyageOverlay p{font-size:13px;max-width:320px;margin:0 0 22px;color:#d4e4d8;text-wrap:balance}.voyageOverlay button{border:1px solid #ffdfa1;border-radius:40px;background:#f3cb8a;color:#2a3b43;font-size:13px;font-weight:800;padding:12px 33px;box-shadow:0 5px 0 #1b303d66}.voyageFooter{padding:19px 24px 16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 25px;border-top:1px solid #60818155}.voyagePositions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.voyagePositions button{display:flex;align-items:center;gap:9px;justify-content:center;min-height:46px;border:1px solid #517077;border-radius:10px;background:#203a48;padding:8px 12px;font-size:10px;color:#b9d3c9;touch-action:manipulation;user-select:none}.voyagePositions kbd{font:700 13px system-ui;display:grid;place-items:center;width:25px;height:25px;border-radius:5px;background:#132a36;border:1px solid #557478;color:#f4cf97}.voyagePositions button[aria-pressed=true]{border-color:#e5bb7f;background:#405052;color:#fff1cb}.voyageActions{display:flex;gap:7px;flex-wrap:wrap}.voyageActions button{font-size:10px;min-height:35px;padding:7px 11px;border:1px solid #547078;border-radius:8px;background:transparent;color:#c0d4cc}.voyageActions button:disabled{opacity:.4;cursor:default}.voyageHelp{grid-column:1/-1;margin:0;font-size:10px;color:#9db7b2;line-height:1.8}.arcadeFine{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:12px 3px 0;font-size:10px;color:#8fa8a8}.voyageLive{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:900px){.voyageFooter{grid-template-columns:1fr}.voyageActions{justify-content:center}.voyageHelp{text-align:center}.voyageHUD{gap:18px}.voyageBrand strong{font-size:13px}.voyageStat b{font-size:22px}}
@media(max-width:550px){.voyageCabinet{border-radius:16px}.voyageHUD{padding:13px;gap:14px;flex-wrap:wrap}.voyageBrand{width:100%;gap:8px}.voyageBrand svg{width:30px;height:30px}.voyageBrand strong{font-size:13px}.voyageStat{flex:1;font-size:8px;gap:0}.voyageStat b{font-size:21px}.voyageStat.lives b{font-size:21px}.voyageFooter{padding:12px;gap:12px}.voyagePositions{gap:5px}.voyagePositions button{flex-direction:column;gap:3px;padding:6px 3px;font-size:8px}.voyagePositions kbd{height:22px;width:22px;font-size:11px}.voyageOverlay{padding:12px;backdrop-filter:blur(2px)}.voyageOverlay>span{font-size:8px;letter-spacing:2px}.voyageOverlay h3{font-size:23px;margin:6px 0}.voyageOverlay p{font-size:10px;max-width:250px;margin-bottom:12px}.voyageOverlay button{padding:8px 24px;font-size:11px}.arcadeFine{font-size:9px}}
