:root{--bg: #0a0c10;--ink: #f4f1ea;--ink-soft: rgba(244, 241, 234, .55);--safe: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overscroll-behavior:none;background:var(--bg);color:var(--ink);font-family:Iowan Old Style,Palatino Linotype,Palatino,URW Palladio L,Georgia,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{overflow:hidden;touch-action:none}#webgl{position:fixed;inset:0;width:100%;height:100%;display:block}#interaction{position:fixed;inset:0;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;opacity:0;transition:opacity .6s ease-out}#interaction.is-ready{opacity:1}#interaction.is-dragging{cursor:grabbing}#loader{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);color:var(--ink-soft);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;transition:opacity .5s ease,visibility .5s ease}#loader:before{content:"";display:block;width:28px;height:28px;border-radius:50%;border:1px solid rgba(244,241,234,.2);border-top-color:var(--ink);animation:spin 1s linear infinite;position:absolute;top:calc(50% - 40px);left:calc(50% - 14px)}#loader span{transform:translateY(20px)}#loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.ui{position:fixed;left:50%;bottom:calc(2rem + var(--safe));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.9rem;pointer-events:none;mix-blend-mode:difference;color:var(--ink);z-index:2}.dots{display:flex;gap:.5rem;pointer-events:auto}.dot{all:unset;cursor:pointer;width:22px;height:2px;background:#f4f1ea52;transition:background .4s ease,width .4s ease;border-radius:2px}.dot.is-active{background:var(--ink);width:40px}.dot:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.counter{font-size:.72rem;letter-spacing:.35em;text-transform:uppercase;opacity:.72}.title{position:fixed;top:calc(1.75rem + env(safe-area-inset-top,0px));left:1.5rem;font-size:.72rem;letter-spacing:.4em;text-transform:uppercase;color:var(--ink);opacity:.85;mix-blend-mode:difference;z-index:2;pointer-events:none}.hint{position:fixed;right:1.5rem;bottom:calc(2rem + var(--safe));font-size:.68rem;letter-spacing:.32em;text-transform:uppercase;opacity:.55;color:var(--ink);mix-blend-mode:difference;z-index:2;pointer-events:none}@media (max-width: 768px){.hint{display:none}.title{font-size:.68rem;letter-spacing:.32em}.dot{width:18px}.dot.is-active{width:32px}}@media (prefers-reduced-motion: reduce){#loader:before{animation:none}#interaction{transition:none}}@supports not (mix-blend-mode: difference){.ui,.title,.hint{mix-blend-mode:normal;text-shadow:0 0 12px rgba(0,0,0,.5)}}