@import url('../hubs.css');
:root{--vault-glow:#84c7c8;--vault-warm:#f1d293;--vault-night:#092d39;--vault-ink:#e9eedf;--vault-edge:#c2d5ce30}
body{background:#082530}main{max-width:1440px;padding:0 5vw 55px}.skip{position:fixed;top:-90px;z-index:20}.skip:focus{top:10px;background:var(--vault-night);padding:15px}.preview-banner{padding:13px 18px;margin:24px 0 0;border:1px solid var(--vault-warm);border-radius:6px;color:var(--vault-warm);font:11px/1.7 var(--font-mono)}.vault-hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;min-height:570px;padding:50px 0 40px}.hero-copy h1{font-size:clamp(48px,5.7vw,88px);letter-spacing:-.055em;line-height:1.04;margin:18px 0 24px}.hero-copy h1>span,.section-heading h2>span{color:var(--vault-warm)}.lead{max-width:36ch;font-size:19px;line-height:1.65;color:#c6d9d6}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin:30px 0 16px}.hero-actions>a{font-size:13px}.small{font-size:12px;max-width:48ch;color:#b0c8c9}.hero-water{position:relative;min-width:0;aspect-ratio:1.12;isolation:isolate;display:grid;place-items:center;border-radius:50%;background:radial-gradient(ellipse,#31828a35 0%,#164e5b22 50%,transparent 70%)}.hero-water:before{content:'';position:absolute;inset:10%;border:1px solid #8dccca25;border-radius:50%;transform:rotate(-20deg)}.light-ring{position:absolute;inset:15%;border-radius:50%;border:1px solid #8dccca40;box-shadow:inset 0 0 90px #6cbbd017,0 0 80px #6cbbd012}.painted-fish{display:block;aspect-ratio:1;background-image:url('/site/assets/fish-sprites.png');background-size:400% 1300%;background-position:66.6667% var(--row);background-repeat:no-repeat;filter:drop-shadow(0 25px 15px #02171e66);width:85%}.hero-fish{width:96%;animation:fish-drift 8s ease-in-out infinite}.water-label{position:absolute;bottom:1%;left:14%;font:11px var(--font-mono);letter-spacing:.09em;color:#e8ddbe}.water-label i{display:block;font:9px var(--font-mono);color:#9ab7ba;margin-top:8px}.notice{padding:0;overflow-wrap:anywhere;font-size:14px;color:var(--vault-warm)}.notice:not(:empty){padding:16px 20px;border:1px solid #f1d29355;border-radius:6px;margin:0 0 25px}.vault-account{border-top:1px solid var(--vault-edge);border-bottom:1px solid var(--vault-edge);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 0}.vault-account h2{font-size:27px;margin:8px 0 12px}.vault-account p:not(.eyebrow){max-width:60ch;margin:0;font-size:13px;color:#b0c8c9}.account-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;max-width:340px}.account-actions select{max-width:100%;min-height:44px;background:var(--vault-night);color:var(--vault-ink);border:1px solid var(--vault-edge);padding:8px}.text-button{border:0;background:none;min-height:44px;padding:10px;color:#bbced0}.vault-facts{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0 40px;gap:24px}.vault-facts span{display:block;font-size:11px;color:#a9c2c3;margin-bottom:9px}.vault-facts strong{font-size:20px;font-weight:550}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin:38px 0 26px}.section-heading h2{font-size:clamp(30px,3.4vw,48px);margin:12px 0 0}.section-heading>p{font:10px/1.7 var(--font-mono);max-width:34ch;color:#a9c2c3}.fish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.fish-card{position:relative;overflow:hidden;border:1px solid var(--vault-edge);border-radius:12px;background:linear-gradient(155deg,#164855,#0a2b38 75%)}.fish-art{height:225px;display:grid;place-items:center;background:radial-gradient(ellipse at 55% 40%,#72bfbd23,transparent 70%);position:relative}.fish-art .painted-fish{width:230px;max-width:100%;transform:rotate(-4deg);transition:transform .5s}.fish-card:hover .painted-fish{transform:translateY(-5px) rotate(0)}.fish-number{position:absolute;top:19px;left:20px;font:11px var(--font-mono);color:#b2ced0}.fish-card-copy{padding:0 24px 24px}.fish-card h3{font-size:25px;margin:0 0 9px}.fish-card p{font-size:12px;margin:6px 0;color:#b2ced0;overflow-wrap:anywhere}.fish-owner{display:flex;justify-content:space-between;gap:10px;padding-top:12px;margin-top:15px!important;border-top:1px solid var(--vault-edge)}.fish-card .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.fish-card button{font-size:12px;padding:10px 13px;min-height:44px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:25px 0;font:11px var(--font-mono)}.vault-notes{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:70px 0 30px;margin-top:35px;border-top:1px solid var(--vault-edge)}.vault-notes h2{font-size:40px;margin:18px 0 25px}.vault-notes p{font-size:14px;color:#b4cbcb;line-height:1.8}.faq details{padding:17px 0;border-bottom:1px solid var(--vault-edge)}.faq summary{font-size:15px;min-height:44px;padding:9px 0;cursor:pointer}.faq a{color:#e8ddbe}.pending{padding:20px 24px;border:1px solid #f1d29355;border-radius:8px}.pending h2{font-size:24px}.pending a{display:block;overflow-wrap:anywhere;margin:12px 0}.pending p{font-size:13px}.pending button{margin-top:10px}dialog{border:1px solid #6b969d;border-radius:12px;background:#0b303d;color:#e9eedf;padding:32px;width:min(560px,calc(100vw - 24px));max-height:calc(100svh - 32px);overflow:auto}dialog::backdrop{background:#00161bd9}dialog h2{font-size:32px;line-height:1.15;margin:16px 0}dialog p{font-size:14px;color:#bdd2cf}dialog label{font-size:12px}dialog input{display:block;background:#09232f;border:1px solid #6b969d;color:#e9eedf;padding:13px;width:100%;margin:10px 0;min-height:48px}.dialog-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}#review-status{color:var(--vault-warm)}body[data-hidden=true] .hero-fish,body[data-paused=true] .hero-fish{animation-play-state:paused}@keyframes fish-drift{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@media(max-width:900px){.vault-hero{min-height:470px;gap:10px}.hero-copy h1{font-size:60px}.lead{font-size:16px}.fish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vault-notes{gap:35px}.vault-facts{gap:15px}.vault-facts strong{font-size:17px}}
@media(max-width:620px){main{padding-left:6vw;padding-right:6vw}.vault-hero{grid-template-columns:1fr;gap:0;padding:35px 0 15px;min-height:0}.hero-copy h1{font-size:52px;margin:16px 0 20px}.hero-water{width:100%;max-width:390px;justify-self:center;aspect-ratio:1.35;margin-top:-5px}.water-label{bottom:0;left:8%}.hero-actions{margin-top:22px;gap:20px}.hero-actions .primary{font-size:13px}.vault-account{align-items:flex-start;flex-direction:column;gap:20px;padding:25px 0}.account-actions{max-width:none;justify-content:flex-start}.vault-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px;padding:26px 0}.vault-facts strong{font-size:19px}.section-heading{display:block;margin:26px 0 20px}.section-heading>p{max-width:100%;margin-top:16px}.section-heading h2{font-size:34px}.fish-grid{gap:15px;grid-template-columns:1fr}.fish-art{height:210px}.fish-art .painted-fish{width:235px}.fish-card-copy{padding:0 23px 22px}.vault-notes{grid-template-columns:1fr;gap:15px;padding:35px 0 20px}.vault-notes h2{font-size:34px}.vault-notes p{font-size:13px}dialog{padding:23px}.dialog-actions>*{flex-grow:1}.pagination{gap:10px}.pagination button{padding:10px;font-size:11px}.next-stop h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.hero-fish{animation:none}.fish-art .painted-fish{transition:none}}

.rehearsal-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:10px;font-size:12px}.rehearsal-controls code{overflow-wrap:anywhere;white-space:normal}.rehearsal-controls select{padding:4px;color:inherit;background:#163b45;border:1px solid #699392}

.collection-controls{max-width:320px;font-size:11px}.collection-controls select{color:#e9eedf;background:#123d49;border:1px solid #6b969d;padding:9px;min-height:44px;margin-left:6px}.collection-controls p{font:10px/1.7 var(--font-mono);color:#a9c2c3}