@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";:root{font-family:DM Sans,sans-serif;color:#f6f1e5;background:#10272c;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100svh}button,input{font:inherit}a{color:inherit}button,a,input{touch-action:manipulation}#seascape,.shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2}#seascape canvas{width:100%;height:100%;display:block}.shade{z-index:-1;background:linear-gradient(90deg,#071a209e,#071a2014 56%,#071a2052),linear-gradient(0deg,rgba(4,20,25,.65),transparent 40%,rgba(4,20,25,.28))}header{display:flex;align-items:center;justify-content:space-between;padding:34px 4.5vw}.wordmark{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:18px;letter-spacing:3px;font-weight:600}.wordmark svg{width:34px;fill:none;stroke:#d7c8a7;stroke-width:1.3;stroke-linejoin:round}.wordmark-sub{display:block;font-size:9px;letter-spacing:5px;margin-top:5px}.access-label,.eyebrow,footer{font-size:10px;letter-spacing:2px}.access-label{padding:9px 12px;border:1px solid #f6f1e52b;border-radius:3px;color:#e7dfca}.eyebrow{color:#d7c8a7;line-height:1.6;font-weight:600}main{display:grid;grid-template-columns:1fr 350px;align-items:center;gap:6vw;padding:3vh 6vw 4vh;min-height:calc(100svh - 176px)}h1{font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(48px,5.7vw,86px);line-height:1.04;font-weight:400;letter-spacing:-1.4px;margin:24px 0}.lede{color:#e5e5da;font-size:15px;line-height:1.9}.scene-label{font-size:11px;color:#ddd9cb;display:flex;gap:8px;align-items:center;margin-top:30px}.status-dot{width:5px;height:5px;border-radius:50%;background:#bbd0bc;box-shadow:0 0 8px #bbd0bc44}.account-panel{background:#0e242bf0;padding:30px 28px;border:1px solid #cbbf9c38;border-radius:5px;box-shadow:0 20px 80px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}h2{font-family:Libre Caslon Display,Georgia,serif;font-size:33px;font-weight:400;margin:12px 0 14px}.muted,.hint{color:#b3c0bf;font-size:12px;line-height:1.7}.account-panel label{font-size:11px;color:#d7dfd9;display:block;margin:17px 0 6px}.account-panel input{display:block;width:100%;background:#05182066;border:1px solid #b5c2bc40;border-radius:3px;padding:11px 12px;color:#f6f1e5;font-size:13px;outline:none}.account-panel input:focus{border-color:#e1cc9d;box-shadow:0 0 0 2px #e1cc9d18}.primary{background:#dbc9a6;color:#172c30;border:1px solid #dbc9a6;border-radius:3px;width:100%;padding:12px;margin-top:21px;cursor:pointer;font-size:12px;font-weight:700}.primary:hover{background:#ebddbe}.primary:disabled{opacity:.5;cursor:wait}.secondary,.text-button{background:transparent;color:#d9ded4;border:0;cursor:pointer;font-size:11px;text-decoration:underline;text-underline-offset:4px}.secondary{width:100%;padding:12px;border:1px solid #9cb0ac55;border-radius:3px;text-decoration:none;margin-top:9px}.text-button{padding:0;margin-top:15px}.panel-bottom{border-top:1px solid #d9c9a222;margin-top:22px;padding-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b3c0bf}.panel-bottom button{margin:0}.message{color:#ead8b4;font-size:12px;line-height:1.6;min-height:0;margin:12px 0 0}.message:empty{display:none}.colors{display:flex;gap:9px;flex-wrap:wrap}.color{border-radius:50%;width:27px;height:27px;border:2px solid transparent;cursor:pointer;outline:1px solid #fff3;outline-offset:2px}.color[aria-pressed=true]{outline:2px solid #ead7aa;outline-offset:3px}.number{font-size:54px;font-family:Libre Caslon Display,Georgia,serif;color:#e8d4aa;margin:16px 0 3px}.boat-card{border-block:1px solid #d9c9a233;padding:16px 0;margin:20px 0}.boat-card h3{margin:0 0 5px;font-size:17px;font-weight:500}.subtle-rule{border:0;border-top:1px solid #ffffff1a;margin:20px 0}footer{position:relative;padding:18px 4.5vw;display:flex;justify-content:space-between;gap:20px;color:#c4ccc5;font-size:9px;line-height:1.6}footer>div{display:flex;gap:20px;align-items:center}footer button,summary{font:inherit;letter-spacing:1px;background:none;color:inherit;border:0;cursor:pointer}details p{position:absolute;right:4vw;bottom:46px;max-width:330px;background:#0e242bf5;padding:18px;border:1px solid #ffffff30;letter-spacing:0;font-size:11px}button:focus-visible,a:focus-visible{outline:2px solid #e7d5aa;outline-offset:4px}@media(max-width:800px){header{padding:22px}.access-label{font-size:8px}main{grid-template-columns:1fr;gap:28px;padding:25px 22px 35px}.intro .lede br{display:none}h1{font-size:52px}.scene-label{margin-top:20px}.account-panel{width:100%;max-width:430px;justify-self:center}.intro{max-width:520px}footer{position:relative;flex-direction:column;padding:20px 22px;gap:12px}.shade{background:linear-gradient(#071a2066,#071a2022 35%,#071a20cc)}}