/* Preserve Reef's original world. Only repair concrete alignment and input issues. */
.ccard{display:flex;flex-direction:column;align-items:center}
.demo{touch-action:pan-y}
.demo .cor{bottom:46px}
.demo .hint{left:12px;right:12px;bottom:10px;width:auto;min-height:28px;display:grid;align-items:center;line-height:1.5;color:#b9d2e3;letter-spacing:.06em;pointer-events:none}
.demo-control{position:absolute;inset:0;z-index:4;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.demo-control:focus-visible{outline:2px solid var(--teal,#5fe0d2);outline-offset:-5px}
.demo.manual-hold .pl{animation:none;transform:translateY(0) scale(1.32);opacity:1}
.demo.manual-hold .pl .pearl{transition:box-shadow .45s;box-shadow:inset -3px -4px 9px rgba(120,80,20,.45),inset 3px 3px 7px rgba(255,255,255,.9),0 0 42px 8px rgba(240,206,114,.7)}
.demo.manual-hold .bloom,.demo.manual-hold .rip,.demo.manual-hold .bub{animation:none;opacity:0}
.demo.manual-release .pl,.demo.manual-release .bloom,.demo.manual-release .rip,.demo.manual-release .bub{animation-duration:1.05s;animation-iteration-count:1;animation-delay:0s;animation-fill-mode:forwards}
.sig p{color:#bad2e3}
.sig p+p{color:#a8c2d6!important}
.scr .shots{inset:36px 0 0}
.scr .shot{object-fit:contain}
.scr .dots{top:17px}
@media(prefers-reduced-motion:reduce){.demo .pl{animation:none!important;transform:translateY(0);opacity:1}.demo .bloom,.demo .rip,.demo .bub,.demo .caustic{animation:none!important}.demo.manual-hold .pl{transform:scale(1.2)}}