@font-face{font-family:"Format 1452";src:url(/vendor/fonts/format1452.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Format fallback;src:local(Arial),local(Helvetica),local(Liberation Sans);size-adjust:93%;ascent-override:78%;descent-override:30%;line-gap-override:0%}@font-face{font-family:Comic Mono;src:url(/vendor/fonts/comicmono.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Comic fallback;src:local(Courier New),local(Liberation Mono);size-adjust:91%;ascent-override:88%;descent-override:35%;line-gap-override:0%}:root{--ground:#dbdada;--ink:#1d01c4;--ink-soft:#7c6ec9;--t-micro:11px;--t-label:13px;--t-body:clamp(17px, 1.5vw, 21px);--t-head:clamp(24px, 2.6vw, 34px);--t-hero:clamp(40px, 8.4vw, 89px);--display:"Format 1452", "Format fallback", Arial, sans-serif;--mono:"Comic Mono", "Comic fallback", ui-monospace, monospace;--pad:14px;--radius:2px;--radius-inner:max(0px, calc(var(--radius) - var(--pad)));--lift-1:0 2px 9px #1d01c421;--lift-2:0 16px 44px #1d01c430;--z-page:0;--z-chrome:10;--z-stamp:20;--z-overlay:40;--sheet:min(calc(100vw - 36px), calc(100svh - 404px), 620px);--col:100%;--dur:.19s;--ease:cubic-bezier(.2, .7, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{background:var(--ground)}body{background:var(--ground);min-height:100svh;color:var(--ink);font-family:var(--display);font-size:var(--t-body);font-synthesis:none;-webkit-text-size-adjust:100%;margin:0;padding:22px 18px 0;line-height:1.5;overflow-x:hidden}h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty}.skip{position:absolute;left:-9999px}.skip:focus{z-index:var(--z-overlay);background:var(--ground);box-shadow:var(--lift-2);font-size:var(--t-label);color:var(--ink);padding:10px 14px;top:18px;left:18px}.head,main,.floor{width:var(--col);margin-inline:auto}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 24px;display:flex}.mark{font-size:var(--t-hero);letter-spacing:.02em;margin:0;font-weight:400;line-height:.92}.mark-a{color:var(--ink-soft)}.mark-b{color:var(--ink)}.line{max-width:22ch;font-size:var(--t-body);color:var(--ink);margin:10px 0 0;line-height:1.25}.rail{align-items:center;gap:10px;padding-bottom:3px;display:flex}.rail-tick{font-family:var(--mono);font-size:var(--t-label);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);font-variant-numeric:tabular-nums}.brand{border-radius:var(--radius);background:var(--ground);box-shadow:var(--lift-1);color:var(--ink);font-family:var(--mono);font-size:var(--t-label);letter-spacing:.07em;text-transform:uppercase;transition:box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);align-items:center;gap:7px;padding:7px 11px;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;width:17px;height:17px;display:block}.brand:hover{box-shadow:var(--lift-2);transform:translateY(-1px)}.brand:active{box-shadow:var(--lift-1);transform:translateY(1px)}.brand:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.brand[aria-disabled=true]{opacity:.42;pointer-events:none}.work{gap:18px;margin-top:18px;display:grid}.bench{grid-template-columns:auto 1fr;grid-template-areas:"slab slab""him controls";align-items:end;gap:10px 12px;display:grid}.him{grid-area:him;align-self:end;width:46px;height:88px;position:relative}.him img{object-fit:contain;object-position:bottom left;width:100%;height:100%;position:absolute;inset:0}.boil{animation:.42s step-end infinite boil}.b0{animation-delay:0s}.b1{animation-delay:-.14s}.b2{animation-delay:-.28s}@keyframes boil{0%,33.3%{opacity:1}33.4%,to{opacity:0}}.push{opacity:0;transition:opacity 90ms linear, transform .3s var(--ease)}body.working .boil{opacity:0;animation:none}body.working .push{opacity:1;transform:translate(7%)translateY(-3%)}.slab{width:var(--sheet);height:var(--sheet);background:var(--ground);box-shadow:var(--lift-2);border-radius:var(--radius);grid-area:slab;margin:0;position:relative;overflow:hidden}#paper{width:100%;height:100%;display:block}.faller{z-index:var(--z-stamp);pointer-events:none;position:absolute}.faller img{transform-origin:50% 100%;width:auto;height:100%;display:block}.faller.falling img{animation:.44s step-end both drop}@keyframes drop{0%{transform:translateY(-135%)scale(.86,1.2)rotate(-8deg)}40%{transform:translateY(-42%)scale(.93,1.11)rotate(4deg)}64%{transform:translateY(0)scale(1.2,.79)rotate(0)}84%{transform:translateY(0)scale(.95,1.07)rotate(0)}to{transform:translateY(0)scale(1)rotate(0)}}.slab.hit{animation:.15s step-end hit}@keyframes hit{0%{transform:translateY(4px)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}body.flash{filter:invert()hue-rotate(180deg)}.controls{grid-area:controls;align-self:end;gap:9px;display:flex}.btn{font-family:var(--mono);font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--ground);border-radius:var(--radius);box-shadow:var(--lift-1);cursor:pointer;transition:box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease), opacity var(--dur) var(--ease);border:0;padding:12px 20px}.btn:hover:not(:disabled){box-shadow:var(--lift-2);transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:var(--lift-1);transform:translateY(1px)}.btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.btn:disabled{opacity:.4;cursor:not-allowed}#go{box-shadow:var(--lift-2)}.shelf{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;gap:9px;max-width:100vw;margin:0;padding:6px 2px 12px;list-style:none;display:flex;overflow-x:auto}.shelf::-webkit-scrollbar{display:none}.shelf li{flex:none}.card{border-radius:var(--radius);background:var(--ground);width:78px;height:78px;box-shadow:var(--lift-1);cursor:pointer;transition:box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);border:0;padding:0;display:block;overflow:hidden}.card:hover,.drop.over{box-shadow:var(--lift-2);transform:translateY(-2px)}.card:active{transform:translateY(1px)}.card:focus-visible,.drop:focus-within{outline:3px solid var(--ink);outline-offset:3px}.card[aria-pressed=true]{box-shadow:var(--lift-2);transform:translateY(-2px)}.pic{isolation:isolate;background:var(--ground);width:100%;height:100%;display:block;position:relative}.pic:before,.pic:after{content:"";position:absolute;inset:0}.pic:before{background:var(--ink);opacity:0;transition:opacity var(--dur) var(--ease)}.pic img{object-fit:cover;filter:grayscale()contrast(1.08);mix-blend-mode:screen;opacity:0;width:100%;height:100%;transition:opacity var(--dur) var(--ease);display:block}.pic.ready:before,.pic.ready img{opacity:1}.pic:after{background:var(--ground);mix-blend-mode:multiply}.drop,.word-card{text-align:center;place-items:center;display:grid;position:relative}.drop input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.word{font-family:var(--mono);font-size:var(--t-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);padding:0 6px;line-height:1.25}.floor{margin-top:10px;padding-bottom:20px}.state{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-variant-numeric:tabular-nums;min-height:1.4em;margin:0}.state span:not(:empty)+span:not(:empty):before{content:" . "}.state #ca{cursor:pointer}.credit{font-family:var(--mono);font-size:var(--t-micro);color:var(--ink-soft);opacity:.72;max-width:70ch;margin:4px 0 0}@media (min-width:980px){:root{--sheet:min(calc(100svh - 300px), 560px);--col:min(100%, 1040px)}body{padding:30px 40px 0}.work{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:26px;margin-top:24px}.bench{grid-template-columns:auto auto;grid-template-areas:"him slab"".controls";align-items:end;gap:14px}.him{width:148px;height:calc(var(--sheet) * .62);margin-right:-14px}.him img{object-position:bottom right}.controls{justify-content:center}.shelf{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:11px;width:min(100%,272px);margin-left:auto;padding:0;display:grid;overflow:visible}.card{aspect-ratio:1;width:100%;height:auto}}@media (prefers-reduced-motion:reduce){.boil{animation:none}.b0{opacity:1}.b1,.b2{opacity:0}.faller.falling img,.slab.hit{animation:none}body.flash{filter:none}*,:before,:after{transition-duration:1ms!important}}
