@font-face{font-family:Risky Pixel;src:url(data:font/woff2;base64,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)format("woff2");font-display:block}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--px:2px;--ink:#05060b;--plate:#141826;--plate-hi:#7c8191;--plate-lo:#363b4a;--backdrop:#070910;--text:#f4f4f0;--dim:#a7b0c2;--gold:#ffd166;--slate:#3a4466;--slate-hi:#5a6988;--slate-lo:#262b44;--blue:#3f94f0;--blue-hi:#b4ecff;--blue-lo:#2b56a8;--green:#57c254;--green-hi:#9de46c;--green-lo:#2c7f56;--orange:#f79d3c;--orange-hi:#ffd166;--orange-lo:#b3562c;--red:#e9524f;--red-hi:#ff8c77;--red-lo:#9c2a48;--pink:#dd66cf;--pink-hi:#f79ce7;--pink-lo:#8c3aa0;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--f-key:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='7' viewBox='0 0 3 7' shape-rendering='crispEdges'%3E%3Cpath fill='%2305060b' d='M1 0h1v1h-1zM0 1h1v5h-1zM2 1h1v5h-1zM1 6h1v1h-1z'/%3E%3Cpath fill='%235a6988' d='M1 1h1v1h-1z'/%3E%3Cpath fill='%233a4466' d='M1 2h1v1h-1z'/%3E%3Cpath fill='%23262b44' d='M1 3h1v3h-1z'/%3E%3C/svg%3E");--f-key-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='6' viewBox='0 0 3 6' shape-rendering='crispEdges'%3E%3Cpath fill='%2305060b' d='M1 0h1v1h-1zM0 1h1v4h-1zM2 1h1v4h-1zM1 5h1v1h-1z'/%3E%3Cpath fill='%235a6988' d='M1 1h1v1h-1z'/%3E%3Cpath fill='%233a4466' d='M1 2h1v1h-1z'/%3E%3Cpath fill='%23262b44' d='M1 3h1v2h-1z'/%3E%3C/svg%3E");--f-go:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='7' viewBox='0 0 3 7' shape-rendering='crispEdges'%3E%3Cpath fill='%2305060b' d='M1 0h1v1h-1zM0 1h1v5h-1zM2 1h1v5h-1zM1 6h1v1h-1z'/%3E%3Cpath fill='%239de46c' d='M1 1h1v1h-1z'/%3E%3Cpath fill='%2357c254' d='M1 2h1v1h-1z'/%3E%3Cpath fill='%232c7f56' d='M1 3h1v3h-1z'/%3E%3C/svg%3E");--f-go-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='6' viewBox='0 0 3 6' shape-rendering='crispEdges'%3E%3Cpath fill='%2305060b' d='M1 0h1v1h-1zM0 1h1v4h-1zM2 1h1v4h-1zM1 5h1v1h-1z'/%3E%3Cpath fill='%239de46c' d='M1 1h1v1h-1z'/%3E%3Cpath fill='%2357c254' d='M1 2h1v1h-1z'/%3E%3Cpath fill='%232c7f56' d='M1 3h1v2h-1z'/%3E%3C/svg%3E");--f-plate:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' shape-rendering='crispEdges'%3E%3Cpath fill='%2305060b' d='M1 0h3v1h-3zM0 1h1v3h-1zM4 1h1v3h-1zM1 4h3v1h-3z'/%3E%3Cpath fill='%237c8191' d='M1 1h3v1h-3zM1 2h1v2h-1z'/%3E%3Cpath fill='%23141826' d='M2 2h1v1h-1z'/%3E%3Cpath fill='%23363b4a' d='M3 2h1v1h-1zM2 3h2v1h-2z'/%3E%3C/svg%3E");--f-gem-blue:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' shape-rendering='crispEdges'%3E%3Cpath fill='%2305060b' d='M0 0h5v1h-5zM0 1h1v3h-1zM4 1h1v3h-1zM0 4h5v1h-5z'/%3E%3Cpath fill='%23b4ecff' d='M1 1h3v1h-3zM1 2h1v2h-1z'/%3E%3Cpath fill='%233f94f0' d='M2 2h1v1h-1z'/%3E%3Cpath fill='%232b56a8' d='M3 2h1v1h-1zM2 3h2v1h-2z'/%3E%3C/svg%3E");--f-gem-green:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' shape-rendering='crispEdges'%3E%3Cpath fill='%2305060b' d='M0 0h5v1h-5zM0 1h1v3h-1zM4 1h1v3h-1zM0 4h5v1h-5z'/%3E%3Cpath fill='%239de46c' d='M1 1h3v1h-3zM1 2h1v2h-1z'/%3E%3Cpath fill='%2357c254' d='M2 2h1v1h-1z'/%3E%3Cpath fill='%232c7f56' d='M3 2h1v1h-1zM2 3h2v1h-2z'/%3E%3C/svg%3E");--f-gem-orange:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' shape-rendering='crispEdges'%3E%3Cpath fill='%2305060b' d='M0 0h5v1h-5zM0 1h1v3h-1zM4 1h1v3h-1zM0 4h5v1h-5z'/%3E%3Cpath fill='%23ffd166' d='M1 1h3v1h-3zM1 2h1v2h-1z'/%3E%3Cpath fill='%23f79d3c' d='M2 2h1v1h-1z'/%3E%3Cpath fill='%23b3562c' d='M3 2h1v1h-1zM2 3h2v1h-2z'/%3E%3C/svg%3E");--f-gem-red:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' shape-rendering='crispEdges'%3E%3Cpath fill='%2305060b' d='M0 0h5v1h-5zM0 1h1v3h-1zM4 1h1v3h-1zM0 4h5v1h-5z'/%3E%3Cpath fill='%23ff8c77' d='M1 1h3v1h-3zM1 2h1v2h-1z'/%3E%3Cpath fill='%23e9524f' d='M2 2h1v1h-1z'/%3E%3Cpath fill='%239c2a48' d='M3 2h1v1h-1zM2 3h2v1h-2z'/%3E%3C/svg%3E");--f-gem-pink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' shape-rendering='crispEdges'%3E%3Cpath fill='%2305060b' d='M0 0h5v1h-5zM0 1h1v3h-1zM4 1h1v3h-1zM0 4h5v1h-5z'/%3E%3Cpath fill='%23f79ce7' d='M1 1h3v1h-3zM1 2h1v2h-1z'/%3E%3Cpath fill='%23dd66cf' d='M2 2h1v1h-1z'/%3E%3Cpath fill='%238c3aa0' d='M3 2h1v1h-1zM2 3h2v1h-2z'/%3E%3C/svg%3E");--f-pip:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 3 3' shape-rendering='crispEdges'%3E%3Cpath fill='%2305060b' d='M0 0h3v1h-3zM0 1h1v1h-1zM2 1h1v1h-1zM0 2h3v1h-3z'/%3E%3Cpath fill='%23363b4a' d='M1 1h1v1h-1z'/%3E%3C/svg%3E");--f-pip-on:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 3 3' shape-rendering='crispEdges'%3E%3Cpath fill='%2305060b' d='M0 0h3v1h-3zM0 1h1v1h-1zM2 1h1v1h-1zM0 2h3v1h-3z'/%3E%3Cpath fill='%23ffd166' d='M1 1h1v1h-1z'/%3E%3C/svg%3E");--f-now:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 3 3' shape-rendering='crispEdges'%3E%3Cpath fill='%23ffd166' d='M0 0h3v1h-3zM0 1h1v1h-1zM2 1h1v1h-1zM0 2h3v1h-3z'/%3E%3Cpath fill='%23262b44' d='M1 1h1v1h-1z'/%3E%3C/svg%3E");--f-line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='2' viewBox='0 0 1 2' shape-rendering='crispEdges'%3E%3Cpath fill='%23363b4a' d='M0 1h1v1h-1z'/%3E%3C/svg%3E");--i-speed1:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' shape-rendering='crispEdges'%3E%3Cpath fill='%23f4f4f0' d='M10 7h1v1h-1zM10 8h2v1h-2zM10 9h3v1h-3zM10 10h4v1h-4zM10 11h3v1h-3zM10 12h2v1h-2zM10 13h1v1h-1z'/%3E%3C/svg%3E");--i-speed2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' shape-rendering='crispEdges'%3E%3Cpath fill='%23f4f4f0' d='M7 7h1v1h-1zM12 7h1v1h-1zM7 8h2v1h-2zM12 8h2v1h-2zM7 9h3v1h-3zM12 9h3v1h-3zM7 10h4v1h-4zM12 10h4v1h-4zM7 11h3v1h-3zM12 11h3v1h-3zM7 12h2v1h-2zM12 12h2v1h-2zM7 13h1v1h-1zM12 13h1v1h-1z'/%3E%3C/svg%3E");--i-speed3:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' shape-rendering='crispEdges'%3E%3Cpath fill='%23f4f4f0' d='M5 7h1v1h-1zM10 7h1v1h-1zM15 7h1v1h-1zM5 8h2v1h-2zM10 8h2v1h-2zM15 8h2v1h-2zM5 9h3v1h-3zM10 9h3v1h-3zM15 9h3v1h-3zM5 10h4v1h-4zM10 10h4v1h-4zM15 10h4v1h-4zM5 11h3v1h-3zM10 11h3v1h-3zM15 11h3v1h-3zM5 12h2v1h-2zM10 12h2v1h-2zM15 12h2v1h-2zM5 13h1v1h-1zM10 13h1v1h-1zM15 13h1v1h-1z'/%3E%3C/svg%3E");--i-sound-on:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' shape-rendering='crispEdges'%3E%3Cpath fill='%23f4f4f0' d='M10 7h1v1h-1zM9 8h2v1h-2zM13 8h1v1h-1zM7 9h4v3h-4zM14 9h1v3h-1zM12 10h1v1h-1zM9 12h2v1h-2zM13 12h1v1h-1zM10 13h1v1h-1z'/%3E%3C/svg%3E");--i-sound-off:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' shape-rendering='crispEdges'%3E%3Cpath fill='%23f4f4f0' d='M10 7h1v1h-1zM9 8h2v1h-2zM7 9h4v3h-4zM12 9h1v1h-1zM14 9h1v1h-1zM13 10h1v1h-1zM12 11h1v1h-1zM14 11h1v1h-1zM9 12h2v1h-2zM10 13h1v1h-1z'/%3E%3C/svg%3E");--i-flag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' shape-rendering='crispEdges'%3E%3Cpath fill='%23f4f4f0' d='M8 7h5v1h-5zM8 8h6v1h-6zM8 9h7v1h-7zM8 10h6v1h-6zM8 11h5v1h-5zM8 12h1v2h-1z'/%3E%3C/svg%3E");--i-moon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' shape-rendering='crispEdges'%3E%3Cpath fill='%23f4f4f0' d='M11 7h2v1h-2zM12 8h2v1h-2zM12 9h3v3h-3zM8 11h1v1h-1zM9 12h5v1h-5zM10 13h3v1h-3z'/%3E%3C/svg%3E");--i-sun:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' shape-rendering='crispEdges'%3E%3Cpath fill='%23f4f4f0' d='M11 6h1v1h-1zM8 7h1v1h-1zM14 7h1v1h-1zM10 8h3v1h-3zM9 9h5v3h-5zM7 10h1v1h-1zM15 10h1v1h-1zM10 12h3v1h-3zM8 13h1v1h-1zM14 13h1v1h-1zM11 14h1v1h-1z'/%3E%3C/svg%3E");--i-sliders:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' shape-rendering='crispEdges'%3E%3Cpath fill='%23f4f4f0' d='M9 6h2v1h-2zM7 7h9v1h-9zM9 8h2v1h-2zM12 9h2v1h-2zM7 10h9v1h-9zM12 11h2v1h-2zM8 12h2v1h-2zM7 13h9v1h-9zM8 14h2v1h-2z'/%3E%3C/svg%3E");--i-bin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' shape-rendering='crispEdges'%3E%3Cpath fill='%23f4f4f0' d='M10 7h3v1h-3zM8 8h7v1h-7zM9 9h5v1h-5zM9 10h1v3h-1zM11 10h1v3h-1zM13 10h1v3h-1zM9 13h5v1h-5z'/%3E%3C/svg%3E")}html,body{background:var(--backdrop);overscroll-behavior:none;height:100%;margin:0}html{touch-action:pan-x pan-y}body{font:calc(10 * var(--px))/1.3 "Risky Pixel", system-ui, sans-serif;color:var(--text);-webkit-font-smoothing:none;font-smooth:never;text-rendering:optimizespeed;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}h1,h2,h3,button{font-weight:400}#app{position:fixed;inset:0}.screen{image-rendering:pixelated;background:var(--backdrop) var(--ground,none) 0 0 / calc(var(--ground-w,96) * var(--px)) calc(var(--ground-h,66) * var(--px));flex-direction:column;display:flex;position:absolute;inset:0}.screen>.body{--edge:max(0px, (100% - 260 * var(--px)) / 2);-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;max-width:calc(260 * var(--px));padding:calc(4 * var(--px)) max(calc(6 * var(--px)), var(--safe-r) - var(--edge)) calc(10 * var(--px) + var(--safe-b)) max(calc(6 * var(--px)), var(--safe-l) - var(--edge));flex:1;margin:0 auto;overflow-y:auto}.bar{align-items:center;gap:calc(4 * var(--px));padding:calc(4 * var(--px) + var(--safe-t)) max(calc(4 * var(--px)), var(--safe-r)) calc(4 * var(--px)) max(calc(4 * var(--px)), var(--safe-l));grid-template-columns:auto 1fr auto;display:grid}.bar h1{font-size:inherit;text-align:center;color:var(--gold);text-shadow:0 var(--px) 0 var(--ink);margin:0}.list,.chips,.status,.card,.howto,.track{border:var(--px) solid var(--ink);border-image:var(--f-plate) 2 fill / calc(2 * var(--px))}.btn{appearance:none;font:inherit;color:var(--text);cursor:pointer;text-align:center;--frame:var(--f-key);--frame-down:var(--f-key-down);border:var(--px) solid var(--ink);border-image:var(--frame) 2 1 4 fill / calc(2 * var(--px)) var(--px) calc(4 * var(--px));padding:calc(4 * var(--px)) calc(8 * var(--px)) calc(6 * var(--px));min-height:calc(26 * var(--px));background:0 0;border-radius:0;position:relative}.btn:active:not(:disabled){top:var(--px);border-image:var(--frame-down) 2 1 3 fill / calc(2 * var(--px)) var(--px) calc(3 * var(--px))}.btn:disabled{filter:saturate(.25)brightness(.75)}.btn.primary{--frame:var(--f-go);--frame-down:var(--f-go-down);color:var(--ink)}.btn.back{min-height:calc(22 * var(--px));padding:calc(3 * var(--px)) calc(6 * var(--px)) calc(5 * var(--px))}.btn.icon{width:calc(24 * var(--px));min-height:calc(23 * var(--px));padding:0}.btn>.icon{inset:calc(-1 * var(--px));pointer-events:none;border:0 solid #0000;border-image:var(--icon) 15 1 1 19 fill / calc(15 * var(--px)) var(--px) var(--px) calc(19 * var(--px));position:absolute}.btn.subtle,.btn.subtle:active:not(:disabled){border-color:#0000;border-image-source:none}.btn.subtle{color:var(--dim);width:100%;margin-top:calc(8 * var(--px));text-shadow:0 var(--px) 0 var(--ink)}.home>.body{padding-top:calc(4 * var(--px) + var(--safe-t));flex-direction:column;display:flex}.home>.body>*{flex:none}.home>.body>.gap{min-height:calc(6 * var(--px));flex:0 7vh}.home>.body>.gap.top{flex-basis:max(0px, 12vh - var(--safe-t));min-height:calc(30 * var(--px))}.title{text-align:center;margin:0}.logo{font-size:calc(40 * var(--px));letter-spacing:calc(4 * var(--px));padding-left:calc(4 * var(--px));line-height:1}.logo span{text-shadow:.1em 0 0 var(--o), -.1em 0 0 var(--o), 0 -.1em 0 var(--o), 0 .1em 0 var(--o), .1em .1em 0 var(--o), -.1em .1em 0 var(--o), .1em -.1em 0 var(--o), -.1em -.1em 0 var(--o), 0 .2em 0 var(--d), .1em .2em 0 var(--d), -.1em .2em 0 var(--d)}.logo .c0{color:#b4ecff;--o:var(--blue);--d:var(--blue-lo)}.logo .c1{color:#dcfa9c;--o:var(--green);--d:var(--green-lo)}.logo .c2{color:#fff4ae;--o:var(--orange);--d:var(--orange-lo)}.logo .c3{color:#ffc6b0;--o:var(--red);--d:var(--red-lo)}.logo .c4{color:#ffd4f6;--o:var(--pink);--d:var(--pink-lo)}.tag{color:var(--dim);margin-top:calc(10 * var(--px));text-shadow:0 var(--px) 0 var(--ink)}.menu{gap:calc(5 * var(--px));width:100%;max-width:calc(170 * var(--px));flex-direction:column;margin:0 auto;display:flex}.home>.corner{top:calc(4 * var(--px) + var(--safe-t));right:max(calc(4 * var(--px)), var(--safe-r));position:absolute}.home>.corner:active:not(:disabled){top:calc(5 * var(--px) + var(--safe-t))}.list{padding:var(--px);margin:calc(4 * var(--px)) 0 calc(8 * var(--px));flex-direction:column;display:flex}.row{justify-content:space-between;align-items:center;gap:calc(6 * var(--px));text-align:left;color:var(--text);font:inherit;border:0;border-bottom:var(--px) solid var(--plate-lo);border-image:var(--f-line) 0 0 1 0 / 0 0 var(--px) 0;padding:calc(5 * var(--px)) calc(6 * var(--px));min-height:calc(26 * var(--px));background:0 0;border-radius:0;display:flex}.row:last-child{border-bottom:0;border-image-source:none}button.row:active{background:var(--slate-lo)}.row .val{color:var(--gold);text-align:right}.row.on,.check{color:var(--green-hi)}.help{color:var(--text);margin:0 calc(2 * var(--px)) calc(8 * var(--px));font-size:calc(10 * var(--read,var(--px)));text-shadow:0 var(--read,var(--px)) 0 var(--ink);line-height:1.5}.group h3{margin:calc(8 * var(--px)) calc(2 * var(--px)) 0;font-size:inherit;color:var(--gold);text-shadow:0 var(--px) 0 var(--ink)}.list.saves{margin-bottom:calc(6 * var(--px))}.row.save{gap:0;min-height:0;padding:0}.save>.pick{appearance:none;box-sizing:border-box;align-items:center;gap:calc(5 * var(--px));min-width:0;padding:calc(3 * var(--px)) calc(2 * var(--px)) calc(3 * var(--px)) calc(4 * var(--px));color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;flex:1;margin:0;display:flex}.save>.pick:active{background:var(--slate-lo)}.save .words,.ask .words{flex-direction:column;flex:1;min-width:0;display:flex}.save .turn,.ask .turn{color:var(--gold)}.save .when,.ask .when{color:var(--dim)}.save .nw,.ask .nw{white-space:nowrap}.save>.btn.bin{margin:0 calc(5 * var(--px)) 0 calc(3 * var(--px));flex:none}.thumb{flex:none;display:block;position:relative}.thumb.t30{width:calc(30 * var(--px));height:calc(30 * var(--px))}.thumb.t42{width:calc(42 * var(--px));height:calc(42 * var(--px))}.thumb>i{top:0;left:0;right:calc(-2 * var(--px));bottom:calc(-2 * var(--px));pointer-events:none;border:0 solid #0000;position:absolute}.thumb.t30>i{border-image:var(--thumb) 30 1 1 30 fill / calc(30 * var(--px)) var(--px) var(--px) calc(30 * var(--px))}.thumb.t42>i{border-image:var(--thumb) 42 1 1 42 fill / calc(42 * var(--px)) var(--px) var(--px) calc(42 * var(--px))}.ask .which{align-items:center;gap:calc(5 * var(--px));text-align:left;margin-bottom:calc(2 * var(--px));display:flex}.card.ask p{color:var(--text);margin:0}.card.ask>.keys{gap:calc(6 * var(--px));display:flex}.card.ask>.keys>.btn{flex:1 1 0;min-width:0}.dot{box-sizing:border-box;width:calc(7 * var(--px));height:calc(7 * var(--px));margin-right:calc(4 * var(--px));vertical-align:calc(-1 * var(--px));border:var(--px) solid var(--ink);border-image:var(--gem) 2 fill / calc(2 * var(--px));display:inline-block}.blue{--gem:var(--f-gem-blue)}.green{--gem:var(--f-gem-green)}.orange{--gem:var(--f-gem-orange)}.red{--gem:var(--f-gem-red)}.pink{--gem:var(--f-gem-pink)}.screen.game{touch-action:none;background:0 0}.screen.game>.stage{position:absolute;inset:0;overflow:hidden}.stage>canvas{position:absolute;inset:0}.screen.game>.bar{z-index:2;pointer-events:none;position:absolute;top:0;left:0;right:0}.screen.game>.foot{z-index:2;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.screen.game>.bar>*,.screen.game>.foot>*{pointer-events:auto}.hud{row-gap:calc(3 * var(--px));column-gap:calc(2 * var(--px));grid-template-columns:auto minmax(0,1fr);grid-template-areas:"back tools""chips chips"}.hud>.back{white-space:nowrap;grid-area:back;align-self:start}.hud>.tools{grid-area:tools;justify-self:end}.chips{justify-self:center;gap:var(--px);padding:calc(2 * var(--px));grid-area:chips;display:flex}.chip{padding:var(--px) calc(3 * var(--px));border:var(--px) solid transparent;white-space:nowrap;align-items:center;display:flex}.chip .dot{margin-right:calc(3 * var(--px))}.chip.now{border-color:var(--gold);border-image:var(--f-now) 1 fill / var(--px)}.tools{justify-content:flex-end;gap:calc(2 * var(--px));flex-wrap:wrap;display:flex}.tools>.flag{margin-left:calc(4 * var(--px))}.foot{justify-content:space-between;align-items:center;gap:calc(4 * var(--px));padding:calc(4 * var(--px)) max(calc(4 * var(--px)), var(--safe-r)) calc(4 * var(--px) + var(--safe-b)) max(calc(4 * var(--px)), var(--safe-l));display:flex}.status{box-sizing:border-box;min-height:calc(26 * var(--px));padding:calc(4 * var(--px)) calc(5 * var(--px));flex:1;align-items:center;display:flex}:root[data-lines="2"] .status{min-height:calc(36 * var(--px))}:root[data-lines="3"] .status{min-height:calc(50 * var(--px))}.foot .btn{flex:none}.foot.full{flex-wrap:wrap}.foot.full>.note{flex:1 0 100%}.foot>.wholemap{right:max(calc(4 * var(--px)), var(--safe-r));bottom:calc(100% + 2 * var(--px));position:absolute}.foot>.wholemap:active:not(:disabled){top:auto;bottom:calc(100% + var(--px))}.wholemap.hidden{display:none}.overlay{z-index:3;background:#05070c8c;place-items:center;display:grid;position:absolute;inset:0}.overlay.hidden{display:none}.card{gap:calc(5 * var(--px));text-align:center;padding:calc(10 * var(--px));width:min(100% - 24 * var(--px), 170 * var(--px));box-sizing:border-box;flex-direction:column;display:flex}.card h2{font-size:calc(20 * var(--px));color:var(--gold);margin:0;line-height:1.1}.card p{margin:0 0 calc(3 * var(--px));color:var(--dim)}.howto{padding:calc(8 * var(--px));min-height:34vh}.howto h2{margin:0 0 calc(6 * var(--px));font-size:calc(20 * var(--px));color:var(--gold);line-height:1.1}.howto p{font-size:calc(10 * var(--read,var(--px)));margin:0;line-height:1.5}.howto.keys{padding:calc(4 * var(--px)) calc(6 * var(--px)) calc(6 * var(--px));min-height:0}.howto.keys h2{margin-bottom:calc(4 * var(--px))}.keylist{gap:calc(4 * var(--px));flex-direction:column;display:flex}.keyrow{align-items:center;gap:calc(5 * var(--px));display:flex}.keyrow>.pics{gap:calc(2 * var(--px));width:calc(50 * var(--px));flex:none;display:flex}.keyrow p{font-size:calc(10 * var(--px));line-height:1.2}.keyrow b{color:var(--gold);font-weight:400;display:block}.dots{justify-content:center;gap:calc(3 * var(--px));margin:calc(6 * var(--px)) 0;display:flex}.dots i{width:calc(3 * var(--px));height:calc(3 * var(--px));border:var(--px) solid var(--ink);border-image:var(--f-pip) 1 fill / var(--px)}.dots i.on{border-image-source:var(--f-pip-on)}.row2{justify-content:space-between;gap:calc(6 * var(--px));display:flex}.settings>.body{padding-bottom:calc(4 * var(--px))}.btn.wide{width:100%;margin:0 0 calc(8 * var(--px));display:block}.sample{justify-content:center;align-items:center;gap:calc(4 * var(--px));margin:calc(4 * var(--px)) 0 calc(8 * var(--px));display:flex}.btn.step{width:calc(34 * var(--px));height:calc(34 * var(--px));padding:calc(5 * var(--px)) 0 calc(7 * var(--px)) calc(2 * var(--px));font-size:calc(20 * var(--px));line-height:calc(20 * var(--px))}.track{box-sizing:border-box;min-width:0;height:calc(34 * var(--px));touch-action:none;cursor:pointer;flex:1;display:flex}.track>i{flex:1 1 0;place-items:center;display:grid}.track b{box-sizing:border-box;width:calc(5 * var(--px));height:calc(5 * var(--px));border:var(--px) solid var(--ink);border-image:var(--f-pip) 1 fill / var(--px)}.track b.on{width:calc(10 * var(--px));height:calc(22 * var(--px));border-image-source:var(--f-pip-on)}@media (orientation:landscape){.hud{column-gap:calc(4 * var(--px));grid-template-columns:auto 1fr auto;grid-template-areas:"back chips tools"}.hud>.back{align-self:center}.chips{flex-wrap:wrap;justify-content:center}.chips.two{min-height:calc(35 * var(--px));align-content:center}.bar{padding-top:calc(2 * var(--px) + var(--safe-t));padding-bottom:calc(2 * var(--px))}.foot{padding-top:calc(2 * var(--px));padding-bottom:calc(2 * var(--px) + var(--safe-b))}.home>.body{padding-bottom:calc(4 * var(--px) + var(--safe-b))}.home>.body>.gap,.home>.body>.gap.top{min-height:0}.logo{font-size:calc(30 * var(--px))}.tag{margin-top:calc(4 * var(--px))}.menu{column-gap:calc(6 * var(--px));grid-template-columns:1fr 1fr;max-width:none;display:grid}.menu>.primary,.menu>:last-child{grid-column:1/-1}.screen.saves>.body{--edge:max(0px, (100% - 520 * var(--px)) / 2);max-width:calc(520 * var(--px))}.list.saves{column-gap:calc(6 * var(--px));grid-template-rows:repeat(3,auto);grid-template-columns:1fr 1fr;grid-auto-flow:column;display:grid}.list.saves>.row:nth-child(3){border-bottom:0;border-image-source:none}.screen.saves>.overlay{padding-left:max(max(0px, (100% - 520 * var(--px)) / 2) + 6 * var(--px), var(--safe-l));justify-items:start}.foot.full{flex-wrap:nowrap}.foot.full>.note{flex:1 1 0;min-width:0}.screen.keys>.body{--edge:max(0px, (100% - 520 * var(--px)) / 2);max-width:calc(520 * var(--px));column-gap:calc(6 * var(--px));grid-template-columns:1fr auto;align-content:start;display:grid}.screen.keys .howto{grid-area:1/1/span 2}.screen.keys .dots{margin:0 0 calc(4 * var(--px));grid-area:1/2;align-self:end}.screen.keys .row2{flex-direction:column;grid-area:2/2;justify-content:flex-end}.keylist{gap:calc(3 * var(--px)) calc(6 * var(--px));grid-template-columns:1fr 1fr;display:grid}.keyrow:nth-child(3){grid-column:1/-1}.keyrow>.pics{width:auto}}@media (orientation:landscape) and (width<=700px){.screen.keys>.body{padding-bottom:calc(4 * var(--px) + var(--safe-b))}.howto.keys h2{font-size:calc(10 * var(--px));margin-bottom:calc(2 * var(--px))}}:root[data-theme=day]{--backdrop:#2590a8;--ink:#12233a;--f-key:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='7' viewBox='0 0 3 7' shape-rendering='crispEdges'%3E%3Cpath fill='%2312233a' d='M1 0h1v1h-1zM0 1h1v5h-1zM2 1h1v5h-1zM1 6h1v1h-1z'/%3E%3Cpath fill='%235a6988' d='M1 1h1v1h-1z'/%3E%3Cpath fill='%233a4466' d='M1 2h1v1h-1z'/%3E%3Cpath fill='%23262b44' d='M1 3h1v3h-1z'/%3E%3C/svg%3E");--f-key-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='6' viewBox='0 0 3 6' shape-rendering='crispEdges'%3E%3Cpath fill='%2312233a' d='M1 0h1v1h-1zM0 1h1v4h-1zM2 1h1v4h-1zM1 5h1v1h-1z'/%3E%3Cpath fill='%235a6988' d='M1 1h1v1h-1z'/%3E%3Cpath fill='%233a4466' d='M1 2h1v1h-1z'/%3E%3Cpath fill='%23262b44' d='M1 3h1v2h-1z'/%3E%3C/svg%3E");--f-go:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='7' viewBox='0 0 3 7' shape-rendering='crispEdges'%3E%3Cpath fill='%2312233a' d='M1 0h1v1h-1zM0 1h1v5h-1zM2 1h1v5h-1zM1 6h1v1h-1z'/%3E%3Cpath fill='%239de46c' d='M1 1h1v1h-1z'/%3E%3Cpath fill='%2357c254' d='M1 2h1v1h-1z'/%3E%3Cpath fill='%232c7f56' d='M1 3h1v3h-1z'/%3E%3C/svg%3E");--f-go-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='6' viewBox='0 0 3 6' shape-rendering='crispEdges'%3E%3Cpath fill='%2312233a' d='M1 0h1v1h-1zM0 1h1v4h-1zM2 1h1v4h-1zM1 5h1v1h-1z'/%3E%3Cpath fill='%239de46c' d='M1 1h1v1h-1z'/%3E%3Cpath fill='%2357c254' d='M1 2h1v1h-1z'/%3E%3Cpath fill='%232c7f56' d='M1 3h1v2h-1z'/%3E%3C/svg%3E");--f-plate:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' shape-rendering='crispEdges'%3E%3Cpath fill='%2312233a' d='M1 0h3v1h-3zM0 1h1v3h-1zM4 1h1v3h-1zM1 4h3v1h-3z'/%3E%3Cpath fill='%237c8191' d='M1 1h3v1h-3zM1 2h1v2h-1z'/%3E%3Cpath fill='%23141826' d='M2 2h1v1h-1z'/%3E%3Cpath fill='%23363b4a' d='M3 2h1v1h-1zM2 3h2v1h-2z'/%3E%3C/svg%3E");--f-gem-blue:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' shape-rendering='crispEdges'%3E%3Cpath fill='%2312233a' d='M0 0h5v1h-5zM0 1h1v3h-1zM4 1h1v3h-1zM0 4h5v1h-5z'/%3E%3Cpath fill='%23b4ecff' d='M1 1h3v1h-3zM1 2h1v2h-1z'/%3E%3Cpath fill='%233f94f0' d='M2 2h1v1h-1z'/%3E%3Cpath fill='%232b56a8' d='M3 2h1v1h-1zM2 3h2v1h-2z'/%3E%3C/svg%3E");--f-gem-green:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' shape-rendering='crispEdges'%3E%3Cpath fill='%2312233a' d='M0 0h5v1h-5zM0 1h1v3h-1zM4 1h1v3h-1zM0 4h5v1h-5z'/%3E%3Cpath fill='%239de46c' d='M1 1h3v1h-3zM1 2h1v2h-1z'/%3E%3Cpath fill='%2357c254' d='M2 2h1v1h-1z'/%3E%3Cpath fill='%232c7f56' d='M3 2h1v1h-1zM2 3h2v1h-2z'/%3E%3C/svg%3E");--f-gem-orange:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' shape-rendering='crispEdges'%3E%3Cpath fill='%2312233a' d='M0 0h5v1h-5zM0 1h1v3h-1zM4 1h1v3h-1zM0 4h5v1h-5z'/%3E%3Cpath fill='%23ffd166' d='M1 1h3v1h-3zM1 2h1v2h-1z'/%3E%3Cpath fill='%23f79d3c' d='M2 2h1v1h-1z'/%3E%3Cpath fill='%23b3562c' d='M3 2h1v1h-1zM2 3h2v1h-2z'/%3E%3C/svg%3E");--f-gem-red:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' shape-rendering='crispEdges'%3E%3Cpath fill='%2312233a' d='M0 0h5v1h-5zM0 1h1v3h-1zM4 1h1v3h-1zM0 4h5v1h-5z'/%3E%3Cpath fill='%23ff8c77' d='M1 1h3v1h-3zM1 2h1v2h-1z'/%3E%3Cpath fill='%23e9524f' d='M2 2h1v1h-1z'/%3E%3Cpath fill='%239c2a48' d='M3 2h1v1h-1zM2 3h2v1h-2z'/%3E%3C/svg%3E");--f-gem-pink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' shape-rendering='crispEdges'%3E%3Cpath fill='%2312233a' d='M0 0h5v1h-5zM0 1h1v3h-1zM4 1h1v3h-1zM0 4h5v1h-5z'/%3E%3Cpath fill='%23f79ce7' d='M1 1h3v1h-3zM1 2h1v2h-1z'/%3E%3Cpath fill='%23dd66cf' d='M2 2h1v1h-1z'/%3E%3Cpath fill='%238c3aa0' d='M3 2h1v1h-1zM2 3h2v1h-2z'/%3E%3C/svg%3E");--f-pip:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 3 3' shape-rendering='crispEdges'%3E%3Cpath fill='%2312233a' d='M0 0h3v1h-3zM0 1h1v1h-1zM2 1h1v1h-1zM0 2h3v1h-3z'/%3E%3Cpath fill='%23363b4a' d='M1 1h1v1h-1z'/%3E%3C/svg%3E");--f-pip-on:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 3 3' shape-rendering='crispEdges'%3E%3Cpath fill='%2312233a' d='M0 0h3v1h-3zM0 1h1v1h-1zM2 1h1v1h-1zM0 2h3v1h-3z'/%3E%3Cpath fill='%23ffd166' d='M1 1h1v1h-1z'/%3E%3C/svg%3E")}:root[data-theme=day] :is(.bar h1,.group h3,.tag,.btn.subtle){text-shadow:var(--px) 0 0 var(--ink), calc(-1 * var(--px)) 0 0 var(--ink), 0 var(--px) 0 var(--ink), 0 calc(-1 * var(--px)) 0 var(--ink), var(--px) var(--px) 0 var(--ink), calc(-1 * var(--px)) var(--px) 0 var(--ink), var(--px) calc(-1 * var(--px)) 0 var(--ink), calc(-1 * var(--px)) calc(-1 * var(--px)) 0 var(--ink)}:root[data-theme=day] :is(.tag,.btn.subtle){color:var(--text)}:root[data-theme=day] .help:not(:empty){border:var(--px) solid var(--ink);border-image:var(--f-plate) 2 fill / calc(2 * var(--px));margin:0 0 calc(8 * var(--px));padding:calc(5 * var(--px)) calc(6 * var(--px));text-shadow:none}:root[data-theme=day] .logo{letter-spacing:.2em;padding-left:.3em}:root[data-theme=day] .logo span{text-shadow:.1em 0 0 var(--o), -.1em 0 0 var(--o), 0 -.1em 0 var(--o), 0 .1em 0 var(--o), .1em .1em 0 var(--o), -.1em .1em 0 var(--o), .1em -.1em 0 var(--o), -.1em -.1em 0 var(--o), 0 .2em 0 var(--d), .1em .2em 0 var(--d), -.1em .2em 0 var(--d), -.2em -.2em 0 var(--ink), -.1em -.2em 0 var(--ink), 0 -.2em 0 var(--ink), .1em -.2em 0 var(--ink), .2em -.2em 0 var(--ink), -.2em -.1em 0 var(--ink), .2em -.1em 0 var(--ink), -.2em 0 0 var(--ink), .2em 0 0 var(--ink), -.2em .1em 0 var(--ink), .2em .1em 0 var(--ink), -.2em .2em 0 var(--ink), .2em .2em 0 var(--ink), -.2em .3em 0 var(--ink), -.1em .3em 0 var(--ink), 0 .3em 0 var(--ink), .1em .3em 0 var(--ink), .2em .3em 0 var(--ink)}