@font-face{font-family:Archivo Variable;src:url(/projects/wibbly/play/assets/archivo-DXrUVZxZ.woff2) format("woff2-variations");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Variable;src:url(/projects/wibbly/play/assets/archivo-ext-Drn2Fve2.woff2) format("woff2-variations");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;src:url(/projects/wibbly/play/assets/instrument-sans-De5hwWIi.woff2) format("woff2-variations");font-weight:400 700;font-stretch:75% 100%;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;src:url(/projects/wibbly/play/assets/instrument-sans-ext-D94HuDAG.woff2) format("woff2-variations");font-weight:400 700;font-stretch:75% 100%;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;src:url(/projects/wibbly/play/assets/jetbrains-mono-B9CIFXIH.woff2) format("woff2-variations"),url(/projects/wibbly/play/assets/jetbrains-mono-B9CIFXIH.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}:root{--display: "Archivo Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--sans: "Instrument Sans Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "JetBrains Mono Variable", ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--bg-base: #0b0810;--bg-primary: #110d17;--bg-secondary: #171221;--bg-elevated: #1d1729;--bg-hover: #241d33;--bg-sunken: #080610;--border: #251e33;--border-strong: #3d3253;--border-bright: #52456e;--text: #f4f0f8;--text-2: #a99fb8;--text-3: #6f6580;--text-4: #4b4359;--accent: #ff4d9d;--accent-hover: #ff7fb8;--accent-deep: #d81e73;--accent-ink: #16000a;--accent-dim: rgba(255, 77, 157, .13);--accent-line: rgba(255, 77, 157, .34);--accent-glow: rgba(255, 77, 157, .26);--planned: #ffb020;--planned-dim: rgba(255, 176, 32, .1);--planned-line: rgba(255, 176, 32, .32);--shipped: #4ade80;--shipped-dim: rgba(74, 222, 128, .1);--shipped-line: rgba(74, 222, 128, .3);--danger: #ff6b6b;--danger-dim: rgba(255, 107, 107, .1);--danger-line: rgba(255, 107, 107, .3);--court-line: rgba(244, 240, 248, .075);--court-line-bright: rgba(244, 240, 248, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5), 0 4px 14px rgba(0, 0, 0, .42);--shadow-md: 0 12px 34px -12px rgba(0, 0, 0, .8);--shadow-lg: 0 30px 80px -24px rgba(0, 0, 0, .88), 0 8px 30px rgba(0, 0, 0, .5);--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px;--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-base);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}:where(button,a,input,select,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}.wb-court{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;background:radial-gradient(120% 78% at 50% -12%,rgba(255,77,157,.1) 0%,transparent 62%),radial-gradient(88% 58% at 50% 112%,rgba(122,92,202,.08) 0%,transparent 60%),var(--bg-base)}.wb-court:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,transparent calc(50% - 1px),var(--court-line-bright) 50%,transparent calc(50% + 1px)),linear-gradient(to bottom,transparent calc(50% - 1px),var(--court-line) 50%,transparent calc(50% + 1px)),linear-gradient(to right,transparent calc(11% - 1px),var(--court-line) 11%,transparent calc(11% + 1px)),linear-gradient(to right,transparent calc(89% - 1px),var(--court-line) 89%,transparent calc(89% + 1px)),linear-gradient(to right,transparent calc(17% - 1px),var(--court-line) 17%,transparent calc(17% + 1px)),linear-gradient(to right,transparent calc(83% - 1px),var(--court-line) 83%,transparent calc(83% + 1px))}.wb-court:after{content:"";position:absolute;top:-40%;right:-10%;bottom:-40%;left:-10%;pointer-events:none;background:radial-gradient(closest-side,var(--accent-glow) 0%,transparent 70%);width:62vmax;height:62vmax;filter:blur(48px);opacity:.45;animation:wb-sweep 26s var(--ease) infinite}@keyframes wb-sweep{0%{transform:translate(-30vw,12vh) scale(.8);opacity:.2}50%{transform:translate(62vw,-14vh) scale(1.18);opacity:.48}to{transform:translate(-30vw,12vh) scale(.8);opacity:.2}}.wb-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.wb-stage{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:clamp(1.75rem,4.5vh,4rem) clamp(1rem,4vw,2rem) 3rem}.wb-bracket{position:relative}.wb-bracket:before,.wb-bracket:after{content:"";position:absolute;width:18px;height:18px;pointer-events:none;border-color:var(--border-bright);border-style:solid;transition:border-color .24s var(--ease);z-index:2}.wb-bracket:before{top:-1px;left:-1px;border-width:2px 0 0 2px;border-top-left-radius:3px}.wb-bracket:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0;border-bottom-right-radius:3px}.wb-bracket.is-live:before,.wb-bracket.is-live:after{border-color:var(--accent)}.wb-bracket.is-planned:before,.wb-bracket.is-planned:after{border-color:var(--planned-line)}.wb-blueprint{border:1px dashed var(--planned-line)!important;background-image:repeating-linear-gradient(45deg,rgba(255,176,32,.05) 0,rgba(255,176,32,.05) 1px,transparent 1px,transparent 7px)!important;background-color:transparent!important}.wb-wordmark{font-family:var(--display);font-weight:800;font-stretch:118%;font-size:clamp(3.4rem,12vw,8.5rem);line-height:.82;letter-spacing:-.05em;margin:0;text-transform:lowercase;background:linear-gradient(96deg,var(--text) 24%,var(--accent) 128%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.wb-tagline{margin:.7rem 0 0;color:var(--text-2);font-family:var(--display);font-weight:400;font-stretch:104%;font-size:clamp(1rem,2.2vw,1.3rem);letter-spacing:-.01em}.wb-eyebrow{font-family:var(--mono);font-size:.68rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--text-3);margin:0 0 .8rem;font-variant-numeric:tabular-nums}.wb-h2{font-family:var(--display);font-weight:700;font-stretch:112%;font-size:clamp(1.4rem,3vw,1.95rem);letter-spacing:-.025em;line-height:1.1;margin:0 0 .4rem}.wb-h3{font-family:var(--display);font-weight:700;font-stretch:106%;font-size:1.1rem;letter-spacing:-.015em;margin:0}.wb-lede{color:var(--text-2);margin:0;font-size:.96rem;line-height:1.62}.wb-mono{font-family:var(--mono);font-size:.8rem;font-variant-numeric:tabular-nums}.wb-rule{height:1px;border:0;margin:0;background:linear-gradient(90deg,var(--accent) 0,var(--accent) 42px,var(--border) 42px,var(--border) 100%)}.wb-pill{display:inline-flex;align-items:center;gap:.42rem;padding:.24rem .62rem;border-radius:3px;font-family:var(--mono);font-size:.63rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border:1px solid transparent;white-space:nowrap;font-variant-numeric:tabular-nums}.wb-pill--playable{background:var(--shipped-dim);color:var(--shipped);border-color:var(--shipped-line)}.wb-pill--planned{background:var(--planned-dim);color:var(--planned);border-color:var(--planned-line)}.wb-pill--accent{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-line)}.wb-pill--muted{background:#a99fb80f;color:var(--text-3);border-color:var(--border)}.wb-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.wb-pill--playable .wb-dot,.wb-pill--accent .wb-dot{animation:wb-pulse 2.4s ease-in-out infinite;box-shadow:0 0 8px currentColor}@keyframes wb-pulse{0%,to{opacity:1}50%{opacity:.35}}.wb-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.82rem 1.5rem;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);font-family:var(--sans);font-size:.92rem;font-weight:600;letter-spacing:-.005em;cursor:pointer;text-decoration:none;transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),color .18s var(--ease)}.wb-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-bright);transform:translateY(-2px)}.wb-btn:active:not(:disabled){transform:translateY(0)}.wb-btn:disabled{opacity:.45;cursor:not-allowed}.wb-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-size:1rem;font-weight:700;letter-spacing:.005em;padding:.95rem 2rem;box-shadow:0 10px 34px -10px var(--accent-glow)}.wb-btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 18px 48px -10px var(--accent-glow)}.wb-btn--ghost{background:transparent;border-color:var(--border);color:var(--text-2)}.wb-btn--ghost:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.wb-btn--small{padding:.48rem .85rem;font-size:.82rem}.wb-key{font-family:var(--mono);font-size:.64rem;font-weight:700;padding:.16rem .42rem;border-radius:4px;border:1px solid var(--border-strong);background:#00000057;color:var(--text-2);letter-spacing:.1em;text-transform:uppercase}.wb-btn--primary .wb-key{border-color:#16000a4d;background:#16000a26;color:var(--accent-ink)}.wb-panel{position:relative;background:linear-gradient(162deg,var(--bg-secondary),var(--bg-primary));border:1px solid var(--border);border-radius:var(--r-lg);padding:1.5rem}.wb-panel--framed{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.wb-note{border-left:2px solid var(--border-strong);padding-left:.9rem;color:var(--text-3);font-size:.84rem;line-height:1.58;margin:0}.wb-note--accent{border-left-color:var(--accent);color:var(--text-2)}.wb-note--planned{border-left-color:var(--planned);color:var(--text-2)}.wb-note--danger{border-left-color:var(--danger);color:var(--text-2)}.wb-note--shipped{border-left-color:var(--shipped);color:var(--text-2)}.wb-note strong{color:var(--text);font-weight:650}.wb-rise{animation:wb-rise .62s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes wb-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.wb-court:after{animation:none}.wb-rise,.wb-pill--playable .wb-dot,.wb-pill--accent .wb-dot{animation:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}