.gate{display:none}html[data-gate] .gate{z-index:1000;background-color:var(--canvas);color:var(--ink);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;outline:none;place-content:center;justify-items:center;gap:clamp(18px,3svh,32px);display:grid;position:fixed;inset:0}.gate.is-ready{cursor:pointer}html[data-gate],html[data-gate] body{overflow:hidden}.gate:before{content:"";background-image:linear-gradient(to right, var(--grid) 1px, transparent 1px), linear-gradient(to bottom, var(--grid) 1px, transparent 1px);pointer-events:none;background-position:bottom;background-size:48px 48px;transition:opacity .5s .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 25%,#000 90%);mask-image:linear-gradient(#0000 25%,#000 90%)}.gate-word{--blue:linear-gradient(to bottom, color-mix(in srgb, var(--accent), #fff 16%), var(--accent) 62%)}:root[data-theme=dark] .gate-word{--blue:radial-gradient(120% 80% at 50% 0%, #3a5cf0 0%, #1f45d8 45%, #16349f 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .gate-word{--blue:radial-gradient(120% 80% at 50% 0%, #3a5cf0 0%, #1f45d8 45%, #16349f 100%)}}.gate-word{font-family:var(--font-display);font-variation-settings:"opsz" 96;letter-spacing:-.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;animation:gate-rise 1s var(--ease) both;align-items:baseline;font-size:clamp(96px,min(24vw,36svh),400px);font-weight:800;line-height:.8;display:inline-flex;position:relative}.gate-letters{display:inline-grid}.gate-base,.gate-fill{grid-area:1/1;padding:0 .08em .04em}.gate-base{color:color-mix(in srgb, var(--ink) 9%, transparent)}.gate-fill{background:var(--blue);color:#0000;clip-path:inset(0 calc((1 - var(--fill,0)) * 100%) 0 0);-webkit-background-clip:text;background-clip:text}.gate.is-full .gate-fill{background:linear-gradient(100deg, transparent 35%, #fff6 50%, transparent 65%) -150% 0 / 60% 100% no-repeat, var(--blue);-webkit-background-clip:text;background-clip:text;animation:2.6s ease-in-out .3s infinite gate-sweep}.gate-stop{background:var(--accent);opacity:0;border-radius:50%;width:.15em;height:.15em;margin-left:-.02em;margin-right:-.13em}.gate-stop.is-shown{opacity:1}.gate-ball{background:var(--accent);opacity:0;pointer-events:none;border-radius:50%;position:absolute;top:0;left:0}.gate-roll{letter-spacing:.14em;text-transform:uppercase;justify-items:center;font-size:.8rem;animation:.8s .3s both gate-rise;display:grid;position:relative;overflow:hidden}.gate-roll>span{white-space:nowrap;transition:transform .6s var(--ease), opacity .6s ease;grid-area:1/1}.gate-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-3)}.gate-go{color:var(--ink);opacity:0;transform:translateY(110%)}.gate-go-touch{display:none}@media (hover:none) and (pointer:coarse){.gate-go-key{display:none}.gate-go-touch{display:block}}.gate.is-ready .gate-count{opacity:0;transform:translateY(-110%)}.gate.is-ready .gate-go{opacity:1;animation:2.2s ease-in-out 1s infinite gate-breathe;transform:none}.gate-enter{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.gate:has(.gate-enter:focus-visible) .gate-roll{outline:2px solid var(--accent);outline-offset:6px}.gate.is-leaving{pointer-events:none}.gate-wave{z-index:1001;background:var(--accent);pointer-events:none;position:fixed;inset:0}.gate.is-leaving .gate-roll{opacity:0;transition:opacity .25s;animation:none}@keyframes gate-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes gate-sweep{to{background-position:250% 0,0 0}}@keyframes gate-breathe{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.gate,.gate *{transition-duration:10ms!important;animation:none!important}}