.board{flex:1;min-height:0;position:relative}.board>.stage{position:absolute;inset:0;overflow:hidden;background:var(--well)}.board>.stage canvas{--clear-top: 76px;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.board[data-mode=look]>.stage canvas{--clear-bottom: 74px}.zoom-controls{position:absolute;z-index:2;top:50%;left:14px;display:flex;flex-direction:column;gap:2px;padding:4px;border-radius:14px;transform:translateY(-50%);background:var(--glass);box-shadow:inset 0 0 0 1px var(--edge);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.zoom-controls button{min-width:40px;height:40px;padding:0 8px;border:0;border-radius:10px;background:transparent;color:var(--text);font-size:18px;line-height:1}.zoom-controls button[aria-label="Fit the picture"]{font-size:13px;font-weight:600}.zoom-controls button:hover{background:var(--raised-2)}.board>.side{position:absolute;z-index:2;top:76px;right:14px;width:344px;max-height:calc(100% - 90px);overflow:auto;padding:18px;border-radius:var(--round);background:var(--glass);box-shadow:inset 0 0 0 1px var(--edge),0 24px 60px #0000008c;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.dock{display:flex;flex-direction:column;gap:14px}.readout{display:flex;align-items:center;gap:12px}.cell-chip{flex:none;width:20px;height:20px;border-radius:6px;box-shadow:inset 0 0 0 1px #e7ecf838}.coords{display:flex;align-items:baseline;gap:6px;font-weight:700;font-size:26px;letter-spacing:-.01em;line-height:1;font-variant-numeric:tabular-nums}.coords small{margin-left:8px;font-family:var(--font-text);font-size:12px;font-weight:600;color:var(--muted)}.coords small:first-child{margin-left:0}.coords[data-empty]{font-family:var(--font-text);font-weight:500;font-size:22px;color:var(--muted)}.status{margin:-6px 0 0;font-size:14px;line-height:1.4;font-variant-numeric:tabular-nums;color:var(--muted)}.status[data-tone=error]{color:var(--bad)}.status[data-tone=ok]{color:var(--good)}.palette{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.swatch{width:100%;aspect-ratio:1;padding:0;border:0;border-radius:9px;box-shadow:inset 0 -4px #00000047,inset 0 0 0 1px #ffffff24}.swatch[aria-checked=true]{transform:translateY(-2px);box-shadow:inset 0 -4px #00000047,0 0 0 2px var(--glass-solid),0 0 0 4px var(--accent)}.rgb-row{display:flex;align-items:center;gap:10px}.any-color{position:relative;flex:none;width:40px;height:40px;padding:3px;border-radius:12px;background:conic-gradient(#ef4444,#eab308,#22c55e,#14b8a6,#3b82f6,#a855f7,#ec4899,#ef4444);cursor:pointer}.any-color:has(.is-custom){box-shadow:0 0 0 2px var(--glass-solid),0 0 0 4px var(--accent)}.any-color input[type=color]{display:block;width:100%;height:100%;padding:0;border:3px solid var(--glass-solid);border-radius:9px;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.any-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.any-color input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}.any-color input[type=color]::-moz-color-swatch{border:0;border-radius:6px}.chosen-hex{font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted)}.channels{display:flex;gap:6px;margin-left:auto}.channels label{display:flex;align-items:center;gap:4px;height:40px;padding:0 2px 0 10px;border-radius:10px;background:var(--well);box-shadow:inset 0 2px #0000004d;cursor:text}.channels label:focus-within{outline:2px solid var(--accent);outline-offset:2px}.channels span{font-size:12px;font-weight:600;color:var(--muted)}.channels input{width:32px;height:100%;padding:0;border:0;background:transparent;color:var(--text);font-size:15px;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}.channels input:focus{outline:none}.channels input::-webkit-inner-spin-button,.channels input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.place{min-height:52px;padding:0 20px;border:0;border-radius:14px;background:var(--chosen);color:var(--on-chosen);box-shadow:inset 0 -4px #00000038,inset 0 0 0 1px #ffffff2e;font-size:16px;font-weight:600}.place:disabled{background:var(--raised-2);color:var(--muted);box-shadow:none}.name-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0}.name-label{font-size:13px;color:var(--muted)}label.name-label{flex-basis:100%}.name-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.name-row input{flex:1 1 120px;min-width:0;min-height:40px;padding:0 12px;border:0;border-radius:10px;background:var(--well);box-shadow:inset 0 2px #0000004d;color:var(--text);font-family:inherit;font-size:16px}.name-row input:focus{outline:2px solid var(--accent);outline-offset:2px}.name-row input[aria-invalid=true]{box-shadow:inset 0 2px #0000004d,0 0 0 1px var(--bad)}.name-row button{min-height:36px;padding:0 12px;border:0;border-radius:10px;background:var(--raised-2);color:var(--text);font-size:13px;font-weight:500}.name-row button:hover{background:var(--line)}.name-row button[type=submit]{min-height:40px;background:var(--accent);color:var(--night);font-weight:600}.name-row button:disabled{opacity:.4}.name-note{flex-basis:100%;margin:0;font-size:12px;color:var(--muted)}.name-note[data-tone=error]{color:var(--bad)}.sheet-mark{margin:0;font-size:13px;color:var(--muted)}.sheet-mark a{color:var(--text)}.look-readout{position:absolute;z-index:2;left:50%;bottom:18px;display:flex;align-items:center;gap:12px;max-width:calc(100% - 28px);min-height:56px;padding:8px 8px 8px 16px;border-radius:16px;transform:translate(-50%);background:var(--glass);box-shadow:inset 0 0 0 1px var(--edge),0 18px 50px #00000080;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.look-readout .coords{font-size:24px}.look-readout .status{margin:0;padding-right:8px;white-space:nowrap}.place-here{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:10px;background:var(--accent);color:var(--night);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:inset 0 -3px #0000002e}@media(prefers-reduced-motion:no-preference){.swatch,.place{transition:transform .12s ease,background-color .16s ease,box-shadow .16s ease}.swatch:hover{transform:translateY(-2px)}.place:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 -1px #00000038,inset 0 0 0 1px #ffffff2e}}@media(pointer:coarse){.zoom-controls button{min-width:44px;height:44px}.channels label,.any-color{height:44px}.any-color{width:44px}}@media(max-width:720px){.board>.stage canvas{--clear-top: 62px}}@media(max-width:720px),(max-width:1100px)and (orientation:portrait){.zoom-controls{top:66px;left:auto;right:10px;transform:none}.board>.side{top:auto;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;max-width:460px;max-height:calc(100% - 140px);margin-inline:auto;padding:14px}.dock{gap:12px}.coords{font-size:26px}.sheet-mark{display:none}.look-readout{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));max-width:460px;margin-inline:auto;flex-wrap:wrap;transform:none}.look-readout{padding:10px}.look-readout .cell-chip{margin-left:6px}.look-readout .status{flex:1}.look-readout .place-here{flex:1 1 100%;justify-content:center;min-height:44px}}@media(max-width:420px){.chosen-hex{display:none}}.play-app{overflow:auto;min-height:100%}.play,.lobby,.race,.leaders,.closed{width:min(100%,40rem);margin:0 auto;padding:32px 20px 40px}.play h1,.lobby h1,.closed h1,.leaders h1,.clock{font-weight:700;letter-spacing:-.02em;line-height:1.05;margin:0}.play h1,.lobby h1,.closed h1,.leaders h1{font-size:40px}.leaders h2{margin:32px 0 0;font-size:16px;font-weight:600}.lede,.hint,.closed p,.leaders p{max-width:34rem;color:var(--muted);line-height:1.55}.lede{margin:14px 0 0;font-size:16px}.races{display:grid;gap:10px;margin-top:28px}.race-card{display:flex;align-items:center;gap:20px;padding:20px;border-radius:var(--round);background:var(--raised);box-shadow:inset 0 0 0 1px var(--edge);color:var(--text);text-decoration:none}a.race-card:hover{background:var(--raised-2);box-shadow:inset 0 0 0 1px #6ea8ff52}.race-card.quiet{background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted)}.race-text span,.race-text strong{display:block;font-size:19px;font-weight:600;line-height:1.2}.race-text p{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.45}.glyph{display:grid;gap:1px;flex:none;width:52px;height:52px}.glyph i{display:block;border-radius:1.5px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px}.actions a,.actions button{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:0;border-radius:var(--key);background:var(--raised-2);color:var(--text);text-decoration:none;font-size:15px;font-weight:500}.actions a:hover,.actions button:hover{background:var(--line)}.actions button.solid,.actions a.solid{background:var(--accent);color:var(--night);box-shadow:inset 0 -3px #0000002e;font-weight:600}.actions button:disabled{opacity:.4}.clock{display:block;text-align:center;font-size:72px;margin:8px 0 12px;font-variant-numeric:tabular-nums}.lobby .clock{text-align:left;margin-top:20px}.race{padding-top:16px}.race .clock{font-size:48px;margin:0 0 12px}.chairs{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.chairs li{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;min-height:64px;padding:12px 14px;border-radius:var(--round);box-shadow:inset 0 0 0 1px var(--line)}.chairs li i{grid-row:span 2;width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1.5px var(--line)}.chairs li.sat{background:var(--raised);box-shadow:none}.chairs span{font-weight:500;line-height:1.2}.chairs small{color:var(--muted);font-size:12px}.note{color:var(--bad)}.rows{list-style:none;padding:0;margin:16px 0 24px}.rows li{display:grid;grid-template-columns:2.5rem 1fr auto auto;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--round);font-variant-numeric:tabular-nums}.rows li+li{background:linear-gradient(var(--raised-2),var(--raised-2)) 14px 0 / calc(100% - 28px) 1px no-repeat}.rows li>span:first-child{font-weight:700;font-size:17px}.rows li>span:nth-child(n+3){color:var(--muted);font-size:14px}.rows li.you{background:var(--raised)}.rows li.you+li{background:none}@media(max-width:520px){.play h1,.lobby h1,.closed h1,.leaders h1{font-size:38px}.clock{font-size:56px}.race{padding-top:8px}.race .clock{font-size:40px;margin:0 0 8px}.race-card{gap:16px;padding:16px}.glyph{width:44px;height:44px}}.standings{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:2px}.standings li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 4px;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.standings li i{width:10px;height:10px;border-radius:3px}.standings li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standings li small{font-size:12px}.standings li.you{color:var(--text);font-weight:600}.standings li.lead b{color:var(--good)}.standings li.out i{opacity:.4}.breakout-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,520px);margin:0 auto;padding-bottom:8px}.breakout-sheet,.breakout-side{width:100%;background:var(--raised);color:var(--text);border-radius:var(--round);box-shadow:inset 0 0 0 1px var(--edge);padding:12px}.breakout-side .standings{margin:0}.breakout-where{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:2px 4px 10px;font-weight:700;font-size:19px;line-height:1;font-variant-numeric:tabular-nums}.breakout-where span{display:inline-flex;align-items:center;gap:10px;font-weight:400;font-size:13px;color:var(--muted)}.breakout-balls{display:inline-flex;gap:4px}.breakout-balls b{width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--muted)}.breakout-balls b.on{background:var(--text);box-shadow:none}.breakout-board{display:block;width:100%;aspect-ratio:4 / 5;border-radius:8px;box-shadow:0 0 0 1px var(--line);touch-action:none;user-select:none;-webkit-user-select:none}.breakout-board.out{box-shadow:0 0 0 2px var(--bad)}.breakout-pad{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;touch-action:none;position:sticky;bottom:0;z-index:1;padding:16px 0 calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--night) 78%,transparent)}.breakout-pad button{height:72px;border:0;border-radius:18px;background:var(--raised-2);box-shadow:inset 0 -5px #0000004d,inset 0 0 0 1px var(--edge);color:var(--text);font-size:28px;font-weight:600;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.breakout-pad button:active{background:var(--line);transform:translateY(2px);box-shadow:inset 0 -2px #0000004d}.breakout-pad button:disabled{opacity:.4}.breakout-keys{margin:12px 4px 2px;color:var(--muted);font-size:13px}@media(min-width:840px){.breakout-game{width:min(100%,760px);display:grid;grid-template-columns:minmax(0,1fr) 196px;align-items:start;justify-content:center;gap:12px 14px}.breakout-sheet,.breakout-pad{grid-column:1}.breakout-side{grid-column:2;grid-row:1 / span 2}.breakout-pad{position:static;padding:0;background:none}.breakout-pad button{height:56px}}@media(hover:none){.breakout-keys span{display:none}}@media(prefers-reduced-motion:reduce){.breakout-pad button:active{transform:none}}.crossy-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,480px);margin:0 auto;padding-bottom:8px}.crossy-sheet{width:100%;background:var(--raised);color:var(--text);border-radius:var(--round);box-shadow:inset 0 0 0 1px var(--edge);padding:16px}.crossy-where{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 10px;font-weight:700;font-size:19px;line-height:1;font-variant-numeric:tabular-nums}.crossy-where span{font-weight:400;font-size:13px;color:var(--muted);text-align:right}.crossy-where span.crossy-warn{color:var(--bad);font-weight:600}.crossy-timer{height:4px;margin:0 0 10px;border-radius:2px;background:var(--well);overflow:hidden}.crossy-timer i{display:block;height:100%;background:var(--good);transform-origin:left center;transition:transform .1s linear}.crossy-timer i.crossy-warn{background:var(--bad)}.crossy-board{display:block;width:100%;aspect-ratio:9 / 11;border-radius:8px;box-shadow:0 0 0 1px var(--line);touch-action:none;user-select:none;-webkit-user-select:none}.crossy-board.out{box-shadow:0 0 0 2px var(--bad)}.crossy-out{margin:12px 0 0;padding:10px 12px;border-radius:var(--key);background:var(--well);box-shadow:inset 0 0 0 1px var(--bad);color:var(--bad);font-weight:600;font-size:14px}.crossy-pad{display:grid;grid-template-columns:76px 76px 76px;grid-template-areas:"north north north" "west south east";justify-content:center;gap:8px;touch-action:none;position:sticky;bottom:0;width:100%;padding:18px 0 calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--night) 78%,transparent)}.crossy-pad button{height:64px;border:0;border-radius:16px;background:var(--raised-2);box-shadow:inset 0 -5px #0000004d,inset 0 0 0 1px var(--edge);color:var(--text);font-size:22px;font-weight:600;user-select:none;-webkit-user-select:none}.crossy-pad button[data-cmd=n]{grid-area:north;font-size:26px}.crossy-pad button[data-cmd=w]{grid-area:west}.crossy-pad button[data-cmd=s]{grid-area:south}.crossy-pad button[data-cmd=e]{grid-area:east}.crossy-pad button:active{background:var(--line);transform:translateY(2px);box-shadow:inset 0 -2px #0000004d}.crossy-help{margin:0;max-width:360px;color:var(--muted);font-size:13px;text-align:center}@media(min-width:840px){.crossy-game{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 196px;align-items:start;justify-items:center}.crossy-sheet{grid-column:1;grid-row:1 / span 2;justify-self:stretch}.crossy-pad,.crossy-help{grid-column:2}.crossy-pad{grid-template-columns:60px 60px 60px;position:static;width:auto;margin-top:28px;padding:8px 0;background:none}.crossy-pad button{height:56px}.crossy-help{text-align:left}}@media(hover:none){.crossy-keys{display:none}}@media(prefers-reduced-motion:reduce){.crossy-pad button:active{transform:none}.crossy-timer i{transition:none}}.flappy-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;margin:0 auto;padding-bottom:8px}.flappy-sheet{width:100%;background:var(--raised);color:var(--text);border-radius:var(--round);box-shadow:inset 0 0 0 1px var(--edge);padding:12px}.flappy-where{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:4px 4px 12px;font-weight:700;font-size:19px;line-height:1;font-variant-numeric:tabular-nums}.flappy-where span{font-weight:400;font-size:13px;color:var(--muted)}.flappy-board{display:block;width:min(100%,max(260px,calc((100dvh - 280px)*.8)));margin:0 auto;aspect-ratio:4 / 5;border-radius:10px;background:var(--well);box-shadow:0 0 0 1px var(--line);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.flappy-board.out{box-shadow:0 0 0 2px var(--bad);cursor:default}.flappy-pad{position:sticky;bottom:0;width:100%;padding:18px 0 calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--night) 78%,transparent);touch-action:none}.flappy-flap{display:block;width:100%;height:72px;border:0;border-radius:18px;background:var(--raised-2);box-shadow:inset 0 -5px #0000004d,inset 0 0 0 1px var(--edge);color:var(--text);font:inherit;font-size:20px;font-weight:700;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.flappy-flap:active:not(:disabled){background:var(--line);transform:translateY(2px);box-shadow:inset 0 -2px #0000004d}.flappy-flap:disabled{color:var(--bad);opacity:.6}.flappy-keys{margin:0;color:var(--muted);font-size:13px;line-height:1.45}@media(min-width:840px){.flappy-game{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:start;column-gap:16px;row-gap:12px}.flappy-sheet{grid-column:1;grid-row:1 / span 2}.flappy-pad,.flappy-keys{grid-column:2}.flappy-pad{position:static;margin-top:44px;padding:0;background:none}.flappy-flap{height:120px}}@media(hover:none){.flappy-keys{display:none}}@media(prefers-reduced-motion:reduce){.flappy-flap:active:not(:disabled){transform:none}}.flood-game{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"rivals" "sheet" "keys";gap:12px;width:min(100%,480px);margin:0 auto;padding-bottom:8px}.flood-rivals{grid-area:rivals;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px}.flood-rivals li{width:56px;display:grid;justify-items:center;gap:2px}.flood-rivals small{max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2;color:var(--muted);font-variant-numeric:tabular-nums}.flood-mini{display:block;width:44px;height:44px;margin-bottom:2px;border-radius:6px;box-shadow:0 0 0 1px var(--line);image-rendering:pixelated}.flood-sheet{grid-area:sheet;min-width:0;background:var(--raised);color:var(--text);border-radius:var(--round);box-shadow:inset 0 0 0 1px var(--edge);padding:14px 12px 16px}.flood-where{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 4px 12px;font-weight:700;font-size:19px;line-height:1;font-variant-numeric:tabular-nums}.flood-left{font-weight:400;font-size:14px;color:var(--muted)}.flood-left b{font-size:26px;font-weight:800;color:var(--text)}.flood-left.low b{color:var(--bad)}.flood-frame{position:relative}.flood-board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr));width:100%;aspect-ratio:1;overflow:hidden;border-radius:12px;background:var(--well);box-shadow:0 0 0 1px var(--line);touch-action:manipulation;user-select:none;-webkit-user-select:none;cursor:pointer}.flood-cell{min-width:0;min-height:0}.flood-cell.in{transition:background-color .16s ease-out;transition-delay:calc(var(--flood-d) * 12ms)}.flood-cell[data-c="0"]{box-shadow:inset 0 0 0 2px #ffffff8c;border-top-left-radius:12px}.flood-notice{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:12px 18px;border-radius:var(--key);background:var(--glass-solid);box-shadow:0 0 0 2px var(--good),0 10px 30px #00000080;color:var(--good);font-size:18px;font-weight:700;white-space:nowrap;pointer-events:none;animation:flood-pop 1.4s ease-out both}.flood-notice.miss{box-shadow:0 0 0 2px var(--bad),0 10px 30px #00000080;color:var(--bad)}@keyframes flood-pop{0%{opacity:0;transform:translate(-50%,-40%) scale(.92)}12%,75%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.flood-pad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px;touch-action:manipulation}.flood-swatch{position:relative;min-width:0;height:56px;border:0;border-radius:var(--key);box-shadow:inset 0 -5px #00000047,inset 0 0 0 1px #ffffff2e;cursor:pointer}.flood-swatch:active{transform:translateY(2px);box-shadow:inset 0 -2px #00000047}.flood-swatch.now{opacity:.35;cursor:default;box-shadow:inset 0 0 0 3px var(--night)}.flood-swatch.now:active{transform:none}.flood-swatch kbd{position:absolute;right:6px;bottom:7px;font-family:var(--font-text);font-size:12px;font-weight:700;color:#05070cb3}.flood-meta{display:flex;justify-content:space-between;gap:12px;margin:10px 4px 0;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.flood-keys{grid-area:keys;margin:0;color:var(--muted);font-size:13px;text-align:center}@media(min-width:840px){.flood-game{width:100%;grid-template-columns:minmax(0,1fr) 124px;grid-template-areas:"sheet rivals" "sheet keys";grid-template-rows:auto 1fr;align-items:start}.flood-rivals{justify-content:flex-start;padding-top:8px}.flood-keys{text-align:left}.flood-swatch{height:48px}}@media(hover:none){.flood-keys span,.flood-swatch kbd{display:none}}@media(prefers-reduced-motion:reduce){.flood-cell.in{transition:none}.flood-notice{animation:none}.flood-swatch:active{transform:none}}.huesort-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,480px);margin:0 auto;padding-bottom:8px}.huesort-rivals{display:flex;gap:10px;width:100%;overflow-x:auto;padding-bottom:2px}.huesort-rival{flex:none;width:48px;display:grid;justify-items:center;gap:3px}.huesort-rival small{max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}.huesort-mini{display:grid;gap:1px;width:40px;height:40px;padding:3px;border-radius:6px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}.huesort-mini i{border-radius:1px}.huesort-sheet{width:100%;background:var(--raised);color:var(--text);border-radius:var(--round);box-shadow:inset 0 0 0 1px var(--edge);padding:16px;transition:box-shadow .16s ease-out}.huesort-sheet.flash{box-shadow:0 0 0 3px var(--good)}.huesort-where{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px;font-weight:700;font-size:19px;line-height:1;font-variant-numeric:tabular-nums}.huesort-sheet.flash .huesort-where{color:var(--good)}.huesort-where span{font-weight:400;font-size:13px;color:var(--muted);text-align:right}.huesort-board{display:grid;grid-template-columns:repeat(var(--huesort-size),minmax(0,1fr));grid-template-rows:repeat(var(--huesort-size),minmax(0,1fr));gap:5px;width:100%;aspect-ratio:1;padding:8px;border-radius:14px;background:var(--well);touch-action:manipulation;user-select:none;-webkit-user-select:none}.huesort-tile{position:relative;min-width:0;min-height:0;padding:0;border:0;border-radius:9px;cursor:pointer;box-shadow:inset 0 -3px #0000002e;transition:transform .11s ease-out,background-color .14s ease-out;-webkit-tap-highlight-color:transparent}.huesort-tile:focus{outline:none}.huesort-tile.anchor{cursor:default;box-shadow:none}.huesort-board.keyed .huesort-tile.cursor,.huesort-tile:focus-visible{outline:2px dashed var(--text);outline-offset:2px}@media(hover:hover){.huesort-tile.cursor{outline:2px dashed var(--text);outline-offset:2px}}.huesort-tile.picked{z-index:1;transform:scale(.84);outline:3px solid var(--text);outline-offset:3px;box-shadow:0 0 0 3px var(--night)}.huesort-tile.pop{animation:huesort-pop .52s ease-out}.huesort-dot{position:absolute;left:50%;top:50%;width:18%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#ffffffd9}.huesort-dot.ink{background:#020409b3}@keyframes huesort-pop{0%{transform:scale(1);box-shadow:0 0 0 0 var(--good)}35%{transform:scale(1.1);box-shadow:0 0 0 4px var(--good)}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}.huesort-keys{margin:0;color:var(--muted);font-size:13px;text-align:center}@media(hover:none){.huesort-keys span{display:none}}@media(prefers-reduced-motion:reduce){.huesort-tile,.huesort-sheet{transition:none}.huesort-tile.pop{animation:none}}.lightsout-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,460px);margin:0 auto;padding-bottom:8px}.lightsout-rivals{display:flex;gap:10px;width:100%;overflow-x:auto;padding-bottom:2px}.lightsout-rival{flex:none;width:48px;display:grid;justify-items:center;gap:3px}.lightsout-rival small{max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}.lightsout-mini{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;width:40px;height:40px;padding:3px;border-radius:6px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}.lightsout-mini i{border-radius:1px;background:var(--raised-2)}.lightsout-sheet{width:100%;background:var(--raised);color:var(--text);border-radius:var(--round);box-shadow:inset 0 0 0 1px var(--edge);padding:16px}.lightsout-sheet.flash{box-shadow:0 0 0 3px var(--good)}.lightsout-where{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px;font-weight:700;font-size:19px;line-height:1}.lightsout-where span{font-weight:400;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.lightsout-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:8px;width:100%;aspect-ratio:1;padding:10px;border-radius:14px;background:var(--well);touch-action:manipulation}.lightsout-cell{min-width:0;min-height:0;border:0;border-radius:12px;background:var(--raised-2);box-shadow:inset 0 -4px #0000004d,inset 0 0 0 1px var(--edge);cursor:pointer;transition:background-color 90ms ease-out,box-shadow 90ms ease-out}.lightsout-cell.on{background:#fde68a;box-shadow:inset 0 -4px #92400e59,0 0 18px #eab30873}.lightsout-cell:active{transform:translateY(2px)}.lightsout-keys{margin:0;color:var(--muted);font-size:13px;text-align:center}@media(hover:none){.lightsout-keys span{display:none}}@media(prefers-reduced-motion:reduce){.lightsout-cell{transition:none}.lightsout-cell:active{transform:none}}.maze-game{--wall: var(--muted);display:flex;flex-direction:column;align-items:center;gap:14px;width:min(100%,520px);margin:0 auto;padding-bottom:8px}.sheet{width:100%;background:var(--raised);color:var(--text);border-radius:var(--round);box-shadow:inset 0 0 0 1px var(--edge);padding:16px}.sheet.flash{box-shadow:0 0 0 3px var(--good)}.where{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px;font-weight:700;font-size:19px;line-height:1}.where span{font-weight:400;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.maze-grid{display:grid;grid-template-columns:repeat(9,1fr);width:100%;aspect-ratio:1;background:var(--well);border-top:3px solid var(--wall);border-left:3px solid var(--wall);border-radius:6px;touch-action:none}.cell{position:relative;border-right:3px solid var(--wall);border-bottom:3px solid var(--wall);min-width:0;min-height:0}.cell.open-e{border-right-color:transparent}.cell.open-s{border-bottom-color:transparent}.exit-mark{position:absolute;width:34%;height:34%;right:22%;bottom:22%;border-radius:3px;background:#eab308}.people{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:1px}.token{width:32%;height:32%;border-radius:50%;box-shadow:0 0 0 1.5px var(--well)}.token.you{width:50%;height:50%;box-shadow:0 0 0 2px var(--well),0 0 0 4px var(--text)}.token.bump{transform:scale(.7)}.scores{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:2px}.scores li{display:flex;justify-content:space-between;gap:8px;padding:6px 4px;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.scores li.you{color:var(--text);font-weight:600}.scores li.lead b{color:var(--good)}.pad{display:grid;grid-template-columns:68px 68px 68px;grid-template-areas:". north ." "west . east" ". south .";justify-content:center;gap:4px 8px;touch-action:none;position:sticky;bottom:0;width:100%;padding:20px 0 calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--night) 78%,transparent)}.pad button{width:68px;height:68px;border:0;border-radius:16px;background:var(--raised-2);box-shadow:inset 0 -5px #0000004d,inset 0 0 0 1px var(--edge);color:var(--text);font-family:var(--font-text);font-size:15px;font-weight:600}.pad button[data-cmd=n]{grid-area:north}.pad button[data-cmd=w]{grid-area:west}.pad button[data-cmd=e]{grid-area:east}.pad button[data-cmd=s]{grid-area:south}.pad button:active{background:var(--line);transform:translateY(2px);box-shadow:inset 0 -2px #0000004d}.keys{margin:0;color:var(--muted);font-size:13px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:840px){.maze-game{width:min(100%,760px);display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:start;justify-items:center}.sheet{grid-column:1;grid-row:1}.pad,.keys{grid-column:2}.pad{position:static;width:auto;margin-top:28px;padding:8px 0;background:none}}@media(hover:none){.keys{display:none}}@media(prefers-reduced-motion:reduce){.token.bump,.pad button:active{transform:none}}.mines-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,520px);margin:0 auto;padding-bottom:8px}.mines-sheet{width:100%;background:var(--raised);color:var(--text);border-radius:var(--round);box-shadow:inset 0 0 0 1px var(--edge);padding:16px}.mines-sheet.flash{box-shadow:0 0 0 3px var(--good)}.mines-where{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px;font-weight:700;font-size:19px;line-height:1;font-variant-numeric:tabular-nums}.mines-where span{font-weight:400;font-size:13px;color:var(--muted)}.mines-board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(9,minmax(0,1fr));gap:3px;width:100%;aspect-ratio:1;padding:6px;border-radius:12px;background:var(--well);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mines-board.out{box-shadow:0 0 0 2px var(--bad)}.mines-cell{min-width:0;min-height:0;padding:0;border:0;border-radius:6px;display:grid;place-items:center;font-family:var(--font-text);font-size:clamp(13px,4.2vw,20px);font-weight:700;line-height:1;color:var(--text);cursor:pointer;-webkit-touch-callout:none}.mines-cell.hidden,.mines-cell.flag{background:var(--raised-2);box-shadow:inset 0 -3px #0000004d,inset 0 0 0 1px var(--edge)}.mines-cell.flag{color:#f97316}.mines-cell.flag.wrong{color:var(--muted);text-decoration:line-through}.mines-cell.open{background:#0a0f1c;cursor:default}.mines-cell.mine{background:#0a0f1c;color:var(--muted)}.mines-cell.boom{background:#ef4444;color:#18181b}.mines-cell[data-n="1"]{color:#6ea8ff}.mines-cell[data-n="2"]{color:#6ee7b7}.mines-cell[data-n="3"]{color:#fca5a5}.mines-cell[data-n="4"]{color:#a5b4fc}.mines-cell[data-n="5"]{color:#fdba74}.mines-cell[data-n="6"]{color:#5eead4}.mines-cell[data-n="7"]{color:#f0abfc}.mines-cell[data-n="8"]{color:#e4e4e7}.mines-cell.hidden:active{transform:translateY(1px)}.mines-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.mines-mode{min-height:40px;padding:0 14px;border:0;border-radius:var(--key);background:var(--raised-2);box-shadow:inset 0 0 0 1px var(--edge);color:var(--text);font-size:14px;font-weight:600}.mines-mode.on{background:#f97316;color:#18181b;box-shadow:none}.mines-keys{margin:0;color:var(--muted);font-size:13px;text-align:center}@media(hover:none){.mines-keys span{display:none}}@media(prefers-reduced-motion:reduce){.mines-cell.hidden:active{transform:none}}.picross-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,500px);margin:0 auto;padding-bottom:8px}.picross-sheet{width:100%;background:var(--raised);color:var(--text);border-radius:var(--round);box-shadow:inset 0 0 0 1px var(--edge);padding:16px}.picross-where{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px;font-weight:700;font-size:19px;line-height:1}.picross-where span{font-weight:400;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.picross-where[data-reveal=true] span{color:var(--good);font-weight:600}.picross-frame{--pad: 4px;--gap: 4px;--clue: 16px;--round-cell: 8px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;user-select:none;-webkit-user-select:none}.picross-n5{--n: 5}.picross-n7{--n: 7;--gap: 3px;--clue: 14px;--round-cell: 6px}.picross-n10{--n: 10;--pad: 3px;--gap: 2px;--clue: 12px;--round-cell: 4px}.picross-top{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));column-gap:var(--gap);padding:0 var(--pad)}.picross-left{display:grid;grid-template-rows:repeat(var(--n),minmax(0,1fr));row-gap:var(--gap);padding:var(--pad) 0}.picross-clue{display:flex;justify-content:flex-end;align-items:center;border-radius:6px;color:var(--text);font-size:var(--clue);font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums;transition:color .12s ease-out,opacity .12s ease-out}.picross-top .picross-clue{flex-direction:column;padding:4px 0}.picross-left .picross-clue{gap:.45em;padding:0 7px 0 6px}.picross-clue b{font-weight:inherit}.picross-clue.hot{background:var(--raised-2)}.picross-clue.done{color:var(--muted);opacity:.4}.picross-board{--guide: rgba(139, 150, 181, .55);display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:repeat(var(--n),minmax(0,1fr));gap:var(--gap);width:100%;aspect-ratio:1;padding:var(--pad);border-radius:12px;background:var(--well);touch-action:manipulation;-webkit-touch-callout:none}.picross-n10 .picross-board{background:linear-gradient(var(--guide),var(--guide)) center / 2px 100% no-repeat,linear-gradient(var(--guide),var(--guide)) center / 100% 2px no-repeat,var(--well)}.picross-cell{position:relative;display:block;min-width:0;min-height:0;padding:0;border:0;border-radius:var(--round-cell);background:var(--raised-2);box-shadow:inset 0 0 0 1px var(--edge);cursor:pointer;-webkit-touch-callout:none}.picross-cell.fill{background:#e7ecf8;box-shadow:inset 0 -3px #0d132347}.picross-cell.cross:before,.picross-cell.cross:after,.picross-icon.cross:before,.picross-icon.cross:after{content:"";position:absolute;left:22%;right:22%;top:calc(50% - 1px);height:2px;border-radius:1px;background:var(--muted);transform:rotate(45deg)}.picross-cell.cross:after,.picross-icon.cross:after{transform:rotate(-45deg)}.picross-cell.cursor{box-shadow:inset 0 0 0 2px var(--accent),0 0 0 1px var(--accent);z-index:1}.picross-cell.empty:active,.picross-cell.cross:active{background:var(--line)}.reveal .picross-board{background:var(--well);box-shadow:0 0 0 2px var(--good)}.reveal .picross-cell{background:transparent;box-shadow:none;cursor:default}.reveal .picross-cell.ink{box-shadow:inset 0 -3px #00000038;animation:picross-pop .36s ease-out both;animation-delay:calc(var(--d) * 20ms)}@keyframes picross-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.picross-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.picross-modes{display:flex;gap:2px;padding:3px;border-radius:var(--key);background:var(--well)}.picross-modes button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:14px;font-weight:600}.picross-modes button.on{background:var(--raised-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--edge)}.picross-icon{position:relative;display:block;width:13px;height:13px;border-radius:3px}.picross-icon.fill{background:#e7ecf8}.picross-icon.cross:before,.picross-icon.cross:after{left:0;right:0}.picross-keys{margin:0;color:var(--muted);font-size:13px;text-align:center}@media(hover:none){.picross-keys span{display:none}}@media(max-width:520px){.picross-sheet{padding:12px}}@media(prefers-reduced-motion:reduce){.picross-clue{transition:none}.reveal .picross-cell.ink{animation:none}}.pipes-game{--pipes-water: #38bdf8;--pipes-dry: #2b3656;display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,480px);margin:0 auto;padding-bottom:8px}.pipes-rivals{display:flex;gap:10px;width:100%;overflow-x:auto;padding-bottom:2px}.pipes-rival{flex:none;width:48px;display:grid;justify-items:center;gap:3px}.pipes-rival small{max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}.pipes-mini{display:grid;gap:1px;width:40px;height:40px;padding:3px;border-radius:6px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}.pipes-mini i{border-radius:1px;background:var(--raised-2)}.pipes-sheet{width:100%;background:var(--raised);color:var(--text);border-radius:var(--round);box-shadow:inset 0 0 0 1px var(--edge);padding:16px}.pipes-sheet.flash{box-shadow:0 0 0 3px var(--good)}.pipes-where{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px;font-weight:700;font-size:19px;line-height:1}.pipes-where span{font-weight:400;font-size:13px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.pipes-board{display:grid;gap:3px;width:100%;aspect-ratio:1;padding:6px;border-radius:14px;background:var(--well);touch-action:manipulation;user-select:none;-webkit-user-select:none}.pipes-tile{position:relative;min-width:0;min-height:0;padding:0;border:0;border-radius:8px;background:var(--raised);box-shadow:inset 0 0 0 1px var(--edge);cursor:pointer;overflow:hidden}.pipes-tile svg{display:block;width:100%;height:100%;transition:transform .12s ease-out}.pipes-tile.cursor{box-shadow:inset 0 0 0 2px var(--accent)}.pipes-tile:active svg{scale:.94}.pipes-casing{stroke:var(--line);stroke-width:30}.pipes-casing-fill{fill:var(--line)}.pipes-water{stroke:var(--pipes-dry);stroke-width:14;transition:stroke .16s ease-out}.pipes-water-fill{fill:var(--pipes-dry);transition:fill .16s ease-out}.pipes-tile.wet .pipes-water{stroke:var(--pipes-water)}.pipes-tile.wet .pipes-water-fill{fill:var(--pipes-water)}.pipes-tile.wet .pipes-casing{stroke:#1e4a73}.pipes-tile.wet .pipes-casing-fill{fill:#1e4a73}.pipes-leak{fill:var(--bad)}.pipes-source{fill:var(--pipes-water);stroke:#e0f2fe;stroke-width:5}.pipes-source-core{fill:#e0f2fe}.pipes-tile.source{background:#0f2a44}.pipes-keys{margin:0;color:var(--muted);font-size:13px;text-align:center}@media(max-width:420px){.pipes-sheet{padding:12px}}@media(hover:none){.pipes-keys span{display:none}.pipes-tile.cursor{box-shadow:inset 0 0 0 1px var(--edge)}}@media(prefers-reduced-motion:reduce){.pipes-tile svg,.pipes-water,.pipes-water-fill{transition:none}.pipes-tile:active svg{scale:none}}.slide-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,460px);margin:0 auto;padding-bottom:8px}.slide-rivals{display:flex;gap:10px;width:100%;overflow-x:auto;padding-bottom:2px}.slide-rival{flex:none;width:48px;display:grid;justify-items:center;gap:3px}.slide-rival small{max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}.slide-mini{display:grid;gap:1px;width:40px;height:40px;padding:3px;border-radius:6px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}.slide-mini i{border-radius:1px}.slide-sheet{width:100%;background:var(--raised);color:var(--text);border-radius:var(--round);box-shadow:inset 0 0 0 1px var(--edge);padding:16px}.slide-sheet.flash{box-shadow:0 0 0 3px var(--good)}.slide-where{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px;font-weight:700;font-size:19px;line-height:1}.slide-where span{font-weight:400;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.slide-quick{font-weight:600;color:var(--good)}.slide-board{--slide-gap: 4px;position:relative;width:100%;aspect-ratio:1;border-radius:14px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.slide-piece{position:absolute;left:var(--slide-gap);top:var(--slide-gap);width:calc((100% - (var(--slide-n) + 1) * var(--slide-gap)) / var(--slide-n));height:calc((100% - (var(--slide-n) + 1) * var(--slide-gap)) / var(--slide-n));padding:0;border:0;border-radius:8px;background-color:var(--raised-2);background-image:var(--slide-pic);background-size:calc(var(--slide-n) * 100%) calc(var(--slide-n) * 100%);background-position:calc(var(--slide-sx) / (var(--slide-n) - 1) * 100%) calc(var(--slide-sy) / (var(--slide-n) - 1) * 100%);box-shadow:inset 0 -3px #00000047,inset 0 0 0 1px #ffffff24;transform:translate(calc(var(--slide-x) * (100% + var(--slide-gap))),calc(var(--slide-y) * (100% + var(--slide-gap))));transition:transform 90ms ease-out;cursor:pointer}.slide-piece span{position:absolute;top:5px;left:7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);font-variant-numeric:tabular-nums;opacity:.85}.slide-piece.home span{opacity:.5}.slide-keys{margin:0;color:var(--muted);font-size:13px;text-align:center}@media(hover:none){.slide-keys span{display:none}}@media(prefers-reduced-motion:reduce){.slide-piece{transition:none}}.snake-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,520px);margin:0 auto;padding-bottom:8px}.snake-sheet{width:100%;background:var(--raised);color:var(--text);border-radius:var(--round);box-shadow:inset 0 0 0 1px var(--edge);padding:16px}.snake-where{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px;font-weight:700;font-size:19px;line-height:1;font-variant-numeric:tabular-nums}.snake-where span{font-weight:400;font-size:13px;color:var(--muted)}.snake-board{display:block;width:100%;aspect-ratio:1;border-radius:8px;box-shadow:0 0 0 1px var(--line);touch-action:none}.snake-board.out{box-shadow:0 0 0 2px var(--bad)}.snake-pad{display:grid;grid-template-columns:68px 68px 68px;grid-template-areas:". north ." "west . east" ". south .";justify-content:center;gap:4px 8px;touch-action:none;position:sticky;bottom:0;width:100%;padding:20px 0 calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--night) 78%,transparent)}.snake-pad button{width:68px;height:68px;border:0;border-radius:16px;background:var(--raised-2);box-shadow:inset 0 -5px #0000004d,inset 0 0 0 1px var(--edge);color:var(--text);font-size:22px;font-weight:600}.snake-pad button[data-cmd=n]{grid-area:north}.snake-pad button[data-cmd=w]{grid-area:west}.snake-pad button[data-cmd=e]{grid-area:east}.snake-pad button[data-cmd=s]{grid-area:south}.snake-pad button:active{background:var(--line);transform:translateY(2px);box-shadow:inset 0 -2px #0000004d}.snake-keys{margin:0;color:var(--muted);font-size:13px}@media(max-height:700px)and (max-width:839px){.snake-pad{grid-template-columns:52px 52px 52px;gap:2px 6px;padding:12px 0 calc(6px + env(safe-area-inset-bottom))}.snake-pad button{width:52px;height:52px;border-radius:14px;font-size:19px}}@media(min-width:840px){.snake-game{width:min(100%,780px);display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:start;justify-items:center}.snake-sheet{grid-column:1;grid-row:1 / span 2}.snake-pad,.snake-keys{grid-column:2}.snake-pad{position:static;width:auto;margin-top:28px;padding:8px 0;background:none}}@media(hover:none){.snake-keys span{display:none}}@media(prefers-reduced-motion:reduce){.snake-pad button:active{transform:none}}.sokoban-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,500px);margin:0 auto;padding-bottom:8px}.sokoban-sheet{width:100%;background:var(--raised);color:var(--text);border-radius:var(--round);box-shadow:inset 0 0 0 1px var(--edge);padding:16px}.sokoban-sheet.flash{box-shadow:0 0 0 3px var(--good)}.sokoban-where{display:flex;align-items:baseline;gap:8px;margin:0 0 12px;font-weight:700;font-size:19px;line-height:1;font-variant-numeric:tabular-nums}.sokoban-where small{font-weight:500;font-size:12px;color:var(--muted)}.sokoban-where span{margin-left:auto;font-weight:400;font-size:13px;color:var(--muted);white-space:nowrap}.sokoban-board{position:relative;width:100%;margin:0 auto;touch-action:none;user-select:none;-webkit-user-select:none}.sokoban-tiles{position:absolute;inset:0;display:grid;grid-auto-rows:1fr}.sokoban-tile{position:relative;background:var(--well)}.sokoban-tile.void{background:none}.sokoban-tile.wall{background:var(--line);box-shadow:inset 0 0 0 1px #ffffff08}.sokoban-tile.goal:after{content:"";position:absolute;inset:30%;border-radius:50%;border:3px solid #eab308;box-shadow:0 0 10px #eab30859}.sokoban-box,.sokoban-player{position:absolute;display:block;transition:left 80ms ease-out,top 80ms ease-out}.sokoban-box:before{content:"";position:absolute;inset:7%;border-radius:18%;background:linear-gradient(45deg,transparent 44%,rgba(0,0,0,.28) 44% 56%,transparent 56%),#f97316;box-shadow:inset 0 0 0 3px #00000040,inset 0 -4px #00000040}.sokoban-box.home:before{background:linear-gradient(45deg,transparent 44%,rgba(0,0,0,.2) 44% 56%,transparent 56%),#22c55e;box-shadow:inset 0 0 0 3px #0003,inset 0 -4px #0003,0 0 12px #6ee7b773}.sokoban-player i{position:absolute;inset:16%;border-radius:50%;box-shadow:0 0 0 3px var(--text),inset 0 -4px #0000004d}.sokoban-pad{display:grid;grid-template-columns:repeat(3,72px);grid-auto-rows:60px;justify-content:center;gap:8px;touch-action:none;position:sticky;bottom:0;width:100%;padding:20px 0 calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--night) 78%,transparent)}.sokoban-pad button{border:0;border-radius:16px;background:var(--raised-2);box-shadow:inset 0 -5px #0000004d,inset 0 0 0 1px var(--edge);color:var(--text);font-size:22px;font-weight:600}.sokoban-pad button[data-cmd=undo],.sokoban-pad button[data-cmd=reset]{background:var(--raised);color:var(--muted);font-size:14px}.sokoban-pad button:active{background:var(--line);transform:translateY(2px);box-shadow:inset 0 -2px #0000004d}.sokoban-keys{margin:0;color:var(--muted);font-size:13px;text-align:center}.sokoban-keys span{display:block;margin-top:4px}@media(min-width:840px){.sokoban-game{width:min(100%,780px);display:grid;grid-template-columns:minmax(0,1fr) 196px;grid-template-rows:auto 1fr;align-items:start;justify-items:center}.sokoban-sheet{justify-self:stretch;grid-column:1;grid-row:1 / span 2}.sokoban-pad,.sokoban-keys{grid-column:2}.sokoban-pad{grid-template-columns:repeat(3,60px);grid-auto-rows:56px;position:static;width:auto;margin-top:28px;padding:8px 0;background:none}}@media(hover:none){.sokoban-keys span{display:none}}@media(prefers-reduced-motion:reduce){.sokoban-box,.sokoban-player{transition:none}.sokoban-pad button:active{transform:none}}.stack-game{display:flex;flex-direction:column;gap:8px;width:min(100%,520px);margin:0 auto;min-height:0}.stack-game .stack-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0}.stack-game .stack-meta p,.stack-game .stack-meta span{margin:0;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.stack-game .stack-meta strong{font-weight:700;font-size:26px;line-height:1;font-variant-numeric:tabular-nums}.stack-game .opponents{display:flex;gap:8px;overflow-x:auto}.stack-game .opp{width:64px;flex:none;display:grid;justify-items:center;gap:2px}.stack-game .opp span,.stack-game .opp small{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}.stack-game .opp canvas{border-radius:4px;box-shadow:0 0 0 1px var(--line);background:var(--well)}.stack-game .opp.out{opacity:.45}.stack-game .stage{min-height:0;height:clamp(200px,calc(100dvh - 420px),640px);display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:stretch}.stack-game .side{display:grid;align-content:start;gap:6px}.stack-game .side p{margin:0;font-size:12px;color:var(--muted)}.stack-game .well{min-height:0;height:100%;overflow:hidden;display:grid;grid-template-columns:8px minmax(0,1fr);gap:6px;align-items:center;justify-items:center}.stack-game .garbage{width:8px;align-self:stretch;display:flex;flex-direction:column-reverse;gap:2px}.stack-game .garbage i{display:block;height:8px;border-radius:2px;background:var(--bad)}.stack-game .board-canvas{max-width:100%;max-height:100%;border-radius:8px;background:var(--well);box-shadow:0 0 0 1px var(--line)}.stack-game .mini{display:grid;grid-template-columns:repeat(4,7px);grid-template-rows:repeat(4,7px)}.stack-game .pad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:none;gap:8px;position:static;touch-action:none;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.stack-game .pad button{width:100%;height:auto;min-height:52px;border:0;border-radius:14px;background:var(--raised-2);box-shadow:inset 0 -4px #0000004d,inset 0 0 0 1px var(--edge);color:var(--text);font-family:var(--font-text);font-size:18px;font-weight:500}.stack-game .pad button.span-2{grid-column:span 2}.stack-game .pad button.hard{background:var(--accent);color:var(--night);font-size:16px;font-weight:600}.stack-game .pad button:active{background:var(--line);transform:translateY(2px);box-shadow:inset 0 -1px #0000004d}.stack-game .pad button.hard:active{background:#5a94f0}.stack-game .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(min-width:521px){.stack-game .stage{height:clamp(200px,calc(100dvh - 480px),640px)}}.trace-game{--trace-panel: #142129;--trace-mark: #1c96c8;--trace-trail: #34a27a;--trace-head: #1c96c8;--trace-ink: #eef4f7;--trace-dim: #3d5664;--trace-serif: Georgia, "Times New Roman", Times, serif;display:flex;flex-direction:column;align-items:center;gap:14px;width:min(100%,520px);margin:0 auto;padding-bottom:8px}.trace-game .trace-sheet{width:100%;background:var(--trace-panel);color:var(--trace-ink);border-radius:var(--round);box-shadow:inset 0 0 0 1px var(--edge);padding:16px}.trace-game .trace-sheet.flash{box-shadow:0 0 0 3px var(--trace-trail)}.trace-game .trace-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:10px}.trace-game .trace-count{display:flex;flex-direction:column;gap:4px;margin:0;font-weight:700;font-size:19px;line-height:1}.trace-game .trace-count span{font-weight:400;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.trace-game .trace-code{display:flex;gap:4px;list-style:none;margin:0;padding:8px 14px;border-radius:999px;background:#ffffff0d;font-family:var(--trace-serif);font-size:26px;line-height:1.1;font-variant-numeric:tabular-nums}.trace-game .trace-code li{padding:0 4px 3px;color:var(--trace-mark);border-bottom:2px solid transparent}.trace-game .trace-code li.got{color:var(--trace-dim)}.trace-game .trace-code li.next{color:#5cc4ee;border-bottom-color:currentColor}.trace-game .trace-board{display:block;width:100%;aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none}.trace-game .marks line{stroke:var(--trace-mark);stroke-width:.05;stroke-linecap:round}.trace-game .trail{fill:var(--trace-trail)}.trace-game .head{fill:var(--trace-head)}.trace-game .numbers text{fill:var(--trace-ink);font-family:var(--trace-serif);font-size:.4px;text-anchor:middle;dominant-baseline:central;pointer-events:none}.trace-game .ghosts circle{stroke:var(--trace-panel);stroke-width:.025;pointer-events:none}.trace-game .trace-scores{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:2px}.trace-game .trace-scores li{display:flex;align-items:center;gap:8px;padding:6px 4px;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.trace-game .trace-scores i{width:8px;height:8px;border-radius:50%;flex:none}.trace-game .trace-scores span{flex:1;min-width:0}.trace-game .trace-scores li.you{color:var(--trace-ink);font-weight:600}.trace-game .trace-scores li.lead b{color:var(--good)}.trace-game .trace-pad{display:grid;grid-template-columns:64px 64px 64px;grid-template-areas:". north ." "west back east" ". south .";justify-content:center;gap:6px;touch-action:none;position:sticky;bottom:0;width:100%;padding:20px 0 calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--night) 78%,transparent)}.trace-game .trace-pad button{width:64px;height:64px;border:0;border-radius:16px;background:var(--raised-2);box-shadow:inset 0 -5px #0000004d,inset 0 0 0 1px var(--edge);color:var(--text);font-family:var(--font-text);font-size:20px;font-weight:600}.trace-game .trace-pad button[data-cmd=back]{font-size:13px;color:var(--muted)}.trace-game .trace-pad button[data-cmd=n]{grid-area:north}.trace-game .trace-pad button[data-cmd=w]{grid-area:west}.trace-game .trace-pad button[data-cmd=back]{grid-area:back}.trace-game .trace-pad button[data-cmd=e]{grid-area:east}.trace-game .trace-pad button[data-cmd=s]{grid-area:south}.trace-game .trace-pad button:active{background:var(--line);transform:translateY(2px);box-shadow:inset 0 -2px #0000004d}.trace-game .trace-keys{margin:0;max-width:32rem;color:var(--muted);font-size:13px;text-align:center}.trace-game .trace-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:840px){.trace-game{width:min(100%,760px);display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:start;justify-items:center}.trace-game .trace-sheet{grid-column:1;grid-row:1 / span 2}.trace-game .trace-pad,.trace-game .trace-keys{grid-column:2}.trace-game .trace-pad{position:static;width:auto;margin-top:28px;padding:8px 0;background:none}}@media(hover:none){.trace-game .trace-keys{display:none}}@media(prefers-reduced-motion:reduce){.trace-game .trace-pad button:active{transform:none}}.twenty48-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,480px);margin:0 auto;padding-bottom:8px}.twenty48-rivals{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;width:100%}.twenty48-rival{width:52px;display:grid;justify-items:center;gap:3px}.twenty48-rival.out{opacity:.4}.twenty48-rival small{max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}.twenty48-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;width:40px;height:40px;padding:3px;border-radius:6px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}.twenty48-mini i{border-radius:1.5px;background:var(--raised-2)}.twenty48-sheet{width:100%;background:var(--raised);color:var(--text);border-radius:var(--round);box-shadow:inset 0 0 0 1px var(--edge);padding:16px}.twenty48-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px}.twenty48-stat{display:grid;gap:2px;line-height:1}.twenty48-stat small{font-size:12px;color:var(--muted)}.twenty48-stat b{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}.twenty48-best{grid-template-columns:auto auto;align-items:center;gap:10px}.twenty48-chip{display:inline-grid;place-items:center;min-width:48px;height:36px;padding:0 8px;border-radius:var(--key);background:var(--raised-2);color:#111827;font-weight:800;font-size:16px;font-variant-numeric:tabular-nums;transition:background-color .16s ease-out}.twenty48-board{--gap: 10px;position:relative;width:100%;aspect-ratio:1;border-radius:14px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line);container-type:inline-size;touch-action:none;user-select:none;-webkit-user-select:none}.twenty48-board.out{box-shadow:0 0 0 2px var(--bad)}.twenty48-cells,.twenty48-tiles{position:absolute;inset:var(--gap)}.twenty48-cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:var(--gap)}.twenty48-cells i{border-radius:10px;background:var(--raised-2)}.twenty48-tile{position:absolute;left:0;top:0;width:calc((100% - 3 * var(--gap)) / 4);height:calc((100% - 3 * var(--gap)) / 4);transform:translate(calc(var(--x) * (100% + var(--gap))),calc(var(--y) * (100% + var(--gap))));transition:transform .1s ease-out;z-index:2}.twenty48-tile.gone{z-index:1}.twenty48-face{display:grid;place-items:center;width:100%;height:100%;border-radius:10px;background:var(--tile);color:#111827;font-weight:800;font-size:10cqw;line-height:1;font-variant-numeric:tabular-nums;box-shadow:inset 0 -4px #00000029}.twenty48-face.d3{font-size:8cqw}.twenty48-face.d4{font-size:6.4cqw}.twenty48-face.d5{font-size:5cqw}.twenty48-tile.glow .twenty48-face{box-shadow:inset 0 -4px #00000029,0 0 18px color-mix(in srgb,var(--tile) 55%,transparent)}.twenty48-tile.new .twenty48-face{animation:twenty48-pop .15s 90ms ease-out backwards}.twenty48-tile.merged .twenty48-face{animation:twenty48-bump .17s 80ms ease-out}@keyframes twenty48-pop{0%{transform:scale(.2);opacity:0}}@keyframes twenty48-bump{50%{transform:scale(1.12)}}.twenty48-board.out .twenty48-tiles{opacity:.3}.twenty48-over{position:absolute;inset:0;z-index:3;display:grid;place-items:center}.twenty48-over div{display:grid;gap:4px;max-width:80%;padding:16px 22px;border-radius:16px;text-align:center;background:var(--raised);box-shadow:inset 0 0 0 1px var(--edge),0 12px 40px #0000008c}.twenty48-over b{font-size:24px}.twenty48-over span{color:var(--muted);font-size:14px}.twenty48-pad{display:grid;grid-template-columns:64px 64px 64px;grid-template-areas:". north ." "west . east" ". south .";justify-content:center;gap:4px 8px;touch-action:none;position:sticky;bottom:0;width:100%;padding:20px 0 calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--night) 78%,transparent)}.twenty48-pad button{width:64px;height:64px;border:0;border-radius:16px;background:var(--raised-2);box-shadow:inset 0 -5px #0000004d,inset 0 0 0 1px var(--edge);color:var(--text);font-size:22px;font-weight:600}.twenty48-pad button[data-cmd=n]{grid-area:north}.twenty48-pad button[data-cmd=w]{grid-area:west}.twenty48-pad button[data-cmd=e]{grid-area:east}.twenty48-pad button[data-cmd=s]{grid-area:south}.twenty48-pad button:active{background:var(--line);transform:translateY(2px);box-shadow:inset 0 -2px #0000004d}.twenty48-pad button:disabled{opacity:.4}.twenty48-keys{margin:0;color:var(--muted);font-size:13px}@media(max-width:520px){.twenty48-sheet{padding:12px}.twenty48-board{--gap: 8px}}@media(min-width:840px){.twenty48-game{width:min(100%,760px);display:grid;grid-template-columns:minmax(0,1fr) 172px;align-items:start;justify-items:center}.twenty48-rivals{grid-column:1 / -1}.twenty48-sheet{grid-column:1;grid-row:2 / span 2}.twenty48-pad,.twenty48-keys{grid-column:2}.twenty48-pad{position:static;width:auto;grid-template-columns:52px 52px 52px;margin-top:28px;padding:8px 0;background:none}.twenty48-pad button{width:52px;height:52px;border-radius:14px;font-size:18px}.twenty48-keys{text-align:center}}@media(hover:none){.twenty48-keys span{display:none}}@media(prefers-reduced-motion:reduce){.twenty48-tile,.twenty48-chip{transition:none}.twenty48-tile .twenty48-face{animation:none}.twenty48-pad button:active{transform:none}}:root{color-scheme:dark;--night: #05070c;--well: #020409;--raised: #0d1323;--raised-2: #151d33;--line: #232e4d;--text: #e7ecf8;--muted: #8b96b5;--accent: #6ea8ff;--good: #6ee7b7;--bad: #fca5a5;--edge: rgba(110, 168, 255, .13);--glass: rgba(6, 9, 18, .8);--glass-solid: #0a0e1a;--glass-blur: blur(20px) saturate(1.4);--font-dot: "Doto", "Onest", system-ui, sans-serif;--font-text: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--key: 12px;--round: 20px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1000px 600px at 10% -10%,rgba(110,168,255,.08),transparent 60%),var(--night);color:var(--text);font-family:var(--font-text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,a{-webkit-tap-highlight-color:transparent}button,input{font-family:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:var(--text);text-underline-offset:3px;text-decoration-color:var(--line)}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}.glass{background:var(--glass);box-shadow:inset 0 0 0 1px var(--edge),0 18px 50px #00000080;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.top{display:flex;align-items:center;gap:10px;padding:14px 14px 0;flex:none}.picture-app{position:relative}.picture-app>.top{position:absolute;inset:0 0 auto;z-index:3;pointer-events:none}.picture-app>.top>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;min-width:0;min-height:48px;padding:0 16px 0 14px;border-radius:14px;color:var(--text);text-decoration:none}.mark{display:grid;grid-template-columns:9px 9px;gap:2px;flex:none}.mark i{display:block;width:9px;height:9px;border-radius:2.5px}.mark i.open{box-shadow:inset 0 0 0 1.5px var(--muted)}.wordmark{font-family:var(--font-dot);font-weight:900;font-size:22px;letter-spacing:.02em;white-space:nowrap;line-height:1}.nav{display:flex;gap:2px;margin-left:auto;padding:5px;border-radius:14px}.nav a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:10px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:500}.nav a:hover{color:var(--text)}.nav a[aria-current=page]{color:var(--text);background:var(--raised-2)}.credit{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 16px 0 14px;border-radius:14px;font-size:14px;font-weight:500;white-space:nowrap}.credit:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--good);box-shadow:0 0 0 3px #6ee7b72e}.credit:is([data-credit="0"],[data-credit=anon],[data-credit=""]):before{background:none;box-shadow:inset 0 0 0 1.5px var(--muted)}.credit[data-credit="0"],.credit[data-credit=anon]{color:var(--muted)}@media(max-width:720px){.top{gap:6px;padding:10px 10px 0}.brand,.credit{min-height:44px;padding:0 12px}.nav{padding:3px}.nav a{padding:0 10px}.credit{font-size:13px}}@media(max-width:560px){.wordmark{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media(max-width:400px){.credit{gap:6px;padding:0 10px;font-size:12px}.nav a{padding:0 8px;font-size:13px}}.devbar{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding:14px;border:1px dashed var(--line);border-radius:14px;flex:none}.devbar h2{margin:0;font-size:13px;font-weight:600;color:var(--muted)}.dev-row{display:flex;flex-wrap:wrap;gap:6px}.devbar button{min-height:34px;padding:0 12px;border:0;border-radius:10px;background:var(--raised-2);color:var(--text);font-size:13px}.devbar button:hover{background:var(--line)}.devbar input,.devbar select{min-height:34px;padding:0 8px;border:1px solid var(--line);border-radius:10px;background:var(--raised-2);color:var(--text);font-size:13px}.devbar input[type=number]{width:5em}.devbar button:disabled{opacity:.4;background:var(--raised-2)}.dev-note{margin:0;font-size:13px;line-height:1.45;color:var(--muted)}@media(pointer:coarse){.devbar button{min-height:40px}}.play-app{overflow:auto}.startup-error{max-width:40rem;margin:3rem auto;padding:0 1.5rem;line-height:1.5}