@font-face{font-family:BoldPixels;src:url(/fonts/BoldPixels.woff2)format("woff2");font-display:block}@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono-Regular.woff2)format("woff2");font-display:block}:root{--paper:#fff;--ink:#000;--grid-minor:#efefef;--grid-major:#d4d4d4;--t-perfect:#1fb45a;--t-near:#ffd23f;--t-off:#ff8a2a;--t-way:#f2412d;--gp:1px;--dev:1px;--sm:11px;--ox:0px;--oy:0px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);height:100%;color:var(--ink);overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overflow:hidden}:root{--paper-grid:linear-gradient(var(--grid-major) var(--dev), transparent var(--dev)), linear-gradient(90deg, var(--grid-major) var(--dev), transparent var(--dev)), linear-gradient(var(--grid-minor) var(--dev), transparent var(--dev)), linear-gradient(90deg, var(--grid-minor) var(--dev), transparent var(--dev));--paper-grid-size:calc(24 * var(--gp)) calc(24 * var(--gp)), calc(24 * var(--gp)) calc(24 * var(--gp)), calc(6 * var(--gp)) calc(6 * var(--gp)), calc(6 * var(--gp)) calc(6 * var(--gp))}#app{-webkit-user-select:none;user-select:none;background-color:var(--paper);background-image:var(--paper-grid);background-size:var(--paper-grid-size);background-position:var(--ox) var(--oy);position:fixed;inset:0}#stage{image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;top:0;left:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,a:focus-visible{outline:var(--gp) dashed var(--ink);outline-offset:var(--gp)}.bp{font-family:BoldPixels,Departure Mono,ui-monospace,monospace;font-weight:400}.dm{font-family:Departure Mono,ui-monospace,monospace;font-size:var(--sm);line-height:calc(var(--sm) * 1.2)}.t16{font-size:calc(16 * var(--gp));line-height:calc(16 * var(--gp))}.t32{font-size:calc(32 * var(--gp));line-height:calc(32 * var(--gp))}.t48{font-size:calc(48 * var(--gp));line-height:calc(48 * var(--gp))}.safe{left:var(--ox);top:var(--oy);width:calc(216 * var(--gp));height:calc(384 * var(--gp));position:absolute}.safe>*,.card>*{position:absolute}.puzzle{left:calc(8 * var(--gp));top:calc(6 * var(--gp))}.mute{left:calc(188 * var(--gp));top:calc(2 * var(--gp));width:calc(26 * var(--gp));height:calc(26 * var(--gp));place-items:center;display:grid}.units{left:calc(160 * var(--gp));top:calc(2 * var(--gp));width:calc(26 * var(--gp));height:calc(26 * var(--gp))}.mute svg{width:calc(10 * var(--gp));height:calc(9 * var(--gp));fill:var(--ink)}.mute .x{display:none}.mute.off .x{display:inline}.mute.off .waves{display:none}.question{width:calc(216 * var(--gp));left:0;top:calc(26 * var(--gp));text-align:center}.count{width:calc(216 * var(--gp));left:0;top:calc(230 * var(--gp));text-align:center;height:calc(48 * var(--gp))}.unit{left:calc(4 * var(--gp));width:calc(208 * var(--gp));top:calc(280 * var(--gp));text-align:center;white-space:nowrap;overflow:hidden}.dial{left:0;top:calc(302 * var(--gp));width:calc(216 * var(--gp));height:calc(26 * var(--gp))}.dial>*{position:absolute}.sq{width:calc(24 * var(--gp));height:calc(24 * var(--gp));background:var(--paper);box-shadow:inset 0 0 0 calc(2 * var(--gp)) var(--ink);line-height:calc(24 * var(--gp));text-align:center;top:0}.minus{left:calc(8 * var(--gp))}.plus{left:calc(184 * var(--gp))}.sq:active{transform:translateY(var(--gp))}.ruler{left:calc(38 * var(--gp));width:calc(140 * var(--gp));height:calc(24 * var(--gp));background:var(--paper);touch-action:none;cursor:ew-resize;box-shadow:inset 0 calc(-2 * var(--gp)) 0 var(--ink);top:0;overflow:hidden}.tape i{left:calc(var(--x) * var(--gp));bottom:calc(2 * var(--gp));width:var(--gp);height:calc(var(--h) * var(--gp));background:var(--ink);position:absolute}.tape b{left:calc((var(--x) - 15) * var(--gp));width:calc(30 * var(--gp));top:calc(2 * var(--gp));text-align:center;font-weight:400;position:absolute}.caret{left:calc(105 * var(--gp));top:calc(-5 * var(--gp));border-left:calc(3 * var(--gp)) solid transparent;border-right:calc(3 * var(--gp)) solid transparent;border-top:calc(4 * var(--gp)) solid var(--ink);width:0;height:0}.pull{left:calc(28 * var(--gp));top:calc((340 + var(--slide,0)) * var(--gp));width:calc(160 * var(--gp));height:calc(30 * var(--gp));background:var(--ink);color:var(--paper)}.pull:after{content:"";z-index:-1;left:calc(3 * var(--gp));top:calc(3 * var(--gp));background:repeating-conic-gradient(var(--ink) 0 25%, var(--paper) 0 50%) 0 0 / calc(2 * var(--gp)) calc(2 * var(--gp));width:100%;height:100%;position:absolute}.pull.pressed{margin:calc(2 * var(--gp)) 0 0 calc(2 * var(--gp))}.pull.pressed:after{left:var(--gp);top:var(--gp)}.play{left:calc(48 * var(--gp));top:calc(300 * var(--gp));width:calc(120 * var(--gp));height:calc(44 * var(--gp));background:var(--ink);color:var(--paper);visibility:hidden}.play:after{content:"";z-index:-1;left:calc(3 * var(--gp));top:calc(3 * var(--gp));background:repeating-conic-gradient(var(--ink) 0 25%, var(--paper) 0 50%) 0 0 / calc(2 * var(--gp)) calc(2 * var(--gp));width:100%;height:100%;position:absolute}.play:active{margin:calc(2 * var(--gp)) 0 0 calc(2 * var(--gp))}.card{width:calc(216 * var(--gp));height:calc(384 * var(--gp));pointer-events:none;visibility:hidden;top:0;left:0}.card button,.card a{pointer-events:auto}.chip{left:calc(16 * var(--gp));top:calc(228 * var(--gp));color:var(--ink);padding:calc(3 * var(--gp)) calc(5 * var(--gp));box-shadow:inset 0 0 0 calc(2 * var(--gp)) var(--ink)}.score{right:calc(16 * var(--gp));top:calc(296 * var(--gp));transform-origin:100%}.chip{transform-origin:0}.lbl.you,.num.you{left:calc(18 * var(--gp))}.lbl.act,.num.act{left:calc(118 * var(--gp))}.lbl{top:calc(252 * var(--gp));text-transform:uppercase}.num{top:calc(260 * var(--gp))}.err{left:calc(18 * var(--gp));top:calc(296 * var(--gp))}.small{left:calc(12 * var(--gp));top:calc(314 * var(--gp));width:calc(192 * var(--gp))}.c-perfect,.pips span.c-perfect,.beam span.c-perfect{background:var(--t-perfect)}.c-near,.pips span.c-near,.beam span.c-near{background:var(--t-near)}.c-off,.pips span.c-off,.beam span.c-off{background:var(--t-off)}.c-way,.pips span.c-way,.beam span.c-way{background:var(--t-way)}.small a{color:var(--ink)}.small .w{color:var(--ink);display:block}.fact{-webkit-line-clamp:3;margin-top:calc(var(--sm) * .3);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.num.long{font-size:calc(16 * var(--gp));line-height:calc(16 * var(--gp));margin-top:calc(10 * var(--gp))}.again,.next{top:calc(352 * var(--gp));width:calc(84 * var(--gp));height:calc(24 * var(--gp))}.next.wide{left:calc(28 * var(--gp));width:calc(160 * var(--gp))}.again{left:calc(20 * var(--gp));background:var(--paper);box-shadow:inset 0 0 0 calc(2 * var(--gp)) var(--ink)}.next{left:calc(112 * var(--gp));background:var(--ink);color:var(--paper)}.again:active,.next:active{transform:translateY(var(--gp))}.bye{left:calc(150 * var(--gp));top:calc(92 * var(--gp));background:var(--ink);color:var(--paper);padding:calc(2 * var(--gp)) calc(4 * var(--gp));visibility:hidden}.flash{mix-blend-mode:difference;pointer-events:none;background:#fff;display:none;position:fixed;inset:0}.flash.on{display:block}.keypad{gap:calc(6 * var(--gp));background:var(--paper);padding:calc(8 * var(--gp));box-shadow:0 0 0 calc(2 * var(--gp)) var(--ink), calc(4 * var(--gp)) calc(4 * var(--gp)) 0 var(--ink);flex-direction:column;align-items:stretch;display:none;position:fixed;top:30%;left:50%;transform:translate(-50%)}.keypad.open{display:flex}.keypad input{width:calc(150 * var(--gp));box-shadow:inset 0 calc(-2 * var(--gp)) 0 var(--ink);background:var(--paper);color:var(--ink);text-align:center;border:0;outline:none}.keypad button{background:var(--ink);color:var(--paper);height:calc(24 * var(--gp))}.credit{left:calc(12 * var(--gp));font-size:calc(var(--sm) * .67)}.pips{left:calc(8 * var(--gp));top:calc(7 * var(--gp));gap:calc(3 * var(--gp));display:flex}.pips span{width:calc(10 * var(--gp));height:calc(10 * var(--gp));box-shadow:inset 0 0 0 var(--gp) var(--ink);background:var(--paper)}.pips span.now{box-shadow:inset 0 0 0 calc(2 * var(--gp)) var(--ink)}.pips span[class^=c-]{box-shadow:inset 0 0 0 var(--gp) var(--ink)}.total{left:calc(76 * var(--gp));top:calc(6 * var(--gp))}.results{justify-content:center;align-items:center;gap:calc(8 * var(--gp));background-color:var(--paper);background-image:var(--paper-grid);background-size:var(--paper-grid-size);background-position:var(--ox) var(--oy);flex-direction:column;display:flex;position:fixed;inset:0}.results>*{position:static}.rank{background:var(--ink);color:var(--paper);padding:calc(4 * var(--gp)) calc(8 * var(--gp));text-align:center;white-space:nowrap}.rank.long{padding:calc(8 * var(--gp)) calc(12 * var(--gp))}.grand{align-items:baseline;gap:calc(4 * var(--gp));display:flex}.grid{gap:calc(6 * var(--gp));margin:calc(8 * var(--gp)) 0;flex-direction:column;display:flex}.row{grid-template-columns:calc(74 * var(--gp)) auto calc(36 * var(--gp));align-items:center;gap:calc(6 * var(--gp));display:grid}.rlabel{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rscore{text-align:right}.beam{gap:var(--gp);display:flex}.beam span{width:calc(10 * var(--gp));height:calc(10 * var(--gp));background:var(--ink)}.beam span[class^=c-]{box-shadow:inset 0 0 0 var(--gp) var(--ink)}.beam span.boom{outline:var(--gp) solid var(--ink);outline-offset:var(--gp)}.share,.replay{width:calc(160 * var(--gp));height:calc(26 * var(--gp))}.share{background:var(--ink);color:var(--paper)}.replay{background:var(--paper);box-shadow:inset 0 0 0 calc(2 * var(--gp)) var(--ink)}.results .credit{bottom:calc(2 * var(--gp));text-align:center;color:var(--ink);padding:14px 8px;position:absolute;left:0;right:0}.lives{left:calc(8 * var(--gp));top:calc(7 * var(--gp));gap:calc(3 * var(--gp));display:flex}.lives span{width:calc(10 * var(--gp));height:calc(10 * var(--gp));display:block}.lives svg{width:100%;height:100%;display:block}.lives .o{fill:var(--ink)}.lives .i{fill:var(--paper)}.lives span.on .i{fill:var(--ink)}.rnum{left:calc(50 * var(--gp));top:calc(6 * var(--gp))}.total.endless{left:calc(90 * var(--gp))}.rline{text-align:center}.saveimg{font-size:var(--sm);min-width:44px;min-height:44px;padding:0 calc(6 * var(--gp));text-decoration:underline}.legend{text-align:center}.beam span:nth-child(4):not([class]){box-shadow:inset 0 0 0 var(--gp) var(--paper)}.crowd{right:calc(16 * var(--gp));top:calc(231 * var(--gp))}