.tillbell-view{position:fixed;inset:0;z-index:10000;background:#000;color:#fff;display:grid;place-items:center;overflow:hidden;font-family:"Helvetica Neue",Arial,sans-serif;cursor:none}
.tillbell-stage{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,64px);width:94vw}
.tillbell-stage canvas{order:2;flex:none;width:min(11.5vw,18vh);height:auto}
.tillbell-digits{order:1;text-align:center;font-size:min(15vw,24vh);font-weight:200;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums;white-space:nowrap}
.tillbell-exit{position:absolute;top:18px;right:22px;width:48px;height:48px;border:0;background:#111;color:#fff;border-radius:50%;font-size:30px;opacity:0;cursor:pointer}
.tillbell-view.controls-visible{cursor:default}.controls-visible .tillbell-exit,.tillbell-exit:focus-visible{opacity:1}.tillbell-exit:focus-visible{outline:2px solid white;outline-offset:4px}
/* Focus embeds the transparent readout above its existing video/water layers. */
.focus-tillbell{position:relative;z-index:2;color:#fff;font-family:"Helvetica Neue",Arial,sans-serif;font-weight:200;text-shadow:0 2px 24px rgba(0,0,0,.7);pointer-events:none}
.focus-tillbell.tillbell-mounted>.focus-tillbell-fallback{display:none}
.focus-tillbell-fallback{font-size:min(15vw,24vh);font-variant-numeric:tabular-nums}
.focus-tillbell canvas{filter:none}
.tillbell-comparison{width:94vw;display:grid;grid-template-columns:1fr 1fr;gap:3vw;align-items:center;pointer-events:auto}
.tillbell-comparison section{min-width:0;padding:30px 0;text-align:center}
.tillbell-comparison h2{font:400 14px "Helvetica Neue",Arial,sans-serif;color:#bbb;margin:0 0 42px;letter-spacing:.05em}
.tillbell-comparison .tillbell-stage{width:100%;gap:2vw}
.tillbell-comparison .tillbell-digits{font-size:min(8vw,18vh)}
.tillbell-comparison canvas{width:min(7vw,15vh);transform-origin:50% 52.8%}
.tillbell-comparison>button{grid-column:1/-1;justify-self:center;border:1px solid #666;border-radius:22px;background:#111b;color:white;padding:12px 22px;font:14px Arial;cursor:pointer}
@media(max-width:650px){.tillbell-comparison{grid-template-columns:1fr;gap:20px}.tillbell-comparison section{padding:10px 0}.tillbell-comparison h2{margin-bottom:18px}.tillbell-comparison .tillbell-digits{font-size:14vw}.tillbell-comparison canvas{width:12vw}}

.tillbell-comparison .tillbell-stage{position:relative}

.focus-tillbell .tillbell-stage{position:relative}
.focus-tillbell canvas{transform-origin:50% 52.8%}