@font-face{font-family:Anton;src:url(./anton-Byf51wtH.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Raleway;src:url(./raleway-CSF1BaNN.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Roboto Mono;src:url(./roboto-mono-CZtBPCCa.woff2)format("woff2");font-weight:100 700;font-display:swap}:root{--ink-0:#11141b;--ink-1:#181c26;--ink-2:#282b35;--ink-3:#373b49;--red:#a50034;--light-2:#e2e4ec;--light-3:#c6cad7;--display:"Anton", "Arial Narrow", sans-serif;--body:"Raleway", system-ui, sans-serif;--mono:"Roboto Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-color:var(--ink-3) var(--ink-1);--screen-h:clamp(300px, 100vh - 330px, 640px)}@supports (height:100dvh){:root{--screen-h:clamp(300px, 100dvh - 330px, 640px)}}*{box-sizing:border-box}body{background:var(--ink-1);color:#fff;font:16px/1.8 var(--body);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--red);color:#fff}h1,h2{font-family:var(--display);text-transform:uppercase;text-wrap:balance;margin:0;font-weight:400;line-height:.9}p{margin:0}[hidden]{display:none!important}:focus-visible{outline-offset:3px;outline:2px solid #fff}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid;position:relative;overflow:clip}header{z-index:1;justify-content:space-between;align-items:center;gap:24px;height:72px;padding:0 48px;display:flex;position:relative}.name{font:400 26px/1 var(--display);letter-spacing:.02em;text-transform:uppercase}.ghost{font:400 23vw/.82 var(--display);text-transform:uppercase;text-align:center;color:#0000;-webkit-text-stroke:1px #ffffff1f;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}main{place-content:center;justify-items:center;gap:18px;min-height:0;padding:0 48px 24px;display:grid;position:relative}.screen{height:var(--screen-h);aspect-ratio:3/4;background:#000 radial-gradient(#ffffff29 1px,#0000 1.5px) 0 0/8px 8px;position:relative;overflow:hidden;box-shadow:0 2px 16px #0006,0 2px 4px #0000004d;container-type:size}.screen:has(canvas:focus-visible){outline:2px solid var(--light-3);outline-offset:4px}canvas{width:100%;height:100%;image-rendering:pixelated;outline:none;display:block}.screen[data-finish=soft] canvas{image-rendering:auto}.screen[data-finish=soft][data-grid]:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000 55%,#00000038) 0 0/.416667% 100%,linear-gradient(#0000 55%,#00000038) 0 0/100% .3125%;position:absolute;inset:0}#overlay{text-align:center;background:#11141bd1;place-content:center;justify-items:center;gap:3cqh;padding:6cqi;display:grid;position:absolute;inset:0;overflow-y:auto}#overlay h2{font-size:15cqi}.bar:after{content:"";background:var(--red);width:128px;max-width:45%;height:4px;margin-top:12px;display:block}#status{text-wrap:balance;max-width:30ch;color:var(--light-2);font-size:15px;line-height:1.7}#pick,#recover,#unsent{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hint{text-wrap:balance;color:var(--light-3);flex-basis:100%;font-size:13px;line-height:1.6}button{font:400 22px/1 var(--display);text-transform:uppercase;letter-spacing:.01em;border:1px solid var(--red);background:var(--red);color:#fff;cursor:pointer;border-radius:0;padding:16px 28px;transition:background-color .2s,color .2s,border-color .2s}button:hover{color:var(--red);background:#fff;border-color:#fff}button.secondary{color:var(--light-2);border-color:var(--light-3);background:0 0}button.secondary:hover{color:#fff;background:0 0;border-color:#fff}#start{padding:18px 56px;font-size:34px}#online-as button{padding:4px 8px;font-size:13px}.who{align-items:center;gap:12px;min-width:0;display:flex}.who-name{font:500 13px/1 var(--mono);color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:18ch;overflow:hidden}.who button{white-space:nowrap;padding:6px 12px;font-size:13px}.menu{position:relative}.menu summary{cursor:pointer;border:1px solid var(--light-3);font:400 13px/1 var(--display);text-transform:uppercase;letter-spacing:.01em;color:var(--light-2);padding:6px 12px;list-style:none;transition:color .2s,border-color .2s}.menu summary::-webkit-details-marker{display:none}.menu summary:hover,.menu[open] summary{color:#fff;border-color:#fff}.menu-panel{z-index:2;background:var(--ink-2);white-space:nowrap;gap:8px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 2px 16px #00000080}.menu-panel button{padding:8px 12px;font-size:13px}#who-touch{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px}#who-touch .who-name{font:600 13px/1.6 var(--body);max-width:none}#who-touch .menu-panel{box-shadow:none;background:0 0;padding:8px 0 0;display:flex;position:static}#who-touch .menu{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nudge{max-width:70ch;font:15px/1.6 var(--body);color:var(--light-2);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;display:flex}.nudge-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.nudge button{padding:8px 14px;font-size:16px}footer a{color:var(--light-2);text-underline-offset:3px}footer a:hover{color:#fff}.online-line{font:500 13px/1 var(--mono);color:var(--light-2);justify-content:center;align-items:center;gap:6px}.online-line svg{fill:none;width:16px;height:16px;stroke:var(--light-3);stroke-width:1.4px;stroke-linecap:square}.login{background:var(--ink-2);gap:14px;width:min(320px,86%);max-height:calc(100% - 12px);padding:24px;display:grid;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 2px 16px #00000080}.login h2{font-size:30px}.login label{font:500 13px/1 var(--body);color:var(--light-3);gap:6px;display:grid}.login input{font:15px/1.4 var(--body);border:1px solid var(--light-3);background:var(--ink-1);color:#fff;caret-color:#fff;border-radius:0;padding:10px 12px}.login input:focus-visible{outline-offset:2px}.login p{font:13px/1.6 var(--body);color:var(--light-3)}.login .row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.login button{white-space:nowrap;padding:12px 18px;font-size:18px}.login .error{color:#fff;font-weight:600}.sub{width:calc(var(--screen-h) * 3 / 4);font:15px/1.6 var(--mono);color:var(--light-2);text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.sub-online{grid-column:2}.sub .finish{white-space:nowrap;grid-column:3;justify-self:end;align-items:center;gap:8px;padding:4px 8px;font-size:13px;display:inline-flex}.sub .finish:before{content:"";border:1px solid;width:8px;height:8px}.sub .finish[aria-pressed=true]:before{background:currentColor}.sub .finish[aria-pressed=true]{color:#fff;border-color:#fff}.keys{font:14px/1 var(--body);color:var(--light-2);flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:0;display:flex}.keys div{align-items:center;gap:6px;display:flex}.keys dt{align-items:center;gap:6px;margin-right:2px;display:flex}.keys dd,.keys .or{margin:0}kbd{border:1px solid var(--light-3);background:var(--ink-1);min-width:30px;height:30px;font:500 13px/1 var(--mono);color:#fff;place-items:center;padding:0 8px;display:inline-grid}kbd svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:square;width:12px;height:12px}.pad,.touch-only{display:none}.typing,.wake{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;bottom:0;left:0}.typing{font-size:16px}:fullscreen{background:var(--ink-1)}footer{z-index:1;background:var(--ink-2);grid-template-columns:1fr auto;align-items:center;gap:48px;padding:16px 48px;display:grid;position:relative}footer p{font:12px/1.7 var(--mono);color:var(--light-3)}footer strong{color:var(--light-2);font-weight:500}.disclaimer{max-width:110ch}.notes{text-align:right}.notes button{padding:6px 12px;font-size:13px}#notices{z-index:10;width:min(520px,92vw);max-height:calc(100dvh - 32px);position:fixed;overflow-x:hidden;box-shadow:0 0 0 100vmax #000000a6}#notices a{color:var(--light-2);text-underline-offset:3px}#notices a:hover{color:#fff}#notices strong{color:var(--light-2);font-weight:500}@media (width<=999px){footer{grid-template-columns:1fr;gap:8px}.notes{text-align:left}}@media (width<=759px){header{height:64px;padding:0 16px}.who .long{display:none}.ghost{font-size:34vw}main{padding:24px 16px 48px}footer{grid-template-columns:1fr;gap:12px;padding:32px 16px}.notes{text-align:left}}@media (hover:none) and (pointer:coarse){:root{--cross:min(clamp(116px, 24.5dvh, 240px), calc(60vw - 40px));--cell:calc((var(--cross) - 8px) / 3);--side:calc(var(--cell) * 2 + 16px);--chrome:30px;--w:min(100%, (100dvh - var(--chrome) - var(--cross)) * 3 / 4)}header,.keys,.ghost,.sub,#pick-folder,.desktop-only{display:none}.page{grid-template-rows:1fr auto}.touch-only{display:inline}#who-touch,.online-line{display:flex}html,body{overscroll-behavior:none}main{grid-template-columns:100%;align-content:start;gap:12px;padding:0 16px 16px}.screen{height:auto;width:var(--w)}.screen,.pad{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.pad{width:calc(var(--cross) + 24px + var(--side));height:var(--cross);grid-template:"c r" var(--cross) / var(--cross) var(--side);justify-self:center;gap:24px;display:grid}.pad button,.pad button:hover{color:var(--light-2);background:var(--ink-2);border-color:var(--ink-3);place-content:center;justify-items:center;gap:6px;padding:0;font-size:20px;transition:none;display:grid}.pad .select,.pad .select:hover{color:#fff;background:var(--red);border-color:var(--red)}.pad .small,.pad .small:hover{width:44px;height:44px;color:var(--light-3);background:0 0;padding:0}.pad .small[aria-pressed=true],.pad .small[aria-pressed=true]:hover{color:#fff}.pad .small svg{width:24px;max-width:none}.pad button.held,.pad button.held:hover{color:var(--red);background:#fff;border-color:#fff}.pad svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:square;width:40%;max-width:30px}.cross{grid-template:repeat(3,1fr)/repeat(3,1fr);grid-area:c;gap:4px;display:grid;container-type:size}.cross button{font-size:min(11cqi,24px)}.cross [data-key=up]{grid-area:1/2}.cross [data-key=left]{grid-area:2/1}.cross [data-key=right]{grid-area:2/3}.cross [data-key=down]{grid-area:3/2}.side-r{grid-area:r;grid-template:repeat(3, minmax(0, 1fr)) / repeat(2, var(--cell));gap:4px 16px;display:grid}.side-r .select{font-size:min(calc(var(--cell) * .34), 24px);grid-area:1/1}.side-r .back{grid-area:1/2;font-size:16px}.side-r .select,.side-r .back{width:100%;height:100%}.side-r .small{grid-column:1/3;place-self:center end}.side-r #type{grid-row:2}.side-r #fullscreen{grid-row:3}.side-r #finish{grid-area:2/1;justify-self:end}.page:fullscreen{grid-template-rows:max-content max-content;overflow:hidden auto}.slow,.nudge{width:var(--w);font:13px/1.6 var(--body);color:var(--light-2);justify-content:center;justify-self:center;align-items:center;gap:12px;display:flex}.slow button{flex:none;padding:6px 12px;font-size:16px}}@media (hover:none) and (pointer:coarse) and (orientation:landscape){:root{--cross:min(clamp(116px, 32dvh, 240px), calc(60vw - 40px));--chrome:16px}main{padding-bottom:4px}}@media (prefers-contrast:more){.screen[data-finish=soft] canvas{image-rendering:pixelated}.screen[data-finish=soft]:before{display:none}.finish{display:none!important}}