:root{--body:#cf3e2a;--body-2:#a82f1f;--cream:#f6ecd6;--plastic:#e9e0cc;--plastic-2:#d9cfb8;--paper:#f6f1e4;--ink:#1b1a24;--soft:#5d5a55;--line:#1b1a2422;--red:#c9372c;--bezel:#24232e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);margin:0;font:400 17px/1.55 ui-sans-serif,-apple-system,Segoe UI,Roboto,sans-serif}[hidden]{display:none!important}a{color:inherit}img,svg{display:block}.wrap{width:min(1120px,100% - 32px);margin-inline:auto}.narrow{width:min(680px,100% - 32px);margin-inline:auto}.skip{position:absolute;left:-999px}.skip:focus{z-index:5;background:#fff;padding:8px;top:8px;left:8px}:focus-visible{outline:3px solid var(--red);outline-offset:2px}.top{justify-content:space-between;align-items:center;gap:16px;padding-block:14px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand svg{width:auto;height:15px}@media (width<=380px){.brand svg{height:10px}}.top nav{white-space:nowrap;gap:clamp(10px,3vw,18px);font-size:15px;display:flex}.top nav a{color:var(--soft);text-decoration:none}.top nav a:hover{color:var(--ink);text-decoration:underline}.hero{padding-block:clamp(20px,5vw,56px) clamp(20px,4vw,40px)}.hero .word{width:min(100%,640px);height:auto}.hero p{max-width:34em;margin:18px 0 22px;font-size:clamp(18px,2.4vw,22px)}.btn{font:inherit;border:2px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;box-shadow:0 3px 0 var(--red);border-radius:8px;padding:12px 20px;font-weight:650;text-decoration:none;display:inline-block}.btn:active{box-shadow:0 1px 0 var(--red);transform:translateY(2px)}.kinds{flex-wrap:wrap;gap:8px;margin-block:8px 20px;display:flex}.kinds button{font:inherit;border:1.5px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:99px;padding:7px 14px;font-size:15px;font-weight:600}.kinds button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.shelf-title{margin:28px 0 12px;font-size:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(152px,44vw),1fr));gap:18px 14px;margin:0;padding:0;list-style:none;display:grid}.cart{background:var(--plastic);border:2px solid var(--ink);border-radius:10px 10px 4px 4px;height:100%;padding:14px 10px 10px;text-decoration:none;transition:transform .12s;display:block;position:relative}.cart:before{content:"";background:repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 6px);opacity:.55;height:3px;position:absolute;top:5px;left:22%;right:22%}.cart:hover{transform:translateY(-3px)}.cart:active{transform:translateY(1px)}.cart img{aspect-ratio:192/150;width:100%;height:auto;image-rendering:pixelated;border:2px solid var(--bezel);background:var(--bezel);border-radius:3px}.cart strong{margin-top:9px;font-size:16px;line-height:1.2;display:block}.cart small{color:var(--soft);margin-top:3px;font-size:14px;line-height:1.3;display:block}.cart .best{color:var(--red);font-weight:650}.play-top{height:44px;padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right));justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex}.play-top a{align-items:center;min-height:44px;font-weight:650;text-decoration:none;display:inline-flex}.stage,.stage.wrap{background:var(--paper);width:100%}.handheld{--pad:clamp(104px, min(38vw, 20svh), 172px);--key:calc(var(--pad) * .5);--top:44px;background:var(--body);color:var(--cream);border:2px solid var(--ink);box-shadow:0 5px 0 var(--body-2), 0 5px 0 2px var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:14px 14px 34px 34px;margin-inline:auto;display:grid;position:relative}.handheld:not([data-phase=play]),.handheld:not([data-phase=play]) .bezel,.handheld:not([data-phase=play]) canvas{touch-action:pan-y}.handheld[data-touch=tap]{--pad:clamp(88px, min(28vw, 17svh), 124px)}.handheld:fullscreen{width:100vw;max-width:none;height:100vh;box-shadow:none;border:0;border-radius:0}.bezel{background:var(--bezel);flex-direction:column;grid-area:screen;min-width:0;min-height:0;display:flex}.glass{place-items:center;min-width:0;min-height:0;display:grid}.glass canvas{image-rendering:pixelated;touch-action:none;background:#14121f;outline:0;display:block}.pills{justify-content:center;gap:4px;display:flex}.pgroup{display:contents}.pills button,.pills a{font:inherit;min-height:44px;color:var(--cream);cursor:pointer;white-space:nowrap;z-index:0;background:0 0;border:0;justify-content:center;align-items:center;padding:0 7px;font-size:12.5px;font-weight:650;text-decoration:none;display:inline-flex;position:relative}.pills button:before,.pills a:before{content:"";z-index:-1;border:1.5px solid var(--cream);border-radius:99px;position:absolute;inset:7px 0}.pills [aria-pressed=true]{color:var(--ink)}.pills [aria-pressed=true]:before{background:var(--cream)}.pills button:active:before,.pills a:active:before{background:var(--body-2)}.only-short{display:none!important}.slot{pointer-events:none;width:min(44vw,200px);height:30px;position:absolute;bottom:100%;left:50%;overflow:hidden;transform:translate(-50%)}.tab{background:var(--plastic);border:2px solid var(--ink);color:var(--ink);letter-spacing:.02em;border-radius:7px 7px 0 0;justify-content:center;align-items:center;font-size:12px;font-weight:750;transition:transform .16s cubic-bezier(.3,1.6,.5,1);display:flex;position:absolute;inset:4px 0 -6px}.tab span{white-space:nowrap;text-overflow:ellipsis;padding-inline:8px;overflow:hidden}.tab.out{transition-duration:.12s;transition-timing-function:ease-in;transform:translateY(-100%)}@media (width<=350px){.handheld .plate{display:none}}.plate{flex-direction:column;flex:1;align-self:flex-end;align-items:center;gap:7px;min-width:0;padding-bottom:6px;display:flex}.plate svg{width:auto;height:10px}.controls{grid-area:controls;justify-content:space-between;align-items:center;gap:12px;display:flex}.pad{width:var(--pad);height:var(--pad);touch-action:none;cursor:pointer;flex:none;position:relative}.pad:before,.pad:after{content:"";background:var(--bezel);border-radius:6px;position:absolute}.pad:before{inset:2% 34%}.pad:after{inset:34% 2%}.pad b{z-index:1;color:#8d897d;pointer-events:none;place-items:center;width:32%;height:32%;font-size:12px;font-weight:400;display:grid;position:absolute}.pad b.on{color:#fff;background:#ffffff26;border-radius:4px}[data-dir=up]{top:2%;left:34%}[data-dir=down]{bottom:2%;left:34%}[data-dir=left]{top:34%;left:2%}[data-dir=right]{top:34%;right:2%}.keys{align-items:center;gap:12px;display:flex}.key{width:max(64px, var(--key));height:max(64px, var(--key));border:2px solid var(--ink);background:var(--cream);color:var(--ink);font:inherit;touch-action:none;cursor:pointer;box-shadow:0 4px 0 var(--ink);border-radius:50%;flex:none;font-size:20px;font-weight:750}.key.b{width:max(52px, calc(var(--key) * .8));height:max(52px, calc(var(--key) * .8));background:var(--bezel);color:var(--cream);font-size:17px}.key.on{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}[data-b=off] .key.b{display:none}[data-a=start] .key.a{background:var(--body-2);color:var(--cream)}[data-pad=off] .pad{visibility:hidden}@media (aspect-ratio<=1){.handheld{width:100%;max-width:720px;height:calc(100svh - var(--top));box-shadow:0 5px 0 var(--body-2);border-width:2px 0;border-radius:0 0 30px 30px;grid-template:"screen""pills""controls"minmax(0,1fr)/minmax(0,1fr)}.bezel{padding:3px}.glass{aspect-ratio:1;width:100%;max-height:calc(100svh - var(--top) - var(--pad) - 44px - 34px)}.pills{padding:2px 4px 0}.controls{padding:6px 12px max(14px, env(safe-area-inset-bottom));align-self:end}}@media (height<=520px) and (aspect-ratio<=1){.handheld,.handheld:not([data-phase=play]),.handheld:not([data-phase=play]) .bezel,.handheld:not([data-phase=play]) canvas{touch-action:pan-y}.handheld[data-touch=tap],.handheld,.handheld[data-touch=tap]{--pad:94px}.glass{max-height:calc(100svh - var(--top) - var(--pad) - 44px - 28px)}.controls{padding-bottom:8px}}@media (aspect-ratio>=1){.handheld{--side:clamp(124px, 19vw, 176px);--pad:min(var(--side), 42svh);width:100%;max-width:1000px;height:min(calc(100svh - var(--top)), 640px);padding-block:8px;padding-inline:max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right));grid-template-columns:var(--side) minmax(0, 1fr) var(--side);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"one screen two""pad screen keys";gap:8px}.bezel{border-radius:8px;padding:4px}.glass{flex:1}.pills,.controls{display:contents}.pgroup{flex-wrap:wrap;place-content:flex-start center;gap:0 4px;display:flex}.pgroup.one{grid-area:one}.pgroup.two{grid-area:two}.plate{grid-area:pad;place-self:start center;padding:10px 0 0}.pad{grid-area:pad;place-self:end center;margin-bottom:6%}.keys{flex-direction:column-reverse;grid-area:keys;place-self:end center;gap:8px;margin-bottom:6%}}@media (height<=500px) and (aspect-ratio>=1){:is(.top:has(+main .handheld),.play-top){display:none}.handheld{gap:6px;padding-block:2px;height:100svh!important}.bezel{padding:0}.glass{max-height:calc(100svh - 4px)}.handheld .glass{aspect-ratio:auto}.only-short{display:inline-flex!important}.slot,.plate{display:none}.handheld{box-shadow:none;border:0;border-radius:0}}@media (hover:hover) and (pointer:fine){.kbd{display:block!important}}.pocket{--top:112px;padding-top:30px}.pocket .handheld{--top:112px}.pocket-copy{text-align:center;width:min(680px,100% - 32px);margin:22px auto 8px}.pocket-copy h1{justify-content:center;margin:0 0 8px;display:flex}.pocket-copy h1 svg{width:auto;height:25px}.pocket-copy .quip{min-height:1.5em;margin:0 0 4px;font-size:17px}.pocket-copy p{color:var(--soft);margin:0 0 16px}.quip-line{color:var(--soft);font-style:italic}.ledger{border-top:1px solid var(--line);margin-top:8px}.ledger dt{margin-top:12px;font-weight:650}.ledger dd{color:var(--soft);margin:0}.prose{padding-block:24px 8px}.prose h1{letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(28px,5vw,40px);line-height:1.1}.prose h2{margin:30px 0 8px;font-size:21px}.prose ul,.prose ol{padding-left:22px}.keylist{grid-template-columns:auto 1fr;gap:6px 14px;margin:8px 0;display:grid}.keylist dt{font-weight:650}.keylist dd{margin:0}.kbd{color:var(--soft);text-align:center;padding-inline:16px;font-size:15px;display:none}#how{scroll-margin-top:8px}.ad{margin-block:0}.ad:has(ins[data-ad-status=filled]){border-top:1px solid var(--line);margin-block:28px;padding-top:6px}.ad ins:not([data-ad-status=filled]){overflow:hidden;height:0!important}.ad ins[data-ad-status=unfilled]{display:none!important}.adsbygoogle{display:block}.ad-label{color:var(--soft);font-size:12px;display:none}.ad:has(ins[data-ad-status=filled]) .ad-label{display:block}.more{padding-block:16px 34px}footer{border-top:2px solid var(--ink);color:var(--soft);margin-top:40px;padding-block:24px 40px;font-size:15px}footer nav{flex-wrap:wrap;gap:8px 18px;margin-bottom:12px;display:flex}footer a{color:var(--ink)}.tip{color:var(--ink);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important}}