.star-sea-page,.sea-tabs{--sea-accent:var(--skin-accent,var(--w-accent,#c5a4f9));--sea-soft:var(--skin-soft,#ebdfff);--sea-panel:var(--skin-panel,#21172f);--muted:var(--skin-muted,#bbaacc);color:var(--skin-ink,#f5edff)}
.sea-dialog{--sea-accent:var(--w-accent,#c5a4f9);--sea-soft:#ebdfff;--sea-panel:#21172f;color:#f5edff;--muted:#bbaacc}
.sea-bottle-seal{position:absolute;top:53%;left:43%;font:700 8px/1 Georgia,serif;letter-spacing:1px;color:#704a3e;transform:rotate(8deg);text-shadow:0 1px #fff4da;opacity:.8}.sea-bottle-art.mini .sea-bottle-seal,.sea-distance-bottle .sea-bottle-seal{display:none}
.sea-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:7px;border:1px solid color-mix(in srgb,var(--sea-accent) 24%,transparent);border-radius:19px;background:color-mix(in srgb,var(--sea-panel) 88%,transparent);margin-bottom:16px;box-shadow:inset 0 1px 0 #ffffff13,0 8px 24px #0002}
.sea-tabs button{border:1px solid transparent;background:transparent;color:var(--muted,#baaccd);padding:11px 5px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:13px;font:inherit;font-size:12px;cursor:pointer}
.sea-tabs button.active{color:var(--sea-soft);border-color:color-mix(in srgb,var(--sea-accent) 45%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--sea-accent) 29%,transparent),#ffffff04);box-shadow:inset 0 1px 0 #ffffff35,0 3px 0 #0003}
.sea-tabs .icon{width:18px;height:18px}.sea-tools{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted,#bfb0d1);margin:4px 3px 16px}.sea-tools>span{margin-right:auto}.sea-tools button{font-size:11px}.sea-tools .icon{width:13px;height:13px}
.sea-hero{isolation:isolate;position:relative;overflow:hidden;border:1px solid #d8d4ff66;border-radius:27px;min-height:600px;max-width:900px;margin:auto;background:#162a43;box-shadow:0 24px 65px #0005,inset 0 0 0 5px #ffffff0d;color:#fff;display:flex;flex-direction:column;align-items:center;padding:30px 22px 22px;text-align:center}
.sea-scene-backdrop{position:absolute;inset:0;background:url('./assets/star-sea/moon-bay.webp') center 53%/cover;z-index:-3;transform:scale(1.04);animation:sea-scene-drift 22s ease-in-out infinite alternate;pointer-events:none}
.sea-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(#11142c9c,transparent 36%,transparent 65%,#09132ee8);z-index:-1;pointer-events:none}
.sea-kicker{font-size:10px;letter-spacing:.25em;font-weight:600;color:#ebd9ff}.sea-hero h1{font-size:clamp(28px,4.3vw,43px);margin:12px 0 9px;font-weight:750;letter-spacing:.1em;color:#fff3ee;text-shadow:0 2px 0 #5c4266,0 4px 14px #130d36,0 0 28px #d6b1ff8a}
.sea-hero>p{font-size:12px;line-height:1.8;color:#f5e7ff;text-shadow:0 2px 8px #000;margin:0}.sea-scene-tag{font-size:10px;color:#e2d8ff;padding:5px 12px;border:1px solid #e8d1ff40;border-radius:40px;margin-top:14px;background:#17234155;backdrop-filter:blur(7px)}
.sea-ocean{position:relative;flex:1;width:100%;min-height:300px;display:grid;place-items:center;perspective:700px;pointer-events:none}
.sea-bottle-art{position:relative;display:inline-block;width:175px;aspect-ratio:2/3;color:var(--sea-accent);animation:sea-bottle-float 6.5s ease-in-out infinite;filter:drop-shadow(0 8px 14px #1a083b60)}
.sea-bottle-art img{display:block;width:100%;height:100%;object-fit:contain}.sea-bottle-art.mini{width:60px;flex-shrink:0;animation:none}.sea-bottle-glint{position:absolute;left:71%;top:22%;font-style:normal;font-size:27px;color:#fff7df;animation:sea-sparkle 4.6s ease-in-out infinite;text-shadow:0 0 13px #ffffdb}.sea-bottle-orbit{position:absolute;inset:60% -12% 9%;border-radius:50%;border-bottom:1px solid #f5d6ffa0;transform:rotate(-22deg);opacity:.7}
.sea-ocean>.sea-bottle-art{margin-top:12px;width:190px}.sea-distance-bottle{position:absolute;top:22%;left:12%;opacity:.75;transform:rotate(-18deg)}.sea-distance-bottle .sea-bottle-art{width:44px;animation-delay:-2s}.sea-distance-bottle.right{left:auto;right:12%;top:31%;transform:rotate(20deg)}.sea-distance-bottle.right .sea-bottle-art{width:33px;animation-delay:-4s}
.sea-water-ring{position:absolute;left:50%;top:79%;width:190px;height:34px;margin-left:-95px;border:1px solid #ddf6ff85;box-shadow:0 0 10px #8cdeff35,inset 0 0 9px #cfe5ff30;border-radius:50%;animation:sea-ripple 5s ease-out infinite}.sea-water-ring.second{animation-delay:-2.5s}
.sea-hero-stars{position:absolute;inset:0;pointer-events:none;z-index:0}.sea-hero-stars span{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:100%;background:#fff4e6;box-shadow:0 0 7px #ebdbff;animation:sea-particle var(--d) ease-in-out infinite;animation-delay:var(--delay)}
.sea-light-rays{position:absolute;inset:37% -20% 8%;z-index:-2;pointer-events:none;background:repeating-conic-gradient(from -16deg at 52% 0,transparent 0deg 9deg,#c7f4ff24 10deg 12deg,transparent 14deg 25deg);mask-image:linear-gradient(#000,transparent);animation:sea-ray 14s ease-in-out infinite alternate}
.sea-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(100%,460px);z-index:1}.btn.sea-primary{color:#fff8ff;border:1px solid color-mix(in srgb,var(--sea-accent) 80%,white);background:linear-gradient(150deg,color-mix(in srgb,var(--sea-accent) 62%,#4c2a74),color-mix(in srgb,var(--sea-accent) 20%,#191020));box-shadow:inset 0 1px 0 #ffffff9a,inset 0 -3px 0 #0003,0 3px 0 color-mix(in srgb,var(--sea-accent) 24%,#140d20),0 8px 21px #080c2366;text-shadow:0 1px 2px #0008;transition:transform .2s,box-shadow .2s;min-height:44px;font-size:13px;position:relative}
.sea-main-actions .btn{display:grid;grid-template-columns:20px auto;justify-content:center;gap:1px 7px;padding:11px;border-radius:16px}.sea-main-actions .btn .icon{grid-row:1/3;align-self:center;width:20px;height:20px}.sea-main-actions small{grid-column:2;font-size:10px;font-weight:400;color:#f6e8ffbd}.btn.sea-primary:active{transform:translateY(2px);box-shadow:inset 0 1px 8px #0005}.btn.sea-primary:disabled{opacity:.5;cursor:not-allowed}.sea-hero-foot{margin-top:15px;font-size:10px;letter-spacing:.05em;color:#f0e3ffae}
.sea-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:27px 0 15px}.sea-section-head h2{font-size:18px;margin:0}.sea-section-head p,.sea-section-head>span{font-size:11px;color:var(--muted,#baaccd);margin:6px 0 0}.sea-section-head .btn{font-size:11px;min-height:36px;padding:7px 12px}
.sea-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:14px}.sea-own-bottle,.sea-message-card,.sea-admin-card{border:1px solid color-mix(in srgb,var(--sea-accent) 23%,transparent);border-radius:19px;background:color-mix(in srgb,var(--sea-panel) 91%,transparent);padding:20px;box-shadow:inset 0 1px 0 #ffffff0c;min-width:0}.sea-own-bottle{display:flex;gap:17px;align-items:flex-start}.sea-own-bottle>div{flex:1;min-width:0}.sea-own-bottle p,.sea-message-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:13px;margin:12px 0}.sea-own-bottle small,.sea-message-card small{color:var(--muted,#baaccd);font-size:10px}.sea-own-bottle .text-btn{display:block;font-size:11px;margin-top:12px}.sea-status{font-size:10px;color:var(--sea-soft);border:1px solid color-mix(in srgb,var(--sea-accent) 30%,transparent);padding:3px 8px;border-radius:20px;white-space:nowrap}
.sea-empty{padding:40px 15px;text-align:center;border:1px dashed color-mix(in srgb,var(--sea-accent) 23%,transparent);border-radius:20px;grid-column:1/-1}.sea-empty>span{color:var(--sea-accent);font-size:34px}.sea-empty h3{font-size:15px;font-weight:500;margin:14px 0 8px}.sea-empty p,.sea-note{font-size:11px;color:var(--muted,#bbaacc);line-height:1.9}.sea-note{margin-top:15px;overflow-wrap:anywhere}.sea-inline-error{font-size:12px;line-height:1.8;border:1px solid #eabd8e44;border-radius:12px;padding:12px;color:#f5cfa8;background:#71481c22}
.sea-thread-list{display:grid;gap:10px}.sea-thread{display:flex;align-items:center;gap:14px;text-align:left;padding:17px;border:1px solid color-mix(in srgb,var(--sea-accent) 23%,transparent);border-radius:16px;background:var(--sea-panel);color:inherit;cursor:pointer;width:100%}.sea-thread>span:nth-child(2){flex:1;min-width:0}.sea-thread strong{font-size:13px}.sea-thread small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted,#c3b3d6);margin-top:6px;font-size:11px}.sea-thread-icon{font-size:23px;color:var(--sea-accent)}.sea-unread{display:inline-grid;place-items:center;border-radius:50%;min-width:20px;height:20px;padding:2px 5px;color:#1e1231;background:var(--sea-accent);font-size:10px;margin-left:5px}
.sea-topic-hero{position:relative;text-align:center;padding:42px 24px;overflow:hidden;border-radius:26px;border:1px solid color-mix(in srgb,var(--sea-accent) 35%,transparent);background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--sea-accent) 26%,transparent),transparent 75%),var(--sea-panel)}.sea-topic-star{display:block;font-size:72px;line-height:1.5;color:var(--sea-accent);text-shadow:0 0 30px color-mix(in srgb,var(--sea-accent) 55%,transparent);animation:sea-bottle-float 8s ease-in-out infinite}.sea-topic-hero h1{font-size:clamp(22px,4vw,34px);line-height:1.6;margin:12px auto;max-width:700px}.sea-topic-hero p{font-size:12px;color:var(--muted,#c4b7d4);margin:0 0 27px}.sea-topic-hero>small{display:block;font-size:10px;color:var(--muted,#bbaacc);margin-top:18px}.sea-topic-hero .btn{padding:11px 24px}
.sea-message-card header{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sea-message-card header>div{flex:1;min-width:130px}.sea-message-card strong{font-size:12px}.sea-message-card small{display:block;margin-top:4px}.sea-anon-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--sea-accent) 15%,transparent);color:var(--sea-accent);font-size:20px}.sea-message-card footer{display:flex;align-items:center;flex-wrap:wrap;gap:14px;border-top:1px solid #ffffff0d;padding-top:12px}.sea-message-card footer button,.sea-stars-count{font-size:11px}.sea-report-link{margin-left:auto;opacity:.65}.sea-stars-count{color:var(--sea-accent)}
.sea-dialog textarea{width:100%;display:block;min-height:100px;margin:12px 0;border:1px solid color-mix(in srgb,var(--sea-accent) 35%,transparent);border-radius:14px;padding:14px;background:#140e2080;color:inherit;resize:vertical;font:inherit;font-size:14px;line-height:1.8}.sea-dialog label{font-size:12px}.sea-dialog .modal-actions{flex-wrap:wrap;gap:9px}.sea-dialog .btn{font-size:12px}.sea-text-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted,#baaccd)}.sea-compose>p{font-size:13px;line-height:1.8}.sea-original{padding:20px;border:1px solid color-mix(in srgb,var(--sea-accent) 40%,transparent);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--sea-accent) 15%,transparent),transparent);box-shadow:inset 0 1px 0 #ffffff16;animation:sea-letter-enter .65s ease-out}.sea-original>span{font-size:10px;letter-spacing:.2em;color:var(--sea-accent)}.sea-original p,.sea-reply p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:14px}.sea-original .text-btn,.sea-reply .text-btn{font-size:10px}.sea-conversation-messages{padding:16px 0;display:flex;flex-direction:column;gap:13px;max-height:40vh;overflow:auto}.sea-reply{background:#ffffff06;border:1px solid #ffffff12;border-radius:15px;padding:14px;margin-right:24px}.sea-reply.mine{margin-left:24px;margin-right:0;border-color:color-mix(in srgb,var(--sea-accent) 25%,transparent);background:color-mix(in srgb,var(--sea-accent) 8%,transparent)}.sea-reply small{font-size:10px;color:var(--muted,#bbaacc)}.sea-reply p{margin:8px 0 0}
.sea-opening{position:relative;min-height:330px;text-align:center;padding:25px;background:radial-gradient(ellipse,#6a8ce740,transparent 68%);overflow:hidden}.sea-opening .sea-bottle-art{width:150px;animation:sea-catch-bottle 2.1s ease-in-out both}.sea-opening p{font-size:12px;letter-spacing:.1em;color:var(--sea-soft);position:relative;z-index:2}.sea-catch-net{position:absolute;left:36%;top:10%;width:90%;height:75%;color:#f3d5a3;animation:sea-net-sweep 2.1s ease-in-out both;filter:drop-shadow(0 3px 4px #22112d80);pointer-events:none}.sea-catch-halo{position:absolute;inset:20% 15%;border-radius:50%;border:1px solid #eff4ff;box-shadow:0 0 35px #ccbeffa0;animation:sea-catch-flash 2.1s ease-out both}
.sea-admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.sea-admin-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}.sea-admin-card header{display:flex;justify-content:space-between;gap:10px;font-size:12px}.sea-admin-card header small{font-size:10px;color:var(--muted,#baaccd)}.sea-admin-identity{font-size:11px;color:var(--muted,#baaccd);overflow-wrap:anywhere}.sea-dialog blockquote,.sea-admin-card blockquote{border-left:2px solid var(--sea-accent);margin:12px 0;padding:10px 15px;background:#ffffff06;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
@keyframes sea-bottle-float{0%,100%{transform:translateY(3px) rotate(-5deg)}50%{transform:translateY(-10px) rotate(4deg)}}
@keyframes sea-scene-drift{to{transform:scale(1.08) translateY(5px)}}@keyframes sea-ray{to{transform:translateX(14px) rotate(3deg);opacity:.5}}
@keyframes sea-sparkle{0%,35%,70%,100%{opacity:.25;transform:scale(.6)}50%{opacity:1;transform:scale(1.15)}}@keyframes sea-ripple{from{transform:scale(.6);opacity:0}20%{opacity:.7}to{transform:scale(1.7);opacity:0}}
@keyframes sea-particle{0%,100%{opacity:.15;transform:translateY(8px)}50%{opacity:.9;transform:translateY(-14px)}}
@keyframes sea-catch-bottle{0%{transform:translateY(12px) rotate(-8deg)}45%{transform:translateY(4px) rotate(5deg)}75%,100%{transform:translateY(-14px) rotate(0) scale(1.04)}}
@keyframes sea-net-sweep{0%{transform:translate(75%,-35%) rotate(-30deg);opacity:0}18%{opacity:1}48%{transform:translate(-15%,2%) rotate(-14deg);opacity:1}85%,100%{transform:translate(-45%,-45%) rotate(-24deg);opacity:0}}
@keyframes sea-catch-flash{0%,50%{opacity:0;transform:scale(.3)}65%{opacity:.8}100%{opacity:0;transform:scale(1.5)}}@keyframes sea-letter-enter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:580px){.sea-tabs{gap:3px;padding:5px;border-radius:15px}.sea-tabs button{font-size:10px;gap:5px;padding:10px 3px}.sea-tabs .icon{width:15px;height:15px}.sea-hero{min-height:570px;padding:25px 14px 20px;border-radius:23px}.sea-ocean{min-height:280px}.sea-ocean>.sea-bottle-art{width:164px}.sea-hero h1{font-size:28px}.sea-tools{gap:11px}.sea-tools>span{font-size:10px;flex-basis:100%}.sea-main-actions{gap:10px}.sea-main-actions .btn{font-size:12px}.sea-main-actions small{font-size:9px}.sea-message-card,.sea-own-bottle{padding:16px}.sea-section-head h2{font-size:16px}}
@media(min-width:1000px){.sea-hero{min-height:630px}.sea-scene-backdrop{background-position:center 47%}.sea-ocean>.sea-bottle-art{width:190px}.sea-hero>p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.star-sea-page *,.sea-dialog *{animation:none!important;transition:none!important}.sea-catch-net{display:none}}
html[data-motion="reduced"] .star-sea-page *,html[data-motion="reduced"] .sea-dialog *{animation:none!important;transition:none!important}
.sea-scenery-switch{display:flex;gap:6px;margin-top:15px;position:relative;z-index:2;padding:4px;border-radius:24px;background:#19152e60;border:1px solid #ffffff22;backdrop-filter:blur(9px)}.sea-scenery-switch button{font:inherit;font-size:10px;border:1px solid transparent;background:transparent;color:#f6e9ff;padding:7px 11px;border-radius:18px;cursor:pointer}.sea-scenery-switch button[aria-pressed=true]{background:linear-gradient(140deg,#f3e5ff,#c5b6ec);color:#32213d;border-color:#fff9;box-shadow:inset 0 1px 0 white,0 2px 5px #0003}
[data-sea-scene="golden"]>.sea-scene-backdrop{background-image:url('./assets/star-sea/golden-bay.webp')}[data-sea-scene="purple"]>.sea-scene-backdrop{background-image:url('./assets/star-sea/purple-harbor.webp')}
.sea-opening{isolation:isolate;border-radius:18px;min-height:340px;height:340px;padding:25px 10px 10px;background:#1c1b43}.sea-opening:after{content:'';position:absolute;inset:0;background:linear-gradient(#18102930,transparent 60%,#0b152fe8);z-index:-1}.sea-opening>.sea-scene-backdrop{background-position:center 64%;animation:none}.sea-opening>.sea-bottle-art{position:absolute;width:140px;left:calc(50% - 70px);top:48px}.sea-opening>p{position:absolute;left:10px;right:10px;bottom:8px;font-size:11px;text-shadow:0 1px 6px #000}.sea-animation-brand{position:absolute;left:15px;top:14px;font-size:9px;color:#fff8;letter-spacing:.12em}.sea-animation-skip{display:block!important;margin:14px 0 0 auto;font-size:11px}.sea-animation-water{position:absolute;left:-20%;right:-20%;top:68%;height:90px;border-radius:50%;border-top:1px solid #c4eeff9c;background:radial-gradient(ellipse,#9ddff830,transparent 68%);box-shadow:0 -1px 9px #e6fbff40;animation:sea-water-sway 4s ease-in-out infinite}.sea-splash{position:absolute;left:50%;top:66%;width:1px;height:1px;pointer-events:none}.sea-splash i{position:absolute;width:4px;height:8px;background:linear-gradient(#fff,#9ddfff55);border:1px solid #e9f4ffb0;border-radius:100%;animation:sea-water-drop 2.1s var(--dd) ease-out both}
.sea-motion-throw>.sea-bottle-art{animation:sea-throw-bottle 2.1s cubic-bezier(.3,.2,.3,1) both}.sea-motion-throw .sea-catch-halo{inset:61% 30% 28%;animation:sea-throw-ring 2.1s ease-out both}.sea-motion-throw .sea-splash{left:56%;top:64%}.sea-motion-throw .sea-splash i{animation-name:sea-throw-drop}.sea-motion-empty .sea-catch-halo,.sea-motion-empty .sea-splash{display:none}.sea-motion-empty .sea-catch-net{animation-name:sea-empty-net}
@keyframes sea-throw-bottle{0%{transform:translate(-70px,65px) rotate(-25deg) scale(1);opacity:1}20%{transform:translate(-58px,85px) rotate(-40deg) scale(1.05)}43%{transform:translate(-4px,-35px) rotate(18deg) scale(.7)}67%{transform:translate(24px,108px) rotate(14deg) scale(.27);opacity:1}80%,100%{transform:translate(26px,120px) rotate(4deg) scale(.25);opacity:.25}}
@keyframes sea-throw-ring{0%,63%{transform:scale(.1);opacity:0}70%{opacity:1;transform:scale(.5)}100%{transform:scale(3.5);opacity:0}}
@keyframes sea-water-drop{0%,46%{opacity:0;transform:translate(0,0) scale(.3)}53%{opacity:.8}85%,100%{opacity:0;transform:translate(var(--dx),45px) scale(.5)}}
@keyframes sea-throw-drop{0%,63%{opacity:0;transform:translate(0,0) scale(.3)}70%{opacity:1}86%{transform:translate(var(--dx),var(--dy)) scale(.9);opacity:.7}100%{transform:translate(var(--dx),12px) scale(.4);opacity:0}}
@keyframes sea-water-sway{50%{transform:translateY(-5px) scaleX(1.02)}}
@keyframes sea-empty-net{0%{transform:translate(80%,-40%) rotate(-25deg);opacity:0}22%{opacity:1}50%{transform:translate(-20%,10%) rotate(-10deg);opacity:1}80%{transform:translate(-15%,-12%) rotate(-25deg);opacity:1}100%{transform:translate(80%,-50%) rotate(-32deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.sea-opening *{animation:none!important}.sea-catch-net,.sea-splash,.sea-catch-halo{display:none}}
.sea-portal-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:15px}.sea-portal{isolation:isolate;position:relative;overflow:hidden;grid-column:span 2;display:flex;text-align:left;justify-content:space-between;align-items:center;min-width:0;min-height:88px;border:1px solid #fff6;border-bottom:3px solid #0003;border-radius:17px;padding:16px 13px;background:linear-gradient(135deg,color-mix(in srgb,var(--portal-hue) 78%,var(--sea-accent)),color-mix(in srgb,var(--portal-hue) 50%,#321b4d));box-shadow:inset 0 1px 0 #fff8,inset 0 -1px 0 #ffffff24,0 5px 16px #0002;color:white;font:inherit;cursor:pointer;transition:transform .18s,filter .18s;text-shadow:0 1px 3px #301c4c80}.sea-portal:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0,#ffffff30,transparent 65%);z-index:-1}.sea-portal:after{content:'✦';position:absolute;right:12px;top:7px;color:#fffd;font-size:10px;opacity:.5;animation:sea-sparkle 5s ease-in-out infinite}.sea-portal:active{transform:translateY(2px);filter:brightness(1.08)}.sea-portal:disabled{opacity:.48;cursor:not-allowed}.sea-portal>span:first-child{position:relative;z-index:1;min-width:0}.sea-portal strong{font-size:14px;letter-spacing:.06em;white-space:nowrap}.sea-portal small{display:block;font-size:10px;margin-top:6px;color:#fffde9db}.sea-portal em{display:block;font-style:normal;font-size:9px;color:#fff8;margin-top:6px}.portal-pick,.portal-throw{grid-column:span 3;min-height:110px}.portal-pick{--portal-hue:#e967bb}.portal-throw{--portal-hue:#638fec}.portal-resonance{--portal-hue:#de925d}.portal-wishes{--portal-hue:#9b79e6}.portal-feed{--portal-hue:#45b5a9}.sea-portal .sea-bottle-art{width:60px;margin-right:-5px;flex-shrink:0}.sea-portal-object{position:relative;display:grid;place-items:center;filter:drop-shadow(2px 5px 3px #22132960);transform:rotate(-13deg);flex-shrink:0;margin-left:4px;color:#f8eeff}.sea-portal-object>.icon{width:36px;height:36px;stroke-width:1;fill:#ffffff28}.sea-portal-object i{font-style:normal;position:absolute;right:-6px;bottom:-2px;font-size:14px;color:#ffe6c2}.portal-throw .sea-portal-object>.icon{width:47px;height:47px}.sea-balance-line{display:flex;justify-content:space-between;gap:10px;margin:14px 2px;font-size:10px;color:var(--muted,#baa8cd)}.sea-balance-line strong{font-size:14px;color:var(--sea-accent);margin-left:5px}
@media(max-width:580px){.sea-portal-grid{gap:8px}.sea-portal{padding:13px 10px;min-height:95px;align-items:flex-start;border-radius:14px}.sea-portal strong{font-size:12px;letter-spacing:0}.sea-portal small{font-size:9px}.sea-portal-object{position:absolute;bottom:8px;right:9px}.sea-portal-object>.icon{width:30px;height:30px}.portal-pick,.portal-throw{min-height:104px;align-items:center}.portal-throw .sea-portal-object{position:relative;right:auto;bottom:auto}.portal-throw .sea-portal-object>.icon{width:32px;height:32px}.sea-portal .sea-bottle-art{width:50px;margin-left:0}.sea-portal em{font-size:9px}.sea-balance-line{font-size:9px}.sea-hero{min-height:500px}.sea-ocean{min-height:255px}.sea-ocean>.sea-bottle-art{width:151px}}
html[data-motion="reduced"] .sea-portal:after{animation:none!important}

/* V39: a single shared 6.2 s timeline, layered net and glass, then letter reveal. */
:is(.sea-motion-pick,.sea-motion-empty,.sea-motion-throw){height:min(62svh,490px);min-height:340px;padding:0;box-shadow:inset 0 0 0 1px #d8faff44,0 10px 40px #00152555}
:is(.sea-motion-pick,.sea-motion-empty,.sea-motion-throw)>.sea-scene-backdrop{background-position:center 58%;animation:sea-pick-camera var(--pick-duration) ease-in-out both}
:is(.sea-motion-pick,.sea-motion-empty,.sea-motion-throw):after{background:linear-gradient(#10284638,transparent 35%,#061b3855 68%,#071528e8);pointer-events:none}
:is(.sea-motion-pick,.sea-motion-empty,.sea-motion-throw)>.sea-animation-brand{z-index:10;left:16px;top:17px;color:#f0e5ffb3;font-size:9px;text-shadow:0 2px 4px #071525}
:is(.sea-motion-pick,.sea-motion-empty,.sea-motion-throw)>p{z-index:10;bottom:6px;margin:10px 0;color:#e0edff;font-size:10px;letter-spacing:.06em}
.sea-pick-stage,.sea-pick-rig{position:absolute;inset:0;pointer-events:none}
.sea-pick-stage{perspective:900px;overflow:hidden;border-radius:inherit}
.sea-pick-rig{z-index:3;animation:sea-pick-lift var(--pick-duration) cubic-bezier(.35,0,.25,1) both}
.sea-pick-net.sea-catch-net{left:12%;top:35%;width:105%;height:auto;max-width:none;transform-origin:35% 38%;filter:drop-shadow(0 3px 3px #03253c66);animation:sea-pick-scoop var(--pick-duration) cubic-bezier(.32,.15,.26,1) both;will-change:transform,opacity}
.sea-net-back{z-index:1;clip-path:polygon(0 0,100% 0,100% 100%,66% 100%,66% 33%,50% 45%,35% 48%,20% 45%,10% 42%,0 33%)}
.sea-net-front{z-index:3;clip-path:polygon(0 33%,10% 42%,20% 45%,35% 48%,50% 45%,66% 33%,66% 100%,0 100%)}
.sea-pick-bottle{position:absolute;z-index:2;left:32%;top:24%;width:36%;animation:sea-pick-caught var(--pick-duration) ease-in-out both;transform-origin:50% 68%;will-change:transform}
.sea-pick-bottle>.sea-bottle-art{width:100%;display:block;animation:none;filter:drop-shadow(0 9px 10px #00345b80)}
.sea-pick-bottle .sea-bottle-orbit{display:none}.sea-pick-bottle .sea-bottle-glint{animation:sea-pick-bottle-glint var(--pick-duration) ease-out both;left:68%;top:20%;color:#ecffff}
.sea-pick-waterline{position:absolute;z-index:1;left:-15%;right:-15%;top:59%;height:18%;border-radius:50%;border-top:2px solid #d6ffff65;background:radial-gradient(ellipse at 50% 0,#b3edff33,transparent 60%);box-shadow:0 -2px 12px #d3fbff44;animation:sea-pick-surface var(--pick-duration) ease-in-out both}
.sea-pick-ripples{position:absolute;z-index:5;left:50%;top:63%;width:1px;height:1px}
.sea-pick-ripples i{position:absolute;width:220px;height:55px;left:-110px;top:-27px;border:2px solid #edffffbb;border-radius:50%;box-shadow:0 0 9px #e9ffff99,inset 0 0 6px #a6edff66;animation:sea-pick-ring var(--pick-duration) ease-out both}
.sea-pick-ripples i:nth-child(2){animation-delay:.2s}.sea-pick-ripples i:nth-child(3){animation-delay:.4s}
.sea-pick-spray{position:absolute;z-index:6;width:88%;height:70%;object-fit:fill;left:6%;top:12%;transform-origin:50% 86%;animation:sea-pick-splash var(--pick-duration) ease-out both;filter:drop-shadow(0 0 5px #c0f8ff70);will-change:transform,opacity}
.sea-pick-droplets{position:absolute;z-index:7;left:50%;top:63%}
.sea-pick-droplets i{position:absolute;width:var(--size);height:calc(var(--size)*1.7);border-radius:70%;background:linear-gradient(130deg,#fff,#b4f6ff77);box-shadow:0 0 5px #d3ffff;animation:sea-pick-drop var(--pick-duration) var(--delay) ease-out both}
.sea-pick-aura{position:absolute;z-index:1;inset:3% -8% 4%;background:radial-gradient(ellipse at 50% 48%,#f2ffffc9,#b8edff66 20%,#b5eaff19 38%,transparent 64%);mix-blend-mode:screen;animation:sea-pick-aura var(--pick-duration) ease-out both}
.sea-pick-beams{position:absolute;z-index:0;inset:-10% -40%;background:repeating-conic-gradient(from 18deg at 50% 48%,transparent 0deg 15deg,#d5f8ff28 16deg 19deg,transparent 24deg 40deg);mask-image:radial-gradient(ellipse,#000 16%,transparent 65%);animation:sea-pick-beams var(--pick-duration) ease-in-out both}
.sea-pick-glints{position:absolute;inset:0;z-index:8}.sea-pick-glints i{position:absolute;left:var(--x);top:var(--y);font:16px/1 Georgia,serif;color:#f5ffff;text-shadow:0 0 12px #9eeeff,0 0 4px white;animation:sea-pick-glint var(--pick-duration) var(--delay) ease-out both}
.sea-pick-bubbles{position:absolute;inset:0;z-index:1}.sea-pick-bubbles i{position:absolute;left:var(--x);bottom:20%;width:var(--size);height:var(--size);border:1px solid #f1ffff77;border-radius:50%;box-shadow:inset -1px -1px 2px #7ecae955,1px 1px 3px #bfefff50;animation:sea-pick-bubble 3s var(--delay) ease-out infinite}
.sea-pick-caption{position:absolute;left:8%;right:8%;bottom:12%;z-index:9;display:grid;gap:5px;text-align:center;padding:12px 20px 14px;border:1px solid #bfeeff77;border-radius:18px;background:linear-gradient(110deg,#0e456cdd,#12396aed,#44346fdd);box-shadow:inset 0 1px #e1fbff88,0 6px 22px #021a3e66,0 0 22px #b1e6ff33;animation:sea-pick-caption var(--pick-duration) ease-out both}
.sea-pick-caption span{font-size:9px;letter-spacing:.35em;color:#c4e7ff}.sea-pick-caption strong{font-size:22px;letter-spacing:.16em;color:#f0fcff;text-shadow:0 1px 0 #547bb0,0 0 17px #9edbff8c}.sea-pick-caption small{font-size:10px;color:#cedefa;letter-spacing:.12em}
@keyframes sea-pick-camera{0%{transform:scale(1.04)}76%{transform:scale(1.11) translateY(1%)}100%{transform:scale(1.08)}}
@keyframes sea-pick-scoop{0%,7%{transform:translate(76%,-68%) rotate(-23deg);opacity:0}14%{transform:translate(57%,-62%) rotate(-18deg);opacity:1}28%{transform:translate(24%,-41%) rotate(-10deg);opacity:1}43%{transform:translate(-5%,-9%) rotate(-7deg);opacity:1}54%,76%{transform:translate(0,0) rotate(0);opacity:1}85%{transform:translate(4%,-2%) rotate(3deg);opacity:.35}92%,100%{transform:translate(22%,-12%) rotate(8deg);opacity:0}}
@keyframes sea-pick-caught{0%{transform:translateY(5px) rotate(-3deg)}17%{transform:translateY(-2px) rotate(-8deg)}44%{transform:translate(-3%,8px) rotate(-17deg)}55%{transform:translate(0,5px) rotate(-10deg)}76%{transform:translateY(-4px) rotate(0) scale(1.04)}88%,100%{transform:translateY(-10px) rotate(2deg) scale(1.06)}}
@keyframes sea-pick-lift{0%,52%{transform:translateY(0)}60%{transform:translateY(3%)}76%{transform:translateY(-10%)}88%,100%{transform:translateY(-13%)}}
@keyframes sea-pick-splash{0%,48%{opacity:0;transform:translateY(8%) scale(.5,.08)}54%{opacity:.65;transform:translateY(3%) scale(.82,.5)}61%{opacity:1;transform:translateY(-4%) scale(1,.91)}69%{opacity:.72;transform:translateY(-8%) scale(1.09,1.04)}80%{opacity:0;transform:translateY(5%) scale(1.17,.7)}100%{opacity:0;transform:scale(1.17,.7)}}
@keyframes sea-pick-ring{0%,44%{opacity:0;transform:scale(.45)}51%{opacity:.8;transform:scale(.8)}73%{opacity:.15;transform:scale(1.9)}81%,100%{opacity:0;transform:scale(2.2)}}
@keyframes sea-pick-drop{0%,51%{opacity:0;transform:translate(0,0) scale(.2)}56%{opacity:.9}67%{opacity:.8;transform:translate(var(--dx),var(--dy)) scale(1)}80%,100%{opacity:0;transform:translate(calc(var(--dx)*1.3),65px) scale(.4)}}
@keyframes sea-pick-aura{0%,49%{opacity:0;transform:scale(.4)}62%{opacity:.85;transform:scale(1.1)}73%{opacity:.35;transform:scale(1.25)}100%{opacity:.25;transform:scale(1)}}
@keyframes sea-pick-beams{0%,52%{opacity:0;transform:rotate(-15deg) scale(.65)}70%{opacity:.8}100%{opacity:.35;transform:rotate(15deg) scale(1.25)}}
@keyframes sea-pick-glint{0%,66%{opacity:0;transform:scale(.1) rotate(-30deg)}75%{opacity:1;transform:scale(1.25) rotate(0)}90%,100%{opacity:0;transform:scale(.2) rotate(35deg)}}
@keyframes sea-pick-bottle-glint{0%,64%{opacity:.15;transform:scale(.4)}75%{opacity:1;transform:scale(1.5)}90%,100%{opacity:.6;transform:scale(.7)}}
@keyframes sea-pick-caption{0%,80%{opacity:0;transform:translateY(18px) scale(.92)}88%,100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sea-pick-surface{0%,40%{transform:scaleX(1) translateY(0);opacity:.45}59%{transform:scaleX(1.12) translateY(6px);opacity:.9}80%,100%{transform:scaleX(1.04) translateY(-2px);opacity:.35}}
@keyframes sea-pick-bubble{0%{transform:translateY(25px) scale(.6);opacity:0}20%{opacity:.65}100%{transform:translateY(-210px) scale(1.15);opacity:0}}
@media(max-width:420px){:is(.sea-motion-pick,.sea-motion-empty,.sea-motion-throw){min-height:360px;height:56svh;max-height:440px}.sea-pick-bottle{width:42%;left:29%;top:28%}.sea-pick-net.sea-catch-net{top:40%}.sea-pick-caption strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.sea-pick-stage *{animation:none!important}.sea-pick-spray,.sea-pick-droplets,.sea-pick-beams,.sea-pick-glints,.sea-pick-ripples,.sea-pick-bubbles,.sea-pick-net{display:none!important}}
html[data-motion="reduced"] .sea-pick-stage *{animation:none!important}

/* V40: one clock drives continuous paths, contact and water response. */
.sea-fluid-motion .sea-pick-rig,.sea-fluid-motion .sea-pick-net,.sea-fluid-motion .sea-pick-bottle,.sea-fluid-motion .sea-pick-spray,.sea-fluid-motion .sea-pick-caption,.sea-fluid-motion .sea-pick-aura,.sea-fluid-motion .sea-pick-beams,.sea-fluid-motion .sea-pick-glints i{animation:none;transform:none}
.sea-fluid-motion .sea-pick-bottle{left:0;top:0;transform-origin:50% 100%;will-change:transform,opacity}
.sea-fluid-motion .sea-pick-net{backface-visibility:hidden;will-change:transform,opacity}
.sea-fluid-motion .sea-pick-ripples,.sea-fluid-motion .sea-pick-droplets{display:none}
.sea-fluid-motion .sea-pick-waterline{top:64%;opacity:.3}
.sea-fluid-water{position:absolute;inset:0;z-index:7;width:100%;height:100%;pointer-events:none}
.sea-motion-empty .sea-pick-caption strong{font-size:18px;letter-spacing:.04em}.sea-motion-empty .sea-pick-caption{background:linear-gradient(120deg,#11364be8,#2b3052ed)}
.sea-motion-throw .sea-pick-spray{z-index:6}.sea-motion-throw .sea-pick-caption strong{font-size:19px}
.sea-animation-version{position:absolute;z-index:10;right:14px;top:17px;font-size:9px;letter-spacing:.06em;color:#e3ecffb0;text-shadow:0 1px 4px #071525}
.sea-preview-link{color:var(--sea-soft)!important;padding:5px 9px!important;border:1px solid color-mix(in srgb,var(--sea-accent) 33%,transparent)!important;border-radius:20px;font-size:10px!important}
.sea-hero{scroll-margin-top:calc(var(--sf-safe-top,0px) + 12px);scroll-margin-bottom:90px}

/* V41 review controls retained after the visual rollback. */
.sea-admin-list:has(.sea-admin-card)>.sea-note{grid-column:1/-1}.sea-dialog .modal-actions:has([data-sea-decision="trust"]){flex-wrap:wrap;gap:10px}.sea-dialog [data-sea-decision="trust"]{flex-basis:100%}

/* Fixed V41 plaza: a single branded master, with lightweight ambient layers. */
[data-sea-scene="master"]>.sea-scene-backdrop{background-image:url('./assets/star-sea/plaza-master-v41.webp');background-position:center;transform:none;animation:none}
.sea-master-layout{display:grid;grid-template-columns:minmax(0,1fr);max-width:1040px;margin:0 auto;isolation:isolate}
.sea-hero.sea-master-hero{width:100%;max-width:580px;min-height:0;aspect-ratio:9/16;padding:0;overflow:hidden;border-radius:28px;border:1px solid #b7d9ff60;background:#06142f;box-shadow:0 22px 70px #02091b55,inset 0 1px #f2f5ff44;scroll-margin-top:14px}
.sea-master-hero:after{background:linear-gradient(180deg,#040c2e88 0%,transparent 26%,transparent 76%,#07122e99 100%)}
.sea-master-title{position:relative;z-index:2;padding:36px 20px 0;width:100%;text-align:center;pointer-events:none}
.sea-master-title .sea-kicker{color:#d3e4ff;font-size:9px;letter-spacing:.32em;text-shadow:0 1px 9px #02091c}
.sea-master-title h1{font-size:clamp(29px,5.5vw,40px);font-weight:650;letter-spacing:.18em;text-indent:.18em;margin:11px 0 10px;color:#fff;line-height:1.4;text-shadow:0 2px 14px #0c1550,0 0 34px #a9c7ff66}
.sea-master-title p{font-size:12px;font-weight:400;letter-spacing:.16em;margin:0;color:#dbe9ff;text-shadow:0 2px 8px #061333}
.sea-master-signature{position:absolute;bottom:72px;right:24px;font-size:10px;color:#e5efffcc;letter-spacing:.13em;z-index:2;text-shadow:0 1px 8px #050d29}
.sea-master-signature i{font-style:normal;color:#b5dbff;margin:0 8px}.sea-master-chapter{position:absolute;bottom:27px;left:0;right:0;z-index:2;font-size:10px;letter-spacing:.14em;color:#d9e7ff;line-height:1.7}.sea-master-chapter i{font-style:normal;margin:0 8px;color:#95b2e6}
.sea-master-meteors{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.sea-master-meteors i{position:absolute;left:80%;top:6%;display:block;width:1px;height:110px;background:linear-gradient(transparent,#c9f9ff);box-shadow:0 0 8px #7edbff80;transform:rotate(31deg);opacity:0;animation:sea-master-meteor 14s linear infinite}
.sea-master-meteors i:nth-child(2){left:42%;top:20%;height:70px;animation-delay:5.7s;animation-duration:19s}.sea-master-meteors i:nth-child(3){left:94%;top:33%;height:85px;animation-delay:9.4s;animation-duration:23s}
.sea-master-shimmer{position:absolute;left:-15%;right:-15%;bottom:4%;height:27%;z-index:0;pointer-events:none;background:linear-gradient(165deg,transparent 20%,#7fe6ff12 31%,transparent 42%,#9cc9ff16 54%,transparent 68%);mix-blend-mode:screen;animation:sea-master-water 11s ease-in-out infinite alternate;opacity:.55}
.sea-master-panel{position:relative;z-index:2;padding:18px 0 0;min-width:0;width:100%;max-width:580px;margin:auto}
.sea-master-intro{display:none}.sea-master-panel .sea-portal-grid{margin:0;gap:9px}
.sea-master-panel .sea-portal{position:relative;min-height:91px;border-radius:18px;border:1px solid #d6e7ff55;box-shadow:inset 0 1px #ffffff5e,inset 0 -3px #0003,0 5px 13px #040d2522;padding:15px;text-shadow:0 1px 6px #090f2566;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}
.sea-master-panel .sea-portal:after{opacity:.5}.sea-master-panel .sea-portal strong{font-size:14px;letter-spacing:.04em}.sea-master-panel .sea-portal small{font-size:10px;line-height:1.6;margin-top:6px;color:#edf2ff}.sea-master-panel .sea-portal em{font-size:9px;color:#e0e8ffbb;margin-top:5px}
.sea-master-panel .portal-pick{background:linear-gradient(132deg,#8477b5,#4a457c)}.sea-master-panel .portal-throw{background:linear-gradient(132deg,#639ed0,#354f8e)}.sea-master-panel .portal-resonance{background:linear-gradient(132deg,#9b7caa,#675380)}.sea-master-panel .portal-wishes{background:linear-gradient(132deg,#6e7bc1,#434d8b)}.sea-master-panel .portal-feed{background:linear-gradient(132deg,#5e9dac,#3c627f)}
.sea-master-panel .sea-portal-object{right:9px;bottom:9px;opacity:.8}.sea-master-panel .sea-portal-object .icon{width:27px;height:27px}.sea-master-panel .sea-bottle-art.mini{width:43px;right:12px;bottom:6px}
.sea-master-panel .sea-portal:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 1px #fff9,inset 0 -3px #0003,0 8px 21px #536ba833}.sea-master-panel .sea-portal:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 9px #0004}.sea-master-panel .sea-portal:focus-visible{outline:2px solid #c8e9ff;outline-offset:3px}.sea-master-panel .sea-portal:disabled{opacity:.5}
.sea-master-panel .sea-balance-line{font-size:10px;gap:7px;line-height:1.8;margin:15px 2px 0;flex-wrap:wrap}.sea-master-panel .sea-balance-line strong{font-size:17px}
.sea-admin-list:has(.sea-admin-card)>.sea-note{grid-column:1/-1}.sea-dialog .modal-actions:has([data-sea-decision="trust"]){flex-wrap:wrap;gap:10px}.sea-dialog [data-sea-decision="trust"]{flex-basis:100%}
@keyframes sea-master-meteor{0%,80%,100%{opacity:0;transform:translate3d(0,0,0) rotate(31deg)}82%{opacity:.7}91%{opacity:0;transform:translate3d(-170px,290px,0) rotate(31deg)}}
@keyframes sea-master-water{from{transform:translate3d(-3%,2%,0);opacity:.28}to{transform:translate3d(4%,-2%,0);opacity:.66}}
@media(min-width:850px){.sea-master-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:32px;align-items:center}.sea-hero.sea-master-hero{border-radius:30px}.sea-master-panel{padding:0;margin:0}.sea-master-intro{display:block;margin-bottom:30px}.sea-master-intro>span{color:var(--sea-accent);font-size:10px;letter-spacing:.26em}.sea-master-intro h2{font-size:clamp(22px,2.6vw,30px);font-weight:500;line-height:1.5;margin:17px 0 13px;letter-spacing:.04em}.sea-master-intro p{font-size:12px;line-height:2.2;color:var(--muted)}.sea-master-panel .sea-portal{min-height:111px}.sea-master-title{padding-top:30px}.sea-master-panel .sea-balance-line{margin-top:23px}}
@media(max-width:480px){.sea-hero.sea-master-hero{border-radius:22px}.sea-master-title{padding-top:24px}.sea-master-title h1{font-size:29px}.sea-master-title .sea-kicker{font-size:8px}.sea-master-title p{font-size:10px}.sea-master-panel .sea-portal{padding:12px;min-height:84px;border-radius:15px}.sea-master-panel .sea-portal strong{font-size:13px}.sea-master-panel .sea-portal small{font-size:9px}.sea-master-panel .sea-portal-object .icon{width:23px;height:23px}.sea-master-panel .sea-portal:nth-child(n+3){min-height:80px}.sea-master-signature{right:18px;bottom:60px;font-size:8px}.sea-master-chapter{font-size:8px;bottom:25px}}
html[data-motion="reduced"] .sea-master-hero *,[data-ambient-paused="true"] .sea-master-hero *{animation:none!important}
@media(prefers-reduced-motion:reduce){.sea-master-hero *{animation:none!important}.sea-master-panel .sea-portal{transition:none}}

/* Plaza cover and bottle bay are independent destinations. */
.sea-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:580px){.sea-tabs{gap:3px;padding:5px}.sea-tabs button{gap:4px;font-size:10px;flex-direction:column;min-height:49px;padding:7px 1px}.sea-tabs .icon{width:15px;height:15px}}

.sea-cover-enter{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:9px 19px;margin:18px 0 0;border:1px solid #c7e6ff9c;border-radius:25px;background:linear-gradient(140deg,#355f9ad9,#303e7ce6);box-shadow:inset 0 1px #ffffff70,0 4px 20px #06112e66;color:#f8fcff;font:inherit;font-size:12px;letter-spacing:.07em;cursor:pointer;transition:transform .2s,background .2s}
.sea-cover-enter .icon{width:16px;height:16px}.sea-cover-enter:hover{background:#4266a2}.sea-cover-enter:active{transform:translateY(2px)}.sea-cover-enter:focus-visible{outline:2px solid white;outline-offset:4px}

/* V41d: the plaza cover keeps its own five-entry dock, separate from the bottle bay. */
.sea-master-layout{--sea-cover-height:calc(100vh - var(--sf-safe-top,0px) - var(--sf-safe-bottom,0px) - 164px);scroll-margin-top:12px;scroll-margin-bottom:96px}
@supports(height:100svh){.sea-master-layout{--sea-cover-height:calc(var(--sf-viewport-height,100svh) - var(--sf-safe-top,0px) - var(--sf-safe-bottom,0px) - 164px)}}
.sea-master-panel{scroll-margin-bottom:calc(100px + var(--sf-safe-bottom,0px))}
.sea-master-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 11px;min-width:0}
.sea-master-meta .sea-master-signature,.sea-master-meta .sea-master-chapter{position:static;font-size:9px;line-height:1.6;letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px 5px #020a22}
.sea-master-meta .sea-master-signature{color:#b9dcff}
.sea-master-meta .sea-master-chapter{color:#dceaff;font-size:8px}
.sea-master-meta i{margin:0 4px}
.sea-master-panel .sea-portal-grid{gap:10px}
.sea-master-panel .sea-portal{--portal-trace-delay:0s;--portal-corner:16px;border-color:#82c8ffba;box-shadow:inset 0 1px #effaff6b,inset 0 -3px #0003,0 0 0 1px #286ec448,0 0 15px #208dff50,0 6px 15px #020b234d}
.sea-master-panel .sea-portal:nth-child(2){--portal-trace-delay:-1.2s}
.sea-master-panel .sea-portal:nth-child(3){--portal-trace-delay:-2.4s}
.sea-master-panel .sea-portal:nth-child(4){--portal-trace-delay:-3.6s}
.sea-master-panel .sea-portal:nth-child(5){--portal-trace-delay:-4.8s}
.sea-master-panel .sea-portal:hover:not(:disabled){box-shadow:inset 0 1px #fff9,inset 0 -3px #0003,0 0 0 1px #65b9ff80,0 0 22px #269bff80,0 8px 19px #020b2366}
.sea-master-panel .sea-portal:active:not(:disabled){box-shadow:inset 0 2px 9px #0004,0 0 14px #269bff60}
.sea-master-panel .sea-portal-trace{position:absolute;inset:1px;width:calc(100% - 2px);height:calc(100% - 2px);overflow:visible;pointer-events:none;z-index:3;fill:none;filter:drop-shadow(0 0 3px #2da7ff)}
.sea-portal-trace rect{rx:var(--portal-corner);stroke:#42b6ff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:18 82;opacity:.75;animation:sea-portal-chase 6s linear infinite;animation-delay:var(--portal-trace-delay)}
.sea-portal-trace rect+rect{--trace-lead:-15;stroke:#d7f9ff;stroke-width:1.6;stroke-dasharray:3 97;opacity:1}
@keyframes sea-portal-chase{from{stroke-dashoffset:var(--trace-lead,0)}to{stroke-dashoffset:calc(var(--trace-lead,0) - 100)}}

/* The dock occupies the lower water area so all five entries sit in the first view. */
@media(max-width:849px){
 .sea-master-layout{max-width:580px}
 .sea-master-layout>.sea-master-hero,.sea-master-layout>.sea-master-panel{grid-area:1/1}
 .sea-hero.sea-master-hero{height:clamp(380px,var(--sea-cover-height),740px);aspect-ratio:auto;margin:0;max-width:none}
 .sea-master-hero>.sea-scene-backdrop{background-position:center 40%}
 .sea-master-hero:after{background:linear-gradient(180deg,#040c2e88,transparent 26%,transparent 48%,#06112d4d 66%,#050e26ed)}
 .sea-master-panel{align-self:end;width:calc(100% - 24px);margin:0 12px 12px;padding:12px 10px 10px;border-radius:21px;border:1px solid #a1ccff24;background:linear-gradient(160deg,#101e426b,#07132ada);box-shadow:inset 0 1px #d6e9ff18,0 8px 27px #02091c44;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
 .sea-master-panel .sea-portal{padding:12px;min-height:86px;border-radius:16px;--portal-corner:14px}
 .sea-master-panel .sea-portal:nth-child(n+3){min-height:74px;padding:12px 9px;align-items:flex-start}
 .sea-master-panel .sea-portal strong{font-size:13px;letter-spacing:0}
 .sea-master-panel .sea-portal small{font-size:9px;margin-top:5px}
 .sea-master-panel .sea-portal em{font-size:8px;letter-spacing:0;margin-top:4px}
 .sea-master-panel .sea-bottle-art.mini{position:absolute;width:37px;right:8px;bottom:7px}
 .sea-master-panel .sea-portal-object{position:absolute;right:8px;bottom:8px;opacity:.65}
 .sea-master-panel .sea-portal-object .icon{width:21px;height:21px}
 .sea-master-panel .sea-portal:nth-child(-n+2)>span:first-child{padding-right:28px}
 .sea-master-panel .sea-balance-line{font-size:9px;line-height:1.6;margin:10px 2px 0;gap:2px 8px}
 .sea-master-panel .sea-balance-line strong{font-size:15px}
}
@media(min-width:850px){
 .sea-master-layout{align-items:start;gap:28px}
 .sea-hero.sea-master-hero{height:clamp(380px,var(--sea-cover-height),720px);aspect-ratio:auto}
 .sea-master-panel{padding-top:32px}
 .sea-master-intro{margin-bottom:22px}
 .sea-master-panel .sea-portal{min-height:100px}
 .sea-master-panel .sea-portal:nth-child(n+3){min-height:88px}
 .sea-master-meta{margin-bottom:13px}
}
@media(max-width:380px){
 .sea-master-panel{width:calc(100% - 16px);margin:0 8px 8px;padding:10px 8px 8px}
 .sea-master-panel .sea-portal-grid{gap:8px}
 .sea-master-panel .sea-portal{padding:11px 9px}
 .sea-master-panel .sea-portal strong{font-size:12px}
 .sea-master-panel .sea-portal em{display:none}
 .sea-master-meta .sea-master-signature,.sea-master-meta .sea-master-chapter{font-size:8px}
}
@media(max-height:680px){
 .sea-hero.sea-master-hero{height:clamp(380px,var(--sea-cover-height),480px);min-height:0}
 .sea-master-title{padding-top:18px}
 .sea-master-title h1{font-size:27px;margin:6px 0}
 .sea-master-title .sea-cover-enter{min-height:34px;margin-top:10px;padding:6px 15px}
}
html[data-motion="reduced"] .sea-portal-trace rect,[data-ambient-paused="true"] .sea-portal-trace rect{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.sea-portal-trace rect{animation:none!important}}