@font-face{font-family:LocalSerif;src:local('Baskerville'),local('Palatino Linotype'),local('Georgia');font-display:swap}
:root{color-scheme:dark;--ink:#e9e4d9;--muted:#b6bdb7;--line:#d5dacc30;--panel:#112327;--gold:#e5c9a0;font-family:Arial,Helvetica,sans-serif;font-size:16px}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0b181b;color:var(--ink)}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{border:0;background:none}button:hover{color:#fff}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}#artwork{position:relative;width:100%;height:100%;height:100svh;isolation:isolate}#sea{display:block;width:100%;height:100%;background:#0c2228}.veil{position:absolute;left:0;width:100%;pointer-events:none}.top-veil{top:0;height:220px;background:linear-gradient(#081b2080,transparent)}.bottom-veil{bottom:0;height:210px;background:linear-gradient(transparent,#061519b8)}.chrome{position:absolute;left:0;width:100%;z-index:2;transition:opacity .6s}.masthead{top:0;display:flex;justify-content:space-between;align-items:flex-start;padding:36px 44px;gap:24px}.eyebrow{font-size:.75rem;line-height:1.5;letter-spacing:.18em;font-weight:500;margin:0 0 12px}.eyebrow span{padding:0 8px;opacity:.65}h1{font-family:LocalSerif,Georgia,serif;font-size:clamp(1.9rem,3vw,2.6rem);font-weight:400;letter-spacing:-.035em;margin:0;text-shadow:0 2px 25px #07191b66}.text-button{font-size:.875rem;padding:8px 0;white-space:nowrap}.text-button span,.labeled-button span{margin-left:12px}.toolbar{bottom:0;display:flex;align-items:center;justify-content:space-between;padding:24px 40px 30px;gap:24px}.work-state{display:flex;align-items:center;gap:23px}.seed-button{display:flex;align-items:center;gap:12px;padding:8px 4px}.seed-button .eyebrow{margin:0;color:var(--muted);font-size:.75rem}.seed-button #seed-label{font-size:.875rem;letter-spacing:.12em;font-variant-numeric:tabular-nums}.seed-edit{font-size:.8rem;opacity:.6}.divider{height:24px;width:1px;background:var(--line);display:block;flex-shrink:0}.age{display:flex;flex-direction:column;gap:6px;font-size:.75rem;color:var(--muted);white-space:nowrap}#elapsed{font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:.06em}.controls{display:flex;align-items:center;gap:6px}.icon-button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;transition:background .2s,color .2s}.icon-button:hover,.icon-button[aria-pressed=true]{background:#d6ddd41a;color:var(--gold)}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.labeled-button{font-size:.875rem;margin:0 8px;padding:13px 8px;white-space:nowrap}.control-divider{margin:0 10px}#loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;background:#0b181b;z-index:3;transition:opacity .8s;pointer-events:none}#loading.done{opacity:0}#loading p{font-family:LocalSerif,Georgia,serif;font-size:1.25rem}.loading-line{width:90px;height:1px;background:linear-gradient(90deg,transparent,#ddcfb4,transparent);animation:breathe 1.5s ease-in-out infinite}@keyframes breathe{50%{opacity:.3;transform:scaleX(.65)}}#notice{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);font-size:.875rem;text-align:center;max-width:calc(100% - 32px);padding:10px 18px;border:1px solid var(--line);background:#102428e6;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .3s;z-index:5}#notice.visible{opacity:1}.hud-hidden .chrome,.hud-hidden .veil{opacity:0;pointer-events:none}#leave-immersion{position:absolute;right:25px;bottom:25px;padding:13px 18px;font-size:.875rem;background:#0b202681;border:1px solid #d5dacc30;border-radius:3px;opacity:.35;transition:opacity .3s}#leave-immersion:hover,#leave-immersion:focus-visible{opacity:1}dialog{background:var(--panel);color:var(--ink);border:1px solid #879b943b;max-width:520px;width:calc(100% - 32px);max-height:calc(100svh - 32px);padding:48px;box-shadow:0 24px 120px #0007}dialog::backdrop{background:#051419a8;backdrop-filter:blur(8px)}dialog h2{font-family:LocalSerif,Georgia,serif;font-weight:400;font-size:2.45rem;line-height:1.08;letter-spacing:-.035em;margin:20px 0 26px}dialog p{font-size:1rem;line-height:1.65}.dialog-close{position:absolute;top:12px;right:15px;width:36px;height:36px;font-size:1.6rem;font-weight:200}.secondary{color:var(--muted)}.colophon{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:21px;margin-top:30px;font-size:.875rem}.small-note{font-size:.8rem;line-height:1.55;color:var(--muted);margin:22px 0 0}#seed-form{display:flex;flex-direction:column;gap:13px}label{font-size:.875rem;color:var(--muted)}input{width:100%;background:#081b1f;border:1px solid #9ba9a451;border-radius:0;padding:15px;color:var(--ink);font-size:1.25rem;letter-spacing:.12em}.primary-button{display:flex;justify-content:space-between;background:#ddc8a5;color:#132327;padding:16px;margin-top:6px;font-size:.875rem}.primary-button:hover{background:#ebd7b4;color:#132327}#unavailable{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;background:#0b181b;z-index:4}#unavailable h2{font-family:Georgia,serif;font-weight:400;font-size:2rem}#unavailable p{max-width:480px;line-height:1.6}#unavailable button{border:1px solid var(--line);padding:12px 25px;margin-top:15px}
@media(max-width:760px){.masthead{padding:25px 24px;gap:14px}.masthead .eyebrow{font-size:.65rem;letter-spacing:.13em}.masthead .eyebrow span{padding:0 4px}.text-button{font-size:0}.text-button span{font-size:1.1rem;margin:0;padding:8px}.toolbar{padding:15px 20px 23px;flex-wrap:wrap;gap:13px;justify-content:center}.work-state{width:100%;justify-content:space-between;gap:12px}.work-state>.divider{display:none}.age{flex-direction:row;gap:12px}.controls{width:100%;justify-content:space-between;gap:0;border-top:1px solid var(--line);padding-top:10px}.control-divider{margin:0 5px}.labeled-button{font-size:.8rem;margin:0;padding:12px 3px}.labeled-button span{margin-left:5px}.icon-button{width:40px;height:42px}.bottom-veil{height:260px}#notice{bottom:160px;white-space:normal;width:max-content}dialog{padding:36px 27px}dialog h2{font-size:2.1rem}.colophon{font-size:.8rem}.eyebrow{font-size:.75rem}}
@media(max-height:500px) and (min-width:761px){.masthead{padding:18px 30px}.toolbar{padding:12px 25px}.masthead .eyebrow{margin-bottom:5px}h1{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.speed-button{font-size:.875rem;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--gold)}
#event-keys{scroll-margin-top:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}#event-keys h3{font-size:1rem;font-weight:500;margin:0 0 16px}.event-keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px;margin:0}.event-keys>div{display:flex;gap:10px;align-items:center}.event-keys dt{flex-shrink:0}.event-keys dd{margin:0;font-size:.875rem;line-height:1.4}kbd{display:inline-grid;place-items:center;min-width:28px;height:28px;border:1px solid var(--line);border-radius:4px;color:var(--gold);font:inherit;font-size:.875rem}#event-keys .small-note{font-size:.875rem}@media(max-width:420px){.event-keys{grid-template-columns:1fr}}
@media(max-width:760px){.controls{flex-wrap:wrap;gap:3px;justify-content:center}.controls .icon-button{width:36px;height:40px}.controls .labeled-button{font-size:.75rem}.control-divider{margin:0 3px}.work-state{align-items:center}.age{font-size:.7rem;gap:8px}}
#sea{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair}#sea.stirring{cursor:grabbing}#sea:focus-visible{outline:2px solid var(--gold);outline-offset:-5px}.chrome{pointer-events:none}.chrome button{pointer-events:auto}.hud-hidden .chrome button{pointer-events:none}#interaction-hint{font-size:.875rem;line-height:1.5;letter-spacing:.015em;color:var(--ink);margin:14px 0 0;text-shadow:0 1px 10px #061519}

/* Concurrent event labels fit alongside the existing controls. */
.work-state{min-width:0;flex:1 1 auto}.seed-button,.controls{flex-shrink:0}.age{min-width:0}#tide-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#elapsed{flex-shrink:0}

.sound-button{display:flex;align-items:center;gap:7px;min-height:42px;padding:8px 12px;font-size:.875rem;white-space:nowrap;border:1px solid var(--line);border-radius:24px;margin-right:8px}.sound-button[aria-pressed=true]{color:var(--gold);background:#d6ddd41a}.sound-button svg{width:17px;height:17px;flex-shrink:0}.sound-settings{padding:24px 0;border-bottom:1px solid var(--line)}.sound-settings h3{font-size:1rem;font-weight:500;margin:0 0 14px}.sound-settings p{font-size:.875rem}.volume-label{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px;font-size:.875rem;color:var(--ink)}#sound-volume{width:100%;min-height:32px;padding:0;accent-color:var(--gold);cursor:pointer;background:transparent;border:0;letter-spacing:normal}.chrome .sound-button{pointer-events:auto}.hud-hidden .chrome .sound-button{pointer-events:none}
@media(min-width:761px) and (max-width:1150px){.toolbar{flex-wrap:wrap;justify-content:center;gap:12px}.work-state{flex-basis:100%;justify-content:space-between}.work-state>.divider{display:none}.age{flex-direction:row}.controls{max-width:100%;flex-wrap:wrap;justify-content:center}.bottom-veil{height:250px}}
@media(max-width:760px){.sound-button{margin-right:2px;padding:6px 9px;font-size:.875rem;min-height:40px}.controls .labeled-button{font-size:.875rem}.toolbar{gap:8px}.controls{row-gap:5px}}

.capture-button{display:flex;align-items:center;gap:7px;min-height:42px;padding:8px 10px;font-size:.875rem;border:1px solid var(--line);border-radius:24px;white-space:nowrap}.capture-button.recording{color:#ffc9aa;border-color:#ffc9aa}.toolbar{flex-wrap:wrap}.controls{flex-shrink:1;flex-wrap:wrap;max-width:100%}.capture-section{padding:20px 0;border-bottom:1px solid var(--line)}.capture-section h3{margin:0 0 10px;font-size:1rem;font-weight:500}.capture-section .small-note{margin:10px 0 16px}.capture-section .primary-button{width:100%}.capture-section select{width:100%;margin-top:9px;padding:13px;font:inherit;font-size:1rem;background:#081b1f;color:var(--ink);border:1px solid var(--line);border-radius:0}.capture-link{display:inline-block;margin:15px 0 0;font-size:.875rem;color:var(--gold)}a.primary-button{text-decoration:none}#video-preview{display:block;width:100%;max-height:45svh;margin-top:22px;background:#081b1f}#show-hud{position:absolute;top:22px;right:24px;z-index:4;font-size:.875rem;padding:12px 16px;background:#0b2026b8;border:1px solid #d5dacc60;border-radius:24px;color:var(--ink);opacity:.55}#show-hud:hover,#show-hud:focus-visible{opacity:1}#record-stop{position:absolute;left:24px;bottom:24px;z-index:4;display:flex;gap:10px;align-items:center;padding:12px 17px;font-size:.875rem;background:#112327eb;border:1px solid #ffc9aa88;border-radius:24px}.record-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#ffb096}#record-clock{font-variant-numeric:tabular-nums}select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:760px){.capture-button{min-height:40px;padding:6px 9px}.controls{justify-content:center}#show-hud{top:16px;right:16px}#record-stop{left:16px;bottom:16px}body:not(.hud-hidden) #record-stop{bottom:190px}.capture-section .primary-button{font-size:1rem}}
@media(min-width:761px){body:not(.hud-hidden) #record-stop{bottom:112px}}

.touch-hud-button{display:none}
.medium-select-wrap{display:none}
body[data-medium=whiteboard] .chrome{--ink:#17283b;--muted:#41546b;--gold:#135dcc;--line:#243d5d44;color:var(--ink)}
body[data-medium=whiteboard] .chrome button:hover{color:#0752c8}
body[data-medium=whiteboard] .top-veil{background:linear-gradient(#ffffffd1,transparent)}
body[data-medium=whiteboard] .bottom-veil{background:linear-gradient(transparent,#fffffff0)}
body[data-medium=whiteboard] h1,body[data-medium=whiteboard] #interaction-hint{text-shadow:none}
body[data-medium=whiteboard] .medium-switch span{background:#fffffff2;color:#24364c;border-color:#354c7266}
body[data-medium=whiteboard] .medium-switch input:checked+span{background:#1d55ad;color:#fff;border-color:#1d55ad}
body[data-medium=whiteboard] .touch-hud-button{background:#fffffff2;border-color:#354c7266}
body[data-medium=whiteboard] .chrome .medium-select-wrap select{color-scheme:light;background:#fffffff2;color:#24364c;border-color:#354c7266}
body[data-medium=chalk] .top-veil{background:linear-gradient(#050607aa,transparent)}
body[data-medium=chalk] .bottom-veil{background:linear-gradient(transparent,#050607d9)}
body[data-medium=pencil] .chrome{--ink:#282c32;--muted:#555a62;--gold:#455771;--line:#343a4644;color:var(--ink)}
body[data-medium=pencil] .chrome button:hover{color:#080d16}
body[data-medium=pencil] .top-veil{background:linear-gradient(#faf9f4d6,transparent)}
body[data-medium=pencil] .bottom-veil{background:linear-gradient(transparent,#faf9f4ed)}
body[data-medium=pencil] h1,body[data-medium=pencil] #interaction-hint{text-shadow:none}
body[data-medium=pencil] .medium-switch span{background:#faf9f4f2;color:#303640;border-color:#343a4666}
body[data-medium=pencil] .medium-switch input:checked+span{background:#343a46;color:#faf9f4;border-color:#343a46}
body[data-medium=pencil] .touch-hud-button{background:#faf9f4f2;border-color:#343a4666}
body[data-medium=pencil] .chrome .medium-select-wrap select{color-scheme:light;background:#faf9f4f2;color:#303640;border-color:#343a4666}
.medium-switch{display:flex;flex-wrap:wrap;gap:5px;border:0;padding:0;margin:18px 0 0;max-width:700px;pointer-events:auto}.medium-switch legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.medium-switch label{position:relative;display:flex;cursor:pointer;color:var(--ink);min-width:0}.medium-switch input{position:absolute;width:1px;height:1px;opacity:0;padding:0;margin:0}.medium-switch span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 13px;font-size:.875rem;line-height:1.3;background:#0c2229df;border:1px solid #a0b6ad66;border-radius:22px;text-align:center;transition:background .15s,border-color .15s}.medium-switch input:checked+span{background:#ddc8a5;color:#132327;border-color:#ddc8a5}.medium-switch input:focus-visible+span{outline:2px solid var(--gold);outline-offset:3px}.medium-switch label:hover span{border-color:var(--gold)}.hud-hidden .medium-switch{pointer-events:none}.masthead>div{min-width:0}.chrome .medium-switch input{pointer-events:auto}body[data-medium=ink] .chrome{--ink:#152c38;--muted:#3d5660;--gold:#783d20;--line:#25455344;color:var(--ink)}body[data-medium=ink] .chrome button:hover{color:#061a25}body[data-medium=ink] .top-veil{background:linear-gradient(#faf5e3bf,transparent)}body[data-medium=ink] .bottom-veil{background:linear-gradient(transparent,#faf5e3d9)}body[data-medium=ink] h1,body[data-medium=ink] #interaction-hint{text-shadow:none}body[data-medium=ink] .medium-switch span{background:#f6f0e5ed;color:#263c45;border-color:#25455366}body[data-medium=ink] .medium-switch input:checked+span{background:#263c45;color:#fff6e6;border-color:#263c45}body[data-medium=ink] .touch-hud-button{background:#f6f0e5eb;border-color:#25455366}@media(max-width:760px){.medium-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:390px;margin-top:13px;gap:5px}.medium-switch label,.medium-switch span{width:100%}.medium-switch span{padding:8px 10px;border-radius:14px}.masthead{padding-top:max(20px,env(safe-area-inset-top))}#interaction-hint{font-size:.875rem}}@media(max-height:520px){.masthead{padding-top:12px}.masthead .eyebrow{margin-bottom:3px}.medium-switch{display:flex;max-width:min(76vw,700px);margin-top:8px}.medium-switch label,.medium-switch span{width:auto}.medium-switch span{min-height:44px;padding:6px 10px}.masthead #interaction-hint{margin-top:6px;font-size:.875rem}.touch-hud-button{margin-top:6px}}
.sculpture-button{display:flex;align-items:center;gap:7px;min-height:44px;padding:9px 12px;font-size:.875rem;white-space:nowrap;border:1px solid var(--line);border-radius:24px;touch-action:manipulation}.sculpture-button[aria-pressed=true]{color:var(--gold);background:#d6ddd41a}.sculpture-button svg{width:18px;flex-shrink:0}#sculpture-button{width:100%;min-height:48px;margin-top:14px}#sculpture-button:disabled{cursor:default}.controls{justify-content:flex-end}@media(max-width:1150px){.controls{justify-content:center}}
.journey-settings{padding:24px 0;border-bottom:1px solid var(--line)}.journey-settings h3{font-size:1rem;font-weight:500;margin:0 0 14px}.journey-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.journey-actions .primary-button{align-items:center;justify-content:center;text-align:center;min-height:48px;line-height:1.4;margin:0}.journey-preference{display:flex;align-items:center;gap:12px;min-height:44px;font-size:.875rem;color:var(--ink);cursor:pointer}.journey-preference input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--gold);padding:0;margin:0;cursor:pointer}@media(max-width:480px){.journey-actions{grid-template-columns:1fr}}
@media(pointer:coarse),(max-width:760px){.touch-hud-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;margin-top:14px;padding:10px 17px;border:1px solid #d5dacc70;border-radius:24px;background:#0b2026d9;color:var(--ink);font-size:.875rem;line-height:1.4;touch-action:manipulation}.masthead>div{min-width:0}#show-hud{min-height:44px;max-width:calc(100% - 32px);top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));background:#0b2026e8;border-color:#d5dacc90;opacity:1;touch-action:manipulation}}

@media(max-width:760px){.medium-switch{display:none}.medium-select-wrap{display:flex;align-items:center;gap:10px;max-width:390px;margin-top:14px;color:var(--ink);font-size:.875rem;pointer-events:auto}.medium-select-wrap select{min-width:0;flex:1;min-height:44px;max-width:100%;padding:10px 30px 10px 12px;border:1px solid #a0b6ad88;border-radius:12px;font:inherit;color:#f3e7d2;background:#10262ded;cursor:pointer}.chrome .medium-select-wrap select{pointer-events:auto}.hud-hidden .medium-select-wrap,.hud-hidden .chrome .medium-select-wrap select{pointer-events:none}body[data-medium=ink] .medium-select-wrap select{background:#f6f0e5ed;color:#263c45;border-color:#25455366}}