@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-mono-latin-700-normal-7sUh57Bg.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-700-normal-CNHXzs6v.woff)format("woff")}@font-face{font-family:Google Sans Display;src:url(/fonts/gsd-r.woff2)format("woff2");font-weight:400 600;font-display:block}@font-face{font-family:Google Sans Display;src:url(/fonts/gsd-b.woff2)format("woff2");font-weight:700 900;font-display:block}@font-face{font-family:Open Sans;src:url(/fonts/open-sans-latin.woff2)format("woff2");font-weight:300 800;font-display:block}:root{--ground:#fafafa;--ink:#1e1e1e;--ink-2:#1e1e1e9e;--ink-3:#1e1e1e6b;--line:#1e1e1e1f;--card:#fff;--dark:#1e1e1e;--on-dark:#f6f5f1;--flap:#1e1e1e;--track:#efeee9;--blue:#116ec3;--green:#3cad56;--red:#e94335;--orange:#ff8d28;--orange-text:#ad4e00;--green-text:#24713b;--font-headline:"Google Sans Display", "Open Sans", sans-serif;--font-display:"Open Sans", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}html,body{background:var(--ground);color:var(--ink);font-family:var(--font-display);margin:0;overflow:hidden}*{box-sizing:border-box}.screen{background:var(--ground);position:relative;overflow:hidden}html[data-preview],html[data-preview] body{background-color:#dedbd4;background-image:linear-gradient(#0000001f 3px,#0000 3px),linear-gradient(90deg,#0000001f 3px,#0000 3px);background-size:120px 120px}html[data-preview] .screen{box-shadow:0 0 0 6px #5f6368}.abs{position:absolute}.headline{font-family:var(--font-headline);letter-spacing:-.01em;font-weight:700}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-weight:600}.card{background:var(--card);border:2px solid var(--line)}.dark{background:var(--dark);color:var(--on-dark)}.tabular{font-variant-numeric:tabular-nums}.offline{background:#ff8d28;border-radius:50%;width:1.2vmin;min-width:8px;height:1.2vmin;min-height:8px;position:absolute;bottom:1vmin;right:1vmin}.tag{z-index:20;color:#f6f5f1;font:600 max(12px, 1.6vmin)/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:#1c1c1c;border-radius:999px;align-items:center;gap:.8vmin;padding:.6vmin 1.4vmin;display:inline-flex;position:absolute;bottom:1.2vmin;right:1.2vmin}.tag i{background:#3fbf6a;border-radius:50%;width:1vmin;min-width:7px;height:1vmin;min-height:7px}.tag[data-lost] i{background:#ff8d28}.pinbox{text-align:center;color:#1c1c1c;background:#f9f8f5;place-content:center;justify-items:center;gap:2.4vmin;padding:6vmin;display:grid;position:absolute;inset:0}.pinbox-k{font:600 max(12px, 1.8vmin)/1.3 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#a84a00}.pinbox b{font:700 max(18px, 4vmin)/1.15 var(--font-headline)}.pinbox p{max-width:60vmin;font:400 max(14px, 2.4vmin)/1.45 var(--font-display);color:#55524b;margin:0}.pinbox input{font:700 max(22px, 5vmin)/1 var(--font-mono);letter-spacing:.3em;text-align:center;color:#1c1c1c;background:#fff;border:2px solid #1c1c1c;border-radius:1.4vmin;width:9em;padding:1.4vmin 2vmin}.pinbox input[data-wrong]{border-color:#a3372a}.pinbox .pinbox-no{color:#a3372a;font-weight:600}.pinbox button{font:700 max(15px, 2.6vmin)/1 var(--font-display);color:#fff;cursor:pointer;background:#1c1c1c;border:0;border-radius:999px;padding:1.8vmin 3.6vmin}.pinbox button:disabled{opacity:.4;cursor:default}.pinbox-wait{font:600 max(12px, 1.8vmin)/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#a84a00;align-items:center;gap:1vmin;display:inline-flex}.pinbox-wait i{background:#ff8d28;border-radius:50%;width:1.2vmin;min-width:8px;height:1.2vmin;min-height:8px}.notice{text-align:center;font:600 4vmin/1.3 var(--font-display);color:var(--ink-2);place-items:center;padding:4%;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.sweep{background:var(--ground);pointer-events:none;animation:.6s cubic-bezier(.77,0,.175,1) forwards sweep;position:absolute;inset:0}@keyframes sweep{0%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}.ring-in{animation:.24s cubic-bezier(.23,1,.32,1) ring-in}@keyframes ring-in{0%{opacity:0;transform:translateY(8%)}}.scene-sweep ::-webkit-scrollbar{display:none}.scene-sweep *{scrollbar-width:none}:root{--bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1)}.m-rise{animation:m-rise .56s var(--bounce) var(--d,0s) both}@keyframes m-rise{0%{opacity:0;transform:translateY(12%)scale(.97)}}.m-slam{animation:m-slam .44s var(--ease-out) var(--d,0s) both}@keyframes m-slam{0%{opacity:0;transform:scale(1.22)}60%{opacity:1;transform:scale(.97)}}.m-pop{animation:m-pop .42s var(--ease-out) var(--d,0s) both}@keyframes m-pop{0%{opacity:0;transform:scale(.4)}65%{opacity:1;transform:scale(1.08)}}.m-fade{animation:m-fade .32s ease-out var(--d,0s) both}@keyframes m-fade{0%{opacity:0}}.m-grow{transform-origin:0;animation:m-grow .46s var(--ease-in-out) var(--d,0s) both}@keyframes m-grow{0%{transform:scaleX(0)}}.m-svg{transform-box:fill-box;transform-origin:50%}.m-draw{stroke-dasharray:1;animation:m-draw var(--dur,.2s) linear var(--d,0s) both}@keyframes m-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.m-drop{animation:m-drop .62s var(--ease-out) var(--d,0s) both}@keyframes m-drop{0%{opacity:0;transform:translateY(-260%)}55%{opacity:1;transform:translateY(10%)}78%{transform:translateY(-5%)}}.m-ripple{opacity:0;animation:m-ripple .9s var(--ease-out) var(--d,0s) both}@keyframes m-ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}.wipe{pointer-events:none;position:absolute;inset:0;overflow:hidden}.wipe>i{width:var(--bw);animation:wipe .9s var(--ease-in-out) both;position:absolute;top:-10%;bottom:-10%;left:0}@keyframes wipe{0%{transform:translateX(var(--from)) skewX(-20deg)}to{transform:translateX(var(--to)) skewX(-20deg)}}.bl-l,.bl-r,.bl-word,.bl-pill,.bl-place,.bl-burst,.bl-idle-l,.bl-idle-r{transform-box:fill-box;transform-origin:50%}.bl-l{animation:bl-l 1.2s var(--ease-out) both}.bl-r{animation:bl-r 1.2s var(--ease-out) both}@keyframes bl-l{0%{opacity:0;transform:translate(-260px)rotate(-40deg)}12%{opacity:1}45%{transform:translate(145px)rotate(12deg)}70%{transform:translate(-12px)rotate(-4deg)}}@keyframes bl-r{0%{opacity:0;transform:translate(260px)rotate(40deg)}12%{opacity:1}45%{transform:translate(-145px)rotate(-12deg)}70%{transform:translate(12px)rotate(4deg)}}.bl-burst{animation:bl-burst .62s var(--ease-out) .52s both}@keyframes bl-burst{0%{opacity:0;transform:scale(.3)}1%{opacity:1}to{opacity:0;transform:scale(1.3)}}.bl-word{animation:m-slam .46s var(--ease-out) .64s both}.bl-pill{animation:bl-pill .52s var(--bounce) .86s both}@keyframes bl-pill{0%{opacity:0;transform:scaleX(0)}}.bl-place{animation:.36s ease-out 1.12s both m-fade}.bl-idle-l{animation:3.2s ease-in-out 1.6s infinite alternate bl-idle-l}.bl-idle-r{animation:3.2s ease-in-out 1.6s infinite alternate bl-idle-r}@keyframes bl-idle-l{to{transform:rotate(-5deg)}}@keyframes bl-idle-r{to{transform:rotate(5deg)}}.bl-out{animation:bl-out .5s var(--ease-in-out) var(--d) forwards}@keyframes bl-out{to{opacity:0;transform:scale(.92)}}.ss-ground{background-image:linear-gradient(var(--grid) 2px, transparent 2px), linear-gradient(90deg, var(--grid) 2px, transparent 2px);background-size:var(--cell) var(--cell);animation:40s linear infinite ss-drift;position:absolute;inset:-30%;transform:rotate(-8deg)}@keyframes ss-drift{to{transform:rotate(-8deg) translate(var(--cell), var(--cell))}}.ss-ring{border:2px solid var(--grid);border-radius:50%;position:absolute}.tr-arrive{animation:tr-arrive 1.5s var(--ease-out) var(--d,0s) both}@keyframes tr-arrive{0%{opacity:0;transform:translateX(var(--from))}25%{opacity:1}}.tr-run{animation:tr-run 12s var(--ease-in-out) infinite}@keyframes tr-run{0%,12%{opacity:1;transform:none}72%,80%{opacity:1;transform:translateX(var(--run))}88%{opacity:0;transform:translateX(var(--run))}89%{opacity:0;transform:none}to{opacity:1;transform:none}}.tr-cross{animation:tr-cross var(--ms,7.5s) var(--ease-in-out) var(--d,0s) both}@keyframes tr-cross{0%{transform:translateX(var(--from))}to{transform:translateX(var(--to))}}.tr-lap{animation:tr-lap var(--ms,9s) linear infinite}@keyframes tr-lap{to{transform:translateX(var(--lap))}}.sh-drift{animation:sh-drift var(--ms,20s) ease-in-out var(--d,0s) infinite alternate}@keyframes sh-drift{to{transform:translate(var(--dx), var(--dy)) rotate(var(--turn))}}.dp-cross{animation:dp-cross var(--ms,60s) linear var(--d,0s) infinite}@keyframes dp-cross{to{transform:translateX(var(--span))}}.dp-bob{animation:dp-bob var(--bob-ms,8s) ease-in-out infinite alternate}@keyframes dp-bob{0%{transform:translateY(calc(-1 * var(--bob)))}to{transform:translateY(var(--bob))}}html[data-calm] .m-rise,html[data-calm] .m-slam,html[data-calm] .m-pop,html[data-calm] .m-grow,html[data-calm] .m-drop{animation-name:m-fade;animation-duration:.32s;animation-timing-function:ease-out}html[data-calm] .m-draw,html[data-calm] .ss-ground,html[data-calm] .tr-arrive,html[data-calm] .tr-run,html[data-calm] .sh-drift{animation:none}html[data-calm] .m-ripple{display:none}.flaps{gap:calc(var(--cell) * .08);display:inline-flex}.flap{width:calc(var(--cell) * .7);height:var(--cell);background:var(--flap);border-radius:calc(var(--cell) * .07);font:700 calc(var(--cell) * .74) / var(--cell) var(--font-headline);color:var(--on-dark);text-align:center;perspective:calc(var(--cell) * 4);display:inline-block;position:relative;overflow:hidden}.flap:after{content:"";z-index:2;height:max(2px, calc(var(--cell) * .025));background:#0000008c;position:absolute;top:50%;left:0;right:0}.flap>span{background:var(--flap);position:absolute;inset:0}.flap-top,.flap-fold{clip-path:inset(0 0 50%)}.flap-bottom,.flap-land{clip-path:inset(50% 0 0)}.flap-fold{transform-origin:50%;animation:flap-fold var(--fold-ms,.15s) cubic-bezier(.55, 0, 1, .45) forwards}.flap-land{transform-origin:50%;animation:flap-land var(--land-ms,.17s) cubic-bezier(0, .55, .45, 1) var(--fold-ms,.15s) forwards;transform:rotateX(90deg)}@keyframes flap-fold{to{transform:rotateX(-90deg)}}@keyframes flap-land{to{transform:rotateX(0)}}
