.site-brand h1{font-size:18px;letter-spacing:.5px}
.site-brand p{color:#f2c96f!important;font-size:8px!important;font-weight:900;letter-spacing:1.2px}
.voyage-banner{position:relative;height:145px;margin:18px 0 12px;overflow:hidden;border:1px solid #f5c56532;border-radius:20px;background:radial-gradient(ellipse at 50% 105%,#2b8195 0,#12475d 34%,transparent 35%),linear-gradient(180deg,#071b2d 0%,#16475d 58%,#0a3448 59%,#061b29 100%);box-shadow:0 16px 38px #0006}
.voyage-banner::before{content:"";position:absolute;right:-10%;bottom:-18px;left:-10%;height:58px;opacity:.45;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 17px,#8bdde62b 18px 20px,transparent 21px 35px)}
.voyage-banner::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#04121ca8 0%,#06152218 48%,#04121c8c 100%);pointer-events:none}
.ship-lane{position:absolute;inset:0;overflow:hidden}
.sailing-ship{position:absolute;z-index:1;bottom:0;left:-50%;width:auto;height:88%;max-width:none;object-fit:contain;filter:drop-shadow(0 7px 7px #0008);animation:ship-crossing 30s linear infinite;will-change:left}
.voyage-copy{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;text-align:center;text-shadow:0 2px 12px #000}
.voyage-copy small{color:#ecd18f;font-size:7px;font-weight:900}
.voyage-copy input{width:min(100%,300px);margin-top:5px;border:1px solid #ffffff24;border-radius:11px;outline:0;padding:7px 12px;background:#03101bb5;color:#fff7db;text-align:center;font-size:18px;font-weight:900}
.voyage-copy input:focus{border-color:#f5c56588;box-shadow:0 0 0 3px #f5c56515}
.voyage-copy p{margin:6px 0 0;color:#d6edf2;font-size:9px;font-weight:800}
@keyframes ship-crossing{from{left:-50%}to{left:100%}}
@media(max-width:480px){.voyage-banner{height:126px;margin-top:12px}.sailing-ship{height:82%}.voyage-copy input{font-size:16px}.players-panel,.words-panel{min-height:calc(100dvh - 247px)}.words{max-height:calc(100dvh - 350px)}}
@media(prefers-reduced-motion:reduce){.sailing-ship{left:29%;animation:none}}