@font-face{font-family:areal;src:url(../media/areal-s.p.33xx1ezjfy8ts.woff2?dpl=dpl_GUPDos9B4JBgomoUBkE5sqSz1FBZ)format("woff2");font-display:swap}@font-face{font-family:areal Fallback;src:local(Arial);ascent-override:87.13%;descent-override:20.84%;line-gap-override:0.0%;size-adjust:100.76%}.areal_c6be48a8-module__EP5w-W__className{font-family:areal,areal Fallback,Arial,Helvetica,sans-serif}.areal_c6be48a8-module__EP5w-W__variable{--font-areal:"areal", "areal Fallback", Arial, Helvetica, sans-serif}
:root{--space-1:5px;--space-2:10px;--space-3:15px;--space-4:20px;--space-5:25px;--space-6:35px;--space-7:45px;--space-8:65px;--space-9:80px;--space-10:100px;--space-11:130px;--space-nudge:2px;--font-size-1:.78125rem;--font-size-2:.9rem;--font-size-3:1rem;--font-size-4:1.2rem;--font-size-5:1.5rem;--font-size-6:1.75rem;--font-size-7:2rem;--font-size-8:2.5rem;--font-size-9:3rem;--radius-1:3px;--radius-round:50%;--radius-pill:9999px;--gray0:#fff;--gray1:#f7f7f7;--gray2:#ededed;--gray3:#dedede;--gray4:#999;--gray5:#696969;--gray6:#333;--gray7:#000;--red1:#faf4f3;--red2:#dfbebe;--red3:#b93d3d;--green1:#f4f8f3;--green2:#b4d6b3;--green3:#238020;--blue1:#ebecf7;--blue2:#3d46c2;--blue3:#00075f;--foregroundShadow:#00000014;--foregroundLight:#0009;--foregroundHeavy:#000000d9;--backgroundShadow:#ffffff14;--backgroundLight:#f7f7f799;--backgroundHeavy:#fffffff2;--alert:#e15100;--notification:#a87253;--blend:multiply;--blendInverted:screen;--background:var(--gray0);--foreground:var(--gray7);--link:var(--gray6);--slate:var(--gray5);--focus:var(--blue2);--brandLight:var(--blue1);--brandDark:var(--blue3);--channelPrivate1:var(--red1);--channelPrivate2:var(--red2);--channelPrivate3:var(--red3);--channelPublic1:var(--green1);--channelPublic2:var(--green2);--channelPublic3:var(--green3);--channelClosed1:var(--gray1);--channelClosed2:var(--gray3);--channelClosed3:var(--gray6);--font-sans:var(--font-areal), Arial, Helvetica, sans-serif;--font-mono:var(--font-areal), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);font-family:var(--font-sans);font-size:var(--font-size-3);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;line-height:1.5;display:flex}*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:400}h1{font-size:var(--font-size-6)}a{color:var(--link)}.mono{font-family:var(--font-mono);font-variation-settings:"MONO" 100}.label{font-family:var(--font-mono);font-variation-settings:"MONO" 100;font-size:var(--font-size-1)}.copy{max-width:44ch}.home{text-align:left;justify-content:flex-start;align-items:flex-start;width:100%;max-width:720px;margin-inline:auto}.home-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;width:100%;display:flex}.italic{font-variation-settings:"slnt" -12}main{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4);text-align:center;flex-direction:column;flex:1;display:flex}.button{font-family:var(--font-sans);font-size:var(--font-size-3);background:var(--foreground);color:var(--background);padding:var(--space-1) var(--space-4);cursor:pointer;border:none;border-radius:0;display:inline-block;text-decoration:none!important}.button:disabled{background:var(--gray4);cursor:default}.button--ghost{color:var(--foreground);border:1px solid var(--gray3);background:0 0}.button--blue{background:var(--blue2);color:var(--gray0)}.input{font-family:var(--font-mono);font-variation-settings:"MONO" 100;font-size:var(--font-size-3);background:var(--background);color:var(--foreground);border:1px solid var(--gray3);padding:var(--space-2) var(--space-3);text-align:center;border-radius:0;width:min(80vw,420px)}.score-canvas{aspect-ratio:1;border:1px solid var(--gray2);width:min(80vw,420px)}.gallery{gap:var(--space-4);width:100%;max-width:720px;margin-top:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.tile{gap:var(--space-1);flex-direction:column;display:flex}.tile-canvas{aspect-ratio:1;border:1px solid var(--gray2);width:100%}.tile-play{font:inherit;font-variation-settings:inherit;color:var(--link);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}