/* ---- seamless-bosphorus-v29 (index.html line 1238) ---- */
/* One continuous canvas: never terminate a shading layer halfway across the hero. */
html body #intro .scene-shade{display:none!important}
html body #intro .hero-scene{background:transparent!important;border:0!important;box-shadow:none!important}
html:not(#a29):not(#b29):not(#c29):not(#d29):not(#e29):not(#f29) body :is(#ranges,#scentFamilies){margin:0!important;padding:0!important;width:100%!important;max-width:none!important;height:100dvh!important;min-height:0!important;position:relative!important;mask-image:none!important;-webkit-mask-image:none!important;scroll-margin-top:0!important;overflow:hidden!important}
html:not(#a29):not(#b29):not(#c29):not(#d29):not(#e29):not(#f29) body :is(#ranges .range-grid,#scentFamilies .family-grid){height:100dvh!important;min-height:0!important;width:100%!important;max-width:none!important;mask-image:none!important;-webkit-mask-image:none!important;border:0!important;padding:0!important;margin:0!important}
html:not(#a29):not(#b29):not(#c29):not(#d29):not(#e29):not(#f29) body :is(#ranges .range-card,#scentFamilies .family-card){height:100%!important;min-height:0!important;flex:0 0 100%!important;border-radius:0!important;border:0!important;background-size:cover!important}
.chapter29-pause{position:absolute;bottom:34px;left:24px;width:36px;height:36px;border:1px solid #ffffff65;border-radius:50%;background:#10213045;backdrop-filter:blur(10px);color:#fff;z-index:8;cursor:pointer}
/* Keep the entire experiment in the actual Bosphorus silhouette. */
html body #concentrationLab27 .lab27-station{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding:0 0 18px!important;gap:5px!important}
.lab29-bosphorus{position:relative;width:342px;max-width:100%;height:400px;flex:none;margin:0 auto 16px;filter:drop-shadow(12px 20px 15px #0005)}
html body #concentrationLab27 .lab29-bosphorus>.lab28-royal{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important;z-index:0!important}
html body #concentrationLab27 .lab29-bosphorus>.lab27-bottle{position:absolute!important;left:29%!important;top:32%!important;width:41%!important;height:51%!important;margin:0!important;border:0!important;border-radius:10px 10px 27px 27px!important;background:linear-gradient(100deg,#ccf9ff22,#87def511 45%,#e3fcff44)!important;box-shadow:inset 2px 0 8px #ffffff70!important;overflow:hidden!important;z-index:2!important}
html body #concentrationLab27 .lab29-inside .lab27-liquid{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;transform:none!important;background:linear-gradient(180deg,#a6f3ff44,#27bbe57a 65%,#0878a880)!important;opacity:calc(.35 + var(--intensity,.25)*.55)!important;transition:opacity .4s!important}
html body #concentrationLab27 .lab29-inside .lab27-liquid:before{display:none!important}
html body #concentrationLab27 .lab29-inside .lab27-glasslabel{position:absolute!important;top:auto!important;bottom:22px!important;left:6px!important;right:6px!important;padding:8px 2px!important;background:#073a5870!important;border:1px solid #9de8f333!important;border-radius:10px!important;color:white!important;z-index:4!important}
html body #concentrationLab27 .lab29-inside .lab27-glasslabel strong{font-size:29px!important;line-height:1.15!important}
html body #concentrationLab27 .lab29-inside .lab27-glasslabel span{font-size:10px!important;display:block!important}
.lab29-notes{position:absolute;inset:0;z-index:3;pointer-events:none}
.lab29-notes i{position:absolute;left:var(--x);top:var(--y);width:18px;height:18px;animation:float29 3.4s ease-in-out var(--delay) infinite alternate;transform:rotate(var(--r));box-shadow:1px 2px 3px #082b4744}
.lab29-notes i[hidden]{display:none!important}
.lemon29{border:2px solid #ffe061;border-radius:50%;background:repeating-conic-gradient(#ffd858 0deg 39deg,#fff4bd 40deg 44deg);opacity:.94}
.mint29{border-radius:1px 80% 1px 80%;background:linear-gradient(45deg,transparent 47%,#acdc9766 49%,transparent 54%),repeating-linear-gradient(25deg,#328055 0 3px,#459269 4px 5px);width:14px!important;height:22px!important}
@keyframes float29{from{translate:0 0;rotate:-8deg}to{translate:3px 6px;rotate:10deg}}
html body #concentrationLab27 .lab27-stream{display:none!important}
html body #concentrationLab27 .lab27-slider{position:static!important;flex:none;width:min(100%,380px)!important;margin:4px 0!important}
html body #concentrationLab27 .lab27-scale{width:min(100%,380px)!important}
html body #concentrationLab27 .lab27-controls{margin-top:6px!important;flex-wrap:wrap!important;justify-content:center!important}
@media(max-width:600px){.lab29-bosphorus{width:308px;height:360px;margin-bottom:12px}.chapter29-pause{bottom:30px;left:14px}}
@media(prefers-reduced-motion:reduce){.lab29-notes i{animation:none}}

/* ---- lab-realism30 (index.html line 1268) ---- */
html body #concentrationLab27 .lab29-inside .lab27-liquid{inset:auto 0 0!important;bottom:0!important;top:auto!important;height:var(--level30,26%)!important;opacity:1!important;background:linear-gradient(90deg,#42bde2a3,#b4efff85 45%,#289cc9c9)!important;border-top:2px solid #d3faffbb!important;border-radius:48% 48% 0 0 / 5px 5px 0 0!important;transition:height .75s cubic-bezier(.22,1,.36,1)!important;box-shadow:inset 0 4px 8px #c9f6ff40!important}
html body #concentrationLab27 .lab29-notes{top:var(--surface30,74%)!important;bottom:auto!important;height:55px!important;transition:top .75s cubic-bezier(.22,1,.36,1)!important;mix-blend-mode:normal;opacity:.85;filter:brightness(.88) saturate(.8) drop-shadow(0 1px 1px #06536a55)}
html body #concentrationLab27 .lab29-notes .real-note30{width:35px!important;height:29px!important;background-image:var(--note30-image)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-color:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;animation:float29 4s ease-in-out var(--delay) infinite alternate!important}
.lab30-surface{position:absolute;left:-5%;width:110%;height:7px;top:var(--surface30,74%);border-top:1px solid #e0fdffb0;background:linear-gradient(#adf4ff60,transparent);border-radius:50%;transition:top .75s cubic-bezier(.22,1,.36,1);z-index:3;pointer-events:none}
.sloshing30 .lab30-surface{animation:ripple30 .85s ease-out}
@keyframes ripple30{0%{transform:rotate(-5deg) scaleY(2)}30%{transform:rotate(4deg)}60%{transform:rotate(-2deg)}100%{transform:rotate(0)}}
.lab30-mute{font:inherit;font-size:12px;color:#efdfbe;background:#152a3399;border:1px solid #e2c08c55;border-radius:22px;padding:7px 14px;cursor:pointer;margin-top:10px}
@media(prefers-reduced-motion:reduce){html body #concentrationLab27 .lab29-inside .lab27-liquid,html body #concentrationLab27 .lab29-notes,.lab30-surface{transition:none!important;animation:none!important}.real-note30{animation:none!important}}