@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/plus-jakarta-sans-latin-400-normal-Dhut76fR.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/plus-jakarta-sans-latin-600-normal-DLTa1BUW.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/plus-jakarta-sans-latin-700-normal-CfpNZvy6.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/plus-jakarta-sans-latin-800-normal-CusIZhrK.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2")}*{box-sizing:border-box;margin:0}html,body,#app{height:100%}body{background:var(--surface);color:var(--onSurface);font-family:var(--font-display);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;border-radius:var(--radius-control);border:1px solid transparent;font:400 var(--size-body) / 1.25 var(--font-display);text-decoration:none;cursor:pointer}.button--primary{background:var(--accent);color:var(--surface)}.button--secondary{background:transparent;color:var(--onSurface);border-color:var(--outline)}.solve,.landing{height:100%;max-width:430px;margin:0 auto;padding:0 var(--margin)}.solve{display:flex;flex-direction:column;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:20px 20px}.solve__hud{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 8px}.solve__hud-side{width:40px;flex:none}.solve__back{position:relative;flex:none;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--outline) 60%,transparent);background:color-mix(in srgb,var(--surfaceContainer) 60%,transparent);color:var(--onSurfaceVariant);cursor:pointer}.solve__back:before{content:"";position:absolute;inset:-2px}.solve__back:focus-visible,.solve__tool:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.solve__pill{min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 16px;border-radius:999px;border:1px solid var(--outline);background:color-mix(in srgb,var(--surfaceContainerLow) 80%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 1px 2px #0000000d}.solve__clock{font:600 15px / 15px var(--font-mono);letter-spacing:.05em;color:var(--accent);font-variant-numeric:tabular-nums}.solve__vol{font:400 9px / 13.5px var(--font-display);letter-spacing:.1em;color:var(--onSurfaceVariant);white-space:nowrap}.solve__stage{position:relative;flex:1;display:flex;min-height:0}.solve__stage--counting>:not(.solve__countdown){visibility:hidden}.solve__countdown{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none}.solve__countdown-line{font:700 11px/14px var(--font-display);letter-spacing:2px;color:var(--onSurfaceVariant)}.solve__countdown-number{font:600 96px/104px var(--font-mono);color:var(--accent);text-shadow:0 0 24px rgba(0,242,254,.35);animation:solve-countdown .18s var(--curve-snap) both}@keyframes solve-countdown{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.solve__board{flex:1;width:100%;touch-action:none;user-select:none;-webkit-user-select:none}.solve__halo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.solve__halo-glow{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;opacity:.35;animation:solve-halo 1.6s ease-in-out infinite alternate}.solve__halo-line{fill:none;stroke:#00f2fe4d;stroke-width:1;stroke-linejoin:round}.solve__halo-hatch{fill:none;stroke:#00f2fe4d;stroke-width:1}@keyframes solve-halo{to{opacity:.65}}.solve__card-label{position:absolute;font:600 9px / 12px var(--font-mono);letter-spacing:1.1px;pointer-events:none;white-space:nowrap}.solve__card-label--lead{color:var(--outlineVariant)}.solve__card-label--trail{color:#00f2fe99;letter-spacing:1px;transform:translate(-100%)}.solve__tray-label{position:absolute;display:flex;align-items:center;gap:5px;height:16px;font:600 10px / 16px var(--font-mono);letter-spacing:1.2px;color:var(--onSurfaceVariant);pointer-events:none;white-space:nowrap}.solve__tray-icon{color:var(--tile-1)}.solve__line{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;font:400 var(--size-label) / 1.3 var(--font-display);color:var(--onSurfaceVariant);text-align:center;pointer-events:none}.solve__dock{display:flex;margin:4px 0 20px;padding:4px;border-radius:30px;border:1px solid color-mix(in srgb,var(--outline) 50%,transparent);background:color-mix(in srgb,var(--surfaceContainer) 85%,transparent);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:0 12px 32px -6px #0000008c}.solve__tool{flex:1;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:26px;background:transparent;color:var(--onSurfaceVariant);font:700 11px / 14px var(--font-display);letter-spacing:.08em;cursor:pointer}.solve__tool:disabled{opacity:.4;cursor:default}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;text-align:center}.landing__who{font:500 var(--size-section) / 1.3 var(--font-display);color:var(--onSurface)}.landing__shape{max-width:100%;height:auto}.landing__stake{font:400 var(--size-label) / 1.3 var(--font-display);color:var(--onSurfaceVariant)}.landing__stake--time{font:400 var(--size-mono) / 1 var(--font-mono);color:var(--onSurface)}.landing .button{width:100%}.landing__open{align-self:flex-end;text-decoration:none;display:inline-flex;align-items:center;min-height:var(--tap-target, 44px)}.landing__failed{font:400 var(--size-label) / 1.3 var(--font-display);color:var(--onSurfaceVariant)}.glass{background:var(--surfaceContainer);border:1px solid var(--glass-hairline);box-shadow:inset 0 1px 0 0 var(--specularRim)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}}.result{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:18px;padding:var(--margin);border-radius:var(--radius-card) var(--radius-card) 0 0;opacity:0;transform:translateY(var(--result-rise));transition:opacity var(--result-fade) var(--curve-snap),transform var(--result-fade) var(--curve-snap)}.result--shown{opacity:1;transform:none}.result__h2h{font:400 var(--size-mono) / 1 var(--font-mono);font-variant-numeric:tabular-nums}.result__mine{color:var(--onSurface)}.result__theirs{color:var(--onSurfaceVariant)}.result__dot{color:var(--outline)}.result__times{font-size:var(--size-label);color:var(--onSurfaceVariant)}.result__line{font:400 var(--size-body) / 1.35 var(--font-display);color:var(--onSurface)}.result__soon{font:400 var(--size-label) / 1.3 var(--font-display);color:var(--onSurfaceVariant)}.result__stores{display:flex;gap:12px}.result__stores .button{flex:1}@media(prefers-reduced-motion:reduce){.result{transform:none;transition:opacity var(--result-fade) var(--curve-snap)}.solve__halo-glow{animation:none}}html.intro-locked,html.intro-locked body{overflow:hidden;overscroll-behavior:none}html.join-open{overflow:hidden}.intro{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background-color:var(--surface);background-image:radial-gradient(rgba(255,255,255,.12) 1.25px,transparent 1.25px);background-size:32px 32px;background-position:center;color:var(--onSurface);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.intro{--kx: 1;--ky: 1;--dy: 0px;--dz: 0px;--ks: 1;--bs: 1}@media(max-width:1023px){.intro{--kx: .55;--ky: .9;--dz: -80px;--ks: .72;--bs: .878}}@media(max-width:639px){.intro{--bs: .683}}.intro-bar{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 24px 8px}@media(min-width:768px){.intro-bar{padding:24px 48px 8px}}.intro-brand{display:flex;align-items:center;gap:14px;padding:0;border:0;background:none;color:inherit;cursor:pointer}.intro-brand__tray{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--surfaceContainerLow);border:1px solid color-mix(in srgb,var(--outline) 70%,transparent);box-shadow:0 10px 15px -3px #00000080;transition:border-color .2s}.intro-brand:hover .intro-brand__tray{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.intro-brand__name{font:800 20px / 1 var(--font-display);letter-spacing:-.025em}.intro-day{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font:400 10px / 14px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.intro-day__dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:intro-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes intro-pulse{50%{opacity:.5}}.intro-bar__right{display:flex;align-items:center;gap:16px}.intro-clock{display:none;align-items:center;gap:10px;padding:6px 14px;border-radius:999px;font:400 12px / 16px var(--font-mono);color:var(--onSurfaceVariant);background:color-mix(in srgb,var(--surfaceContainer) 85%,transparent);border:1px solid color-mix(in srgb,var(--outline) 70%,transparent);box-shadow:inset 0 1px #ffffff1a}@media(min-width:640px){.intro-clock{display:inline-flex}}.intro-clock__dot{width:8px;height:8px;border-radius:50%;background:var(--tile-1)}.intro-clock__time{color:var(--accent);font-variant-numeric:tabular-nums}.intro-nav{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font:600 12px / 16px var(--font-display);color:var(--onSurface);background:var(--glass-fill);-webkit-backdrop-filter:blur(28px) saturate(190%);backdrop-filter:blur(28px) saturate(190%);border:1px solid var(--outline);cursor:pointer;transition:color .2s,border-color .2s,transform .2s}.intro-nav:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.intro-nav:active{transform:scale(.95)}.intro-nav__arrow{transition:transform .3s}.intro--step-2 .intro-nav__arrow{transform:rotate(180deg)}.intro-main{position:relative;flex:1;min-height:0;width:100%;max-width:1280px;margin:0 auto;padding:0 24px;overflow:hidden;perspective:1200px}@media(min-width:768px){.intro-main{padding:0 48px}}.intro-section{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:0 16px;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}@media(min-width:640px){.intro-section{padding:0 32px}}.intro-reveal{flex-direction:column}@media(min-width:1024px){.intro-reveal{flex-direction:row;justify-content:space-between}}.intro-section--before{opacity:0;transform:translateY(-64px) scale(.95);pointer-events:none}.intro-section--after{opacity:0;transform:translateY(64px) scale(.95);pointer-events:none}.intro-reveal__text{position:relative;z-index:30;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:16px}@media(min-width:1024px){.intro-reveal__text{width:50%;align-items:flex-start;text-align:left;padding-top:0}}.intro-reveal__room{width:100%;flex:1 1 auto;min-height:120px;margin-top:8px;pointer-events:none}@media(min-width:1024px){.intro-reveal__room{flex:none;width:50%;height:480px;margin-top:0}}.intro-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;border-radius:999px;font:400 11px / 16px var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--surfaceContainer) 90%,transparent);border:1px solid color-mix(in srgb,var(--outline) 80%,transparent)}.intro-badge__dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.intro-headline{font:800 36px / 1.1 var(--font-display);letter-spacing:-.025em}@media(min-width:640px){.intro-headline{font-size:48px}}@media(min-width:1024px){.intro-headline{font-size:60px}}.intro-headline__accent{background:linear-gradient(90deg,var(--tile-0),var(--tile-1),var(--tile-2));-webkit-background-clip:text;background-clip:text;color:transparent}.intro-subline{max-width:512px;margin-top:16px;font:400 16px / 1.625 var(--font-display);color:color-mix(in srgb,var(--onSurfaceVariant) 90%,transparent)}@media(min-width:640px){.intro-subline{margin-top:20px;font-size:18px}}.intro-ribbon{display:inline-flex;align-items:center;gap:12px;margin-top:24px;padding:8px 12px;border-radius:16px;background:color-mix(in srgb,var(--surfaceContainer) 85%,transparent);border:1px solid color-mix(in srgb,var(--outline) 70%,transparent);box-shadow:inset 0 1px #ffffff1a}.intro-ribbon__label{font:400 12px / 16px var(--font-mono);color:var(--onSurfaceVariant)}.intro-ribbon__six{display:inline-flex;gap:8px}.intro-ribbon__gem{width:16px;height:16px;border-radius:6px;background:linear-gradient(135deg,var(--hue),var(--deep));box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -1.5px 2px #00000073;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--hue) 45%,transparent))}.intro-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:32px;padding:14px 28px;border:0;border-radius:999px;background:var(--accent);color:var(--onAccent);font:700 14px / 20px var(--font-display);letter-spacing:.025em;cursor:pointer;box-shadow:0 0 24px #00f2fe66;transition:box-shadow .2s,transform .2s}@media(min-width:640px){.intro-cta{width:auto}}.intro-cta:hover{box-shadow:0 0 36px #00f2fe99;transform:scale(1.02)}.intro-cta:active{transform:scale(.98)}.intro-stage{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;transform-style:preserve-3d;transform:rotateY(calc(var(--px, 0) * 4deg)) rotateX(calc(var(--py, 0) * -4deg))}.intro-board,.intro-piece{--tx: calc(var(--x) * var(--kx) * 1px);--ty: calc(var(--y) * var(--ky) * 1px + var(--dy));--tz: calc(var(--z) * 1px + var(--dz));position:absolute;left:50%;top:50%;transition:transform .95s cubic-bezier(.16,1,.3,1),opacity .95s cubic-bezier(.16,1,.3,1)}.intro-board{--s: calc(var(--scale) * var(--ks) * var(--bs));width:410px;height:410px;margin:-205px 0 0 -205px;transform:translate3d(var(--tx),var(--ty),var(--tz)) rotateX(16deg) rotateY(-14deg) rotate(3deg) scale(var(--s))}.intro--framed .intro-board{opacity:0;transform:translate3d(var(--tx),var(--ty),var(--tz)) rotateX(0) rotateY(0) rotate(0) scale(var(--s))}@media(max-width:1023px){.intro--step-0 .intro-board,.intro--step-0 .intro-piece{--tx: calc((var(--room-x, 0) + var(--x) * var(--room-k, .5)) * 1px);--ty: calc((var(--room-y, 0) + var(--y) * var(--room-k, .5)) * 1px);--tz: calc(var(--z) * var(--room-k, .5) * 1px);--s: calc(var(--scale) * var(--room-k, .5))}.intro--step-1 .intro-board,.intro--step-1 .intro-piece{--tx: calc((var(--x) - 240) * var(--how-k, .6) * 1px);--ty: calc((var(--y) + 10) * var(--how-k, .6) * 1px);--tz: calc(var(--z) * var(--how-k, .6) * 1px);--s: calc(var(--scale) * var(--how-k, .6))}.intro--card-in .intro-board{opacity:0;--ty: -48px}.intro--step-1:not(.intro--card-in) .intro-how .intro-panel{opacity:0;transform:translateY(48px);pointer-events:none}.intro-how .intro-panel{transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}}.intro--step-1 .intro-piece{opacity:0;transition:transform .95s cubic-bezier(.16,1,.3,1),opacity .3s ease calc(var(--i) * .3s + .15s)}.intro-placed{position:absolute;inset:0;padding:8px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);pointer-events:none}.intro-placed__gem{grid-row:var(--row);grid-column:var(--col);position:relative;margin:3px;border-radius:8px;background:linear-gradient(135deg,var(--hue),var(--deep));box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -1.5px 2px #00000073;opacity:0;transform:translateY(-28px) scale(1.12);transition:opacity .2s ease,transform .2s ease}.intro-placed__gem:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;transform:translate(-50%,-50%);background:#ffffffbf;box-shadow:0 0 3px #fffc}.intro--step-1 .intro-placed__gem{opacity:1;transform:none;transition:opacity .45s cubic-bezier(.16,1,.3,1) calc(var(--i) * .3s),transform .45s cubic-bezier(.16,1,.3,1) calc(var(--i) * .3s)}.intro--step-1 .intro-board__outline{animation:intro-shape-whole .8s ease-out 1.95s 1}@keyframes intro-shape-whole{40%{filter:drop-shadow(0 0 14px rgba(0,242,254,1)) drop-shadow(0 0 32px rgba(0,242,254,.6))}}.intro-board__float{width:100%;height:100%;padding:12px;border-radius:24px;background:var(--glass-fill);-webkit-backdrop-filter:blur(28px) saturate(190%);backdrop-filter:blur(28px) saturate(190%);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff2e,0 20px 48px -12px #000000b3,0 0 40px -10px #00f2fe14;animation:intro-board-float 8.5s ease-in-out infinite}@keyframes intro-board-float{50%{transform:translateY(-8px) rotateX(2deg) rotateY(3deg) rotate(1deg)}}.intro-board__grid{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);overflow:hidden;border-radius:16px;background:#00000080;border:1px solid color-mix(in srgb,var(--outline) 60%,transparent)}.intro-board__cell{position:relative;border:1px solid color-mix(in srgb,var(--outline) 35%,transparent)}.intro-board__cell:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:2px;border-radius:50%;transform:translate(-50%,-50%);background:color-mix(in srgb,var(--outline) 60%,transparent)}.intro-board__outline{position:absolute;inset:0;width:100%;height:100%;padding:8px;overflow:visible;filter:drop-shadow(0 0 8px rgba(0,242,254,.75)) drop-shadow(0 0 20px rgba(0,242,254,.35))}.intro-board__outline path{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-dasharray:6 4;stroke-linejoin:round}.intro-piece{--s: calc(var(--scale) * var(--ks));z-index:20;transform:translate(-50%,-50%) translate3d(var(--tx),var(--ty),var(--tz)) rotate(var(--lean)) scale(var(--s))}.intro-piece__float{--pitch: 36px;position:relative;width:calc(var(--cols) * var(--pitch) - 4px);height:calc(var(--rows) * var(--pitch) - 4px);filter:drop-shadow(0 8px 18px color-mix(in srgb,var(--hue) 45%,transparent)) drop-shadow(0 0 6px color-mix(in srgb,var(--hue) 30%,transparent))}.intro-piece__float--a{animation:intro-float-a 6.4s ease-in-out infinite}.intro-piece__float--b{animation:intro-float-b 7.8s ease-in-out .6s infinite}.intro-piece__float--c{animation:intro-float-c 5.9s ease-in-out 1.2s infinite}@keyframes intro-float-a{50%{transform:translateY(-12px) rotate(1.5deg)}}@keyframes intro-float-b{50%{transform:translateY(-16px) rotate(-2deg)}}@keyframes intro-float-c{50%{transform:translateY(-10px) rotate(1.2deg)}}.intro-gem{position:absolute;left:calc(var(--c) * var(--pitch));top:calc(var(--r) * var(--pitch));width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--hue),var(--deep));box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -1.5px 2px #00000073}.intro-gem:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;transform:translate(-50%,-50%);background:#ffffffbf;box-shadow:0 0 3px #fffc}.intro-card{position:relative;z-index:30;width:100%;max-width:672px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px;border-radius:var(--radius-card);background:var(--glass-fill);-webkit-backdrop-filter:blur(28px) saturate(190%);backdrop-filter:blur(28px) saturate(190%);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff2e,0 25px 50px -12px #00000040}@media(min-width:640px){.intro-card{padding:40px}}.intro-card__badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:4px 14px;border-radius:999px;font:400 11px / 16px var(--font-mono);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.intro-card__title{font:800 30px / 1.1 var(--font-display);letter-spacing:-.025em}@media(min-width:640px){.intro-card__title{font-size:36px}}@media(min-width:1024px){.intro-card__title{font-size:48px}}.intro-card__line{max-width:448px;margin-top:12px;font:400 14px / 1.625 var(--font-display);color:var(--onSurfaceVariant)}@media(min-width:640px){.intro-card__line{font-size:16px}}.intro-stores{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;margin-top:28px}@media(min-width:640px){.intro-stores{flex-direction:row}}.intro-store{--hue: var(--tile-0);display:flex;align-items:center;gap:14px;width:100%;padding:14px 20px;border-radius:16px;text-align:left;text-decoration:none;color:var(--onSurface);background:var(--surfaceContainer);border:1px solid var(--outline);transition:border-color .2s,box-shadow .2s,transform .2s}@media(min-width:640px){.intro-store{width:220px}}.intro-store--googlePlay{--hue: var(--tile-1)}a.intro-store:hover{border-color:color-mix(in srgb,var(--hue) 70%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--hue) 30%,transparent);transform:translateY(-2px)}a.intro-store:active{transform:scale(.95)}a.intro-store:hover .intro-store__mark{color:var(--hue)}.intro-store--soon{opacity:.7;cursor:default}.intro-store__mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:12px;background:#0006;transition:color .2s}.intro-store__words{display:flex;flex-direction:column}.intro-store__small{font:400 10px / 1 var(--font-mono);text-transform:uppercase;color:var(--onSurfaceVariant)}.intro-store__name{margin-top:2px;font:700 14px / 20px var(--font-display);letter-spacing:.025em}.intro-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 24px;margin-top:24px;font:400 12px / 16px var(--font-mono);color:var(--onSurfaceVariant)}.intro-strip__item{display:inline-flex;align-items:center;gap:6px}.intro-strip__dot{width:6px;height:6px;border-radius:50%;background:var(--hue)}.intro-back{position:relative;display:inline-flex;align-items:center;gap:6px;margin-top:28px;padding:0;border:0;background:none;font:400 12px / 16px var(--font-mono);color:var(--onSurfaceVariant);cursor:pointer;transition:color .2s}.intro-back:hover{color:var(--accent)}.intro-back__arrow{transform:rotate(180deg)}.intro-foot{position:relative;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-top:1px solid color-mix(in srgb,var(--outline) 30%,transparent);background:color-mix(in srgb,var(--surface) 60%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}@media(min-width:640px){.intro-foot{flex-direction:row}}@media(min-width:768px){.intro-foot{padding:20px 48px}}.intro-steps{display:flex;align-items:center;gap:16px;font:400 12px / 16px var(--font-mono);color:var(--onSurfaceVariant)}.intro-steps__dots{display:flex;gap:8px}.intro-steps__dot{position:relative;width:10px;height:10px;padding:0;border:0;border-radius:50%;background:var(--outlineVariant);cursor:pointer;transition:background .2s,box-shadow .2s}.intro-steps__dot:hover{background:var(--onSurfaceVariant)}.intro-steps__dot--on,.intro-steps__dot--on:hover{background:var(--accent);box-shadow:0 0 8px var(--accent)}.intro-steps__bar{color:color-mix(in srgb,var(--onSurfaceVariant) 60%,transparent)}.intro-steps__label{letter-spacing:.025em}.intro-prompt{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font:400 12px / 16px var(--font-mono);color:var(--onSurfaceVariant);background:color-mix(in srgb,var(--surfaceContainer) 85%,transparent);border:1px solid var(--outline);box-shadow:inset 0 1px #ffffff1a,0 4px 6px -1px #0000001a;cursor:pointer;transition:color .2s,border-color .2s}.intro-prompt:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.intro-prompt__arrow{color:var(--accent);animation:intro-nudge 2.2s cubic-bezier(.4,0,.2,1) infinite}@keyframes intro-nudge{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(6px);opacity:1}}.intro-links{display:flex;align-items:center;gap:20px;font:400 12px / 16px var(--font-display)}.intro-links a{position:relative;color:var(--onSurfaceVariant);text-decoration:none;transition:color .2s}.intro-links a:hover{color:var(--accent)}.intro-panel{position:relative;z-index:30;width:100%;max-width:480px;max-height:100%;padding:24px;border-radius:var(--radius-card);background:var(--glass-fill);-webkit-backdrop-filter:blur(28px) saturate(190%);backdrop-filter:blur(28px) saturate(190%);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff2e,0 25px 50px -12px #00000040;user-select:text;-webkit-user-select:text}@media(min-width:1024px){.intro-how{justify-content:flex-start}}.help{display:flex;flex-direction:column}.help-title{font:700 20px / 25px var(--font-display);letter-spacing:-.025em}.help-line{margin-top:4px;font:500 12px / 16px var(--font-display);letter-spacing:-.025em;color:var(--onSurfaceVariant)}.help-chips{display:flex;justify-content:space-between;margin-top:16px}.help-chip{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer}.help-chip__square{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-control);color:var(--onSurfaceVariant);background:var(--surfaceContainer);border:1px solid color-mix(in srgb,var(--outline) 50%,transparent)}.help-chip--lit .help-chip__square{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.help-window{margin-top:12px;overflow:hidden;border-radius:18px}.help-track{display:flex;transform:translate(calc(var(--shown) * -100%));transition:transform var(--snap-ms) var(--curve-snap)}.help-card{flex:0 0 100%;padding:20px;border-radius:18px;background:var(--glass-fill);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 0 var(--specularRim)}.help-card__well{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-control);color:var(--accent);background:var(--surfaceContainer);border:1px solid color-mix(in srgb,var(--outline) 50%,transparent)}.help-card__title{margin-top:16px;font:700 17px / 22px var(--font-display)}.help-card__line{margin-top:8px;font:400 14px / 21px var(--font-display);color:var(--onSurfaceVariant)}.help-card__figure{font:600 13px / 21px var(--font-mono);color:var(--accent)}.help-dots{display:flex;justify-content:center;margin-top:12px}.help-dot{width:6px;height:6px;margin:0 3px;border-radius:999px;background:color-mix(in srgb,var(--onSurfaceVariant) 35%,transparent);transition:width var(--snap-ms) var(--curve-snap),background var(--snap-ms) var(--curve-snap)}.help-dot--lit{width:18px;background:var(--accent)}.help-done{margin-top:20px;min-height:50px;border:0;border-radius:var(--radius-control);background:var(--accent);color:var(--onAccent);font:700 16px / 1 var(--font-display);cursor:pointer}.intro-day,.intro-nav,.intro-prompt,.intro-brand__name{white-space:nowrap}@media(max-width:1023px){.intro-reveal{justify-content:flex-start;padding-top:12px;padding-bottom:8px}.intro-badge{margin-bottom:14px}.intro-cta{margin-top:24px}.intro-scroll{max-height:100%;overflow-y:auto;overscroll-behavior:contain}.intro-how,.intro-download{padding-top:12px;padding-bottom:12px}}@media(max-width:639px){.intro-bar{padding:16px 16px 8px;gap:12px}.intro-brand{gap:10px}.intro-main{padding:0 16px}.intro-section{padding-left:0;padding-right:0}.intro-headline{font-size:32px}.intro-subline{margin-top:12px;font-size:15px}.intro-panel{padding:20px}.intro-card{padding:24px}.intro-foot{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px 16px;padding:12px 16px}.intro-steps__bar,.intro-steps__label{display:none}.intro-prompt{padding:6px 12px;font-size:11px}.intro-links{width:100%;justify-content:center}}@media(max-width:419px){.intro-day{display:none}}@media(max-width:1023px)and (max-height:760px){.intro-ribbon{display:none}.intro-cta{margin-top:20px}}.intro-brand:focus-visible,.intro-nav:focus-visible,.intro-cta:focus-visible,.intro-store:focus-visible,.intro-back:focus-visible,.intro-steps__dot:focus-visible,.intro-prompt:focus-visible,.intro-links a:focus-visible,.help-chip:focus-visible,.help-done:focus-visible,.join-button:focus-visible,.join-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.intro-brand,.intro-prompt,.legal-home{position:relative}.intro-steps__dot:before,.intro-links a:before,.intro-back:before,.intro-nav:before,.intro-prompt:before,.intro-brand:before,.legal-home:before,.join-close:before{content:"";position:absolute;inset:50% auto auto 50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.legal{min-height:100%;display:flex;flex-direction:column;background-color:var(--surface);background-image:radial-gradient(rgba(255,255,255,.12) 1.25px,transparent 1.25px);background-size:32px 32px;color:var(--onSurface)}.legal .intro-brand{text-decoration:none}.legal-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px}@media(min-width:768px){.legal-bar{padding:24px 48px}}.legal-home{padding:8px 16px;border-radius:999px;font:600 12px / 16px var(--font-display);color:var(--onSurface);text-decoration:none;background:var(--glass-fill);border:1px solid var(--outline);transition:color .2s,border-color .2s}.legal-home:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.legal-main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:24px 24px 64px}.legal-title{font:800 36px / 1.1 var(--font-display);letter-spacing:-.025em}@media(min-width:640px){.legal-title{font-size:48px}}.legal-h2{margin-top:36px;font:700 20px / 28px var(--font-display);letter-spacing:-.01em}.legal-p,.legal-list{margin-top:12px;font:400 16px / 1.7 var(--font-display);color:var(--onSurfaceVariant)}.legal-list{padding-left:20px}.legal-list li+li{margin-top:8px}.legal-main strong{color:var(--onSurface);font-weight:700}.legal-main a{color:var(--accent)}.legal-table{margin-top:16px;overflow-x:auto;border-radius:16px;background:color-mix(in srgb,var(--surfaceContainer) 85%,transparent);border:1px solid color-mix(in srgb,var(--outline) 70%,transparent)}.legal-table table{width:100%;border-collapse:collapse;font:400 14px / 1.5 var(--font-display);color:var(--onSurfaceVariant)}.legal-table th{font:400 11px / 16px var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--onSurface);text-align:left}.legal-table th,.legal-table td{padding:12px 16px;vertical-align:top}.legal-table tr+tr td,.legal-table tbody tr:first-child td{border-top:1px solid color-mix(in srgb,var(--outline) 50%,transparent)}.legal-foot{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-top:1px solid color-mix(in srgb,var(--outline) 30%,transparent);font:400 12px / 16px var(--font-mono);color:var(--onSurfaceVariant)}@media(min-width:640px){.legal-foot{flex-direction:row}}@media(min-width:768px){.legal-foot{padding:20px 48px}}.legal-foot a[aria-current=page]{color:var(--onSurface)}.legal-home:focus-visible,.legal-main a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.logo-mark{display:inline-grid;grid-template-columns:repeat(3,var(--logo-cell));gap:calc(var(--logo-cell) * .375)}.logo-mark__cell{width:var(--logo-cell);height:var(--logo-cell);border-radius:calc(var(--logo-cell) * .25);background:var(--hue);box-shadow:0 0 calc(var(--logo-cell) * .75) var(--hue)}.join-scrim{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#07080ceb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:join-fade .18s cubic-bezier(.25,.8,.25,1)}.join-card{position:relative;width:100%;max-width:400px;max-height:100%;overflow-y:auto;padding:32px 24px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;border-radius:28px;background:#151824e6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid color-mix(in srgb,var(--outline) 80%,transparent);box-shadow:inset 0 1px #ffffff1f,0 30px 80px #000000b3;animation:join-arrive .18s cubic-bezier(.25,.8,.25,1)}@keyframes join-fade{0%{opacity:0}}@keyframes join-arrive{0%{opacity:0;transform:scale(.96)}}.join-close{position:absolute;top:14px;right:14px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--outline) 80%,transparent);background:color-mix(in srgb,var(--surfaceContainer) 90%,transparent);color:var(--onSurfaceVariant);cursor:pointer}.join-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font:500 11px / 14px var(--font-mono);letter-spacing:.1em;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.join-pill__diamond{width:6px;height:6px;background:var(--accent);transform:rotate(45deg)}.join-title{font:700 24px / 30px var(--font-display);letter-spacing:-.02em}.join-line{font:400 15px / 22px var(--font-display);color:var(--onSurfaceVariant);overflow-wrap:anywhere}.join-button{width:100%;height:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:18px;background:var(--accent);color:var(--onAccent);font:700 16px / 1 var(--font-display);cursor:pointer;box-shadow:0 8px 24px -6px #00f2fe8c}.join-picture{position:relative;width:88px;height:88px;margin:4px 0;display:flex;align-items:center;justify-content:center}.join-picture:before{content:"";position:absolute;inset:-12px;border-radius:50%;background:conic-gradient(from 200deg,var(--tile-0),var(--tile-4),var(--tile-1),var(--tile-0));opacity:.35;filter:blur(22px)}.join-picture__well{position:relative;width:88px;height:88px;display:flex;align-items:center;justify-content:center;border-radius:24px;background:color-mix(in srgb,var(--surfaceContainer) 80%,transparent);border:1px solid color-mix(in srgb,var(--outline) 80%,transparent);box-shadow:inset 0 1px 0 0 var(--specularRim)}@media(prefers-reduced-motion:reduce){.intro-board__float,.intro-piece__float--a,.intro-piece__float--b,.intro-piece__float--c,.intro-day__dot,.intro-prompt__arrow{animation:none}.intro-board,.intro-piece{transition:none}.intro-section{transition:opacity .2s linear}.intro-section--before,.intro-section--after{transform:none}.help-track,.help-dot,.intro-placed__gem,.intro--step-1 .intro-placed__gem,.intro--step-1 .intro-piece{transition:none}.intro-how .intro-panel{transition:opacity .2s linear}.intro--step-1:not(.intro--card-in) .intro-how .intro-panel{transform:none}.intro--step-1 .intro-board__outline{animation:none}.intro-cta,.intro-cta:hover,.intro-cta:active,.intro-nav:active,a.intro-store:hover,a.intro-store:active{transition:none;transform:none}.join-card{animation:join-fade .18s cubic-bezier(.25,.8,.25,1)}}.join-secondary{width:100%;height:50px;border-radius:18px;border:1px solid var(--outline);background:transparent;color:var(--onSurface);font:600 15px / 1 var(--font-display);cursor:pointer}.join-secondary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}