:root{--ground:#9d9c99;--ink:#141414;--back:#191919;--back-2:#262626;--face:#ebe8e0;--bone:#f4f2ec;--mute:#4a4a48;--dim:#a8a59d;--pen-paper:#fbf8f1;--pen-ink:#22263a;--pen-red:#c0392b;--pen-mute:#767b8f;--font-d:"Nunito", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--font-m:"IBM Plex Mono", ui-monospace, Menlo, monospace;--font-h:"Gochi Hand", "Marker Felt", "Chalkboard SE", cursive;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--ground);color:var(--ink);font-family:var(--font-d);background-image:radial-gradient(at 30% 16%,#fff3,#0000 55%),radial-gradient(at 78% 72%,#00000029,#0000 50%),radial-gradient(at 12% 88%,#0000001a,#0000 45%);font-size:15px;font-weight:600;line-height:1.5;overflow-x:hidden}.crt{pointer-events:none;z-index:50;position:fixed;inset:0}.crt:before{content:"";mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000000f 0 1px,#0000 1px 3px);position:absolute;inset:0}.crt:after{content:"";background:radial-gradient(#0000 62%,#00000057 100%);position:absolute;inset:0}.grain{pointer-events:none;z-index:49;opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.table{max-width:1120px;margin:0 auto;padding-block:0 48px;padding-inline:32px;position:relative}.display{letter-spacing:-.015em;color:var(--bone);font-weight:900;line-height:1.05}.mono{font-family:var(--font-m);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-size:12px}.sec{align-items:baseline;gap:14px;margin:72px 0 22px;display:flex}.sec h2{letter-spacing:.16em;margin:0;font-size:13px;font-weight:500}.sec .rule{background:var(--ink);opacity:.35;flex:1;min-width:40px;height:1.5px}.sec .note{font-family:var(--font-m);color:var(--mute);font-size:12px}.top{z-index:3;border-bottom:1.5px solid #1414148c;justify-content:space-between;align-items:center;gap:20px;padding-block:20px 12px;display:flex;position:relative}.wordmark{letter-spacing:.16em;font-weight:500;text-decoration:none}.links{flex-wrap:wrap;gap:6px 22px;display:flex}.links a{color:var(--ink);border-bottom:1.5px solid #0000;padding-bottom:1px;text-decoration:none}.links a:hover,.links a:focus-visible{border-bottom-color:var(--ink);outline:none}.links .soon{color:var(--mute);opacity:.8}.hero{justify-items:center;display:grid;position:relative}.hand{mix-blend-mode:screen;filter:invert()contrast(1.2);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;width:232px;height:auto;position:absolute;top:-12px;left:50%;transform:translate(-58%)}.namecard{background:var(--back);width:540px;color:var(--bone);z-index:1;box-shadow:0 22px 44px #0000005c, inset 0 0 0 2px var(--back-2);border-radius:14px;margin-top:250px;padding:32px 34px 28px;position:relative}.namecard:before{content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:9px;position:absolute;inset:12px}.namecard h1{margin:0 0 10px;font-size:58px}.namecard .tag{color:#d6d3cb;margin:0;font-size:18px;font-weight:700;line-height:1.45}.btn{font-family:var(--font-m);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--face);border:2px solid #000;border-radius:999px;padding:6px 12px;font-size:12px;text-decoration:none;box-shadow:0 3px #000}.btn:focus-visible,.card:focus-visible{outline:3px solid var(--bone);outline-offset:4px}.card{cursor:grab;will-change:transform;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.card.no-drag{cursor:pointer}.card.is-drag{cursor:grabbing;z-index:30}.card.is-hover,.card.is-press{z-index:20}.tilt{height:100%;transform-style:preserve-3d;background:var(--back);color:var(--bone);box-shadow:0 12px 26px #00000052, inset 0 0 0 2px var(--back-2);border-radius:12px;transition:box-shadow .18s;position:relative;overflow:hidden}.card.is-drag .tilt{box-shadow:0 28px 44px #0000006b, inset 0 0 0 2px var(--back-2)}.tilt:before{content:"";pointer-events:none;z-index:1;border:1px solid #ffffff1a;border-radius:7px;position:absolute;inset:9px}.front{height:100%;transition:opacity .2s;position:relative}.front.is-fading{opacity:0}.back{background:var(--face);color:var(--ink);opacity:0;z-index:3;padding:28px 30px 24px;transition:opacity .25s;position:absolute;inset:0;overflow:auto}.back.is-in{opacity:1}.card-note .front,.card-mini .front{flex-direction:column;justify-content:space-between;padding:18px 20px;display:flex}.face-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.front .suit{font-family:var(--font-m);letter-spacing:.12em;color:var(--dim);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:10.5px;line-height:1.3;overflow:hidden}.glyph{font-family:var(--font-m);color:#dad7cf;white-space:pre;flex:none;font-size:20px;line-height:1}.cap h3{margin:0}.whisper{color:#cdcac2;margin:7px 0 0;font-size:13.5px;font-weight:600;line-height:1.4}.sub{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:#8b8881;margin:10px 0 0;font-size:10px}.play{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}.devslot{flex-direction:column;gap:22px;display:flex}.dev-cap{padding-left:4px}.dev-cap .suit-line{color:var(--mute);letter-spacing:.12em;font-size:11px}.dev-cap h3{color:var(--ink);margin:6px 0 0;font-size:28px}.dev-cap p{font-family:var(--font-m);color:var(--mute);letter-spacing:.02em;margin:6px 0 0;font-size:12.5px}.notes{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.notes .card{aspect-ratio:6/5}.notes .cap h3{font-size:20px}.row2{grid-template-columns:1fr 1fr;gap:56px;display:grid}.stack{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.stack .card,.fan .card{aspect-ratio:4/5}.card-mini .front{padding:15px 15px 14px}.card-mini .cap h3{font-size:16.5px;line-height:1.1}.card-mini .whisper{font-size:12.5px}.card-mini .sub{display:none}.fan{padding-top:4px;display:flex}.fan .card{flex:1 1 0;min-width:0}.fan .card+.card{margin-left:-12px}.fan .card:first-child .tilt{rotate:-4deg}.fan .card:nth-child(2){margin-top:6px}.fan .card:nth-child(2) .tilt{rotate:-1deg}.fan .card:nth-child(3){margin-top:10px}.fan .card:nth-child(3) .tilt{rotate:2.5deg}.fan .card:nth-child(4){margin-top:4px}.fan .card:nth-child(4) .tilt{rotate:6deg}footer{text-transform:none;letter-spacing:.03em;color:var(--mute);border-top:1.5px solid #1414148c;justify-content:space-between;gap:8px 22px;margin-top:80px;padding-top:14px;display:flex}.boil-f{display:none}html:not([data-boil]) .boil-0,html[data-boil="0"] .boil-0,html[data-boil="1"] .boil-1,html[data-boil="2"] .boil-2{display:inline}.theme-pen .tilt{color:var(--pen-ink);background-color:var(--pen-paper);background-image:linear-gradient(90deg,#0000 30px,#e3a6a0e6 30px 31.5px,#0000 31.5px),repeating-linear-gradient(#0000 0 25px,#b8c6ddbf 25px 26px);border-radius:3px;box-shadow:0 12px 26px #00000042}.theme-pen .tilt:before{content:none}.pen-frame{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pen-frame path{vector-effect:non-scaling-stroke}.theme-pen .front{padding-left:42px}.theme-pen .front .suit{color:var(--pen-mute)}.theme-pen .glyph{font-family:var(--font-h);color:var(--pen-red);font-size:30px}.theme-pen .display{font-family:var(--font-h);letter-spacing:0;color:var(--pen-ink);font-weight:400}.notes .theme-pen .cap h3{font-size:25px}.theme-pen .whisper{color:var(--pen-ink);font-weight:700}.theme-pen .sub{color:var(--pen-mute)}.theme-pen .back{background:var(--pen-paper);color:var(--pen-ink)}.theme-pen .back h3{font-family:var(--font-h);color:var(--pen-ink);font-size:32px;font-weight:400}.theme-pen .fig{color:var(--pen-ink);border:2px solid var(--pen-ink);background:#fff}.theme-pen .fig .mono{color:var(--pen-mute)}.backdrop{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000009e;position:fixed;inset:0}body.has-open{overflow:hidden}.crt,.grain{transition:opacity .3s}body.has-game .crt,body.has-game .grain{opacity:0}.placeholder{visibility:hidden}.card.is-open{z-index:45;cursor:default;transition:top .42s cubic-bezier(.2,.8,.2,1),left .42s cubic-bezier(.2,.8,.2,1),width .42s cubic-bezier(.2,.8,.2,1),height .42s cubic-bezier(.2,.8,.2,1)}.card.is-open .tilt,.fan .card.is-open .tilt{box-shadow:0 30px 60px #00000080, inset 0 0 0 2px var(--back-2);transition:rotate .42s;rotate:0deg}.card.is-open.theme-pen .tilt{box-shadow:0 30px 60px #00000080}.back .close{color:var(--mute);cursor:pointer;z-index:3;background:0 0;border:0;padding:4px;font-size:11px;position:absolute;top:12px;right:14px}.back .close:hover{color:var(--ink)}.back .suit{color:var(--mute);margin-bottom:8px;display:block;position:static}.back h3{color:var(--ink);margin:0 0 6px;font-size:28px}.back .lead{margin:0 0 12px;font-size:17px;font-weight:800}.back p{max-width:62ch;margin:0 0 10px}.back code{font-family:var(--font-m);background:#dcd9d1;border:1px solid #000;border-radius:3px;padding:0 5px;font-size:12px}.back .mono-line{font-family:var(--font-m);color:var(--mute);font-size:12px}.back .links{flex-wrap:wrap;gap:8px 18px;margin-top:14px;display:flex}.back .links a{color:var(--ink)}.back-note.has-fig{grid-template-columns:1.1fr 1fr;gap:26px;display:grid}.fig{background:var(--back);color:var(--bone);border-radius:8px;align-content:start;gap:8px;padding:16px;display:grid}.fig .mono{color:#a9a69f;text-transform:none;letter-spacing:.02em}.fig svg{width:100%;height:auto;display:block}.art{background:#0e0e0e;border-radius:8px;margin:16px 16px 0;position:relative;overflow:hidden}.art img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.sticker{font-family:var(--font-m);letter-spacing:.12em;text-transform:uppercase;background:var(--face);color:var(--ink);border:1px solid #000;border-radius:4px;padding:3px 8px;font-size:11px;position:absolute;bottom:12px;right:12px;transform:rotate(-4deg)}.back.is-game{padding:14px;overflow:hidden}.back-game{grid-template-rows:auto 52px;gap:12px;height:100%;display:grid}.back-game .stage{aspect-ratio:16/9;background:#000;border:2px solid #000;border-radius:8px;overflow:hidden}.back-game iframe{border:0;width:100%;height:100%;display:block}.bar{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.bar-t{align-items:baseline;gap:14px;min-width:0;display:flex}.bar-t .suit{white-space:nowrap;margin:0}.bar-t h3{white-space:nowrap;margin:0;font-size:22px}.bar-btns{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 16px;display:flex}.bar-btns button,.bar-btns a{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-bottom:1.5px solid #0000;padding:4px 0;text-decoration:none}.bar-btns button:hover,.bar-btns a:hover,.bar-btns [aria-expanded=true]{border-bottom-color:var(--ink)}.back.is-game .close{color:var(--mute);position:static}.about-pop{z-index:6;background:var(--face);width:min(420px,100% - 48px);max-height:calc(100% - 110px);color:var(--ink);text-align:left;cursor:auto;-webkit-user-select:text;user-select:text;border:2px solid #000;border-radius:10px;padding:20px 22px 16px;font-size:14px;position:absolute;bottom:76px;right:24px;overflow:auto;box-shadow:0 18px 40px #00000080}.about-pop .suit{color:var(--mute);margin-bottom:8px;display:block;position:static}.about-pop h3{color:var(--ink);margin:0 0 6px;font-size:24px}.about-pop .lead{margin:0 0 10px;font-size:16px;font-weight:800}.about-pop p{margin:0 0 10px}.about-pop .mono-line{font-family:var(--font-m);color:var(--mute);font-size:12px}.about-pop .links{flex-wrap:wrap;gap:8px 18px;margin-top:12px;display:flex}.about-pop .links a{color:var(--ink)}.card-device .about-pop{max-height:44cqw;bottom:16cqw;right:6cqw}.card-notebook .about-pop{background:var(--pen-paper);color:var(--pen-ink);border-color:var(--pen-ink);border-radius:3px}.card-notebook .about-pop h3{font-family:var(--font-h);color:var(--pen-ink);font-size:30px;font-weight:400}.play .card-device{aspect-ratio:100/72}.card-device .tilt,.card-device.is-open .tilt{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.card-device .tilt:before{content:none}.dev{position:absolute;inset:0;container-type:inline-size}.dev-screen{z-index:1;background:#000;width:90cqw;height:50.625cqw;position:absolute;top:4.5cqw;left:5cqw;overflow:hidden}.dev-screen iframe{opacity:0;pointer-events:none;background:0 0;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.dev-art{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity .12s;display:block}.dev-strip{z-index:3;align-items:center;gap:1.6cqw;width:90cqw;height:8.4cqw;display:flex;position:absolute;top:58cqw;left:5cqw}.dev-ctls{opacity:0;visibility:hidden;flex-wrap:nowrap;gap:.9cqw;transition:opacity .3s,visibility 0s .3s;display:flex}.dev-ctl{pointer-events:none;cursor:pointer}.card-device.is-on .dev-ctls{opacity:1;visibility:visible;transition:opacity .3s .25s}.card-device.is-on .dev-ctl{pointer-events:auto}.card-device.is-on .dev-screen iframe{opacity:1;pointer-events:auto}.card-device.is-off .dev-screen iframe{opacity:0;transition:opacity .1s .12s}.dev-tv:before{content:"";background:linear-gradient(#262626,#141414 70%,#0f0f0f);border-radius:3.6cqw;width:100cqw;height:69cqw;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 .3cqw #2d2d2d,inset 0 .5cqw 1cqw #ffffff12,inset 0 -1cqw 2cqw #0009,0 2.2cqw 4cqw #0006}.card-tv.is-open .dev-tv:before{box-shadow:inset 0 0 0 .3cqw #2d2d2d,inset 0 .5cqw 1cqw #ffffff12,inset 0 -1cqw 2cqw #0009,0 4cqw 8cqw #0009}.tv-bezel{background:#0a0a0a;border-radius:3.2cqw;width:93.2cqw;height:53.6cqw;position:absolute;top:3cqw;left:3.4cqw;box-shadow:inset 0 .6cqw 1.4cqw #000000e6,0 .15cqw #ffffff14}.dev-tv .dev-screen{border-radius:2.6cqw/3.4cqw}.dev-tv .dev-art{filter:contrast(1.08)brightness(.92)}.tv-glass{pointer-events:none;border-radius:inherit;background:radial-gradient(120% 90% at 30% 12%,#ffffff24,#0000 45%),radial-gradient(#0000 58%,#0000008c 100%),repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 3px);transition:opacity .3s;position:absolute;inset:0;box-shadow:inset 0 0 2.4cqw #000c}.dev-tv .dev-fx{opacity:0;pointer-events:none;transform-origin:50%;background:#f4f2ec;position:absolute;inset:0}.tv-plate{font-family:var(--font-m);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:#cfccc4;background:#101010;border:.12cqw solid #555;border-radius:.5cqw;padding:.5cqw 1cqw;font-size:1.35cqw}.tv-btn{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#b9b6ae;background:linear-gradient(#2c2c2c,#1c1c1c);border:.12cqw solid #000;border-radius:.5cqw;padding:.55cqw 1cqw;font-size:1.15cqw;text-decoration:none;box-shadow:0 .3cqw #000,inset 0 .12cqw #ffffff14}.tv-btn:hover,.tv-btn:focus-visible,.tv-btn[aria-expanded=true]{color:var(--bone);outline:none}.tv-btn:active{transform:translateY(.2cqw);box-shadow:0 .1cqw #000}.tv-grille{opacity:.9;background:repeating-linear-gradient(90deg,#070707 0 .45cqw,#0000 .45cqw 1.1cqw);border-radius:.4cqw;flex:1;align-self:stretch;min-width:4cqw;margin-block:1.4cqw}.tv-led{background:#3a1512;border-radius:50%;width:.9cqw;height:.9cqw;transition:background .2s,box-shadow .2s;box-shadow:inset 0 .1cqw .2cqw #000c}.tv-knob{background:radial-gradient(circle at 38% 32%,#8a8a8a,#3c3c3c 55%,#1b1b1b);border:.15cqw solid #000;border-radius:50%;flex:none;width:5.2cqw;height:5.2cqw;padding:0;position:relative;box-shadow:0 .35cqw .6cqw #0009,inset 0 .15cqw .2cqw #ffffff40}.tv-knob:after{content:"";transform-origin:50% 112%;background:#d9d6ce;border-radius:.3cqw;width:.5cqw;height:34%;margin-left:-.25cqw;position:absolute;top:12%;left:50%;transform:rotate(-35deg)}.tv-power{transition:transform .2s}.tv-power:after{transition:transform .25s;transform:rotate(-120deg)}.tv-foot{z-index:-1;background:linear-gradient(#141414,#050505);border-radius:0 0 1.4cqw 1.4cqw;width:12cqw;height:3.2cqw;position:absolute;top:68.6cqw;left:12cqw}.tv-foot.r{left:auto;right:12cqw}.card-tv .dev-art{transition:opacity .18s}.card-tv.is-open .dev-art{opacity:0}.card-tv.is-on .dev-screen iframe{transition:opacity .16s .3s}.card-tv.is-on .tv-glass{opacity:.35;background:radial-gradient(120% 90% at 30% 12%,#ffffff1a,#0000 40%),radial-gradient(#0000 70%,#0006 100%)}.card-tv.is-on .tv-led{background:#e0442f;box-shadow:0 0 .8cqw #e0442f,0 0 2cqw #e0442f80}.card-tv.is-on .tv-power:after{transform:rotate(35deg)}.card-tv.is-on .tv-power:hover{transform:rotate(-8deg)}.dev-tv .dev-fx.fx-on{animation:.52s cubic-bezier(.2,.7,.3,1) both tv-on}.dev-tv .dev-fx.fx-off{animation:.34s cubic-bezier(.5,0,.8,.4) both tv-off}@keyframes tv-on{0%{opacity:1;transform:scale(0,.006)}28%{opacity:1;transform:scaleY(.006)}60%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes tv-off{0%{opacity:0;transform:scale(1)}20%{opacity:.95;transform:scale(1)}60%{opacity:1;transform:scaleY(.006)}88%{opacity:1;transform:scale(.012,.006)}to{opacity:0;transform:scale(0)}}.nb-under,.nb-over{pointer-events:none;width:100cqw;height:72cqw;position:absolute;top:0;left:0;overflow:visible}.nb-under{filter:drop-shadow(0 1.2cqw 1.4cqw #00000042)}.card-notebook.is-open .nb-under{filter:drop-shadow(0 3cqw 5cqw #00000080)}.nb-over{z-index:4}.dev-notebook .dev-screen{background:var(--pen-paper)}.nb-page{z-index:2;background:var(--pen-paper);transform-origin:50% 0;backface-visibility:hidden;width:90cqw;height:50.625cqw;position:absolute;top:4.5cqw;left:5cqw}.nb-page img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.nb-tape{transition:opacity .25s}.card-notebook.is-on .nb-tape{opacity:0}.nb-page.fx-on{animation:.64s cubic-bezier(.45,0,.25,1) both nb-up}.nb-page.fx-off{animation:.48s cubic-bezier(.45,0,.25,1) reverse both nb-up}@keyframes nb-up{0%{filter:brightness();transform:perspective(120cqw)rotateX(0)}45%{filter:brightness(.9)}to{filter:brightness(.8);transform:perspective(120cqw)rotateX(178deg)}}.nb-title{font-family:var(--font-h);color:var(--pen-ink);white-space:nowrap;padding-bottom:1.2cqw;font-size:3.8cqw;line-height:1;position:relative}.nb-title svg{width:105%;height:2.4cqw;position:absolute;bottom:-.6cqw;left:-.4cqw;overflow:visible}.nb-stamp{font-family:var(--font-h);color:var(--pen-red);white-space:nowrap;border:.22cqw solid var(--pen-red);border-radius:1.6cqw .4cqw 1.4cqw .5cqw/.5cqw 1.4cqw .4cqw 1.3cqw;padding:.5cqw 1cqw .35cqw;font-size:2.1cqw;line-height:1;transform:rotate(-5deg)}.nb-btn{font-family:var(--font-h);color:var(--pen-ink);white-space:nowrap;border:.22cqw solid var(--pen-ink);background:0 0;border-radius:1.6cqw .4cqw 1.4cqw .5cqw/.5cqw 1.4cqw .4cqw 1.3cqw;padding:.55cqw 1.2cqw .4cqw;font-size:1.9cqw;line-height:1;text-decoration:none}.nb-btn:hover,.nb-btn:focus-visible,.nb-btn[aria-expanded=true]{background:#22263a14;outline:none;transform:rotate(-1.5deg)}.nb-close{color:var(--pen-red);border-color:var(--pen-red);visibility:hidden;opacity:0;margin-left:auto;transition:opacity .3s}.card-notebook.is-on .nb-close{visibility:visible;opacity:1}@media (width<=900px){.play,.row2{grid-template-columns:1fr}.notes{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.dev-fx.fx-on,.dev-fx.fx-off{animation-duration:10ms!important}}