.ocean-shell{color:#eee9d6;font-family:inherit;box-sizing:border-box}.ocean-shell *{box-sizing:border-box}.ocean-shell button,.ocean-shell select,.ocean-shell a.ocean-button{font:inherit;min-height:48px;border:1px solid #698884;border-radius:99px;padding:11px 20px;background:#183c40;color:#f4f0db;cursor:pointer;text-decoration:none}.ocean-shell button:hover,.ocean-shell button:focus-visible{background:#31595a;outline:2px solid #efca92;outline-offset:3px}.ocean-shell button:disabled{opacity:.55;cursor:wait}.ocean-shell .ocean-primary{background:#eadbc0;color:#112e32}.ocean-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.ocean-kicker{font-size:11px;letter-spacing:.23em;color:#d3c1a1}.ocean-shell h2{font:400 clamp(30px,5vw,52px)/1.15 "Cormorant Garamond","Google Sans",Georgia,serif;margin:12px 0 20px}.ocean-shell p{line-height:1.65}.ocean-small{font-size:13px;color:#adc5c4;max-width:65ch}.ocean-card{display:block;width:min(100%,380px);height:auto;aspect-ratio:5/7;filter:drop-shadow(0 25px 35px #0008);border-radius:20px;transform:rotate(-2deg);transition:transform .3s}.ocean-card:hover{transform:rotate(0) translateY(-4px)}.ocean-result{border-top:1px solid #adc5c444;padding:48px 0;margin:35px auto;max-width:1100px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:60px}.ocean-result .ocean-card{margin:auto}.ocean-dialog{color:#e8e8d8;background:radial-gradient(ellipse at 15% 0,#214b50,#071d25 65%);border:1px solid #73938a;border-radius:24px;width:min(1080px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:32px;overflow:auto}.ocean-dialog::backdrop{background:#00161edb;backdrop-filter:blur(9px)}.ocean-close{position:sticky;float:right;top:0;z-index:4}.ocean-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin:30px 0}.ocean-grid button{border-radius:16px;background:#ffffff05;padding:12px;text-align:left}.ocean-thumb{width:100%;height:135px;object-fit:contain}.ocean-badge{font-size:12px;letter-spacing:.1em;color:var(--rarity,#b6d3cc);display:block;margin:8px 0}.ocean-grid strong{display:block;font-size:14px}.ocean-share-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center;clear:both}.ocean-share-layout label{display:block;margin:16px 0}.ocean-share-layout select{display:block;width:100%;margin-top:8px}.ocean-status{color:#e6c99b;font-size:14px;line-height:1.6}.ocean-dock{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:20px;z-index:45;display:flex;gap:7px;background:#071d25e8;padding:6px;border:1px solid #5b7977;border-radius:35px;backdrop-filter:blur(14px)}.ocean-dock button{font-size:12px;min-height:44px;padding:9px 13px}.ocean-count{color:#a2bdb8;padding:14px;font-size:11px}.ocean-member{position:absolute;z-index:7;width:100px;height:90px;background:none;border:0;padding:0;cursor:pointer;animation:ocean-swim 12s ease-in-out infinite alternate}.ocean-member img{position:absolute;inset:0;width:100%;height:80%;object-fit:contain}.ocean-member img+img{animation:ocean-fin 1s steps(1) infinite}.ocean-member span{position:absolute;bottom:0;left:0;width:100%;font:10px monospace;color:#d7e8d5;text-align:center;text-shadow:0 1px 4px #001c29}.ocean-member:focus-visible,.ocean-member.is-found{outline:2px solid #efd7a5;border-radius:50%}.ocean-member.is-mine{z-index:8;filter:drop-shadow(0 0 8px #e8cd9977)}.ocean-odds{padding:14px 0;border-top:1px solid #ffffff25;margin-top:20px}.ocean-odds summary{cursor:pointer;font-size:13px}.ocean-odds p{font-size:12px}.ocean-source{color:#d9c49b}.ocean-consent{border-left:2px solid #bca47b;padding-left:14px}.ocean-reveal{animation:ocean-reveal .9s ease-out both}@keyframes ocean-reveal{from{opacity:0;transform:translateY(25px) rotate(-7deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}@keyframes ocean-swim{from{transform:translate(-18px,0)}to{transform:translate(24px,-12px)}}@keyframes ocean-fin{0%,49%{opacity:0}50%,100%{opacity:1}}@media(max-width:650px){.ocean-result,.ocean-share-layout{grid-template-columns:1fr;gap:25px}.ocean-result{padding:30px 10px}.ocean-card{width:min(100%,320px)}.ocean-dialog{padding:20px}.ocean-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ocean-grid button{padding:8px}.ocean-thumb{height:100px}.ocean-dock{left:10px;bottom:max(10px,env(safe-area-inset-bottom))}.ocean-count{display:none}.ocean-member{width:76px;height:70px}.ocean-actions>*{flex:1 1 auto}.ocean-shell h2{font-size:34px}.ocean-close{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){.ocean-member,.ocean-member img+img,.ocean-reveal{animation:none}.ocean-card{transform:none;transition:none}.ocean-member img+img{display:none}}

.ocean-locked{padding:12px;border:1px dashed #86a49b40;border-radius:16px;text-align:center;font-size:12px;color:#86a49b}.ocean-locked img{filter:brightness(0) opacity(.35)}