body{--accent:#a8c9b5}.shuffle-stats{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted,#aab0b6);margin-bottom:24px}.shuffle-stats strong{font-size:22px;font-weight:500;color:var(--ink,#f0f2f3);font-variant-numeric:tabular-nums;margin-right:5px}.shuffle-grid{display:grid;gap:8px;width:min(100%,460px);margin:0 auto}.shuffle-tile{position:relative;aspect-ratio:1;min-width:0;min-height:0;padding:0!important;border:1px solid #667078!important;border-radius:7px!important;background:#303740!important;color:#f4f6f5!important;font:500 clamp(22px,5vw,36px)/1 Georgia,serif;display:grid;place-items:center;transition:transform .13s,box-shadow .13s}.shuffle-tile.correct{background:#285540!important;border-color:#82ae94!important}.shuffle-tile.present{background:#705426!important;border-color:#ba9c67!important}.shuffle-tile.selected{box-shadow:0 0 0 3px var(--accent);transform:translateY(-2px);z-index:1}.shuffle-tile small{position:absolute;right:5px;bottom:4px;font:12px/1 system-ui}.shuffle-gap{aspect-ratio:1}.shuffle-key{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:center;margin:23px 0 16px;font-size:12px;color:var(--muted,#b2b9be)}.shuffle-key span{display:flex;gap:6px;align-items:center}.shuffle-key i{display:grid;place-items:center;min-width:23px;height:23px;font-style:normal;color:#fff;border-radius:4px;background:#303740}.shuffle-key .green{background:#285540}.shuffle-key .amber{background:#705426}.shuffle-note{font-size:13px;color:var(--muted,#b2b9be);text-align:center;min-height:40px;margin:16px 0}.shuffle-extra{margin:0;text-align:center;color:var(--accent);font-size:14px}.shuffle-clear{display:block;margin:14px auto 0}.shuffle-tile:focus-visible{outline:3px solid #f0e3ba;outline-offset:3px}@media(max-width:420px){.shuffle-grid{gap:6px}.shuffle-tile small{font-size:11px;right:3px;bottom:3px}.shuffle-stats{margin-bottom:18px}.shuffle-tile{border-radius:4px!important}}