@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;900&family=Fredoka+One&family=Space+Grotesk:wght@400;600;700&display=swap";:root{--ink-deep: #0a0a1e;--surface-shell: #12122a;--surface-panel: #0e0e28;--surface-raised: #1a1a38;--surface-crt: #0e1e10;--surface-crt-deep: #0a1a10;--border-dim: #2a2a5a;--border-faint: #1e1e3a;--border-ghost: #3a3a6a;--gold: #c8a020;--gold-bright: #ffd700;--gold-deep: #b8860b;--gold-shadow: #7a5c00;--gold-text: #ffd166;--gold-surface: #1a1200;--crt-green: #7fffb0;--crt-binary: #3aff80;--crt-glow: rgba(60, 255, 120, .09);--text-hi: #ffffff;--text-body: #d0d0f0;--text-soft: #a0a0d0;--text-dim: #7a7aaa;--text-faint: #4a4a8a;--text-locked: #3a3a6a;--sky-night: #2a1050;--sky-1: #3a1a6a;--sky-2: #7a2a8a;--sky-3: #c04880;--sky-4: #e06040;--sky-5: #c83a18;--sky-cloud: #ffffff;--sky-text: #ffddff;--terrain-deep: #0e2a1a;--terrain-1: #165022;--terrain-2: #1a5a28;--terrain-3: #1e6030;--terrain-4: #3a7a28;--island-bldg-1: #3a6020;--island-bldg-2: #4a6a28;--island-bldg-3: #5a7a38;--bay: #1a4a7a;--bay-shimmer: #2a7aaa;--bay-sparkle: #7fffff;--bay-reflection: #2a4a7a;--line-f: #e74c3c;--line-f-deep: #7a0e00;--line-n: #3498db;--line-n-deep: #0a3060;--line-j: #27ae60;--line-j-deep: #0a2a14;--line-k: #8e44ad;--line-k-deep: #2a0a4a;--line-l: #e67e22;--line-l-deep: #3a1800;--line-m: #1abc9c;--line-m-deep: #0a2a20;--line-cc: #c8a020;--line-cc-deep: #3a2400;--line-bart: #95a5a6;--line-bart-deep: #0a1a38;--block-red: #e74c3c;--block-green: #27ae60;--block-blue: #2980b9;--block-yellow: #f39c12;--block-purple: #8e44ad;--block-orange: #e67e22;--success: #27ae60;--success-deep: #1e8449;--danger: #e74c3c;--warning: #f39c12}:root{--font-display: "Fredoka One", sans-serif;--font-machine: "Orbitron", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-binary: monospace;--text-hero: 30px;--text-title: 22px;--text-card-title: 14px;--text-name: 12px;--text-body-size: 11px;--text-label: 9px;--text-micro: 8px;--text-tiny: 7px;--track-eyebrow: 3px;--track-label: 2px;--track-tight: 1px;--leading-body: 1.6;--leading-tight: 1.2;--shadow-sticker: 2px 2px 0 rgba(0, 0, 0, .25);--shadow-celebrate: 3px 3px 0 #1a3a1a;--shadow-stamp: 3px 3px 0 #7a0e00, 5px 5px 0 rgba(0,0,0,.3)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-chip: 4px;--radius-btn: 10px;--radius-card: 10px;--radius-panel: 8px;--radius-pill: 20px;--radius-shell: 36px;--radius-round: 50%;--bw-hairline: .5px;--bw-thin: 1px;--bw-ui: 1.5px;--bw-frame: 2px;--bw-heavy: 3px;--btn-edge: 4px;--btn-edge-pressed: 2px}:root{--fx-scanlines: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0, 0, 0, .12) 3px, rgba(0, 0, 0, .12) 4px);--fx-panel-raster: repeating-linear-gradient(0deg, transparent, transparent 22px, rgba(60, 255, 120, .025) 22px, rgba(60, 255, 120, .025) 23px);--fx-crt-glow: radial-gradient(ellipse at 50% 40%, rgba(60, 255, 120, .09) 0%, transparent 70%);--fx-sky: linear-gradient(180deg, #3a1a6a 0%, #7a2a8a 25%, #c04880 55%, #e06040 80%, #c83a18 100%);--fx-machine-body: linear-gradient(160deg, #1a4028 0%, #0a1a10 70%, #1a0a2a 100%);--fx-gold-seal: radial-gradient(circle at 35% 35%, #ffe066, #b8860b 70%);--fx-gold-metal: linear-gradient(180deg, #c8a020, #7a5c00)}.fx-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--fx-scanlines);pointer-events:none}.fx-crt-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--fx-crt-glow);pointer-events:none}.fx-panel-raster{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--fx-panel-raster);pointer-events:none;border-radius:inherit}.fx-fil-star{position:absolute;top:6px;right:9px;font-size:10px;color:var(--gold);opacity:.6;pointer-events:none}.fx-fil-star:before{content:"✦"}@keyframes hopon-confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(620px) rotate(720deg);opacity:.3}}.cam-flash{animation:cam-flash .38s ease-out both}@keyframes cam-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes enroute-pan-far{0%{transform:translate(0)}to{transform:translate(-300px)}}@keyframes enroute-pan-near{0%{transform:translate(0)}to{transform:translate(-680px)}}@keyframes enroute-arrive{0%{transform:translate(392px)}to{transform:translate(0)}}@keyframes enroute-dashes{0%{background-position-x:0px}to{background-position-x:-56px}}@keyframes enroute-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes enroute-beat{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.enroute-far{animation:enroute-pan-far 6.4s cubic-bezier(.12,.5,.38,1) forwards}.enroute-near{animation:enroute-pan-near 6.4s cubic-bezier(.12,.5,.38,1) forwards}.enroute-arrival{animation:enroute-arrive 6.4s cubic-bezier(.12,.5,.38,1) forwards}.enroute-dashes{animation:enroute-dashes .5s linear infinite}.enroute-bob{animation:enroute-bob .55s ease-in-out infinite}.enroute-beat{animation:enroute-beat .5s cubic-bezier(.2,.8,.2,1)}@keyframes intro-beat{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-mode{0%{opacity:0;transform:scale(1.3);filter:blur(8px);letter-spacing:14px;text-shadow:0 0 26px rgba(60,255,120,.95)}45%{opacity:1}to{opacity:1;transform:scale(1);filter:blur(0);letter-spacing:2px;text-shadow:0 0 0 rgba(60,255,120,0)}}@keyframes intro-hoplet{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.intro-beat{animation:intro-beat .44s cubic-bezier(.2,.8,.2,1)}.intro-hoplet{animation:intro-hoplet .5s cubic-bezier(.2,.8,.2,1)}.intro-mode{display:inline-block;white-space:nowrap;animation:intro-mode 1.15s cubic-bezier(.16,.84,.28,1) both}@keyframes reveal-act{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-hoplet{0%{transform:translateY(-16px) scale(.92);opacity:0}60%{transform:translateY(0) scale(1.04);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes reveal-stamp{0%{transform:scale(1.5);opacity:0}55%{transform:scale(.94);opacity:1}to{transform:scale(1);opacity:1}}@keyframes reveal-island{0%{opacity:0;transform:scale(.3) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.reveal-island{display:block;animation:reveal-island .42s cubic-bezier(.2,.9,.3,1)}@keyframes reveal-turn-late{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal-turn-late{animation:reveal-turn-late .66s cubic-bezier(.2,.85,.25,1) 1.15s both}.reveal-act{animation:reveal-act .5s cubic-bezier(.2,.8,.2,1)}.reveal-hoplet{animation:reveal-hoplet .62s cubic-bezier(.2,.9,.25,1) both}.reveal-stamp{animation:reveal-stamp .4s cubic-bezier(.2,.9,.3,1) both}@media (prefers-reduced-motion: reduce){.enroute-far,.enroute-near,.enroute-arrival,.enroute-dashes,.enroute-bob,.enroute-beat,.intro-beat,.intro-hoplet,.intro-mode,.reveal-act,.reveal-hoplet,.reveal-stamp,.reveal-island,.reveal-turn-late{animation:none!important}.reveal-turn-late,.reveal-hoplet,.reveal-stamp{opacity:1!important;transform:none!important}.intro-mode{opacity:1!important;transform:none!important;filter:none!important;letter-spacing:2px!important;text-shadow:none!important}.hopon-confetti{display:none!important}.cam-flash{animation-duration:.01s!important}}@keyframes hopon-sparkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}.hopon-sparkle{animation:hopon-sparkle 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@media (prefers-reduced-motion: reduce){.hopon-sparkle{animation:none;opacity:1}}@keyframes hopon-stamp-press{0%{opacity:0;transform:rotate(calc(var(--hopon-stamp-rake, 0deg) - 9deg)) scale(1.28)}70%{opacity:.88;transform:rotate(calc(var(--hopon-stamp-rake, 0deg) + 1.2deg)) scale(.985)}to{opacity:.88;transform:rotate(var(--hopon-stamp-rake, 0deg)) scale(1)}}.hopon-stamp{animation:hopon-stamp-press .22s cubic-bezier(.165,.84,.44,1) both}@keyframes hopon-stamp-ink{0%,to{opacity:0}40%{opacity:.5}}.hopon-stamp-ink{animation:hopon-stamp-ink .32s ease-out both}@media (prefers-reduced-motion: reduce){.hopon-stamp{animation:none;opacity:.88}.hopon-stamp-ink{animation:none;opacity:0}}.hopon-hscroll{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.hopon-hscroll::-webkit-scrollbar{display:none}.hoplet-idle{animation:idle-bob 2.5s ease-in-out infinite}@keyframes idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.blink-group{transform-origin:center;animation:idle-blink 4.2s ease-in-out infinite}@keyframes idle-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.hoplet-shadow{transform-origin:center;animation:shadow-pulse 2.5s ease-in-out infinite}@keyframes shadow-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(.88);opacity:.22}}.screen-enter{position:absolute;top:0;right:0;bottom:0;left:0}@media (prefers-reduced-motion: no-preference){.screen-enter{animation:screen-in .34s cubic-bezier(.2,.8,.2,1) both}}@keyframes screen-in{0%{transform:translate(20px)}to{transform:none}}.we-bus-jiggle{animation:bus-jiggle .5s ease-in-out infinite}@keyframes bus-jiggle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes board-hopin{0%{transform:translate(0) scale(1)}45%{transform:translate(30px,-72px) scale(1.06)}80%{transform:translate(58px,-4px) scale(.7)}to{transform:translate(58px,-2px) scale(.62);opacity:0}}@keyframes board-leap{0%{transform:translate(0) scale(1) rotate(0)}40%{transform:translate(24px,-120px) scale(1.1) rotate(230deg)}78%{transform:translate(58px,-6px) scale(.7) rotate(360deg)}to{transform:translate(58px,-2px) scale(.6) rotate(360deg);opacity:0}}@keyframes board-stroll{0%{transform:translate(0) scale(1)}58%{transform:translate(46px) scale(.95)}85%{transform:translate(58px,-12px) scale(.72)}to{transform:translate(58px,-2px) scale(.62);opacity:0}}.we-hoplet.board-hopin{animation-name:board-hopin;animation-timing-function:cubic-bezier(.3,.7,.4,1)}.we-hoplet.board-leap{animation-name:board-leap;animation-timing-function:cubic-bezier(.3,.7,.4,1)}.we-hoplet.board-stroll{animation-name:board-stroll;animation-timing-function:ease-in-out}.we-headline{transition:opacity .45s ease,transform .45s cubic-bezier(.2,1.3,.4,1)}.we-headline--hidden{opacity:0;transform:translateY(12px)}.signup-flow input::placeholder{color:var(--text-faint)}.signup-flow button{font-family:var(--font-body)}@media (prefers-reduced-motion: reduce){.hoplet-idle,.blink-group,.hoplet-shadow,.we-bus-jiggle,.we-hoplet,[class*=board-]{animation:none!important}}