@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:block;src:url(/fonts/space-grotesk-500.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:block;src:url(/fonts/space-grotesk-700.woff2)format("woff2")}:root{--stroke:3px;--stroke-thin:2px;--radius:12px;--radius-small:8px;--font:"Space Grotesk", sans-serif;--bg:#fff;--fg:#000;--line:#999;--muted:#999;--given-bg:#ddd;--same-bg:#666;--same-fg:#fff;--selected-bg:#000;--selected-fg:#fff}html.dark{--bg:#000;--fg:#fff;--line:#777;--muted:#777;--given-bg:#333;--same-bg:#999;--same-fg:#000;--selected-bg:#fff;--selected-fg:#000}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font);margin:0;font-weight:500;overflow:hidden}h1,h2,strong,.title{font-weight:700}#root{height:100%}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,.button{font:inherit;color:var(--fg);background:var(--bg);border:2px solid var(--fg);text-align:center;border-radius:0;padding:8px 12px;font-size:20px;text-decoration:none;display:inline-block}button:focus,.button:focus,a:focus{outline:none}button.on{background:var(--fg);color:var(--bg)}button:disabled{color:var(--muted);border-color:var(--muted)}.page{height:100%;padding:10px 16px 18px}.screen{flex-direction:column;align-items:center;max-width:640px;height:100%;margin:0 auto;display:flex}.screen-header{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:44px;display:flex}.screen-back{height:44px;color:var(--fg);align-items:center;margin-left:-4px;padding:0 12px 0 0;font-size:18px;font-weight:700;text-decoration:none;display:flex}.screen-back svg{margin-right:2px}.screen-header h1{margin:0 4px 0 0;font-size:22px}.status-bar{text-transform:uppercase;letter-spacing:.06em;font-variant-numeric:tabular-nums;border-bottom:var(--stroke-thin) solid var(--fg);flex-shrink:0;justify-content:space-between;align-items:center;width:100%;font-size:15px;font-weight:700;display:flex}.game>.status-bar{margin-bottom:14px}.status-back{height:42px;color:var(--fg);align-items:center;padding-right:16px;text-decoration:none;display:flex}.status-back svg{width:16px;height:16px;margin:0 3px 0 -3px}.status-right{align-items:center;margin-left:auto;display:flex}.status-right>:nth-last-child(2){margin-right:8px}.dialog-backdrop{justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.dialog{background:var(--bg);border:var(--stroke) solid var(--fg);border-radius:var(--radius);width:80%;max-width:420px;box-shadow:6px 6px 0 var(--fg);text-align:center;flex-direction:column;align-items:center;padding:24px 24px 22px;display:flex}.dialog strong{font-size:26px}.dialog p{margin:8px 0 0;font-size:18px}.dialog-buttons{margin-top:20px;display:flex}.dialog-buttons button{border-width:var(--stroke);border-radius:var(--radius-small);min-width:120px;margin:0 8px;padding:12px 16px}.status-action{background:0 0;border:0;justify-content:center;align-items:center;width:46px;height:42px;padding:0;display:flex}.status-action.on{border-radius:var(--radius-small);background:var(--fg);height:36px;color:var(--bg);margin-top:3px;margin-bottom:3px}.status-action svg{width:24px;height:24px}.message{text-align:center;min-height:26px;margin:4px 0;font-size:18px}.home h1{margin:12px 0 8px;font-size:34px}.sudoku-menu h2{text-transform:uppercase;letter-spacing:.12em;width:100%;margin:18px 0 8px;font-size:13px}.card{border:var(--stroke) solid var(--fg);border-radius:var(--radius);width:100%;color:var(--fg);flex-direction:column;margin-top:12px;padding:14px 18px;text-decoration:none;display:flex}.card-label{text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:700}.card strong{font-variant-numeric:tabular-nums;margin-top:2px;font-size:22px}.level-row{justify-content:space-between;width:100%;display:flex}.level-row .button{border-width:var(--stroke);border-radius:var(--radius-small);width:19%;padding:14px 0;font-size:17px}.stage{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.board{grid-template-columns:repeat(9, var(--cell));grid-auto-rows:var(--cell);border:3px solid var(--fg);display:grid}.cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:calc(var(--cell) * .6);justify-content:center;align-items:center;line-height:1;display:flex}.cell:nth-child(9n){border-right:0}.cell:nth-child(n+73){border-bottom:0}.cell.box-right{border-right:2px solid var(--fg)}.cell.box-bottom{border-bottom:2px solid var(--fg)}.cell.given{background:var(--given-bg);font-weight:700}.cell.same{background:var(--same-bg);color:var(--same-fg)}.cell.selected{background:var(--selected-bg);color:var(--selected-fg)}.cell.wrong{outline:3px dashed var(--fg);outline-offset:-5px}.cell.selected.wrong{outline-color:var(--selected-fg)}.notes{width:100%;height:100%;font-size:calc(var(--cell) * .27);grid-template-columns:repeat(3,1fr);display:grid}.notes span{justify-content:center;align-items:center;display:flex}.cell.selected .notes{color:var(--selected-fg)}.cell.same .notes{color:var(--same-fg)}.pad{justify-content:center;margin-top:14px;display:flex}.pad button{width:var(--cell);height:54px;margin:0 1px;padding:0;font-size:28px}.pad button.marked{background:var(--fg);color:var(--bg)}.settings-list{width:100%;margin-top:16px}.setting{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding:10px 0;display:flex}.setting p{margin:4px 16px 0 0;font-size:16px}.setting button{min-width:72px}.setting-options{flex-shrink:0;display:flex}.setting-options button{margin-left:6px}.tiles{flex-wrap:wrap;justify-content:space-between;width:100%;margin-top:8px;display:flex}.tile{border:var(--stroke) solid var(--fg);border-radius:var(--radius);width:48.5%;height:196px;margin-bottom:18px;position:relative}.tile-main{height:100%;color:var(--fg);flex-direction:column;justify-content:center;align-items:center;text-decoration:none;display:flex}.tile-art{justify-content:center;align-items:center;height:72px;margin-bottom:12px;display:flex}.tile-name{font-size:24px}.tile-progress{font-variant-numeric:tabular-nums;margin-top:4px;font-size:15px}.tile-cog{width:56px;height:56px;color:var(--fg);justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0}.home-header{justify-content:space-between;align-items:center;width:100%;display:flex}.home-header h1{margin:6px 0 4px 4px}.home-cog{width:56px;height:56px;color:var(--fg);justify-content:center;align-items:center;margin-right:-6px;display:flex}.art-sudoku{border:var(--stroke) solid var(--fg);flex-wrap:wrap;width:72px;height:72px;display:flex}.art-sudoku span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:center;align-items:center;width:33.33%;height:33.33%;font-size:15px;font-weight:700;display:flex}.art-sudoku span:nth-child(3n){border-right:0}.art-sudoku span:nth-child(n+7){border-bottom:0}.art-sokoban{display:flex}.art-rushhour{border:var(--stroke) solid var(--fg);border-radius:var(--radius-small);box-sizing:content-box;width:72px;height:72px;position:relative}.art-rh-mine,.art-rh-other{border:var(--stroke-thin) solid var(--fg);border-radius:4px;position:absolute}.art-rh-mine{background:var(--fg);width:42px;height:18px;top:27px;left:3px}.art-rh-other{background:var(--bg);width:18px;height:42px;top:3px;left:51px}.art-rh-exit{right:calc(-1 * var(--stroke));width:var(--stroke);background:var(--bg);height:24px;position:absolute;top:24px}.sk-board{display:grid}.sk-cell{width:var(--sk-cell);height:var(--sk-cell);justify-content:center;align-items:center;display:flex;position:relative}.sk-cell.floor{background:var(--bg)}.sk-cell.outside{background:0 0}.sk-cell.wall{background:var(--bg);border:var(--stroke-thin) solid var(--fg)}.sk-cell.wall:before{content:"";border-top:2px solid var(--fg);margin-top:-1px;position:absolute;top:50%;left:0;right:0}.sk-cell.wall:after{content:"";border-left:2px solid var(--fg);height:50%;margin-left:-1px;position:absolute;top:0;left:50%}.sk-cell .box{border:var(--stroke) solid var(--fg);background:var(--bg);border-radius:2px;width:72%;height:72%;position:relative;overflow:hidden}.sk-cell .box:before,.sk-cell .box:after{content:"";width:120%;height:var(--stroke);background:var(--fg);margin-top:-1px;position:absolute;top:50%;left:-10%}.sk-cell .box:before{transform:rotate(45deg)}.sk-cell .box:after{transform:rotate(-45deg)}.sk-cell .box.on-goal{background:var(--fg)}.sk-cell .box.on-goal:before,.sk-cell .box.on-goal:after{background:var(--bg)}.sk-cell .dot{border:var(--stroke) solid var(--fg);border-radius:50%;width:38%;height:38%}.sk-cell .player{background:var(--fg);border-radius:50%;width:60%;height:60%;position:relative}.sk-cell .player.on-goal:after{content:"";background:var(--bg);border-radius:50%;width:30%;height:30%;position:absolute;top:35%;left:35%}.dpad{flex-shrink:0;grid-template-rows:repeat(3,56px);grid-template-columns:repeat(3,60px);margin-top:12px;display:grid}.dpad button,.dpad button:disabled{background:var(--fg);border:0;justify-content:center;align-items:center;padding:0;display:flex}.dpad .dpad-up{border-radius:12px 12px 0 0;grid-area:1/2}.dpad .dpad-left{border-radius:12px 0 0 12px;grid-area:2/1}.dpad .dpad-right{border-radius:0 12px 12px 0;grid-area:2/3}.dpad .dpad-down{border-radius:0 0 12px 12px;grid-area:3/2}.dpad-hub{background:var(--fg);grid-area:2/2;justify-content:center;align-items:center;display:flex}.dpad-hub:after{content:"";border:var(--stroke) solid var(--bg);border-radius:50%;width:20px;height:20px}.dpad .arrow{border:10px solid #0000;width:0;height:0}.dpad-up .arrow{border-bottom:14px solid var(--bg);margin-top:-10px}.dpad-down .arrow{border-top:14px solid var(--bg);margin-bottom:-10px}.dpad-left .arrow{border-right:14px solid var(--bg);margin-left:-10px}.dpad-right .arrow{border-left:14px solid var(--bg);margin-right:-10px}.rh-board{grid-template-columns:repeat(6, var(--rh-cell));grid-auto-rows:var(--rh-cell);border:var(--stroke) solid var(--fg);border-radius:var(--radius);box-sizing:content-box;display:grid;position:relative}.rh-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:center;align-items:center;display:flex}.rh-cell:nth-child(6n){border-right:0}.rh-cell:nth-child(n+31){border-bottom:0}.rh-dot{background:var(--fg);border-radius:50%;width:14px;height:14px}.rh-car{pointer-events:none;padding:6px;position:absolute}.rh-body{border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.rh-car.selected .rh-body{box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--fg)}.rh-body.block{border:var(--stroke) solid var(--fg);border-radius:var(--radius-small);background:var(--bg)}.rh-car.mine .rh-body.block{background:var(--fg)}.rh-pixels{display:block}.px-ink{fill:var(--fg)}.px-paper{fill:var(--bg)}.board-wrap{position:relative}.cleared{justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.cleared-card{background:var(--bg);border:var(--stroke) solid var(--fg);border-radius:var(--radius);box-shadow:6px 6px 0 var(--fg);font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;padding:22px 40px 24px;font-size:18px;display:flex}.cleared-card strong{margin:4px 0 8px;font-size:44px;line-height:1.1}.cleared-level{text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:700}.rh-exit{right:calc(-1 * var(--stroke));width:var(--stroke);height:var(--rh-cell);background:var(--bg);position:absolute}