body{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAHlJREFUOI1j/PR4/38GCgATjMErokiUBnR1cAM+v7lPlAZ0dUxo6glqwOkCQi5Bl4cZxITNVHw2ohvERMhWkr1AKDYIBiI212AzFCUMCNmMzVCUMCDHZhhgwieJz2asBuCLDVxexJkOiHENA750QGzeIDodwMTRDQYAlr1AN9s0RakAAAAASUVORK5CYII=);background-size:calc(16px * var(--px-world))}:where([data-theme=dark]) body{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAHhJREFUOI1j1NIy/s9AAWCCMT5+fE+UBnR1cAP4+QWJ0oCujglNPUENOF1AyCXo8jCDmLCZis9GdIOYCNlKshcIxQbBQMTmGmyGooQBIZuxGYoSBuTYDANM+CTx2YzVAHyxgcuLONMBMa5hwJcOiM0bRKcDmDi6wQD3iENIjdEJnwAAAABJRU5ErkJggg==)}.hub{width:100%;max-width:1800px;min-height:100dvh;padding:calc(28px + var(--safe-top)) calc(var(--page-pad) + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(var(--page-pad) + var(--safe-left));flex-direction:column;gap:28px;margin:0 auto;display:flex}.hub-head{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.hub-settings{position:absolute;top:-22px;right:0}.hub-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;font-weight:700}.hub-title{justify-content:center;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700;line-height:1;display:flex}.hub-tagline{max-width:34em;color:var(--muted);font-size:1.05rem}.today{background:var(--surface);border:calc(2 * var(--px-step)) solid var(--border);flex-direction:column;gap:10px;width:min(100%,720px);margin:0 auto;padding:10px 12px 12px;display:flex}.today-head{justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.today-title{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;font-weight:700}.today-share{flex:none;padding-inline:12px;font-size:.95rem}.today-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.today-tile{--accent:hsl(var(--hue) 55% 38%);--accent-soft:hsl(var(--hue) 45% 86%);display:flex}:where([data-theme=dark]) .today-tile{--accent:hsl(var(--hue) 70% 72%);--accent-soft:hsl(var(--hue) 35% 26%)}.today-tile-link{min-height:var(--tap);border:calc(2 * var(--px-step)) solid var(--border);background:var(--surface-2);color:var(--text);text-align:center;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 1px 5px;font-size:.7rem;line-height:1.15;text-decoration:none;display:flex;position:relative}.today-tile.solved .today-tile-link{border-color:var(--accent);background:var(--accent-soft)}.today-art{width:calc(var(--crop-w) * var(--px-step));height:calc(var(--crop-h) * var(--px-step));border:var(--px-step) solid var(--px-plum,var(--text));flex:none;display:block;position:relative;overflow:hidden}.today-art .today-cover{top:calc(var(--crop-y) * -1 * var(--px-step));left:calc(var(--crop-x) * -1 * var(--px-step));position:absolute}.today-emoji{place-items:center;width:100%;height:100%;font-size:1.2rem;display:grid}.today-art .today-check{padding:var(--px-step);background-color:var(--accent);box-shadow:calc(-1 * var(--px-step)) calc(-1 * var(--px-step)) 0 var(--px-plum,var(--text));position:absolute;bottom:0;right:0}.today-tile-name{text-overflow:ellipsis;max-width:100%;overflow:hidden}.today-tile-state{color:var(--muted);font-family:var(--mono);font-size:.7rem}.today-tile.solved .today-tile-state{color:var(--accent);font-weight:700}.today-tile-streak{color:var(--muted);font-family:var(--mono);align-items:center;gap:2px;font-size:.7rem;display:inline-flex}.today-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;font-size:.95rem;display:flex}.today-meta>span{align-items:center;gap:6px;display:inline-flex}.today-tally{color:var(--text)}.today .num,.today .countdown{font-family:var(--mono);font-weight:700}.today-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.today-actions .btn{flex:auto}.today-all-done{min-height:var(--tap);color:var(--accent);flex:auto;justify-content:center;font-size:1rem}.today-countdown{color:var(--muted);flex:none;align-items:center;gap:6px;margin-inline:auto;font-size:.95rem;display:inline-flex}.today-countdown .countdown{color:var(--text)}@media (min-width:760px){.today{gap:12px;padding:14px 18px 18px}.today-tiles{gap:10px}.today-tile-link{font-size:.9rem}.today-tile-state,.today-tile-streak{font-size:.8rem}}.hub-missing{border:calc(2 * var(--px-step)) dashed var(--danger);color:var(--danger);text-align:center;align-self:center;padding:8px 12px;font-weight:700}.game-select{justify-content:center;gap:var(--gap);flex-wrap:wrap;padding:4px 0;display:flex}@media (max-width:759px){.game-select{margin-inline:calc(2px - var(--page-pad) - var(--safe-left)) calc(2px - var(--page-pad) - var(--safe-right))}}.game-card{width:calc((176 + var(--bz-l) + var(--bz-r)) * var(--s) * 1px);transition:transform .12s var(--ease);flex-direction:column;gap:10px;display:flex;position:relative}.game-card:is(:hover,:focus-within){transform:translateY(-2px)}.cover-link{color:inherit;text-decoration:none;display:block;position:relative}.cover-link:focus-visible{box-shadow:none;outline:none}.bezel{border-style:solid;border-width:calc(var(--bz-t) * var(--s) * 1px) calc(var(--bz-r) * var(--s) * 1px) calc(var(--bz-b) * var(--s) * 1px) calc(var(--bz-l) * var(--s) * 1px);border-image:var(--hub-bezel) var(--bz-t) var(--bz-r) var(--bz-b) var(--bz-l) stretch;box-shadow:var(--shadow);display:block;position:relative}.bezel:after{content:"";inset:calc(var(--bz-t) * var(--s) * -1px) calc(var(--bz-r) * var(--s) * -1px) calc(var(--bz-b) * var(--s) * -1px) calc(var(--bz-l) * var(--s) * -1px);border:inherit;border-image:var(--hub-bezel-focus) var(--bz-t) var(--bz-r) var(--bz-b) var(--bz-l) stretch;filter:hue-rotate(calc((var(--hue) - 43) * 1deg));opacity:0;transition:opacity .12s var(--ease);pointer-events:none;position:absolute}.game-card:is(:hover,:focus-within) .bezel:after{opacity:1}.cover{display:block}.cover-missing{width:calc(176px * var(--s));height:calc(120px * var(--s));background:var(--surface);color:var(--danger);text-align:center;place-items:center;padding:12px;font-weight:700;display:grid}.cursor{top:50%;left:calc(-10px * var(--s));filter:drop-shadow(calc(1px * var(--s)) calc(1px * var(--s)) 0 #1f1a2459);display:none;position:absolute;transform:translateY(-50%)}@media (max-width:759px){.cursor{left:calc(-2px * var(--s))}}.game-card:is(:hover,:focus-within) .cursor{animation:.6s steps(2,jump-none) infinite alternate hub-bob;display:block}@keyframes hub-bob{0%{translate:0}to{translate:calc(2px * var(--s)) 0}}.sparkle{top:calc(-1px * var(--s));right:calc(-1px * var(--s));width:calc(5px * var(--s));height:calc(5px * var(--s));display:none;position:absolute}.sparkle-frame{opacity:0;position:absolute;inset:0}.game-card:is(:hover,:focus-within) .sparkle{display:block}.game-card:is(:hover,:focus-within) .sparkle-frame{animation:hub-twinkle .64s steps(1, end) var(--twinkle-delay,0s) 1 forwards}.sparkle-frame:nth-child(2){--twinkle-delay:.16s}.sparkle-frame:nth-child(3){--twinkle-delay:.32s}.sparkle-frame:nth-child(4){--twinkle-delay:.48s}@keyframes hub-twinkle{0%{opacity:1}25%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.game-card:is(:hover,:focus-within){transform:none}.game-card:is(:hover,:focus-within) :is(.cursor,.sparkle){display:none}}.game-pitch{padding:0 calc(var(--bz-l) * var(--s) * 1px);color:var(--muted);flex:1}.game-actions{padding:0 calc(var(--bz-l) * var(--s) * 1px);flex-wrap:wrap;gap:8px;display:flex}.game-actions .btn{white-space:nowrap;flex:auto;padding-inline:10px}.game-card.planned{opacity:.7}.hub-foot{border-top:calc(2 * var(--px-step)) solid var(--border);color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:auto;padding-top:16px;font-size:.95rem;display:flex}.hub-foot .kit-icon{vertical-align:text-bottom}