:root{--blue:#0f1b45;--blue-2:#0b1433;--blue-3:#142253;--sky:#b4c8da;--sun:#e2b04f;--sun-2:#c08a2a;--pink:#cf7d92;--mint:#5fa894;--orange:#cf8a5a;--ink:#0f1222;--ink-2:#22273f;--paper:#f6f4ef;--white:#fff;--mute:#5d6378;--line:3px;--r:20px;--r-sm:14px;--drop:0 6px 0 var(--ink);--drop-sm:0 4px 0 var(--ink);--outline:2.5px 2.5px 0 var(--ink), -2.5px 2.5px 0 var(--ink), 2.5px -2.5px 0 var(--ink), -2.5px -2.5px 0 var(--ink), 0 2.5px 0 var(--ink), 0 -2.5px 0 var(--ink), 2.5px 0 0 var(--ink), -2.5px 0 0 var(--ink);--display:"Bricolage Grotesque", "Inter", system-ui, sans-serif;--arabic:"IBM Plex Sans Arabic", "Inter", system-ui, sans-serif;--body:"Inter", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--gutter:clamp(16px, 4vw, 40px);--max:1180px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;background:var(--blue);-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{background:var(--blue);color:var(--ink);font:16px/1.65 var(--body);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}::selection{background:var(--sun);color:var(--ink)}:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:8px}.wrap{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.halftone{background-image:radial-gradient(#ffffff1c 1.5px,#0000 1.7px);background-size:18px 18px}.halftone-ink{background-image:radial-gradient(#0f122217 1.5px,#0000 1.7px);background-size:18px 18px}.rays{background:repeating-conic-gradient(from 0deg, var(--ray-a,var(--blue)) 0deg 9deg, var(--ray-b,var(--blue-3)) 9deg 18deg);pointer-events:none;width:260vmax;height:260vmax;animation:120s linear infinite spin;position:absolute;inset:50% auto auto 50%;translate:-50% -50%;-webkit-mask:radial-gradient(closest-side,#000 20%,#0000 70%);mask:radial-gradient(closest-side,#000 20%,#0000 70%)}@keyframes spin{to{rotate:360deg}}.zig{position:relative}.zig:before{content:"";background:linear-gradient(-45deg, var(--sec) 11px, transparent 0) 0 100% / 22px 22px repeat-x, linear-gradient(45deg, var(--sec) 11px, transparent 0) 0 100% / 22px 22px repeat-x;pointer-events:none;z-index:1;height:23px;position:absolute;top:-22px;left:0;right:0}.display{word-spacing:.06em;font-family:var(--display);letter-spacing:-.025em;margin:0;font-weight:800;line-height:1.02}.pop{color:var(--white);text-shadow:var(--outline), 3px 7px 0 var(--ink)}.pop-sun{color:var(--sun);text-shadow:var(--outline), 3px 7px 0 var(--ink)}.pop-pink{color:var(--pink);text-shadow:var(--outline), 3px 7px 0 var(--ink)}.pop-mint{color:var(--mint);text-shadow:var(--outline), 3px 7px 0 var(--ink)}.tag{border:var(--line) solid var(--ink);background:var(--white);color:var(--ink);box-shadow:var(--drop-sm);font:700 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;display:inline-flex}.tag.sun{background:var(--sun)}.tag.pink{background:var(--pink);color:var(--white)}.tag.mint{background:var(--mint)}.tag.ink{background:var(--ink);color:var(--white);box-shadow:0 4px #00000059}.dot{background:var(--mint);width:9px;height:9px;box-shadow:0 0 0 2px var(--ink);border-radius:50%;animation:1.4s steps(2,jump-none) infinite blink}@keyframes blink{50%{opacity:.25}}.btn{--bg:var(--white);--fg:var(--ink);border:var(--line) solid var(--ink);background:var(--bg);min-height:54px;color:var(--fg);box-shadow:var(--drop);font:800 17px/1 var(--display);letter-spacing:-.01em;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .12s ease, box-shadow .12s ease, background-color .2s, translate .45s var(--ease-pop);border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 24px;text-decoration:none;display:inline-flex;position:relative}.btn:hover{box-shadow:0 8px 0 var(--ink);transform:translateY(-2px)}.btn:active,.btn.is-pressed{box-shadow:0 1px 0 var(--ink);transition-duration:60ms;transform:translateY(5px)}.btn.sun{--bg:var(--sun)}.btn.pink{--bg:var(--pink);--fg:var(--white)}.btn.mint{--bg:var(--mint)}.btn.ink{--bg:var(--ink);--fg:var(--white)}.btn.sm{min-height:40px;box-shadow:var(--drop-sm);border-radius:10px;padding:0 14px;font-size:14px}.btn.sm:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn svg{flex:none;width:20px;height:20px}.btn .arr{transition:translate .25s var(--ease-pop)}.btn:hover .arr{translate:4px}.card{border:var(--line) solid var(--ink);border-radius:var(--r);background:var(--white);box-shadow:var(--drop);position:relative}.xp{z-index:60;background:#14172959;height:6px;position:fixed;inset:0 0 auto}.xp i{transform-origin:0;background:linear-gradient(90deg, var(--sun), var(--pink), var(--mint));width:100%;height:100%;display:block;transform:scaleX(0)}.nav{z-index:50;pointer-events:none;position:fixed;top:14px;left:0;right:0}.nav .bar{pointer-events:auto;border:var(--line) solid var(--ink);background:var(--white);height:64px;box-shadow:var(--drop);transition:translate .35s var(--ease-pop);border-radius:20px;align-items:center;gap:12px;padding:0 10px 0 18px;display:flex}.nav.hide .bar{translate:0 -120px}.logo{font:800 21px/1 var(--display);letter-spacing:-.02em;color:var(--ink);white-space:nowrap;align-items:baseline;gap:1px;text-decoration:none;display:inline-flex}.logo span{color:var(--sun-2)}.logo:hover .lg-dot{animation:hop .45s var(--ease-pop)}.lg-dot{color:var(--ink);display:inline-block}.foot .lg-dot{color:var(--white)}@keyframes hop{40%{transform:translateY(-4px)}}.links{gap:2px;margin-inline-start:auto;display:flex}.links a{border-radius:12px;padding:8px 12px;font-size:14.5px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s;position:relative}.links a:hover{background:var(--paper)}.links a.on{background:var(--ink);color:var(--white)}.links a .new{border:2px solid var(--ink);background:var(--sun);color:var(--ink);font:700 9px/1.2 var(--mono);letter-spacing:.06em;border-radius:999px;padding:2px 6px;animation:2.4s ease-in-out infinite wobble;position:absolute;top:-9px;right:-6px;rotate:8deg}@keyframes wobble{0%,to{rotate:8deg}50%{rotate:-6deg}}.nav-r{align-items:center;gap:8px;display:flex}.kbd-btn{border:var(--line) solid var(--ink);background:var(--paper);height:42px;box-shadow:var(--drop-sm);font:700 13px/1 var(--mono);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 12px;transition:transform .1s,box-shadow .1s;display:inline-flex}.kbd-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.kbd-btn em{border:2px solid var(--ink);background:var(--white);border-radius:6px;padding:3px 6px;font-size:11px;font-style:normal}.burger{border:var(--line) solid var(--ink);background:var(--sun);width:46px;height:42px;box-shadow:var(--drop-sm);cursor:pointer;border-radius:12px;place-items:center;display:none}.burger i,.burger i:before,.burger i:after{background:var(--ink);width:20px;height:3px;transition:transform .3s var(--ease-pop), opacity .2s;border-radius:3px;display:block}.burger i{position:relative}.burger i:before,.burger i:after{content:"";position:absolute;left:0}.burger i:before{top:-7px}.burger i:after{top:7px}.menu-open .burger i{background:0 0}.menu-open .burger i:before{transform:translateY(7px)rotate(45deg)}.menu-open .burger i:after{transform:translateY(-7px)rotate(-45deg)}.nav .bar{min-width:0}.links{flex-wrap:nowrap;min-width:0}.links a{white-space:nowrap}.nav-r{flex:none}.nav-tight .kbd-btn .t,.nav-burger .kbd-btn .t{display:none}@media (max-width:1180px){.kbd-btn .t{display:none}}.nav-tight .links a{padding:8px 9px;font-size:14px}.nav-tight .bar{gap:8px}@media (max-width:1180px){.burger{display:grid}.links{inset:92px var(--gutter) auto var(--gutter);border:var(--line) solid var(--ink);background:var(--white);box-shadow:var(--drop);visibility:hidden;opacity:0;transform-origin:100% 0;transition:opacity .2s, transform .3s var(--ease-pop), visibility 0s .3s;border-radius:20px;flex-direction:column;gap:6px;padding:14px;position:fixed;transform:translateY(-12px)scale(.96)}.links a{font-size:19px;font-family:var(--display);padding:12px 14px;font-weight:700}.links a .new{font-size:10px;top:50%;right:14px;translate:0 -50%}.menu-open .links{visibility:visible;opacity:1;transition:opacity .2s, transform .35s var(--ease-pop);transform:none}.nav-r{margin-inline-start:auto}}.nav.nav-burger .burger{display:grid}.nav.nav-burger .links{inset:92px var(--gutter) auto var(--gutter);border:var(--line) solid var(--ink);background:var(--white);box-shadow:var(--drop);visibility:hidden;opacity:0;transform-origin:100% 0;transition:opacity .2s, transform .3s var(--ease-pop), visibility 0s .3s;border-radius:20px;flex-direction:column;gap:6px;padding:14px;position:fixed;transform:translateY(-12px)scale(.96)}.nav.nav-burger .links a{font-size:19px;font-family:var(--display);padding:12px 14px;font-weight:700}.nav.nav-burger .links a .new{font-size:10px;top:50%;right:14px;translate:0 -50%}.menu-open .nav.nav-burger .links{visibility:visible;opacity:1;transition:opacity .2s, transform .35s var(--ease-pop);transform:none}.nav.nav-burger .nav-r{margin-inline-start:auto}@media (max-width:420px){.logo{font-size:20px}.kbd-btn{display:none}}.toast{z-index:90;border:var(--line) solid var(--ink);background:var(--white);max-width:calc(100vw - 32px);box-shadow:var(--drop);opacity:0;pointer-events:none;border-radius:18px;align-items:center;gap:12px;padding:12px 18px 12px 12px;display:flex;position:fixed;bottom:24px;left:50%;translate:-50%}.toast .trophy{border:var(--line) solid var(--ink);background:var(--sun);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.toast .trophy svg{width:24px;height:24px}.toast small{font:700 10px/1.2 var(--mono);letter-spacing:.1em;color:var(--mute);text-transform:uppercase;display:block}.toast b{font:700 17px/1.2 var(--display);letter-spacing:-.01em}dialog{color:var(--ink)}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b143399}.pal{border:var(--line) solid var(--ink);background:var(--white);width:min(560px,100vw - 32px);max-height:min(560px,100dvh - 80px);box-shadow:0 8px 0 var(--ink);border-radius:22px;margin:12vh auto auto;padding:0;overflow:hidden}.pal-h{background:var(--sun);border-bottom:var(--line) solid var(--ink);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.pal-h b{font:800 20px/1 var(--display);letter-spacing:-.01em}.pal-h span{font:700 11px/1 var(--mono);letter-spacing:.08em}.pal input{border:0;border-bottom:2px dashed var(--ink);background:var(--white);width:100%;font:500 17px var(--body);outline:0;padding:16px 18px}.pal ul{max-height:330px;margin:0;padding:8px;list-style:none;overflow:auto}.pal li{cursor:pointer;border:2px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-weight:600;display:flex}.pal li span{font:700 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.pal li.sel{border-color:var(--ink);background:var(--sun)}.pal li.sel:before{content:"▶";margin-inline-end:-4px;font-size:11px}.pal li.sel span{color:var(--ink)}.pal .hint{border-top:2px dashed var(--ink);font:600 11px/1 var(--mono);color:var(--mute);padding:10px 18px}.confetti{z-index:100;pointer-events:none;position:fixed;inset:0}.js [data-reveal]{opacity:0}.js [data-split] .w{opacity:0;display:inline-block}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js [data-reveal],.js [data-split] .w{opacity:1!important;transform:none!important}.rays,.dot,.links a .new,.snd-btn i{animation:none!important}}.foot{--sec:var(--ink);background:var(--ink);color:var(--white);padding:36px 0 120px}.foot .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;display:flex}.foot .logo{color:var(--white)}.foot small{font:600 12px/1.4 var(--mono);letter-spacing:.06em;color:#ffffffa6}.foot nav{flex-wrap:wrap;gap:18px;display:flex}.foot nav a{opacity:.85;font-weight:600;text-decoration:none}.foot nav a:hover{opacity:1;color:var(--sun)}.lost{color:var(--white);background-color:var(--blue);isolation:isolate;place-items:center;min-height:100svh;padding:24px 16px;display:grid;position:relative;overflow:hidden}.lost>.rays{z-index:-1}.lost-box{text-align:center;justify-items:center;gap:22px;max-width:560px;display:grid}.lost h1{font-size:clamp(56px,12vw,120px)}.lost-msg{color:var(--ink);margin:0;padding:16px 20px;font-size:18px}.lost-btns{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.rainbow .rays{filter:hue-rotate();animation-name:spin,hue;animation-duration:8s}@keyframes hue{to{filter:hue-rotate(360deg)}}.snd-btn{border:var(--line) solid var(--ink);background:var(--paper);width:46px;height:42px;box-shadow:var(--drop-sm);cursor:pointer;border-radius:12px;justify-content:center;align-items:flex-end;gap:3px;padding:0 0 11px;transition:transform .1s,box-shadow .1s,background-color .2s;display:inline-flex}.snd-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.snd-btn i{background:var(--ink);opacity:.35;border-radius:2px;width:4px;height:6px;display:block}.snd-btn.on{background:var(--mint)}.snd-btn.on i{opacity:1;animation:.9s ease-in-out infinite eq}.snd-btn.on i:nth-child(2){animation-delay:-.3s}.snd-btn.on i:nth-child(3){animation-delay:-.6s}.snd-btn.on i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%,to{height:5px}50%{height:18px}}.cur-ring,.cur-dot{z-index:120;pointer-events:none;mix-blend-mode:difference;opacity:0;border-radius:50%;transition:opacity .2s;position:fixed;top:0;left:0}.has-cur .cur-ring,.has-cur .cur-dot{opacity:1}.cur-ring{width:38px;height:38px;transition:opacity .2s, width .25s var(--ease-pop), height .25s var(--ease-pop), margin .25s var(--ease-pop), background-color .2s, border-width .2s;border:2px solid #fff;margin:-19px 0 0 -19px}.cur-ring.hot{background:#fff;border-width:0;width:64px;height:64px;margin:-32px 0 0 -32px}.cur-ring.down{width:30px;height:30px;margin:-15px 0 0 -15px}.cur-dot{background:#fff;width:6px;height:6px;margin:-3px 0 0 -3px}.spark{z-index:110;border:2px solid var(--ink);pointer-events:none;border-radius:2px;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:fixed}.sh h2{transform:skewY(calc(var(--skew,0) * 1deg));transform-origin:0}@view-transition{navigation:auto}.nav .bar{view-transition-name:navbar}::view-transition-old(root){animation:.28s cubic-bezier(.4,0,1,1) both vt-out}::view-transition-new(root){animation:.6s cubic-bezier(.22,1,.36,1) both vt-in}@keyframes vt-out{to{opacity:0;transform:scale(.95)translateY(-24px)}}@keyframes vt-in{0%{clip-path:circle(0% at 50% 40%)}to{clip-path:circle(150% at 50% 40%)}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}.xp.maxed i{animation:.5s ease-in-out 4 xpflash}@keyframes xpflash{50%{filter:brightness(1.6)saturate(1.4)}}.lost-snd{position:fixed;top:16px;right:16px}html:has(body.lost){overflow:hidden}.lost{contain:paint;overflow:clip}.buddy{z-index:45;pointer-events:none;will-change:transform;width:56px;transition:opacity .3s,filter .3s;position:fixed;top:0;left:0}.bd-hit{cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;padding:0;display:block}.bd-hit:focus-visible{outline:3px solid var(--sun);outline-offset:4px;border-radius:16px}.buddy.scrolling{opacity:.55}.buddy.shy{opacity:0;visibility:hidden}.buddy svg{filter:drop-shadow(3px 5px #00000047);width:100%;display:block;overflow:visible}.buddy.gone{opacity:0;visibility:hidden}.buddy.away{opacity:.35}.bd-head{fill:var(--bd-head);stroke:var(--ink);stroke-width:3.5px;transition:fill .4s}.bd-visor{fill:var(--ink)}.bd-eye{fill:var(--bd-eye);transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 3px #5fa894e6);transition:fill .2s}.bd-body{fill:var(--bd-body);stroke:var(--ink);stroke-width:3.5px;transition:fill .4s}.bd-neck,.bd-core{fill:var(--ink)}.bd-arm{fill:var(--bd-arm);stroke:var(--ink);stroke-width:3px;transform-box:fill-box;transform-origin:50% 10%}.bd-ink-line{stroke:var(--ink);stroke-width:3.5px;stroke-linecap:round}.bd-led{fill:var(--pink);stroke:var(--ink);stroke-width:2.5px;animation:1.6s ease-in-out infinite led}@keyframes led{50%{fill:var(--sun)}}.bd-bob{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite bdBob}@keyframes bdBob{50%{transform:translateY(-4px)}}.bd-arm-l{animation:2.4s ease-in-out infinite armL}.bd-arm-r{animation:2.4s ease-in-out infinite armR}@keyframes armL{50%{transform:rotate(10deg)}}@keyframes armR{50%{transform:rotate(-10deg)}}.bd-flame path{fill:var(--sun);transform-box:fill-box;transform-origin:50% 0;animation:.16s ease-in-out infinite alternate flame}.bd-flame .bd-flame-in{fill:#fff3d0}@keyframes flame{0%{transform:scaleY(.75)}to{transform:scaleY(1.15)}}.buddy.excited .bd-eye{fill:var(--sun);filter:drop-shadow(0 0 4px #e2b04fe6)}.buddy.excited .bd-arm-r{animation:.5s ease-in-out infinite alternate wave}@keyframes wave{0%{transform:rotate(-20deg)}to{transform:rotate(-150deg)}}.buddy.asleep .bd-eye{filter:none;transform:scaleY(.12)}.buddy.asleep .bd-flame{opacity:.25}.buddy.asleep .bd-bob{animation-duration:4s}.bd-z{font:800 13px/1 var(--display);color:var(--sky);opacity:0;position:absolute;top:-10px;right:-6px}.bd-z i,.bd-z b{font-style:normal;position:absolute}.bd-z i{font-size:11px;top:-10px;left:8px}.bd-z b{font-size:9px;top:-19px;left:15px}.buddy.asleep .bd-z{opacity:1;animation:2.4s ease-in-out infinite zz}@keyframes zz{0%{opacity:0;transform:translateY(4px)}30%{opacity:1}to{opacity:0;transform:translateY(-12px)}}.bd-bubble{border:var(--line) solid var(--ink);background:var(--white);width:max-content;max-width:230px;color:var(--ink);box-shadow:var(--drop-sm);font:600 13px/1.35 var(--body);opacity:0;visibility:hidden;pointer-events:none;border-radius:14px;padding:9px 12px;transition:opacity .25s,visibility 0s .25s;position:absolute;top:6px;right:calc(100% + 14px)}.bd-bubble:after{content:"";background:var(--white);border-right:var(--line) solid var(--ink);border-top:var(--line) solid var(--ink);width:14px;height:14px;position:absolute;top:14px;right:-9px;rotate:45deg}.buddy.talking .bd-bubble{opacity:1;visibility:visible;transition:opacity .2s}.buddy.docked{width:48px;inset:auto 16px 16px auto;transform:none!important}.buddy.docked .bd-bubble{top:auto;bottom:calc(100% + 12px);right:-6px}.buddy.docked .bd-bubble:after{border-top:0;border-bottom:var(--line) solid var(--ink);top:auto;bottom:-9px;right:18px}.bd-close{border:2px solid var(--ink);background:var(--white);width:22px;height:22px;color:var(--ink);font:800 14px/1 var(--body);cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .2s, scale .25s var(--ease-pop);border-radius:50%;padding:0;position:absolute;top:-6px;left:-8px;scale:.6}.buddy:hover .bd-close,.bd-close:focus-visible,.buddy.docked .bd-close{opacity:1;scale:1}@media (hover:hover){.buddy.docked:not(:hover) .bd-close{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){.bd-bob,.bd-arm-l,.bd-arm-r,.bd-flame path,.bd-led,.buddy.asleep .bd-z{animation:none!important}}.rail-nav{z-index:40;display:none;position:fixed;top:50%;left:22px;translate:0 -50%}@media (min-width:1360px){.rail-nav{display:block}}.rail-nav ol{gap:22px;margin:0;padding:0;list-style:none;display:grid;position:relative}.rail-nav ol:before{content:"";mix-blend-mode:difference;background:repeating-linear-gradient(#ffffff59 0 5px,#0000 5px 10px);width:2px;position:absolute;top:8px;bottom:8px;left:8px}.rail-nav a{align-items:center;gap:10px;text-decoration:none;display:flex;position:relative}.rail-nav .rn-dot{border:2.5px solid var(--ink);background:var(--paper);width:18px;height:18px;transition:background-color .25s, transform .3s var(--ease-pop);border-radius:5px;rotate:45deg}.rail-nav .rn-label{border:2px solid var(--ink);background:var(--white);color:var(--ink);font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .2s, translate .25s var(--ease-pop);pointer-events:none;border-radius:8px;padding:4px 8px;translate:-6px}.rail-nav a:hover .rn-label,.rail-nav a:focus-visible .rn-label,.rail-nav a.on .rn-label{opacity:1;translate:0}.rail-nav a.done .rn-dot{background:var(--mint)}.rail-nav a.on .rn-dot{background:var(--sun);transform:scale(1.25);box-shadow:0 0 0 5px #e2b04f4d}.rn-packet{background:var(--sun);width:10px;height:10px;box-shadow:0 0 10px var(--sun);pointer-events:none;border-radius:50%;position:absolute;top:0;left:4px}.buddy{--bd-head:var(--paper);--bd-body:var(--sun);--bd-arm:var(--blue-3);--bd-eye:var(--mint)}.buddy.skin-mint{--bd-head:#d6ebe3;--bd-body:var(--mint);--bd-arm:#2f5d52;--bd-eye:var(--sun)}.buddy.skin-midnight{--bd-head:#3a4678;--bd-body:var(--sky);--bd-arm:#1a2148;--bd-eye:#9fd8ff}.buddy.skin-rose{--bd-head:#f3dde3;--bd-body:var(--pink);--bd-arm:#6b3a4a;--bd-eye:#ffd0dc}.buddy.skin-gold{--bd-head:#f1e2bf;--bd-body:var(--sun-2);--bd-arm:#6b4f1a;--bd-eye:#fff3c4}.bd-acc,.bd-led-heart{display:none}.buddy.acc-headset .bd-headset,.buddy.acc-shades .bd-shades{display:inline}.bd-headset .band,.bd-headset .boom{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round}.bd-headset rect{fill:var(--bd-arm);stroke:var(--ink);stroke-width:2.5px}.bd-headset .mic{fill:var(--pink);stroke:var(--ink);stroke-width:1.5px}.bd-shades rect{fill:#05070f;stroke:var(--sun);stroke-width:2px}.bd-shades path{stroke:var(--sun);stroke-width:2px;stroke-linecap:round}.bd-shades .glint{stroke:#ffffffb3}.buddy.acc-shades .bd-e-normal{opacity:0}.buddy.acc-heart .bd-led{display:none}.buddy.acc-heart .bd-led-heart{fill:#d4566f;stroke:var(--ink);stroke-width:1.8px;transform-box:fill-box;transform-origin:50%;animation:1s ease-in-out infinite ledBeat;display:inline}@keyframes ledBeat{0%,to{transform:scale(1)}15%{transform:scale(1.35)}30%{transform:scale(.95)}45%{transform:scale(1.2)}}.bd-e-happy,.bd-e-heart,.bd-e-x,.bd-e-wide{opacity:0;transition:opacity .15s}.bd-e-normal{transition:opacity .15s}.bd-e-happy path{fill:none;stroke:var(--bd-eye);stroke-width:3px;stroke-linecap:round}.bd-e-heart path{fill:#e8798f}.bd-e-x path{fill:none;stroke:var(--sun);stroke-width:2.6px;stroke-linecap:round}.bd-e-wide circle{fill:var(--bd-eye)}.buddy.mv-wave .bd-e-normal,.buddy.mv-dance .bd-e-normal,.buddy.mv-celebrate .bd-e-normal,.buddy.mv-hop .bd-e-normal{opacity:0}.buddy.mv-wave .bd-e-happy,.buddy.mv-dance .bd-e-happy,.buddy.mv-celebrate .bd-e-happy,.buddy.mv-hop .bd-e-happy{opacity:1}.buddy.mv-love .bd-e-normal{opacity:0}.buddy.mv-love .bd-e-heart{opacity:1}.buddy.mv-glitch .bd-e-normal{opacity:0}.buddy.mv-glitch .bd-e-x{opacity:1;animation:.12s steps(2,jump-none) 5 xFlick}@keyframes xFlick{50%{opacity:.2}}.buddy.mv-surprise .bd-e-normal{opacity:0}.buddy.mv-surprise .bd-e-wide{opacity:1}.buddy.mv-sleep .bd-eye,.buddy.mv-scan .bd-eye{transform:scaleY(.45)}.buddy.mv-sleep .bd-eye{transform:scaleY(.12)}.buddy.acc-shades.mv-love .bd-shades,.buddy.acc-shades.mv-glitch .bd-shades,.buddy.acc-shades.mv-surprise .bd-shades{display:none}.bd-act{transform-origin:50% 70%;display:block}.bd-scan{fill:#ffffff80;opacity:0}.buddy.mv-scan .bd-scan{opacity:1;animation:.9s ease-in-out 2 alternate scanBar}@keyframes scanBar{0%{transform:translate(0)}to{transform:translate(40px)}}.buddy.mv-wave .bd-arm-r{animation:.35s ease-in-out infinite alternate wave}.buddy.mv-dance .bd-arm-l{animation:.3s ease-in-out infinite alternate-reverse wave}.buddy.mv-dance .bd-arm-r,.buddy.mv-celebrate .bd-arm-r,.buddy.mv-celebrate .bd-arm-l{animation:.3s ease-in-out infinite alternate wave}.buddy.mv-celebrate .bd-flame path,.buddy.mv-hop .bd-flame path{animation-duration:50ms;transform:scaleY(1.7)}.buddy.mv-glitch svg{animation:.18s steps(2,jump-none) 6 glitchRGB}@keyframes glitchRGB{0%{filter:drop-shadow(-3px 0 #cf7d92e6)drop-shadow(3px 0 #5fa894e6)}to{filter:drop-shadow(3px 0 #cf7d92e6)drop-shadow(-3px 0 #5fa894e6)hue-rotate(60deg)}}.buddy.mv-sleep .bd-z{opacity:1;animation:2s ease-in-out infinite zz}.buddy.mv-love .bd-led,.buddy.mv-celebrate .bd-led{fill:var(--sun)}.bd-fx{pointer-events:none;width:0;height:0;position:absolute;top:6px;left:50%}.bd-p{font:800 18px/1 var(--display);text-shadow:0 2px 0 var(--ink);position:absolute;top:-6px;left:-8px}.bd-p.heart{color:#e8798f}.bd-p.note{color:var(--sky)}.bd-p.spark{color:var(--sun)}.bd-p.bang{color:var(--sun);font-size:24px}.bd-p.dots{color:var(--white);font-size:22px}.bd-close{display:none!important}.bd-tools{pointer-events:auto;opacity:0;transition:opacity .2s, scale .25s var(--ease-pop);gap:4px;display:flex;position:absolute;top:-30px;left:50%;translate:-50%;scale:.8}.bd-tools button{border:2px solid var(--ink);background:var(--white);width:24px;height:24px;color:var(--ink);font:800 13px/1 var(--body);cursor:pointer;box-shadow:0 2px 0 var(--ink);border-radius:7px;place-items:center;padding:0;display:grid}.bd-tools button:hover{background:var(--sun)}.buddy:hover .bd-tools,.bd-tools:focus-within{opacity:1;scale:1}.buddy.docked .bd-tools{left:auto;right:0;translate:0}@media (hover:none){.buddy.docked .bd-tools{opacity:1;scale:1}.bd-tools [data-bd=park]{display:none}}.buddy.talking .bd-tools{pointer-events:none;opacity:0!important}@media (prefers-reduced-motion:reduce){.buddy.mv-scan .bd-scan,.buddy.mv-glitch svg,.buddy.mv-glitch .bd-e-x,.bd-led-heart{animation:none!important}}.lang-btn{border:var(--line) solid var(--ink);background:var(--sun);min-width:48px;height:42px;color:var(--ink);box-shadow:var(--drop-sm);font:800 15px/1 var(--display);border-radius:12px;place-items:center;padding:0 10px;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-grid}.lang-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.lang-btn[lang=ar]{font-family:IBM Plex Sans Arabic,sans-serif;font-size:16px;font-weight:700}.lang-btn[lang=en]{font-family:Bricolage Grotesque,Inter,sans-serif}:root[lang=ar]{--display:"Alexandria", "IBM Plex Sans Arabic", "Bricolage Grotesque", sans-serif;--body:"IBM Plex Sans Arabic", "Inter", system-ui, sans-serif;--arabic:"IBM Plex Sans Arabic", sans-serif;--mono:"JetBrains Mono", "IBM Plex Sans Arabic", ui-monospace, monospace}:root[lang=ar] body{font-size:17px;line-height:1.8}:root[lang=ar] *,:root[lang=ar] :before,:root[lang=ar] :after{letter-spacing:0!important}:root[lang=ar] .display{font-weight:800;line-height:1.3}:root[lang=ar] .logo,:root[lang=ar] .logo *{font-family:Bricolage Grotesque,Inter,sans-serif}[dir=rtl] .tape,[dir=rtl] .tape-track,[dir=rtl] .cat-tape,[dir=rtl] .cat-track{direction:ltr}[dir=rtl] .sig{direction:rtl}[dir=rtl] .btn:hover .arr{translate:-4px}[dir=rtl] .bubble:before{left:auto;right:34px}[dir=rtl] .code pre{text-align:left;direction:ltr}[dir=rtl] .s-ar[dir=ltr]{direction:ltr;font-family:Inter,sans-serif;font-weight:600}[dir=rtl] .rail{left:auto;right:21px}[dir=rtl] .node{left:auto;right:-64px}[dir=rtl] .job.compact .node{left:auto;right:-59px}@media (max-width:640px){[dir=rtl] .rail{right:15px}[dir=rtl] .node{right:-50px}[dir=rtl] .job.compact .node{right:-46px}}@media (max-width:880px){[dir=rtl] .road-track:before,[dir=rtl] .road-fill{left:auto;right:32px}}[dir=rtl] .tap-hand{left:-46px;right:auto}[dir=rtl] .tap-hand svg{rotate:24deg;scale:-1 1}.lost-ar{letter-spacing:0;margin-top:8px;font-family:IBM Plex Sans Arabic,sans-serif;font-weight:600;display:block}.lost-btns .btn[lang=ar]{letter-spacing:0;font-family:IBM Plex Sans Arabic,sans-serif}.logo{direction:ltr;unicode-bidi:isolate}[dir=rtl] .bd-bubble{left:calc(100% + 14px);right:auto}[dir=rtl] .bd-bubble:after{border-top:0;border-right:0;border-left:var(--line) solid var(--ink);border-bottom:var(--line) solid var(--ink);left:-9px;right:auto}[dir=rtl] .buddy.docked{left:16px;right:auto}[dir=rtl] .buddy.docked .bd-bubble{left:-6px;right:auto}[dir=rtl] .buddy.docked .bd-bubble:after{border-left:0;border-right:var(--line) solid var(--ink);left:18px;right:auto}[dir=rtl] .rail-nav{left:auto;right:22px}[dir=rtl] .rail-nav a{flex-direction:row}.theme-btn{border:var(--line) solid var(--ink);background:var(--paper);width:46px;height:42px;color:var(--ink);box-shadow:var(--drop-sm);cursor:pointer;border-radius:12px;place-items:center;padding:0;transition:transform .1s,box-shadow .1s,background-color .3s;display:inline-grid;position:relative}.theme-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.theme-btn svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:22px;height:22px;transition:opacity .3s, transform .5s var(--ease-pop);grid-area:1/1}.theme-btn .th-sun circle{fill:var(--sun)}.theme-btn .th-moon path{fill:var(--sky)}.theme-btn .th-moon{opacity:0;transform:rotate(-90deg)scale(.5)}.night .theme-btn{color:var(--white);background:#1b2350}.night .theme-btn .th-sun{opacity:0;transform:rotate(90deg)scale(.5)}.night .theme-btn .th-moon{opacity:1;transform:none}.th-auto{border:2px solid var(--ink);background:var(--sun);width:18px;height:18px;color:var(--ink);font:800 10px/1 var(--mono);border-radius:50%;place-items:center;display:none;position:absolute;top:-8px;right:-8px}[data-theme-mode=auto] .th-auto{display:grid}@media (max-width:420px){.theme-btn{width:40px}}html.night{--blue:#0a1131;--blue-2:#070c25;--blue-3:#101a45;--paper:#d9d4c6;--white:#ece8dd}html.night body{background:var(--blue)}html.night .nav .bar{background:#e8e4d9}html.night .hero:after,html.night .s-hero:after,html.night .ts-main:after,html.night .contact:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(1.5px 1.5px at 12% 18%,#fff,#0000 60%),radial-gradient(1px 1px at 28% 72%,#fff,#0000 60%),radial-gradient(1.5px 1.5px at 44% 34%,#fff,#0000 60%),radial-gradient(1px 1px at 63% 12%,#fff,#0000 60%),radial-gradient(2px 2px at 78% 58%,#fff,#0000 60%),radial-gradient(1px 1px at 88% 24%,#fff,#0000 60%),radial-gradient(1.5px 1.5px at 6% 84%,#fff,#0000 60%),radial-gradient(1px 1px at 52% 88%,#fff,#0000 60%),radial-gradient(1.5px 1.5px at 94% 82%,#fff,#0000 60%),radial-gradient(1px 1px at 35% 6%,#fff,#0000 60%);animation:3.2s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.35}to{opacity:1}}html.night .rays{opacity:.7}html.theme-anim *,html.theme-anim :before,html.theme-anim :after{transition:background-color .6s,color .6s,border-color .6s,fill .6s!important}.bd-cap{display:none}html.night .bd-cap{display:inline}html.night .bd-ink-line,html.night .bd-led,html.night .bd-led-heart{display:none}.bd-cap .hat{fill:#3b4a9a;stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.bd-cap .stripe{fill:none;stroke:var(--sky);stroke-width:2.5px}.bd-cap .pom{fill:#f2efe6;stroke:var(--ink);stroke-width:2.5px}@media (prefers-reduced-motion:reduce){html.night .hero:after,html.night .s-hero:after,html.night .ts-main:after,html.night .contact:after{animation:none}}.hp{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute!important;left:-9999px!important}.field,.cf-grid input,.cf-grid textarea,.gb-form input[type=text],.gb-form input:not([type]),.gb-form input[name=message],.gb-form input[name=name],.wl-row input,.game-save input{border:var(--line) solid var(--ink);background:var(--white);width:100%;min-height:48px;color:var(--ink);font:500 16px/1.4 var(--body);border-radius:12px;padding:10px 14px;transition:box-shadow .2s,border-color .2s;box-shadow:inset 0 3px #0f12220f}.cf-grid textarea{resize:vertical;min-height:120px}.cf-grid input:focus,.cf-grid textarea:focus,.gb-form input:focus,.wl-row input:focus,.game-save input:focus{outline:none;box-shadow:0 0 0 4px #e2b04f8c}.form-status{min-height:1.2em;color:var(--mute);margin:0;font-size:14px;font-weight:600}.form-status.bad{color:#b4364f}.btn.is-loading{opacity:.7;pointer-events:none}.btn.is-loading:after{content:"";border:2.5px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.waitlist{max-width:520px;color:var(--ink);gap:10px;margin-top:26px;padding:16px;display:grid}.wl-label{font:800 18px/1.2 var(--display);align-items:center;gap:8px;display:flex}.wl-label [data-icon]{color:var(--amber-2,var(--sun-2));display:inline-grid}.wl-label svg{width:20px;height:20px}.wl-row{gap:10px;display:flex}.wl-row input{flex:1;min-width:0}.wl-fine{color:var(--mute);margin:0;font-size:13px}.wl-done{font:800 18px/1.3 var(--display);align-items:center;gap:12px;display:flex}.wl-done .ic{background:var(--mint);border-radius:12px;width:40px;height:40px}@media (max-width:480px){.wl-row{flex-direction:column}}.wl-fine a{color:inherit;text-underline-offset:2px;font-weight:600;text-decoration:underline}