#hero3d canvas{display:block}#hero3d,#hero3d *{touch-action:pan-y pinch-zoom!important}#hero3d{opacity:0;transition:opacity .9s var(--ease,ease)}#hero3d[data-ready=true]{opacity:1}.ic-overlay{z-index:3;pointer-events:none;position:absolute;inset:0}.ic-overlay>*{pointer-events:auto}.ic-overlay .hero-progress{opacity:0;height:1px;transition:opacity .4s var(--ease,ease);background:#ffffff0f;position:absolute;bottom:0;left:0;right:0}.ic-overlay .hero-progress[data-active=true]{opacity:1}.ic-overlay .hero-progress span{background:var(--accent,#ceab50);transform-origin:0;width:100%;height:100%;display:block}.ic-kicker{font-family:var(--mono,ui-monospace, monospace);letter-spacing:.24em;text-transform:uppercase;color:var(--accent,#ceab50);margin:0 0 .9rem;font-size:.64rem}.bottle-panel{top:50%;left:max(1.3rem, calc((100% - var(--maxw,1200px)) / 2));opacity:0;visibility:hidden;width:min(32ch,42%);transition:opacity .45s var(--ease,ease), visibility .45s var(--ease,ease);position:absolute;transform:translateY(-50%)}.bottle-panel[data-open=true]{opacity:1;visibility:visible}.bottle-panel h2{letter-spacing:-.025em;margin:.4rem 0 0;font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.1}.bottle-panel .ic-size{font-family:var(--mono,ui-monospace, monospace);letter-spacing:.18em;color:var(--text-tertiary,#8a8590);margin:.4rem 0 0;font-size:.7rem}.bottle-panel .one-liner{color:var(--text-secondary,#b9b9c0);margin:1rem 0 0;line-height:1.6}.bottle-panel h3{font-family:var(--mono,ui-monospace, monospace);letter-spacing:.22em;text-transform:uppercase;color:var(--accent,#ceab50);margin:1.5rem 0 .6rem;font-size:.62rem;font-weight:400}.bottle-panel .how-to{color:var(--text-secondary,#b9b9c0);margin:0;padding-left:1.1rem;line-height:1.7}.bottle-panel .how-to li{margin:0 0 .3rem}.todo{color:#8a8590;border-bottom:1px dashed #5a5560;font-style:italic}.panel-actions{align-items:center;gap:.5rem;margin:1.6rem 0 0;display:flex}.panel-actions button{font-family:var(--mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--text-primary,#faf6f5);border:1px solid var(--line,#2a2a2e);cursor:pointer;transition:border-color .3s var(--ease,ease), color .3s var(--ease,ease);background:0 0;border-radius:2px;padding:.65rem .85rem;font-size:.66rem}.panel-actions .put-back{flex:1}.panel-actions button:hover{border-color:var(--accent,#ceab50);color:var(--accent,#ceab50)}.panel-actions button:focus-visible{outline:2px solid var(--accent,#ceab50);outline-offset:3px}.lid-enter{bottom:4.6rem;left:max(1.3rem, calc((100% - var(--maxw,1200px)) / 2));font-family:var(--mono,ui-monospace, monospace);letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary,#8a8590);border:0;border-bottom:1px solid var(--line,#2a2a2e);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .4s var(--ease,ease), visibility .4s var(--ease,ease), color .3s var(--ease,ease), border-color .3s var(--ease,ease);background:0 0;padding:.3rem 0;font-size:.64rem;position:absolute}.lid-enter[data-show=true]{opacity:1;visibility:visible}.lid-enter:hover{color:var(--accent,#ceab50);border-color:var(--accent,#ceab50)}.lid-enter:focus-visible{outline:2px solid var(--accent,#ceab50);outline-offset:3px}.lid-panel{text-align:center;opacity:0;visibility:hidden;transition:opacity .45s var(--ease,ease), visibility .45s var(--ease,ease);position:absolute;bottom:3.2rem;left:0;right:0}.lid-panel[data-open=true]{opacity:1;visibility:visible}.lid-panel:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#0000,#0b0b0db8 45%,#0b0b0deb);position:absolute;inset:-2.5rem 0 -3.2rem}.lid-panel .lid-message{display:none}.lid-back{font-family:var(--mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--text-primary,#faf6f5);border:1px solid var(--line,#2a2a2e);cursor:pointer;transition:border-color .3s var(--ease,ease), color .3s var(--ease,ease);background:0 0;border-radius:2px;padding:.75rem 1.3rem;font-size:.66rem}.lid-back:hover{border-color:var(--accent,#ceab50);color:var(--accent,#ceab50)}.lid-back:focus-visible{outline:2px solid var(--accent,#ceab50);outline-offset:3px}.bottle-hint{pointer-events:none;font-family:var(--mono,ui-monospace, monospace);letter-spacing:.24em;text-transform:uppercase;color:var(--text-tertiary,#8a8590);opacity:0;transition:opacity .5s var(--ease,ease);margin:0;font-size:.62rem;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.bottle-hint[data-show=true]{opacity:1}.sr-bottles,.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:fixed;top:0;left:0;overflow:hidden}.sr-bottles{list-style:none}.sr-bottles button:focus-visible{clip:auto;z-index:99;color:#faf6f5;border:1px solid var(--accent,#ceab50);background:#0b0b0c;width:auto;height:auto;padding:.6rem 1rem;position:fixed;top:1rem;left:1rem}.hero-copy{pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.hero[data-kit=focus] .hero-copy-2,.hero[data-kit=lid] .hero-copy-2{transition:opacity .4s var(--ease,ease);opacity:0!important}.hero[data-kit=focus] .hero-cue,.hero[data-kit=lid] .hero-cue{opacity:0}@media (width<=1100px){.bottle-panel{width:min(30ch,50%)}}@media (width<=900px){.bottle-panel{background:linear-gradient(#0b0b0d00 0%,#0b0b0df0 28%,#0b0b0df7 100%);width:auto;padding:3.2rem 1.3rem 1.3rem;inset:auto 0 0;transform:none}.bottle-panel h2{font-size:1.5rem}.bottle-panel h3{margin-top:1.1rem}.lid-enter{top:calc(57svh + 1.9rem);bottom:auto;left:50%;transform:translate(-50%)}.hero[data-kit=focus] .lid-enter{opacity:0;visibility:hidden}.bottle-hint{font-size:.66rem;top:57svh;bottom:auto}}@media (width<=900px),(pointer:coarse){.lid-enter:after{content:"";position:absolute;inset:-10px -8px}.panel-actions button,.lid-back{min-height:44px}}
/*$vite$:1*/