/* Four live ocean studies. Their renderer is loaded only when selected. */
[data-round="4"]{--page:#7fb6cd;--ink:#183f54;--muted:#405e6c;--accent:#286d83;--accent-ink:#fff;--surface:linear-gradient(135deg,#f8ffffe8,#dceff2d1);--line:#bed9df;--radius:28px;--border:1px solid #f8ffffe8;--shadow:inset 0 2px 0 #ffffffc9,0 20px 40px #123d4e38;--font:"Segoe UI",Arial,sans-serif;--display:var(--font);--title-weight:300;--title-spacing:-.055em;--card-gap:30px}
[data-theme="livingocean"]{--page:#7fb6cd}
[data-theme="goldenwaters"]{--page:#ac815e;--ink:#443d36;--muted:#685d4e;--accent:#935a26;--surface:linear-gradient(135deg,#fff8e8ed,#f4e1c9d1);--line:#d8c6a8;--shadow:inset 0 2px 0 #fffcebc9,0 20px 40px #5734193d}
[data-theme="moonlitdrift"]{color-scheme:dark;--page:#111e39;--ink:#e6f3ff;--muted:#c1d6e9;--accent:#9bd8f5;--accent-ink:#132d48;--surface:linear-gradient(135deg,#548ab35c,#132e4dbf);--line:#9dbbd947;--border:1px solid #bbdffe7a;--shadow:inset 0 1px 0 #d5ecff85,0 20px 40px #020d234d}
[data-theme="silverswell"]{--page:#849ca6;--ink:#243f4a;--muted:#4e6670;--accent:#376c76;--surface:linear-gradient(135deg,#f4f9f8ed,#d4e1e1d9);--line:#bacacd}
.ocean-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;background:linear-gradient(#aad9ed18,#124d6533),url('/assets/vast-ocean.png') center/cover;pointer-events:none}
#ocean-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .9s ease}
[data-ocean-ready="true"] #ocean-canvas{opacity:1}
[data-theme="moonlitdrift"] .ocean-backdrop{background-image:linear-gradient(#0b2149b0,#041831a3),url('/assets/vast-ocean.png')}
[data-theme="goldenwaters"] .ocean-backdrop{background-image:linear-gradient(#e2ab7038,#9a591752),url('/assets/vast-ocean.png')}
[data-round="4"] .site-surface{background:transparent;position:relative;z-index:1;padding-bottom:70px;pointer-events:none}
[data-round="4"] .site-surface a{pointer-events:auto}
[data-round="4"] .site-header{background:#e4f2f0b8;border-bottom:1px solid #ffffff82;padding-inline:20px;backdrop-filter:blur(15px);border-radius:0 0 18px 18px;min-height:83px}
[data-round="4"] .gallery-intro{padding:30px 0 28px;gap:28px}
[data-round="4"] .gallery-intro h1{text-shadow:0 1px 18px #f6fbf580;font-size:clamp(2.6rem,4.25vw,4.15rem)}
[data-round="4"] .intro-title{padding:17px 22px;background:linear-gradient(120deg,#eaf9f2b8,#f5fffb57);border:1px solid #ffffff70;backdrop-filter:blur(12px);border-radius:23px}
[data-round="4"] .intro-copy{background:#eef9f0c4;padding:14px 17px;border:1px solid #ffffff6b;border-radius:19px;backdrop-filter:blur(15px)}
[data-round="4"] .project-card{padding:10px;backdrop-filter:blur(20px) saturate(115%)}
[data-round="4"] .project-visual{border:1px solid #e2fdff73;border-radius:19px;background-image:linear-gradient(135deg,#ddfff029,transparent 50%,#081c3926);box-shadow:inset 0 1px 0 #ffffff40,0 3px 7px #081b2426}
[data-round="4"] .visual-ascii{--visual-bg:#27647a;--visual-ink:#daf7ee}
[data-round="4"] .visual-math{--visual-bg:#31567d;--visual-ink:#e5f2ff}
[data-round="4"] .visual-atom{--visual-bg:#547779;--visual-ink:#f3f6d8}
[data-round="4"] .card-body{padding:23px 15px 14px}
[data-round="4"] .card-body h3{font-size:1.8rem}
[data-round="4"] .launch-arrow{background:#e5f3ed;border:0}
[data-round="4"] .collection-heading{background:#eaf9f1d4;padding:10px 16px;margin-bottom:16px;border:1px solid #ffffff70;border-radius:13px;backdrop-filter:blur(15px)}
[data-round="4"] .site-footer{background:#e9f7f0d1;padding:16px 20px;border:1px solid #ffffff70;border-radius:14px;backdrop-filter:blur(15px);margin-top:28px}
[data-theme="goldenwaters"] :is(.intro-title,.intro-copy,.collection-heading,.site-header,.site-footer){background:#fff1d7c4}
[data-theme="goldenwaters"] .visual-ascii{--visual-bg:#8d673f;--visual-ink:#fff2ce}
[data-theme="goldenwaters"] .visual-math{--visual-bg:#485d6e;--visual-ink:#e6f3f8}
[data-theme="goldenwaters"] .visual-atom{--visual-bg:#826c52;--visual-ink:#fff0cf}
[data-theme="goldenwaters"] .launch-arrow{background:#f5e7ca}
[data-theme="moonlitdrift"] :is(.intro-title,.intro-copy,.collection-heading,.site-header,.site-footer){background:#102945b3;border-color:#b7d3ed47}
[data-theme="moonlitdrift"] .gallery-intro h1{text-shadow:0 2px 15px #06182985}
[data-theme="moonlitdrift"] .visual-ascii{--visual-bg:#205069b8;--visual-ink:#c6fbf5}
[data-theme="moonlitdrift"] .visual-math{--visual-bg:#2e426ab8;--visual-ink:#ddeaff}
[data-theme="moonlitdrift"] .visual-atom{--visual-bg:#415776b8;--visual-ink:#f0f0db}
[data-theme="moonlitdrift"] .card-body{background:#152d4980;border-radius:18px;margin-top:10px}
[data-theme="moonlitdrift"] .launch-arrow{background:#93bdd638}
[data-theme="silverswell"] :is(.intro-title,.intro-copy,.collection-heading,.site-header,.site-footer){background:#e9f2efce}
[data-theme="silverswell"] .visual-ascii{--visual-bg:#416c77;--visual-ink:#def3e9}
[data-theme="silverswell"] .visual-math{--visual-bg:#415d75;--visual-ink:#e4eef9}
[data-theme="silverswell"] .visual-atom{--visual-bg:#647c77;--visual-ink:#f2f1d8}
.ocean-controls{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:9px 10px 9px 17px;border:1px solid #e4f5ff8c;border-radius:18px;background:#0f2a40d9;color:#edf9ff;backdrop-filter:blur(18px);box-shadow:0 8px 25px #0a1f3940;font:14px/1.4 "Segoe UI",Arial,sans-serif}
.ocean-controls p{margin:0 12px 0 0;max-width:310px}
.ocean-controls button{white-space:nowrap;min-height:38px;border:1px solid #bcd9e04f;border-radius:10px;padding:8px 12px;background:#e1f7ff14;color:#effaff;font:inherit}
.ocean-controls button:hover{background:#c9eefa33}
.ocean-controls button:focus-visible{outline:2px solid #baf5ff;outline-offset:3px}
.ocean-controls button[aria-pressed="true"]{background:#ceeefa;color:#173c50}
[data-ocean-view="true"] .site-surface{visibility:hidden}
[data-ocean-view="true"] body{overflow:hidden;touch-action:none}
@media(max-width:1100px){[data-round="4"] .intro-title{padding:16px}[data-round="4"] .card-body{padding:22px 11px 12px}[data-round="4"] .card-body h3{font-size:1.6rem}}
@media(max-width:800px){[data-round="4"] .intro-title{width:fit-content}[data-round="4"] .intro-copy{max-width:440px}[data-round="4"] .project-card:last-child{display:flex;grid-column:auto}[data-round="4"] .project-card:last-child .project-visual{height:var(--visual-height);min-height:0;border:1px solid #e2fdff73}.ocean-controls p{max-width:210px}.ocean-controls{bottom:12px}[data-round="4"] .show-tuner{bottom:100px}}
@media(max-width:540px){[data-round="4"] .gallery-intro h1{font-size:2.35rem}[data-round="4"] .site-header{padding-inline:12px}[data-round="4"] .card-body{padding:23px 14px 14px}[data-round="4"] .card-body h3{font-size:1.8rem}[data-round="4"] .site-surface{padding-bottom:105px}.ocean-controls{flex-wrap:wrap;justify-content:center;gap:6px;padding:10px;width:calc(100% - 24px)}.ocean-controls p{max-width:none;flex-basis:100%;text-align:center;font-size:12px;margin:0 0 2px}.ocean-controls button{padding:6px 16px;min-height:34px}}
@media(prefers-reduced-motion:reduce){#ocean-canvas{transition:none}}
@media(forced-colors:active){.ocean-backdrop{display:none}[data-round="4"] :is(.project-card,.project-visual,.intro-title,.intro-copy,.collection-heading,.site-header,.site-footer,.card-body),.ocean-controls{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none;backdrop-filter:none}[data-round="4"] .gallery-intro h1{text-shadow:none}}