:root{color-scheme:dark;--ink:#f1f3e9;--muted:#b3c0b8;--line:rgba(232,244,230,.22);--mint:#c6efc4;--deep:#0a1719;--serif:Georgia,"Times New Roman",serif;--mono:"DM Mono",monospace;--sans:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;background:#142426;color:var(--ink);font-family:var(--sans);scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{min-height:100svh}.scroll-track{height:360vh;position:relative;z-index:-1;pointer-events:none}#world{touch-action:pan-y}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}#world{position:fixed;inset:0;z-index:0}#world canvas{display:block;width:100%;height:100%;outline:0}.vignette,.grain{position:fixed;inset:0;pointer-events:none;z-index:1}.vignette{background:radial-gradient(ellipse at center,transparent 32%,rgba(4,12,14,.17) 72%,rgba(4,12,14,.65) 130%)}.grain{opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.topbar{position:fixed;top:0;left:0;right:0;height:82px;padding:0 5.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);z-index:5;letter-spacing:.12em;font:10px var(--mono);background:linear-gradient(180deg,rgba(5,15,16,.28),transparent)}.wordmark{color:var(--ink);text-decoration:none;font-weight:500;letter-spacing:.16em;display:flex;align-items:center;gap:10px}.mark{font-size:21px;color:var(--mint)}.wordmark-sub{color:rgba(237,245,235,.52);margin-left:7px;font-size:9px}.live-status{display:flex;align-items:center;gap:10px;color:rgba(240,245,237,.82)}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c9f4b9;box-shadow:0 0 12px rgba(201,244,185,.8);animation:live 2s ease-in-out infinite}.icon-button{background:transparent;color:var(--ink);border:1px solid var(--line);padding:10px 13px;letter-spacing:.12em;font:10px var(--mono);cursor:pointer;transition:background .2s,border .2s}.icon-button:hover,.small-control:hover{background:rgba(230,250,224,.1);border-color:rgba(230,250,224,.55)}.intro,.pond-ui{position:fixed;inset:0;z-index:2;transition:opacity .22s linear,visibility .35s ease}.intro-copy{position:absolute;left:10vw;top:50%;transform:translateY(-44%);max-width:600px;transition:transform 1s ease,opacity .8s ease}.eyebrow{display:flex;align-items:center;gap:12px;font:10px var(--mono);letter-spacing:.19em;color:rgba(239,245,233,.76);margin:0 0 25px}.eyebrow-line{display:inline-block;width:27px;height:1px;background:var(--mint)}h1{font-size:clamp(54px,8.4vw,124px);line-height:.88;letter-spacing:-.075em;font-weight:500;margin:0;text-shadow:0 4px 35px rgba(0,0,0,.16)}h1 em,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.09em}h1 em{color:#d7f3cc}.intro-description{font-size:14px;line-height:1.85;color:rgba(240,246,237,.74);max-width:360px;margin:27px 0 30px}.enter-button{display:flex;align-items:center;justify-content:space-between;gap:60px;min-width:235px;padding:17px 18px;background:rgba(224,245,216,.94);color:#142321;border:0;cursor:pointer;font:10px var(--mono);letter-spacing:.16em;transition:transform .25s,background .25s}.enter-button:hover{transform:translateY(-3px);background:white}.enter-button .arrow{font-size:18px}.hint{margin-top:19px;font:9px var(--mono);letter-spacing:.12em;color:rgba(240,246,237,.55)}.intro-side-note{position:absolute;right:5.2vw;bottom:15%;display:flex;flex-direction:column;gap:10px;text-align:right;font:9px var(--mono);letter-spacing:.17em;color:rgba(240,246,237,.65)}.scroll-cue{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font:9px var(--mono);letter-spacing:.16em;color:rgba(240,246,237,.66)}.scroll-cue span{height:30px;width:1px;background:linear-gradient(var(--mint),transparent);animation:scrollLine 1.8s ease-in-out infinite}.intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.intro.is-leaving .intro-copy{transform:translateY(-48%) scale(.98);opacity:0}.pond-ui{pointer-events:none}.pond-ui>*{pointer-events:auto}.is-hidden{opacity:0;visibility:hidden;pointer-events:none!important}.pond-heading{position:absolute;left:8vw;top:15%;max-width:410px;transition:opacity .8s}.pond-heading .eyebrow{margin-bottom:18px}.pond-heading h1{font-size:clamp(48px,6vw,83px);letter-spacing:-.08em}.pond-heading h1 em{color:#d9f0cb}.pond-subtitle{font-size:13px;color:rgba(237,245,234,.75);margin-top:18px;letter-spacing:.02em}.pond-label{position:absolute;top:49%;display:flex;align-items:center;gap:10px;font:9px var(--mono);letter-spacing:.17em;color:rgba(245,249,238,.78)}.pond-label-left{left:5vw}.pond-label-right{right:5vw}.pond-label small{display:block;margin-left:8px;color:rgba(245,249,238,.45);font-size:8px}.label-dot{width:5px;height:5px;border-radius:50%;background:var(--mint)}.lily-nav{position:absolute;inset:0;pointer-events:none}.lily-link{pointer-events:auto;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:clamp(105px,11vw,154px);height:clamp(85px,9vw,125px);border:1px solid rgba(231,248,225,.48);border-radius:50%;background:radial-gradient(ellipse at 35% 25%,rgba(217,247,209,.23),rgba(29,78,62,.3) 52%,rgba(5,25,24,.24));box-shadow:inset 0 0 25px rgba(223,251,215,.08),0 12px 34px rgba(0,0,0,.13);backdrop-filter:blur(5px);color:#f2f6e9;cursor:pointer;transform:translate(-50%,-50%);transition:background .35s,border .35s,box-shadow .35s,scale .35s;animation:padFloat 5s ease-in-out infinite}.lily-link:nth-child(1){left:34%;top:47%;animation-delay:-1.2s}.lily-link:nth-child(2){left:66%;top:47%;animation-delay:-3s}.lily-link:nth-child(3){left:38%;top:72%;animation-delay:-2.1s}.lily-link:nth-child(4){left:63%;top:72%;animation-delay:-.5s}.lily-link:hover,.lily-link:focus-visible{outline:none;border-color:#e6ffd9;background:radial-gradient(ellipse at 35% 25%,rgba(230,255,220,.38),rgba(45,108,78,.44) 52%,rgba(5,25,24,.4));box-shadow:inset 0 0 28px rgba(223,251,215,.15),0 0 35px rgba(188,238,174,.19);scale:1.06}.lily-icon{font-size:17px;color:#d7f3cb}.lily-title{font:10px var(--mono);letter-spacing:.17em}.lily-link small{font:8px var(--mono);letter-spacing:.08em;color:rgba(244,248,235,.64)}.pond-bottom{position:absolute;left:5.2vw;right:5.2vw;bottom:30px;display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:.13em;color:rgba(239,246,235,.74)}.pond-bottom>span{display:flex;align-items:center;gap:9px}.bottom-controls{display:flex;gap:8px}.small-control{background:rgba(5,20,20,.24);border:1px solid var(--line);color:var(--ink);padding:10px 12px;font:9px var(--mono);letter-spacing:.1em;cursor:pointer;transition:background .2s,border .2s}.small-control span{color:var(--mint);margin-left:12px}.section-panel{position:fixed;z-index:8;right:5vw;top:50%;transform:translate(22px,-50%);width:min(390px,90vw);padding:35px;background:rgba(8,26,26,.84);border:1px solid rgba(222,245,215,.28);box-shadow:0 20px 90px rgba(0,0,0,.25);backdrop-filter:blur(24px);opacity:0;visibility:hidden;transition:opacity .4s,transform .4s,visibility .4s}.section-panel.is-open{opacity:1;visibility:visible;transform:translate(0,-50%)}.close-panel{position:absolute;right:17px;top:12px;background:transparent;border:0;color:var(--ink);font-size:26px;cursor:pointer}.section-panel .eyebrow{margin:5px 0 20px;font-size:9px}.section-panel h2{font-size:47px;font-weight:500;letter-spacing:-.07em;margin:0 0 18px}.section-panel h2 em{color:#d7f3cc}.section-panel>p:not(.eyebrow):not(.panel-foot){font-size:13px;line-height:1.85;color:rgba(238,246,235,.77)}.panel-extra{margin-top:22px;display:flex;flex-wrap:wrap;gap:7px}.panel-chip{border:1px solid rgba(220,244,214,.24);padding:8px 10px;font:9px var(--mono);letter-spacing:.06em;color:#d9edce}.panel-foot{margin:32px 0 0;padding-top:17px;border-top:1px solid var(--line);font:8px var(--mono);letter-spacing:.12em;color:rgba(236,244,230,.54);display:flex;justify-content:space-between}.panel-foot span{color:var(--mint);font-size:15px}.toast{position:fixed;z-index:9;left:50%;bottom:100px;transform:translate(-50%,10px);padding:12px 16px;background:rgba(6,23,23,.85);border:1px solid var(--line);font:10px var(--mono);letter-spacing:.08em;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.sound-note{position:fixed;z-index:4;bottom:24px;left:50%;transform:translateX(-50%);font:8px var(--mono);letter-spacing:.16em;color:rgba(240,246,236,.5);transition:opacity .6s}.sound-note.is-hidden{opacity:0;visibility:hidden}@keyframes live{0%,100%{opacity:1}50%{opacity:.38}}@keyframes scrollLine{0%,100%{transform:scaleY(.6);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes padFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}@media(max-width:760px){.scroll-track{height:340vh}.topbar{height:67px;padding:0 20px}.wordmark{font-size:9px}.wordmark-sub{display:none}.live-status{display:none}.icon-button{padding:9px;font-size:9px}.intro-copy{left:7vw;right:7vw;top:46%;transform:translateY(-40%)}.intro-copy h1{font-size:clamp(58px,16vw,92px)}.intro-description{font-size:13px;max-width:310px}.intro-side-note{right:7vw;bottom:11%;font-size:8px}.scroll-cue{bottom:20px}.pond-heading{top:12%;left:7vw;right:7vw}.pond-heading h1{font-size:57px}.pond-heading .eyebrow{font-size:8px;margin-bottom:12px}.pond-subtitle{font-size:12px;margin-top:12px}.pond-label{top:43%;font-size:8px}.pond-label-left{left:6vw}.pond-label-right{right:6vw}.pond-label small{display:none}.lily-link{width:108px;height:83px}.lily-link:nth-child(1){left:28%;top:52%}.lily-link:nth-child(2){left:72%;top:52%}.lily-link:nth-child(3){left:28%;top:72%}.lily-link:nth-child(4){left:72%;top:72%}.lily-title{font-size:9px}.lily-link small{font-size:7px}.pond-bottom{left:6vw;right:6vw;bottom:14px;align-items:flex-end}.pond-bottom>span{max-width:100px;line-height:1.7;font-size:8px}.bottom-controls{display:grid;grid-template-columns:1fr 1fr;gap:5px}.small-control{padding:9px 7px;font-size:8px}.small-control span{margin-left:4px}.section-panel{right:5vw;left:5vw;width:auto;top:auto;bottom:18px;transform:translateY(20px);padding:26px}.section-panel.is-open{transform:translateY(0)}.section-panel h2{font-size:39px}.section-panel .eyebrow{font-size:8px}.section-panel>p:not(.eyebrow):not(.panel-foot){font-size:12px}.sound-note{bottom:5px;font-size:7px;white-space:normal;text-align:center;width:90%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
:root{--ink:#fff0d6;--muted:#f1c6d0;--line:rgba(255,226,206,.38);--mint:#b4d78a;--deep:#343957;--mono:"VT323",monospace;--sans:"Press Start 2P",monospace}
html,body{background:#d98cae;image-rendering:pixelated}
#world canvas{image-rendering:pixelated;image-rendering:crisp-edges}
.vignette{background:linear-gradient(180deg,rgba(70,47,91,.12),transparent 35%,rgba(45,58,75,.18))}
.grain{display:none}
.topbar{border-bottom:3px solid rgba(255,220,205,.55);background:rgba(91,62,104,.22);font-family:var(--mono);font-size:17px;letter-spacing:.05em}
.wordmark{letter-spacing:.05em}.wordmark-sub{font-size:14px}.mark{color:#f8d8a2}
.live-status,.intro-side-note,.scroll-cue,.hint,.eyebrow,.pond-label,.pond-bottom,.small-control,.icon-button{font-family:var(--mono);letter-spacing:.04em;font-size:16px}
h1,h2{font-family:"Press Start 2P",monospace;font-size:clamp(25px,4vw,48px);line-height:1.45;letter-spacing:-.06em;text-shadow:4px 4px 0 rgba(87,61,98,.35)}
h1 em,h2 em{font-family:"Press Start 2P",monospace;font-style:normal;color:#ffe1a3;letter-spacing:-.08em}
.intro-copy{max-width:760px}.intro-description,.pond-subtitle,.section-panel>p:not(.eyebrow):not(.panel-foot){font-family:var(--mono);font-size:23px;line-height:1.35}
.enter-button{font-family:var(--mono);font-size:20px;border:3px solid #6d536e;box-shadow:5px 5px 0 #6d536e;background:#f4d5b7}
.lily-link{border:3px solid #d6e3a0;border-radius:18%;background:rgba(46,83,80,.78);box-shadow:5px 5px 0 rgba(44,54,77,.55);backdrop-filter:none}
.lily-title,.lily-link small{font-family:var(--mono);font-size:17px}.lily-icon{font-size:20px}
.section-panel{border:4px solid #e9bdad;border-radius:0;background:rgba(57,56,83,.96);backdrop-filter:none;box-shadow:7px 7px 0 rgba(42,45,68,.55)}
.section-panel h2{font-size:25px}.section-panel .eyebrow{font-size:15px}.panel-chip{font-family:var(--mono);font-size:16px;border:2px solid #9bb88a}
.close-panel{font-family:var(--mono)}.toast{font-family:var(--mono);font-size:18px;border:3px solid #f0c5b2;background:#454363}
@media(max-width:760px){h1,h2{font-size:clamp(22px,6vw,34px)}.intro-description,.pond-subtitle{font-size:19px}.topbar{font-size:14px}.lily-title,.lily-link small{font-size:14px}.section-panel h2{font-size:22px}}

/* Compact accessible camera controls for the 3D world. */
.view-controls{display:flex;align-items:center;gap:5px;margin-left:auto;margin-right:12px}
.view-button{min-width:34px;min-height:34px;padding:7px 10px;font-size:16px;line-height:1}
.reset-view{font-size:19px}
@media(max-width:760px){.view-controls{gap:3px;margin-right:5px}.view-button{min-width:29px;min-height:31px;padding:5px 7px}.reset-view{font-size:17px}.topbar{padding-left:12px;padding-right:12px}.wordmark{gap:5px}.mark{font-size:17px}#soundToggle{padding:8px 7px}#soundLabel{font-size:8px}}

.play-controls{display:flex;align-items:center;gap:5px;margin-left:auto;margin-right:8px}
.mode-button{padding:9px 10px;white-space:nowrap}
.mode-button[aria-pressed="true"]{background:rgba(198,239,196,.18);border-color:rgba(198,239,196,.8);color:#d7f3cc}
@media(max-width:760px){.play-controls{gap:3px;margin-right:4px}.mode-button{padding:7px 5px;font-size:8px;letter-spacing:0}.view-controls{margin-left:0}.reset-view{display:none}.wordmark{max-width:90px;overflow:hidden;white-space:nowrap}}


/* PONDSIDE 2.0 — world telemetry and clean photo mode */
.world-hud{position:fixed;z-index:4;right:5.2vw;top:105px;width:205px;padding:16px 17px 13px;background:rgba(48,54,77,.72);border:3px solid rgba(246,211,188,.76);box-shadow:5px 5px 0 rgba(43,43,67,.55);font-family:var(--mono);color:#fff0d6;pointer-events:none;backdrop-filter:blur(5px)}
.hud-kicker{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#f5d3a1;letter-spacing:.04em}.hud-kicker span{font-size:21px}.hud-title{font-size:19px;margin-top:5px;letter-spacing:.03em}.hud-rule{height:3px;background:rgba(245,211,188,.45);margin:12px 0}.hud-stat{display:flex;flex-direction:column;gap:3px;margin:10px 0}.hud-stat span{font-size:13px;color:#d7c4d8}.hud-stat strong{font-size:16px;font-weight:400;color:#d9e9b4}.hud-compass{display:flex;align-items:center;gap:8px;margin-top:12px;color:#f4d3b1;font-size:15px}.hud-compass i{height:1px;flex:1;background:rgba(245,211,188,.45)}.hud-compass b{font-size:18px;color:#f8d9a2}
.photo-exit{position:fixed;z-index:20;left:50%;bottom:24px;transform:translateX(-50%);padding:12px 16px;background:rgba(44,47,69,.9);border:2px solid #f4d5b7;color:#fff0d6;font:16px var(--mono);letter-spacing:.04em;white-space:nowrap}
body.photo-mode .topbar,body.photo-mode .intro,body.photo-mode .pond-ui,body.photo-mode .section-panel,body.photo-mode .toast,body.photo-mode .sound-note,body.photo-mode .world-hud,body.photo-mode .vignette,body.photo-mode .grain{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body.photo-mode #photoExit{display:block!important;opacity:1;visibility:visible}
body.photo-mode #world canvas{cursor:crosshair}
@media(max-width:760px){.world-hud{top:78px;right:12px;width:150px;padding:10px 11px;opacity:.88}.hud-kicker,.hud-stat span{font-size:12px}.hud-title,.hud-stat strong{font-size:13px}.hud-rule{margin:7px 0}.hud-stat{margin:7px 0}.hud-compass{margin-top:7px}.photo-exit{font-size:12px;max-width:92vw;text-align:center;white-space:normal}}
@media(prefers-reduced-motion:reduce){.world-hud{backdrop-filter:none}}


/* Saturated 8/16-bit palette: candy skies, vivid greens and crisp voxel edges. */
:root{--ink:#fff7d6;--muted:#e5d4ff;--line:rgba(255,237,174,.48);--mint:#7dffb3;--deep:#17103b}
html,body{background:#1a1646}
#world canvas{image-rendering:pixelated;filter:saturate(1.34) contrast(1.07)}
.topbar,.section-panel,.world-hud,.toast{border-color:rgba(255,225,134,.8)}
.icon-button{box-shadow:3px 3px 0 rgba(12,9,43,.52)}
.icon-button:hover{filter:saturate(1.35) brightness(1.12)}
.mode-button[aria-pressed="true"]{background:rgba(255,111,190,.24);border-color:#ff9bd7;color:#fff0fc}
.world-hud{background:rgba(36,23,87,.82);border-color:#ffd47c;box-shadow:5px 5px 0 rgba(19,10,54,.6)}
.hud-kicker{color:#ffe18c}.hud-stat strong{color:#9dffbf}.hud-stat span{color:#e7c7ff}
body.pixel-8 #world canvas{image-rendering:pixelated;filter:saturate(1.55) contrast(1.12)}
body.pixel-8 .grain{opacity:.025}
@media(max-width:760px){.mode-button{font-size:8px}}

/* 2.5D isometric presentation: layered depth, crisp bevels, and a soft pixel-world atmosphere. */
#world::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.16;background:
 linear-gradient(30deg,transparent 49.5%,rgba(255,231,179,.12) 50%,transparent 50.5%) 0 0/72px 42px,
 linear-gradient(150deg,transparent 49.5%,rgba(115,255,209,.09) 50%,transparent 50.5%) 0 0/72px 42px;
 mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 86%,transparent 100%)}
#world canvas{filter:saturate(1.24) contrast(1.06);image-rendering:pixelated}
.topbar{box-shadow:0 5px 0 rgba(45,30,70,.16)}
.intro-copy,.pond-heading{filter:drop-shadow(4px 5px 0 rgba(44,30,68,.22))}
.intro-description,.pond-subtitle{max-width:390px;text-shadow:2px 2px 0 rgba(45,30,70,.28)}
.lily-link{transform:translate(-50%,-50%) rotateX(9deg);box-shadow:6px 7px 0 rgba(28,45,65,.5),inset 0 0 0 3px rgba(255,233,184,.08)}
.lily-link:hover,.lily-link:focus-visible{transform:translate(-50%,-50%) rotateX(9deg) translateY(-3px)}
.section-panel{box-shadow:8px 8px 0 rgba(35,28,63,.55),inset 0 0 0 3px rgba(255,227,173,.08)}
.panel-chip{box-shadow:3px 3px 0 rgba(24,24,52,.3)}
.world-hud{transform:perspective(700px) rotateY(-3deg);transform-origin:left center}
.pond-label{filter:drop-shadow(2px 2px 0 rgba(44,30,68,.45))}
@media(max-width:760px){
 #world::after{opacity:.09;background-size:48px 28px}
 .world-hud{transform:none}
 .lily-link{box-shadow:4px 5px 0 rgba(28,45,65,.5)}
}
@media(prefers-reduced-motion:reduce){#world::after{opacity:.06}}


/* Meadow reference art direction: soft sage greens, stone neutrals, warm sunlight and less candy saturation. */
:root{--ink:#f5f2dc;--muted:#d8e4cf;--line:rgba(237,232,194,.46);--mint:#b8e0a2;--deep:#253b32}
html,body{background:#7c9b85}
#world canvas{filter:saturate(1.08) contrast(1.04) brightness(1.035)}
.topbar,.section-panel,.world-hud,.toast{border-color:rgba(231,221,174,.76)}
.world-hud{background:rgba(39,63,52,.82);border-color:#d7d4b2}
.hud-kicker{color:#f0dda2}.hud-stat strong{color:#c7e6a8}.hud-stat span{color:#d7e1c9}
body.pixel-8 #world canvas{filter:saturate(1.2) contrast(1.08) brightness(1.025)}
#world::after{opacity:.07;background:
 linear-gradient(30deg,transparent 49.5%,rgba(245,242,211,.1) 50%,transparent 50.5%) 0 0/72px 42px,
 linear-gradient(150deg,transparent 49.5%,rgba(180,223,174,.08) 50%,transparent 50.5%) 0 0/72px 42px}


/* Pond landing composition: portfolio navigation feels like luminous lily markers floating on the water. */
.pond-heading{left:5.2vw;top:12%;max-width:320px;opacity:.9}
.pond-heading h1{font-size:clamp(30px,4vw,52px);line-height:1.2}
.pond-subtitle{font-size:17px;max-width:280px}
.lily-link{
  width:clamp(112px,12vw,158px);height:clamp(82px,8.5vw,112px);
  border:2px solid rgba(218,239,190,.8);
  border-radius:46% 54% 42% 58% / 54% 43% 57% 46%;
  background:radial-gradient(ellipse at 32% 22%,rgba(214,244,185,.52),rgba(54,103,74,.78) 46%,rgba(21,58,54,.78) 78%);
  box-shadow:0 8px 0 rgba(23,53,44,.36),0 0 22px rgba(192,226,157,.18),inset 0 2px 0 rgba(247,255,216,.35);
  backdrop-filter:blur(2px);
}
.lily-link:nth-child(1){left:37%;top:43%}
.lily-link:nth-child(2){left:63%;top:43%}
.lily-link:nth-child(3){left:39%;top:64%}
.lily-link:nth-child(4){left:61%;top:64%}
.lily-link::after{content:"";position:absolute;left:13%;right:18%;bottom:13%;height:1px;background:linear-gradient(90deg,transparent,rgba(215,242,177,.6),transparent);pointer-events:none}
.lily-link:hover,.lily-link:focus-visible{background:radial-gradient(ellipse at 32% 22%,rgba(238,255,210,.65),rgba(70,128,84,.86) 48%,rgba(21,58,54,.84) 80%);box-shadow:0 8px 0 rgba(23,53,44,.3),0 0 32px rgba(204,239,162,.32),inset 0 2px 0 rgba(247,255,216,.45)}
.pond-label{top:36%;font-size:14px;color:rgba(241,247,218,.8)}
.pond-bottom{color:rgba(242,246,221,.82)}
@media(max-width:760px){
 .pond-heading{top:10%;left:6vw;max-width:245px}
 .pond-heading h1{font-size:clamp(25px,7vw,39px)}
 .pond-subtitle{font-size:14px;max-width:220px}
 .lily-link{width:96px;height:75px}
 .lily-link:nth-child(1){left:30%;top:46%}
 .lily-link:nth-child(2){left:70%;top:46%}
 .lily-link:nth-child(3){left:31%;top:65%}
 .lily-link:nth-child(4){left:69%;top:65%}
 .pond-label{top:38%;font-size:10px}
}

/* Optional realism preset: natural shadows and a cleaner, less stylized image. */
body.realistic-mode .grain{opacity:.018}
body.realistic-mode .vignette{background:radial-gradient(ellipse at center,transparent 48%,rgba(4,12,14,.10) 82%,rgba(4,12,14,.32) 130%)}
body.realistic-mode #world canvas{image-rendering:auto;filter:saturate(.9) contrast(1.025)}
body.realistic-mode .mode-button#realismButton[aria-pressed="true"]{background:rgba(191,224,255,.2);border-color:rgba(191,224,255,.9);color:#e6f4ff}
@media(max-width:760px){.play-controls{max-width:57vw;overflow-x:auto;scrollbar-width:none}.play-controls::-webkit-scrollbar{display:none}}