.marina{--navy:#091c2d;--light:#ecf6fd;color:var(--light);background:radial-gradient(ellipse at 75% 8%,#123f55 0,transparent 48%),var(--navy);padding:32px;border-radius:20px;max-width:1550px;margin:auto}.marina button,.vault-dialog button,.boat-reveal button{min-height:44px}.marina-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}.marina .eyebrow{color:#a3c5d9;letter-spacing:2px}.marina-heading h2{font-size:clamp(32px,4vw,58px);line-height:1;margin:14px 0 22px;letter-spacing:-2px;font-weight:900}.marina-heading h2 em{font-style:normal;color:#f9ca72}.fleet-total{text-align:right;display:grid;gap:10px}.fleet-total strong{font-size:54px;line-height:1;color:#fff0cf}.fleet-total strong span{font-size:24px;color:#92b1c4}.fleet-total>span{font-size:14px;letter-spacing:2px}.marina button{background:#163349;color:#eaf6ff;border:1px solid #315065;border-radius:8px;padding:10px 16px;font-weight:800}.marina button:hover:not(:disabled){background:#244a60}.marina .primary,.boat-reveal .primary,.vault-dialog .primary{background:#ffd17e;color:#172638;border-color:#ffd17e;box-shadow:0 4px 0 #a87732}.marina .primary:hover:not(:disabled){background:#ffe4ad}.marina button:disabled{opacity:.5;cursor:default}.marina-status{display:flex;justify-content:space-between;padding:13px 0;border-block:1px solid #37515e;font-size:14px;gap:16px;margin-bottom:28px}.marina-status b{font-size:18px;white-space:nowrap;color:#fbd291}.marina-top{display:grid;grid-template-columns:1.75fr 1fr;gap:32px;align-items:start}.boat-vending{display:grid;grid-template-columns:.85fr 1fr;gap:10px;align-items:center;background:radial-gradient(ellipse at center,#1f5571,transparent 65%);min-height:470px}.machine-art img{width:100%;height:370px;object-fit:contain;filter:drop-shadow(0 16px 18px #010e18);animation:machine-float 5s ease-in-out infinite}.machine-controls h3{font-size:34px;line-height:1.05;margin:12px 0}.machine-controls p{font-size:16px;line-height:1.55;color:#b5cad7}.machine-controls .primary{width:100%;margin:12px 0 20px;font-size:16px;min-height:62px}.machine-controls small{font-size:14px;color:#a4c0d2;display:block;line-height:1.5}.machine-controls details{margin-top:22px;font-size:14px;border-top:1px solid #345165;padding-top:14px}.machine-controls summary{cursor:pointer;color:#f3deae}.boat-odds{display:grid;gap:6px;margin:16px 0}.boat-odds span{display:grid;grid-template-columns:1fr auto 60px;gap:8px}.boat-odds small{font-size:13px;text-align:right}.dock-player-tabs{display:flex;gap:6px;margin-bottom:12px}.dock-player-tabs button{flex:1}.dock-player-tabs button[aria-pressed=true]{color:#182d3d;background:#f5cb87}.equipped-boat>.eyebrow{font-size:13px;margin:0 0 8px}.equipped-boat .boat-card{max-width:330px;margin:auto}.boat-perk-copy{text-align:center;color:#bed6e4;font-size:14px}.boat-card{position:relative;isolation:isolate;overflow:hidden;border:2px solid var(--rarity);border-radius:14px;background:linear-gradient(150deg,#20364b,#091725);color:#f0f6fd;box-shadow:0 6px 16px #0005;min-width:0}.boat-card-top,.boat-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 12px;color:var(--rare-ink);font-size:12px;letter-spacing:.5px}.boat-card-top span{color:#b8c9d6;white-space:nowrap}.boat-card-art{position:relative;height:145px;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--rarity) 25%,transparent),transparent 65%)}.boat-art{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.boat-card-name{padding:5px 14px 12px}.boat-card-name h3{font-size:21px;line-height:1.15;color:var(--rare-ink);margin:0 0 7px;min-height:48px}.boat-card-name>span{font-size:12px;letter-spacing:1px;color:#c0d1dc}.boat-stats{display:grid;gap:9px;padding:0 14px 12px}.boat-stats>div{display:grid;grid-template-columns:1fr auto;gap:4px;font-size:14px}.boat-stats i{height:4px;background:#4361776b;grid-column:1/-1;overflow:hidden;border-radius:2px}.boat-stats em{display:block;height:100%;background:var(--rare-ink);border-radius:2px}.boat-card-foot{border-top:1px solid #7893a62e;font-size:11px;color:#b9c9d2}.holographic:after{content:"";position:absolute;inset:-50%;z-index:-1;background:linear-gradient(115deg,transparent 22%,#22e4ed66 30%,#e870ff77 37%,#ffe48588 42%,transparent 50%,#51e7ff66 58%,transparent 68%);transform:translateX(-20%);animation:holo-sweep 7s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none}.holographic{box-shadow:0 0 20px color-mix(in srgb,var(--rarity) 30%,transparent)}.fleet-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:32px 0 20px;border-top:1px solid #344e60;padding-top:25px}.fleet-heading h3{font-size:30px;margin:6px 0 0}.fleet-filters{display:flex;gap:8px;flex-wrap:wrap}.fleet-filters select,.fleet-filters input{background:#112c40;color:#eaf5fe;border:1px solid #3a5a70;min-height:44px;border-radius:6px;padding:8px 10px;font-size:14px;max-width:180px}.fleet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.equip-boat{width:100%;margin-top:8px;font-size:13px}.fleet-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:28px 0 14px;font-size:14px}.boat-rules{font-size:14px;color:#9eb9cb;max-width:1000px;margin:22px auto 0;line-height:1.6}.vault-dialog{width:min(640px,94vw);max-height:92dvh;background:#10283b;color:#eef7fe;border:1px solid #6d99b4;border-radius:18px;padding:32px}.vault-dialog::backdrop,.boat-reveal::backdrop{background:#010811de;backdrop-filter:blur(8px)}.vault-dialog .eyebrow{color:#f6c786}.vault-dialog p{font-size:16px;line-height:1.6}.vault-dialog .notice{background:#1b3a50;color:#c4dbe9;border-color:#406078}.vault-dialog input:not([type=checkbox]),.vault-dialog textarea{display:block;width:100%;padding:12px;border-radius:6px;border:1px solid #4b7894;background:#061c2a;color:#f4faff;font-size:18px;margin:8px 0 20px;box-sizing:border-box}.vault-dialog label{font-size:16px;display:block}.vault-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.vault-dialog button{background:#22465f;color:#fff;border:1px solid #62849a;border-radius:6px;padding:9px 14px;margin:5px 4px 5px 0}.vault-tabs [aria-pressed=true]{border-color:#ffd382;color:#ffd382}.vault-message{color:#ffd18b}.vault-dialog .check-label{display:flex;align-items:flex-start;gap:12px;margin:20px 0}.check-label input{width:20px;height:20px;flex-shrink:0}.vault-secrets{display:grid;gap:14px}.vault-secrets section{padding:16px;background:#092032;border:1px solid #426e89;border-radius:10px}.vault-secrets output{display:block;font:16px/1.75 monospace;overflow-wrap:anywhere;padding:12px 0;color:#ffe0a2;user-select:all}.boat-reveal{width:min(680px,96vw);max-height:96dvh;border:0;background:radial-gradient(ellipse,#193a55 0,#081624 70%);color:#f2f7fd;border-radius:20px;padding:24px}.reveal-inner{text-align:center}.reveal-inner>.eyebrow{color:#bdcfdc;font-size:12px}.reveal-inner h2{font-size:clamp(25px,4vw,38px);line-height:1.1;color:var(--rare-ink);margin:16px 0 22px}.sealed-boat-pack{background:linear-gradient(145deg,#1b5069,#102136);border:2px solid #f6d598;color:#ffe5a2;display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:290px;max-width:85%;height:405px;margin:auto;border-radius:18px;box-shadow:0 0 55px #63ccef33;cursor:pointer;animation:pack-breathe 2.4s ease-in-out infinite}.sealed-boat-pack span{letter-spacing:4px;font-size:20px;font-weight:900}.sealed-boat-pack img{height:220px;max-width:80%;object-fit:contain}.sealed-boat-pack b{font-size:22px}.sealed-boat-pack small{font-size:12px;letter-spacing:2px}.boat-reveal .boat-card-large{max-width:310px;margin:auto;text-align:left;animation:card-reveal .65s cubic-bezier(.18,.8,.2,1)}.boat-reveal .boat-card-art{height:155px}.boat-reveal [hidden]{display:none!important}.reveal-actions{display:flex;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}.reveal-actions button{background:#244762;color:#fff;border:1px solid #507189;padding:12px 18px;border-radius:8px;font-weight:800}.reveal-inner>div>p{font-size:14px;line-height:1.6;color:#c3d4df;max-width:430px;margin:18px auto}.instant-reveal *{animation:none!important}.score-boat{font-size:12px;color:#b7d1d4;display:block;margin-top:3px}.character-boat-choice{display:flex;align-items:center;gap:12px;padding:8px 18px;background:#0e303d}.character-boat-choice img{width:90px;height:44px;object-fit:contain}.character-boat-choice label{color:#e2f0f3;font-size:14px;flex:1}.character-boat-choice select{max-width:330px;color:#eefbfc;background:#153f4d;border:1px solid #4d7887;padding:7px;font-size:14px}.character-boat-choice small{font-size:12px;color:#9dbcc2}
@keyframes machine-float{50%{transform:translateY(-6px)}}@keyframes holo-sweep{50%{transform:translateX(20%) rotate(8deg)}}@keyframes pack-breathe{50%{transform:translateY(-5px) rotate(1deg);box-shadow:0 0 55px #63ccef66}}@keyframes card-reveal{from{opacity:0;transform:perspective(900px) rotateY(-75deg) scale(.85)}to{opacity:1;transform:perspective(900px) rotateY(0) scale(1)}}
@media(max-width:1050px){.marina-top{grid-template-columns:1.4fr 1fr;gap:20px}.boat-vending{grid-template-columns:1fr}.machine-art img{height:190px}.fleet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fleet-heading{align-items:start;flex-direction:column}.marina{padding:24px}}
@media(max-width:680px){.marina{padding:18px 12px;border-radius:10px}.marina-heading{align-items:start;gap:10px}.marina-heading h2{font-size:31px;letter-spacing:-1px}.fleet-total strong{font-size:37px}.fleet-total strong span{font-size:16px}.fleet-total>span{font-size:11px;letter-spacing:0}.marina-top{grid-template-columns:1fr}.boat-vending{grid-template-columns:.75fr 1fr;min-height:initial}.machine-controls h3{font-size:26px}.machine-controls .primary{font-size:14px}.machine-art img{height:280px}.equipped-boat .boat-card{max-width:300px}.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.boat-card-top{flex-wrap:wrap;padding:9px}.boat-card-art{height:100px}.boat-card-name{padding:5px 10px 10px}.boat-card-name h3{font-size:17px;min-height:41px}.boat-card-name>span{font-size:10px}.boat-card-top b{font-size:11px}.boat-card-foot{font-size:10px;padding:8px}.boat-stats{padding:0 10px 10px}.marina-status{font-size:12px;align-items:center}.marina-status b{font-size:15px}.vault-dialog{padding:24px 18px}.character-boat-choice select{max-width:190px}.character-boat-choice small{display:none}}
@media(prefers-reduced-motion:reduce){.machine-art img,.holographic:after,.sealed-boat-pack,.boat-reveal .boat-card-large{animation:none!important}}
.character-boat-choice{flex-shrink:0}.holographic:after{z-index:2;opacity:.24}.boat-card>*{position:relative;z-index:3}.boat-card .boat-card-art{z-index:1}.marina :focus-visible,.vault-dialog :focus-visible,.boat-reveal :focus-visible{outline:3px solid #ffe2a2;outline-offset:3px}.vault-dialog .close{position:absolute;right:8px;top:8px}.vault-dialog .modal-title{padding-right:22px}header nav{overflow-x:auto;white-space:nowrap;min-width:0}header .brand{flex-shrink:0}@media(max-width:450px){header nav button{font-size:12px;padding:9px 7px}.character-boat-choice{padding:3px 7px;gap:5px}.character-boat-choice img{width:48px;height:28px}.character-boat-choice label{font-size:12px}.character-boat-choice select{font-size:12px;max-width:165px;padding:5px}.boat-vending{grid-template-columns:1fr}.machine-art img{height:180px}.machine-controls h3{font-size:30px}.machine-controls .primary{font-size:16px}.marina-heading h2{font-size:27px}.fleet-total button{font-size:12px;padding:8px}.marina-heading .eyebrow{font-size:10px;letter-spacing:1px}}@media(max-height:550px){.character-boat-choice{padding:2px 10px}.character-boat-choice img{height:24px;width:48px}.character-boat-choice select{padding:3px}.character-boat-choice small{display:none}#character-select{overflow-y:auto;min-height:420px}}