@font-face{font-family:Geist Pixel;src:url(/fonts/GeistPixel-Square.woff2)format("woff2");font-display:swap}:root,html[data-shell=grey]{--shell:#d6d2c9;--shell-hi:#ebe8e2;--shell-lo:#bdb7ab;--shell-edge:#9e978b;--ink:#2c2f74;--ink-2:#2c2f7499;--emboss:#ffffff8c;--bezel:#585c66;--bezel-hi:#686c77;--cap:#c6c7d2;--line1:#a31f5b;--line2:#2c2f74;--btn:#a3215c;--btn-hi:#d0558c;--btn-lo:#6e1238;--btn-edge:#57102d;--dpad:#2b2c31;--dpad-hi:#4a4b52;--pill:#8e8b86;--pill-hi:#aaa7a1;--cart:#8d8a85;--cart-hi:#a7a49e;--bg1:#fbf6ec;--bg2:#eadfcc;--bg3:#cdbd9f;--pcb:0}html[data-shell=teal]{--shell:#1d9c91;--shell-hi:#47c1b5;--shell-lo:#12786f;--shell-edge:#0b5a53;--ink:#062f2c;--ink-2:#062f2c99;--emboss:#ffffff40;--bezel:#23343a;--bezel-hi:#2e444b;--cap:#a7cfca;--line1:#f59b4c;--line2:#f4e3c2;--btn:#f08a3c;--btn-hi:#ffc283;--btn-lo:#b95517;--btn-edge:#8a3d0e;--dpad:#18252a;--dpad-hi:#33474e;--pill:#155f58;--pill-hi:#2a827a;--cart:#7f8b8a;--cart-hi:#9ba7a5;--bg1:#f4f6ee;--bg2:#dbe7df;--bg3:#a9c4bb}html[data-shell=purple]{--shell:#704cb6bd;--shell-hi:#a080e2c7;--shell-lo:#4c308cd6;--shell-edge:#341e68eb;--ink:#f3ecff;--ink-2:#f3ecffb3;--emboss:#0000002e;--bezel:#241a3ce6;--bezel-hi:#382a58e6;--cap:#cdbff0;--line1:#ff7eb6;--line2:#9fe3ff;--btn:#3d2b6e;--btn-hi:#6d58a8;--btn-lo:#241848;--btn-edge:#170e33;--dpad:#2a1f48;--dpad-hi:#4a3c75;--pill:#4c3a83;--pill-hi:#6d5aa8;--cart:#8f8a96;--cart-hi:#aaa5b2;--bg1:#f6f1fb;--bg2:#e4daf0;--bg3:#bfaed8;--pcb:1}html[data-shell=orange]{--shell:#f07c2c;--shell-hi:#ffa45e;--shell-lo:#cf5f16;--shell-edge:#a2470d;--ink:#3a1405;--ink-2:#3a140599;--emboss:#ffffff40;--bezel:#2f2f35;--bezel-hi:#3d3d44;--cap:#d9d4cf;--line1:#ffe08a;--line2:#2c2f74;--btn:#2b2b31;--btn-hi:#5a5a63;--btn-lo:#151518;--btn-edge:#0b0b0d;--dpad:#24242a;--dpad-hi:#45454d;--pill:#c25813;--pill-hi:#e07a33;--cart:#8d8a85;--cart-hi:#a7a49e;--bg1:#fdf5ea;--bg2:#f3dfc8;--bg3:#dcb48e}html[data-shell=kasavu]{--shell:#f1e9d6;--shell-hi:#fbf7ec;--shell-lo:#ddd1b6;--shell-edge:#bfae8a;--ink:#8a6418;--ink-2:#8a6418a6;--emboss:#fffc;--bezel:#4a3f30;--bezel-hi:#5a4d3b;--cap:#e8cf8e;--line1:#c9a043;--line2:#b4342f;--btn:#c9a043;--btn-hi:#f1d58c;--btn-lo:#94701f;--btn-edge:#6e5214;--dpad:#3b332a;--dpad-hi:#5c5143;--pill:#c9b896;--pill-hi:#ddd0b2;--cart:#8d8a85;--cart-hi:#a7a49e;--bg1:#fbf8f0;--bg2:#eee5d0;--bg3:#cfbf9a}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;color:#2a2620;background:var(--bg2);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{min-height:100vh;margin:0}.js body{overscroll-behavior:none;touch-action:manipulation;height:100dvh;overflow:hidden}.js.manual-open body{overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}a{color:inherit}:focus-visible{outline-offset:3px;outline:2px solid #2c6fe0}.desk{background:radial-gradient(ellipse 70% 60% at 38% 18%, color-mix(in srgb, var(--bg1) 92%, white) 0%, transparent 70%), radial-gradient(ellipse 120% 90% at 50% 40%, var(--bg1) 0%, var(--bg2) 55%, var(--bg3) 120%);transition:background .6s;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.desk:before{content:"";opacity:.32;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .4 0 0 0 0 .33 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}.no-js .desk{display:none}.stage{place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.console{--dw:440px;--px:2px;--u:calc(var(--dw) / 100);--sw:calc(var(--px) * 160);--sh:calc(var(--px) * 144);width:var(--dw);height:calc(var(--u) * 156);margin-top:calc(var(--u) * 13);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;position:relative}.console:before{content:"";border-radius:calc(var(--u) * 6) calc(var(--u) * 6) calc(var(--u) * 26) calc(var(--u) * 8);filter:blur(calc(var(--u) * 5));transform:translate(calc(var(--u) * 3), calc(var(--u) * 4));background:#3c2a1452;position:absolute;top:4%;bottom:-5%;left:8%;right:-4%}.console:after{content:"";left:4%;right:6%;bottom:calc(var(--u) * -1.6);height:calc(var(--u) * 4);filter:blur(calc(var(--u) * 1.2));background:#281c0e59;border-radius:50%;position:absolute}.shell{z-index:2;border-radius:calc(var(--u) * 3.4) calc(var(--u) * 3.4) calc(var(--u) * 21) calc(var(--u) * 4);background:radial-gradient(130% 70% at 18% -6%, #fff6, transparent 58%), linear-gradient(172deg, var(--shell-hi) 0%, var(--shell) 18%, var(--shell) 72%, var(--shell-lo) 100%);box-shadow:inset 0 calc(var(--u) * .3) 0 #ffffff8c, inset calc(var(--u) * .3) 0 calc(var(--u) * .2) #ffffff40, inset calc(var(--u) * -.6) 0 calc(var(--u) * 1) #00000014, inset 0 calc(var(--u) * -1) calc(var(--u) * 2) #00000024, 0 calc(var(--u) * .9) 0 var(--shell-edge), calc(var(--u) * .4) calc(var(--u) * 1.3) 0 var(--shell-edge), 0 calc(var(--u) * 1.6) calc(var(--u) * .8) #00000040;-webkit-backdrop-filter:blur(calc(var(--u) * .6 * var(--pcb)));backdrop-filter:blur(calc(var(--u) * .6 * var(--pcb)));flex-direction:column;transition:background .5s,box-shadow .5s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.shell:before{content:"";border-radius:inherit;opacity:.22;mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}.shell__pcb{border-radius:calc(var(--u) * 3) calc(var(--u) * 3) calc(var(--u) * 16) calc(var(--u) * 3);opacity:calc(var(--pcb) * .55);z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000 0 18%,#1e3c2866 18% 19%,#0000 19% 62%,#1e3c2866 62% 63%,#0000 63%),linear-gradient(0deg,#0000 0 30%,#1e3c2859 30% 31%,#0000 31% 70%,#1e3c2859 70% 71%,#0000 71%),radial-gradient(circle at 30% 70%,#141418bf 0 6%,#0000 6.4%),radial-gradient(circle at 72% 64%,#14141899 0 4%,#0000 4.4%),linear-gradient(160deg,#306248b3,#1c4634b3);transition:opacity .5s;position:absolute;top:12%;bottom:8%;left:6%;right:6%}.shell__top{height:calc(var(--u) * 9);flex:none;position:relative}.shell__groove{left:calc(var(--u) * 2.6);right:calc(var(--u) * 2.6);top:calc(var(--u) * 6.4);height:calc(var(--u) * .45);box-shadow:0 calc(var(--u) * .2) 0 var(--emboss);background:#00000021;border-radius:9px;position:absolute}.power{all:unset;left:calc(var(--u) * 2.6);top:calc(var(--u) * -1.3);width:calc(var(--u) * 16);height:calc(var(--u) * 7);cursor:pointer;position:absolute}.power__slot{left:calc(var(--u) * 1);width:calc(var(--u) * 12);height:calc(var(--u) * 1.6);border-radius:calc(var(--u) * .6) calc(var(--u) * .6) 0 0;background:linear-gradient(#1d1d22,#3a3a40);position:absolute;top:0}.power__knob{top:calc(var(--u) * -.7);left:calc(var(--u) * .6);width:calc(var(--u) * 4.2);height:calc(var(--u) * 2.2);border-radius:calc(var(--u) * .7) calc(var(--u) * .7) calc(var(--u) * .2) calc(var(--u) * .2);background:linear-gradient(var(--shell-hi), var(--shell-lo));box-shadow:inset 0 calc(var(--u) * .2) 0 #ffffff80, 0 calc(var(--u) * .15) calc(var(--u) * .3) #0006;transition:left .18s cubic-bezier(.3,1.4,.5,1);position:absolute}.is-on .power__knob{left:calc(var(--u) * 7.2)}.power__label{left:calc(var(--u) * 1.2);top:calc(var(--u) * 3.1);font:700 calc(var(--u) * 1.55) / 1 "Avenir Next", "Futura", "Helvetica Neue", Arial, sans-serif;letter-spacing:.08em;color:var(--ink-2);text-shadow:0 1px 0 var(--emboss);white-space:nowrap;position:absolute}.power__label b{margin:0 .2em;font-size:.8em}.shell__tools{right:calc(var(--u) * 4);top:calc(var(--u) * 1.7);gap:calc(var(--u) * 2.4);display:none;position:absolute}.tool{all:unset;cursor:pointer;font:700 calc(var(--u) * 1.9) / 1 "Avenir Next", "Futura", "Helvetica Neue", Arial, sans-serif;letter-spacing:.12em;color:var(--ink-2);text-shadow:0 1px 0 var(--emboss);padding:calc(var(--u) * 1) calc(var(--u) * .6)}.bezel{margin:0 calc(var(--u) * 6);padding:calc(var(--u) * 6.2) 0 calc(var(--u) * 5.4);border-radius:calc(var(--u) * 1.8) calc(var(--u) * 1.8) calc(var(--u) * 10) calc(var(--u) * 1.8);background:linear-gradient(180deg, var(--bezel-hi), var(--bezel) 30%);box-shadow:inset 0 calc(var(--u) * .25) calc(var(--u) * .5) #00000059, inset 0 calc(var(--u) * -.2) 0 #ffffff12, 0 calc(var(--u) * .2) 0 var(--emboss);flex:none;position:relative}.bezel__cap{top:calc(var(--u) * 2.2);left:calc(var(--u) * 3.4);right:calc(var(--u) * 3.4);align-items:center;gap:calc(var(--u) * 1.4);font:600 calc(var(--u) * 1.5) / 1 "Avenir Next", "Futura", "Helvetica Neue", Arial, sans-serif;letter-spacing:.14em;color:var(--cap);white-space:nowrap;display:flex;position:absolute}.bezel__cap i{height:calc(var(--u) * 1.1);background:linear-gradient(var(--line1), var(--line1)) top / 100% 32% no-repeat, linear-gradient(var(--line2), var(--line2)) bottom / 100% 32% no-repeat;flex:1}.bezel__cap i:first-child{flex:0 0 calc(var(--u) * 14);margin-left:calc(var(--u) * 9)}.bezel__led{left:calc(var(--u) * 3.4);top:calc(var(--u) * 1.6);align-items:center;gap:calc(var(--u) * .9);font:600 calc(var(--u) * 1.3) / 1 "Avenir Next", "Futura", "Helvetica Neue", Arial, sans-serif;letter-spacing:.1em;color:var(--cap);display:flex;position:absolute}.led{width:calc(var(--u) * 1.9);height:calc(var(--u) * 1.9);box-shadow:inset 0 0 calc(var(--u) * .3) #0009;background:radial-gradient(circle at 35% 30%,#6b3a3a,#2a1515);border-radius:50%;transition:background .2s,box-shadow .2s}.is-on .led{box-shadow:0 0 calc(var(--u) * 1.2) #ff3b30d9, 0 0 calc(var(--u) * 3) #ff3b3059;background:radial-gradient(circle at 35% 30%,#ffd2c8,#ff3b30 45%,#b1150d)}.lcd{width:var(--sw);height:var(--sh);border-radius:calc(var(--u) * .4);box-shadow:0 0 0 calc(var(--u) * .7) #0a0c0a8c, inset 0 0 calc(var(--u) * 1.5) #00000040;cursor:pointer;background:#a3ab78;margin:0 auto;position:relative;overflow:hidden}.lcd canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.lcd__glass{pointer-events:none;box-shadow:inset 0 calc(var(--u) * .5) calc(var(--u) * 1) #00000047;background:linear-gradient(118deg,#ffffff29 0%,#ffffff0d 26%,#0000 27%),radial-gradient(120% 90% at 50% 40%,#0000 60%,#00000029 100%);position:absolute;top:0;bottom:0;left:0;right:0}.lcd__hint{text-align:center;font:calc(var(--px) * 7) / 1.5 "Geist Pixel", monospace;color:#1e281980;pointer-events:none;place-items:center;transition:opacity .3s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.is-on .lcd__hint{opacity:0}.brand{align-items:baseline;gap:calc(var(--u) * 2);padding:calc(var(--u) * 3.4) calc(var(--u) * 7) 0;height:calc(var(--u) * 12);color:var(--ink);text-shadow:0 1px 0 var(--emboss);flex:none;display:flex}.brand__maker{font:italic 800 calc(var(--u) * 2.9) / 1 "Avenir Next", "Futura", "Helvetica Neue", Arial, sans-serif;padding:calc(var(--u) * .5) calc(var(--u) * 1.5) calc(var(--u) * .6);border:calc(var(--u) * .32) solid currentColor;letter-spacing:-.01em;border-radius:99px}.brand__name{font:italic 800 calc(var(--u) * 5.6) / 1 "Futura", "Avenir Next", "Helvetica Neue", Arial, sans-serif;letter-spacing:.01em}.controls{flex:1;min-height:0;position:relative}.dpad{left:calc(var(--u) * 7);width:calc(var(--u) * 28);height:calc(var(--u) * 28);cursor:pointer;touch-action:none;position:absolute;top:50%;transform:translateY(-58%)}.dpad__well{inset:calc(var(--u) * -1.6);box-shadow:inset 0 calc(var(--u) * .5) calc(var(--u) * .8) #0000000f, 0 calc(var(--u) * .3) 0 var(--emboss);background:radial-gradient(circle at 50% 45%,#0000001c,#0000000d 62%,#0000 70%);border-radius:50%;position:absolute}.dpad__cross{transform-style:preserve-3d;filter:drop-shadow(0 calc(var(--u) * .9) 0 #0d0d10) drop-shadow(0 calc(var(--u) * 1.4) calc(var(--u) * 1.2) #00000059);transition:transform 60ms ease-out;position:absolute;top:0;bottom:0;left:0;right:0}.dpad__cross:before,.dpad__cross:after{content:"";border-radius:calc(var(--u) * 1.3);background:linear-gradient(160deg, var(--dpad-hi), var(--dpad) 45%);box-shadow:inset 0 calc(var(--u) * .25) 0 #ffffff21;position:absolute}.dpad__cross:before{top:0;bottom:0;left:33.5%;right:33.5%}.dpad__cross:after{top:33.5%;bottom:33.5%;left:0;right:0}.dpad__arm{z-index:1;border:calc(var(--u) * 1.3) solid transparent;opacity:.55;width:0;height:0;position:absolute}.dpad__arm--up{margin-left:calc(var(--u) * -1.3);border-top:0;border-bottom:calc(var(--u) * 1.8) solid #15151a;filter:drop-shadow(0 1px #ffffff2e);top:9%;left:50%}.dpad__arm--down{margin-left:calc(var(--u) * -1.3);border-bottom:0;border-top:calc(var(--u) * 1.8) solid #15151a;filter:drop-shadow(0 1px #ffffff2e);bottom:9%;left:50%}.dpad__arm--left{margin-top:calc(var(--u) * -1.3);border-left:0;border-right:calc(var(--u) * 1.8) solid #15151a;filter:drop-shadow(0 1px #ffffff2e);top:50%;left:9%}.dpad__arm--right{margin-top:calc(var(--u) * -1.3);border-right:0;border-left:calc(var(--u) * 1.8) solid #15151a;filter:drop-shadow(0 1px #ffffff2e);top:50%;right:9%}.dpad__hub{z-index:1;width:calc(var(--u) * 5);height:calc(var(--u) * 5);margin:calc(var(--u) * -2.5);background:radial-gradient(circle at 50% 65%,#ffffff1a,#00000059 70%);border-radius:50%;position:absolute;top:50%;left:50%}.dpad[data-dir=up] .dpad__cross{transform:perspective(calc(var(--u) * 60)) rotateX(11deg) translateY(calc(var(--u) * .3))}.dpad[data-dir=down] .dpad__cross{transform:perspective(calc(var(--u) * 60)) rotateX(-11deg) translateY(calc(var(--u) * .3))}.dpad[data-dir=left] .dpad__cross{transform:perspective(calc(var(--u) * 60)) rotateY(-11deg) translateY(calc(var(--u) * .3))}.dpad[data-dir=right] .dpad__cross{transform:perspective(calc(var(--u) * 60)) rotateY(11deg) translateY(calc(var(--u) * .3))}.dpad[data-dir] .dpad__cross{filter:drop-shadow(0 calc(var(--u) * .5) 0 #0d0d10) drop-shadow(0 calc(var(--u) * .8) calc(var(--u) * .8) #0000004d)}.ab{right:calc(var(--u) * 4.5);width:calc(var(--u) * 38);height:calc(var(--u) * 24);position:absolute;top:50%;transform:translateY(-66%)}.ab:before{content:"";left:calc(var(--u) * 1);right:calc(var(--u) * 1);top:calc(var(--u) * 3);height:calc(var(--u) * 15.5);box-shadow:inset 0 calc(var(--u) * .5) calc(var(--u) * .9) #0000001f, 0 calc(var(--u) * .3) 0 var(--emboss);background:#00000012;border-radius:99px;position:absolute;transform:rotate(-26deg)}.ab__pad{justify-items:center;gap:calc(var(--u) * 2);display:grid;position:absolute}.ab__pad--b{left:calc(var(--u) * 2.8);top:calc(var(--u) * 7.8)}.ab__pad--a{right:calc(var(--u) * 2.8);top:calc(var(--u) * -.6)}.ab__pad span,.ss__pad span{font:800 calc(var(--u) * 2.5) / 1 "Futura", "Avenir Next", "Helvetica Neue", Arial, sans-serif;letter-spacing:.08em;color:var(--ink);text-shadow:0 1px 0 var(--emboss)}.btn{all:unset;width:calc(var(--u) * 13);height:calc(var(--u) * 13);cursor:pointer;background:radial-gradient(circle at 36% 30%, var(--btn-hi), var(--btn) 52%, var(--btn-lo) 100%);box-shadow:0 calc(var(--u) * .9) 0 var(--btn-edge), 0 calc(var(--u) * 1.3) calc(var(--u) * 1.6) #00000061, inset 0 calc(var(--u) * -.6) calc(var(--u) * 1) #00000038, inset 0 calc(var(--u) * .4) calc(var(--u) * .5) #ffffff47;touch-action:none;border-radius:50%;transition:transform 50ms,box-shadow 50ms;display:block}.btn.is-down{transform:translateY(calc(var(--u) * .7));box-shadow:0 calc(var(--u) * .2) 0 var(--btn-edge), 0 calc(var(--u) * .4) calc(var(--u) * .6) #0000004d, inset 0 calc(var(--u) * .5) calc(var(--u) * 1) #0000004d;filter:brightness(.93)}.ss{margin-top:calc(var(--u) * -3);gap:calc(var(--u) * 5);padding-left:calc(var(--u) * 31);height:calc(var(--u) * 16);flex:none;display:flex}.ss__pad{justify-items:center;gap:calc(var(--u) * 1.6);transform-origin:50% 30%;display:grid;transform:rotate(-26deg)}.ss__pad span{font-size:calc(var(--u) * 1.75);letter-spacing:.12em}.pill{all:unset;width:calc(var(--u) * 9.5);height:calc(var(--u) * 2.6);cursor:pointer;background:linear-gradient(var(--pill-hi), var(--pill));box-shadow:0 0 0 calc(var(--u) * .7) #00000014, 0 calc(var(--u) * .45) 0 #00000059, inset 0 calc(var(--u) * .2) 0 #ffffff59;touch-action:none;border-radius:99px;transition:transform 50ms,box-shadow 50ms;display:block;position:relative}.pill:after{content:"";inset:calc(var(--u) * -2.6) calc(var(--u) * -1.4);position:absolute}.pill.is-down{transform:translateY(calc(var(--u) * .35));box-shadow:0 0 0 calc(var(--u) * .7) #0000001a, 0 calc(var(--u) * .1) 0 #00000059, inset 0 calc(var(--u) * .3) calc(var(--u) * .4) #00000040}.speaker{right:calc(var(--u) * 7.5);bottom:calc(var(--u) * 7.5);width:calc(var(--u) * 22);height:calc(var(--u) * 14);gap:calc(var(--u) * 1.5);pointer-events:none;display:flex;position:absolute;transform:rotate(-28deg)}.speaker i{width:calc(var(--u) * 1.75);height:100%;box-shadow:inset calc(var(--u) * .25) calc(var(--u) * .35) calc(var(--u) * .4) #00000073, 0 calc(var(--u) * .25) 0 var(--emboss);background:linear-gradient(90deg,#0000006b,#0003);border-radius:99px}.phones{left:50%;bottom:calc(var(--u) * 2.2);align-items:center;gap:calc(var(--u) * .8);font:700 calc(var(--u) * 1.35) / 1 "Avenir Next", "Futura", "Helvetica Neue", Arial, sans-serif;letter-spacing:.16em;color:var(--ink-2);text-shadow:0 1px 0 var(--emboss);display:flex;position:absolute;transform:translate(-50%)}.phones i{width:calc(var(--u) * 1.6);height:calc(var(--u) * 1.6);border:calc(var(--u) * .3) solid currentColor;border-radius:50%}.vol{all:unset;z-index:1;right:calc(var(--u) * -1.7);top:calc(var(--u) * 34);width:calc(var(--u) * 3);height:calc(var(--u) * 15);cursor:pointer;--rot:0;position:absolute}.vol__wheel{border-radius:calc(var(--u) * 1.2);background:repeating-linear-gradient(0deg, #00000059 0 calc(var(--u) * .35), transparent calc(var(--u) * .35) calc(var(--u) * .9)) 0 calc(var(--rot) * var(--u) * .3) / 100% calc(var(--u) * .9), linear-gradient(90deg, #3a3b41, #6b6c74 45%, #2b2c31);box-shadow:calc(var(--u) * .3) 0 calc(var(--u) * .6) #00000059;transition:background-position .25s;position:absolute;top:0;bottom:0;left:0;right:0}.vol__label{z-index:3;right:calc(var(--u) * 3.4);font:700 calc(var(--u) * 1.3) / 1 "Avenir Next", "Futura", "Helvetica Neue", Arial, sans-serif;letter-spacing:.16em;color:var(--ink-2);text-shadow:0 1px 0 var(--emboss);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)rotate(90deg)}.vol[data-level="0"] .vol__label{text-decoration:line-through}.cart{all:unset;z-index:1;left:calc(var(--u) * 16);right:calc(var(--u) * 16);top:calc(var(--u) * -13.4);height:calc(var(--u) * 30);border-radius:calc(var(--u) * 1.4) calc(var(--u) * 1.4) 0 0;background:linear-gradient(180deg, var(--cart-hi), var(--cart) 30%);box-shadow:inset 0 calc(var(--u) * .3) 0 #ffffff59, inset calc(var(--u) * -.5) 0 calc(var(--u) * .8) #00000026;cursor:pointer;transition:transform .3s cubic-bezier(.3,1.5,.5,1);position:absolute}.cart:hover{transform:translateY(calc(var(--u) * -.8))}.cart.is-pulled{transform:translateY(calc(var(--u) * -6)) rotate(-2deg);transition-duration:.12s}.cart.is-wiggle{animation:.35s wiggle}@keyframes wiggle{30%{transform:translateY(calc(var(--u) * -1.6)) rotate(-1deg)}60%{transform:translateY(0)rotate(.6deg)}}.cart__grip{left:calc(var(--u) * 2);right:calc(var(--u) * 2);top:calc(var(--u) * .9);height:calc(var(--u) * 1.6);background:repeating-linear-gradient(90deg, #00000029 0 calc(var(--u) * .4), transparent calc(var(--u) * .4) calc(var(--u) * 1.1));border-radius:2px;position:absolute}.cart__label{left:calc(var(--u) * 4);right:calc(var(--u) * 4);top:calc(var(--u) * 3.1);height:calc(var(--u) * 13);grid-template-columns:auto 1fr;grid-template-rows:calc(var(--u) * 2.3) auto;column-gap:calc(var(--u) * 1.6);row-gap:calc(var(--u) * .7);padding:0 calc(var(--u) * 1.4);border-radius:calc(var(--u) * .6) calc(var(--u) * .6) 0 0;background:linear-gradient(180deg, #2a2f6f 0 calc(var(--u) * 2.3), #f8efd9 calc(var(--u) * 2.3));box-shadow:inset 0 0 0 calc(var(--u) * .18) #0003;display:grid;position:absolute;overflow:hidden}.cart__band{font:italic 800 calc(var(--u) * 1.45) / 1 "Futura", "Avenir Next", "Helvetica Neue", Arial, sans-serif;letter-spacing:.12em;color:#f8efd9;grid-column:1/-1;align-self:center}.cart__art{width:calc(var(--u) * 7.9);aspect-ratio:44/40;height:auto;image-rendering:pixelated;box-shadow:0 0 0 calc(var(--u) * .2) #2a1d2b;border-radius:2px}.cart__name{font:calc(var(--u) * 3.6) / 1 "Geist Pixel", monospace;color:#2a2f6f;align-self:center}.prop{z-index:3;position:absolute}.prop--booklet{left:max(3vw, calc(50% - var(--dw,500px) / 2 - 300px));width:220px;top:50%;transform:translateY(-40%)}.booklet-mini{aspect-ratio:.72;color:#1c1b2e;background:linear-gradient(90deg,#0000001f,#0000 6%),linear-gradient(#fbf8f1,#f0e9da);border-radius:3px 8px 8px 3px;grid-template-rows:auto auto 1fr auto;width:200px;padding:14px 16px 12px;text-decoration:none;transition:transform .35s cubic-bezier(.3,1.4,.5,1),box-shadow .35s;display:grid;position:relative;transform:rotate(-7deg);box-shadow:1px 1px #d9d0bd,2px 2px #f6f1e5,3px 3px #d6ccb7,10px 18px 30px #3c280f47,2px 4px 6px #3c280f33}.booklet-mini:hover{transform:rotate(-4deg)translateY(-8px);box-shadow:1px 1px #d9d0bd,2px 2px #f6f1e5,3px 3px #d6ccb7,16px 30px 40px #3c280f42,2px 4px 6px #3c280f33}.booklet-mini:focus-visible{transform:rotate(-4deg)translateY(-8px);box-shadow:1px 1px #d9d0bd,2px 2px #f6f1e5,3px 3px #d6ccb7,16px 30px 40px #3c280f42,2px 4px 6px #3c280f33}.booklet-mini__band{color:#fff;letter-spacing:.06em;background:#2a2f6f;justify-self:start;padding:3px 8px 2px;font:italic 800 13px/1 Futura,Avenir Next,Helvetica Neue,Arial,sans-serif}.booklet-mini__title{letter-spacing:.02em;margin-top:10px;font:18px/1.05 Geist Pixel,monospace}.booklet-mini__art{aspect-ratio:1;background:#f2d7a0;border:3px solid #1c1b2e;border-radius:50%;place-self:center;place-items:center;width:62%;display:grid;overflow:hidden}.booklet-mini__art img{width:86%;height:auto;margin-top:12%}.booklet-mini__foot{letter-spacing:.04em;border-top:1.5px solid #1c1b2e;justify-content:space-between;padding-top:6px;font:9px/1 Geist Pixel,monospace;display:flex}.prop__note{color:#32281ccc;margin:26px 0 0 14px;font:14px/1.3 Geist Pixel,monospace;transform:rotate(-3deg)}.prop__note a{color:#2a2f6f;text-underline-offset:3px;text-decoration-thickness:1.5px}.prop--card{right:max(3vw, calc(50% - var(--dw,500px) / 2 - 300px));gap:22px;width:252px;display:grid;top:50%;transform:translateY(-50%)}.keycard{background:#fffdf7;border-radius:6px;padding:16px 16px 12px;transform:rotate(2deg);box-shadow:0 1px #e7dfcd,6px 14px 24px #3c280f29}.keycard__title,.swatches__title{letter-spacing:.12em;color:#32281c99;margin:0 0 10px;font:12px/1 Geist Pixel,monospace}.keycard dl{gap:7px;margin:0;display:grid}.keycard dl div{grid-template-columns:96px 1fr;align-items:center;gap:10px;display:grid}.keycard dt{flex-wrap:wrap;gap:3px;display:flex}.keycard dd{color:#3b342a;margin:0;font-size:12px;line-height:1.25}.keycard dd span{color:#3b342a8c}kbd{text-align:center;color:#2a2620;background:linear-gradient(#fff,#efe9dc);border-radius:4px;min-width:20px;padding:3px 5px 2px;font:11px/1.1 Geist Pixel,monospace;display:inline-block;box-shadow:0 1.5px #cfc5b0,0 0 0 1px #ddd3bf}.swatches{flex-wrap:wrap;align-items:center;gap:10px;padding:0 4px;display:flex}.swatches__title{width:100%;margin:0}.swatches button{all:unset;cursor:pointer;background:radial-gradient(circle at 35% 30%, #ffffff8c, transparent 45%), linear-gradient(135deg, var(--c) 50%, var(--r,var(--c)) 50%);border-radius:50%;width:30px;height:30px;transition:transform .2s cubic-bezier(.3,1.6,.5,1);box-shadow:0 2px #00000026,0 4px 10px #3c280f33,inset 0 -2px 4px #0000001f}.swatches button:hover{transform:translateY(-2px)scale(1.06)}.swatches button[aria-checked=true]{box-shadow:0 0 0 3px var(--bg1), 0 0 0 5px #2a2620, 0 4px 10px #3c280f33}.swatches button:focus-visible{outline-offset:5px}@media (max-width:1180px),(max-height:560px){.prop{display:none}.shell__tools{display:flex}}@media (max-width:760px){.stage{display:block}.console{width:100vw;height:100dvh;margin:0}.console:before,.console:after,.cart{display:none}.shell{border-radius:0 0 calc(var(--u) * 16) 0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.shell__top{height:calc(var(--u) * 11)}.power{top:calc(var(--u) * 1.2);width:calc(var(--u) * 24);height:calc(var(--u) * 8)}.power__slot{width:calc(var(--u) * 13);height:calc(var(--u) * 2.4);top:calc(var(--u) * 1);border-radius:99px}.power__knob{top:calc(var(--u) * .2);height:calc(var(--u) * 2)}.power__label{top:calc(var(--u) * 4.6);font-size:calc(var(--u) * 2.1)}.shell__groove{top:calc(var(--u) * 10)}.shell__tools{top:calc(var(--u) * 2.4);display:flex}.tool{font-size:calc(var(--u) * 2.5);padding:calc(var(--u) * 1.6) calc(var(--u) * 1.2)}.bezel{margin:calc(var(--u) * 1.4) calc(var(--u) * 3.5) 0;padding:calc(var(--u) * 7) 0 calc(var(--u) * 5);border-radius:calc(var(--u) * 2.2) calc(var(--u) * 2.2) calc(var(--u) * 11) calc(var(--u) * 2.2)}.bezel__cap{top:calc(var(--u) * 2.7);font-size:calc(var(--u) * 1.9)}.bezel__cap i:first-child{flex-basis:calc(var(--u) * 8);margin-left:calc(var(--u) * 12)}.bezel__led{top:calc(var(--u) * 2.3);font-size:calc(var(--u) * 1.6)}.led{width:calc(var(--u) * 2.4);height:calc(var(--u) * 2.4)}.brand{height:auto;padding:calc(var(--u) * 4) calc(var(--u) * 7) calc(var(--u) * 2)}.brand__maker{font-size:calc(var(--u) * 3.4)}.brand__name{font-size:calc(var(--u) * 6.6)}.dpad{left:calc(var(--u) * 5);width:calc(var(--u) * 37);height:calc(var(--u) * 37);transform:translateY(-50%)}.ab{right:calc(var(--u) * 2);width:calc(var(--u) * 46);height:calc(var(--u) * 30);transform:translateY(-60%)}.ab:before{top:calc(var(--u) * 4);height:calc(var(--u) * 19.5)}.btn{width:calc(var(--u) * 17);height:calc(var(--u) * 17)}.ab__pad--b{left:calc(var(--u) * 3);top:calc(var(--u) * 10)}.ab__pad--a{right:calc(var(--u) * 3);top:calc(var(--u) * -.5)}.ab__pad span{font-size:calc(var(--u) * 3.2)}.ss{height:calc(var(--u) * 24);padding-left:calc(var(--u) * 24);gap:calc(var(--u) * 7)}.pill{width:calc(var(--u) * 13);height:calc(var(--u) * 3.6)}.ss__pad span{font-size:calc(var(--u) * 2.3)}.speaker{right:calc(var(--u) * 5);bottom:calc(var(--u) * 8);width:calc(var(--u) * 26);height:calc(var(--u) * 17)}.vol{z-index:3;width:calc(var(--u) * 2.2);right:0;top:calc(var(--u) * 52);border-radius:calc(var(--u) * 1) 0 0 calc(var(--u) * 1)}.vol__label{right:calc(var(--u) * 2.8)}}@media (max-height:460px) and (pointer:coarse) and (orientation:landscape){.desk:after{content:"Turn your phone upright to play the FARHAN BOY.";z-index:20;text-align:center;color:#2a2620;background:var(--bg1);place-items:center;padding:24px;font:16px/1.5 Geist Pixel,monospace;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.manual-scrim{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#281e1473;position:fixed;top:0;bottom:0;left:0;right:0}.booklet{--paper:#fbf7ee;--paper-2:#f3ecdc;--ink:#1e1d2c;--navy:#2a2f6f;--red:#b4342f;color:var(--ink);font:16px/1.6 ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.js .booklet{z-index:31;overscroll-behavior:contain;visibility:hidden;opacity:0;outline:none;padding:72px 16px 80px;transition:opacity .3s,transform .4s cubic-bezier(.2,.9,.3,1),visibility 0s linear .4s;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(24px)}.js.manual-open .booklet{visibility:visible;opacity:1;transition:opacity .3s,transform .4s cubic-bezier(.2,.9,.3,1),visibility;transform:none}.no-js .booklet{background:var(--paper-2);padding:32px 16px 64px}.booklet__close{all:unset;z-index:2;cursor:pointer;letter-spacing:.04em;color:#fff;background:var(--navy);border-radius:99px;padding:10px 16px;font:13px/1 Geist Pixel,monospace;position:fixed;top:16px;right:16px;box-shadow:0 6px 18px #00000040}.booklet__close:focus-visible{outline-offset:2px;outline:2px solid #fff}.no-js .booklet__close{display:none}.booklet__pages{gap:28px;max-width:760px;margin:0 auto;display:grid}.page{background:linear-gradient(90deg, #0000000d, transparent 3%, transparent 97%, #0000000a), linear-gradient(180deg, var(--paper), var(--paper-2));border-radius:4px;min-width:0;padding:34px clamp(20px,6vw,56px) 54px;position:relative;box-shadow:0 1px #e1d7c2,0 18px 40px #281c0a38,0 2px 6px #281c0a1f}.page__head{border-bottom:2px solid var(--ink);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;margin:-6px 0 18px;padding-bottom:8px;font:12px/1 Geist Pixel,monospace;display:flex}.page__brand{color:var(--navy);font:italic 800 13px/1 Futura,Avenir Next,Helvetica Neue,Arial,sans-serif}.page__title{letter-spacing:-.01em;color:var(--navy);margin:0 0 14px;font:400 clamp(24px,4.4vw,34px)/1.15 Geist Pixel,monospace}.page__foot{text-align:center;font:12px/1 Geist Pixel,monospace;position:absolute;bottom:18px;left:0;right:0}.page__foot span:before,.page__foot span:after{content:" — "}.page p{margin:0 0 12px}.page a{color:var(--navy);text-underline-offset:3px;text-decoration-thickness:1.5px}.lede{font-size:18px}.note{color:#5d5547;font-style:italic}.sub{letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin:26px 0 10px;font:14px/1.2 Geist Pixel,monospace}.more{font:14px/1.4 Geist Pixel,monospace;margin-top:18px!important}.muted{color:#7a7060}.page--cover{text-align:center;background:radial-gradient(circle at 50% 46%, #f6d79c 0 26%, transparent 26.2%), repeating-linear-gradient(0deg, #2a2f6f0f 0 2px, transparent 2px 9px), linear-gradient(180deg, var(--paper), var(--paper-2));justify-items:center;gap:10px;padding-top:40px;display:grid}.cover__brand{letter-spacing:.16em;margin:0;font:12px/1 Geist Pixel,monospace}.cover__brand span{border:1.5px solid var(--ink);border-radius:99px;padding:3px 8px;font-style:italic}.cover__title{gap:6px;margin:6px 0 0;display:grid}.cover__boy{letter-spacing:-.01em;color:var(--navy);font:italic 800 clamp(40px,9vw,72px)/.95 Futura,Avenir Next,Helvetica Neue,Arial,sans-serif}.cover__sub{letter-spacing:.14em;text-transform:uppercase;color:var(--red);font:400 clamp(16px,3vw,20px)/1 Geist Pixel,monospace}.cover__art{width:min(300px,64vw);margin:8px 0 0}.cover__art img{width:100%;height:auto;display:block}.cover__game{letter-spacing:.2em;margin:4px 0 0;font:30px/1 Geist Pixel,monospace;display:grid}.cover__game small{letter-spacing:0;margin-top:8px;font:14px/1.3 ui-sans-serif,-apple-system,Segoe UI,sans-serif}.cover__code{border-top:2px solid var(--ink);letter-spacing:.08em;justify-content:space-between;width:100%;margin:6px 0 0;padding-top:8px;font:12px/1 Geist Pixel,monospace;display:flex}.toc{counter-reset:toc;columns:2 220px;margin:18px 0 0;padding:0;font:15px/1.2 Geist Pixel,monospace;list-style:none}.toc li{counter-increment:toc;break-inside:avoid;border-bottom:1px dashed #1e1d2c40;padding:7px 0}.toc li:before{content:counter(toc, decimal-leading-zero) "  ";color:var(--red)}.card{border:2px solid var(--ink);border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0 0;display:grid;overflow:hidden}.card div{border-bottom:1px solid #1e1d2c26;justify-content:space-between;gap:10px;padding:8px 12px;display:flex}.card dt{letter-spacing:.08em;text-transform:uppercase;color:#6b6252;font:12px/1.6 Geist Pixel,monospace}.card dd{text-align:right;margin:0;font-weight:600}.ctrl{gap:18px;display:grid}.ctrl__fig{width:min(260px,70%);color:var(--navy);font-family:Geist Pixel,monospace}.ctrl__fig text{fill:currentColor}.ctrl__table{border-collapse:collapse;width:100%;font-size:14px}.ctrl__table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid var(--ink);padding:0 8px 8px 0;font:12px/1 Geist Pixel,monospace}.ctrl__table td{vertical-align:top;border-bottom:1px solid #1e1d2c26;padding:9px 8px 9px 0}.ctrl__table td:first-child{white-space:nowrap;font-weight:700}.page kbd{font-size:12px}.cast{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cast li{grid-template-columns:120px 1fr;gap:12px;display:grid}.cast b{color:var(--red);font:15px/1.5 Geist Pixel,monospace}.entries{gap:18px;margin:18px 0 0;padding:0;list-style:none;display:grid}.entry{border-bottom:1px dashed #1e1d2c40;padding-bottom:16px}.entry h3{margin:4px 0 6px;font-size:19px;line-height:1.25}.entry p{margin-bottom:6px}.entry__meta{letter-spacing:.06em;color:#6b6252;flex-wrap:wrap;align-items:center;gap:10px;font:12px/1 Geist Pixel,monospace;display:flex;margin:0!important}.tag{border:1.5px solid;border-radius:99px;padding:3px 7px 2px}.tag--active,.tag--new{color:#1e7a4c}.tag--beta{color:#b4342f}.rows{margin:0;padding:0;list-style:none}.rows li{border-bottom:1px solid #1e1d2c24;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.rows--domains .dom{font:15px/1.5 Geist Pixel,monospace}.dom--sold{color:#8d8473;text-decoration:line-through}.rows--social a{justify-content:space-between;width:100%;text-decoration:none;display:flex}.books{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:18px 14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.books a{color:var(--ink);gap:6px;text-decoration:none;display:grid}.books img{aspect-ratio:180/272;object-fit:cover;border-radius:2px 4px 4px 2px;width:100%;height:auto;box-shadow:0 6px 14px #281c0a40}.book__t{font-size:13px;font-weight:650;line-height:1.25}.book__a{color:#7a7060;font-size:12px;line-height:1.2}.gear{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 18px;margin:14px 0 0;padding:0;list-style:none;display:grid}.gear li{border-bottom:1px solid #1e1d2c1f;padding:6px 0;display:grid}.gear .note{font-size:14px}.habits{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;justify-content:start;gap:2px;max-width:100%;margin:16px 0;padding-bottom:4px;display:grid;overflow-x:auto}.habits i{background:#e7dfcc;border-radius:2px;width:9px;height:9px}.habits i.x{background:0 0}.habits i[data-l="1"]{background:#b9d3a8}.habits i[data-l="2"]{background:#7fae6c}.habits i[data-l="3"]{background:#4c8545}.habits i[data-l="4"]{background:#275a2a}.stats{flex-wrap:wrap;gap:24px;margin:0;padding:0;list-style:none;display:flex}.stats li{display:grid}.stats b{color:var(--navy);font:30px/1.1 Geist Pixel,monospace}.stats span{color:#6b6252;font-size:13px}.logos{flex-wrap:wrap;align-items:center;gap:18px 30px;margin:8px 0 0;padding:0;list-style:none;display:flex}.logos img{filter:grayscale()contrast(1.1);opacity:.8;width:auto;height:30px}.email{font:clamp(26px,6vw,40px)/1.1 Geist Pixel,monospace;margin:10px 0 16px!important}.email a{color:var(--red);text-decoration:none}.duo{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px;display:grid}.duo p{border:1.5px solid var(--ink);border-radius:6px;margin:0;padding:14px}.page--back{text-align:center;justify-items:center;gap:10px;padding:34px 20px 30px;display:grid}.back__sig{width:180px;height:auto}.back__home{margin:0;font:16px/1.3 Geist Pixel,monospace}.back__fine{color:#7a7060;margin:0;font-size:12px}@media (max-width:600px){.habits{gap:1px}.habits i{border-radius:1px;width:4px;height:4px}}