.cg{--cw:34px;margin:10px 0 8px}.cg-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.cg-levels{flex-wrap:wrap;gap:6px;display:flex}.cg-level{border:2px solid var(--line);min-height:46px;color:var(--ink);font:inherit;background:var(--surface);box-shadow:0 3px 0 var(--line);cursor:pointer;border-radius:999px;padding:9px 16px;font-size:1.08rem;font-weight:750}.cg-level[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.cg-date{margin:0;font-size:1.1rem;font-weight:750}.cg-clock{font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:1.3rem;font-weight:750;display:flex}.cg-pause{border:2px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.cg.no-timer .cg-clock{visibility:hidden}.cg-play{grid-template-areas:"main""keys""side";align-items:start;gap:10px 24px;display:grid}@media (width>=900px){.cg-play{grid-template:"main keys""main side"1fr/minmax(0,1fr) 400px}}.cg-main{grid-area:main;min-width:0}.cg-keys{grid-area:keys;position:relative}.cg-side{grid-area:side}.cg-bar{justify-content:space-between;align-items:center;gap:10px;min-height:44px;margin-bottom:8px;display:flex}.cg-warn{pointer-events:none;padding-bottom:6px;display:flex;position:absolute;bottom:100%;left:0;right:0}.cg-warn .mistake-banner{flex:auto}@media (width>=900px){.cg-warn{min-height:64px;padding-bottom:8px;position:static}}.cg-tray{padding:10px;position:relative}@media (width<=479px){.cg-tray{border-radius:16px;padding:7px}}.cg-paper{color:#2a2017;color-scheme:light;background:#fffaf1;border-radius:10px;padding:14px 10px 12px}@media (width<=479px){.cg-paper{padding:12px 6px 10px}}.cg-board{touch-action:manipulation;-webkit-user-select:none;user-select:none;min-height:120px;line-height:0}.cg-loading{margin:0;padding:30px 8px;font-size:1.1rem;line-height:1.5}.cg-w{vertical-align:top;align-items:flex-end;margin:0 0 10px;display:inline-flex}.cg-w.sp{margin-right:calc(var(--cw) * .55)}.cg-c{width:var(--cw);color:#2a2017;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:center;margin:0 1px;padding:0;display:inline-flex}.cg-c .g{width:100%;height:calc(var(--cw) * 1.08);line-height:calc(var(--cw) * 1.08);font-family:var(--font-display);font-size:calc(var(--cw) * .84);text-align:center;color:#1f5c99;border-bottom:3px solid #2a2017;font-weight:800;display:block}.cg-c .k{line-height:1.1;font-size:calc(var(--cw) * .56);color:#5d4c3b;margin-top:3px;font-weight:700;display:block}.cg-c.given .g{color:#2a2017}.cg-c.hinted .g{color:#1d6b42}.cg-c.same{background:#f6e3bf}.cg-c.sel{background:#efc58f}.cg-c.sel .g{border-bottom-width:4px;border-bottom-color:#a63d22}.cg-c.bad .g{color:#fff;text-underline-offset:4px;background:#c0261a;border-radius:6px 6px 0 0;text-decoration:underline 2px wavy}.cg-c.clash{outline-offset:1px;outline:3px dashed #b42318}.cg-c.clash .g{background:#fde2dc}.cg-c:focus-visible{outline:3px solid var(--focus);outline-offset:1px;z-index:1}.cg-p{width:calc(var(--cw) * .42);height:calc(var(--cw) * 1.08 + 3px);line-height:calc(var(--cw) * 1.15);font-family:var(--font-display);font-size:calc(var(--cw) * .8);text-align:center;color:#2a2017;flex-direction:column;justify-content:flex-start;font-weight:800;display:inline-flex}.cg-done .cg-c{cursor:default}.cg-done .cg-c .g{color:#1d6b42}.cg-credit{color:#2a2017;text-align:right;max-width:none;margin:4px 4px 0;font-size:1.05rem;font-weight:700;line-height:1.4}.cg-paused{background:var(--surface);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:1.3rem;font-weight:700;display:flex;position:absolute;inset:10px}.cg-paused p{margin:0}.cg-noscript{color:#2a2017;background:#fffaf1;border-radius:10px;margin:0;padding:12px}.cg-status{min-height:1.6em;color:var(--ink);margin:10px 0 0;font-size:1.12rem;font-weight:600;line-height:1.45}.cg-keys{background:var(--bg);padding:4px 0 6px}@media (width<=899px){.cg-keys{z-index:5;position:sticky;bottom:0;box-shadow:0 -8px 14px -10px #28180a66}}@media (width<=899px) and (height<=560px){.cg-keys{position:relative}}.cg-kbd{gap:6px;display:grid}.cg-row{justify-content:center;gap:5px;display:flex}.cg-key{border:2px solid var(--line);min-width:0;max-width:46px;height:52px;box-shadow:0 3px 0 var(--line);background:var(--surface);color:var(--ink);font:inherit;font-family:var(--font-display);cursor:pointer;border-radius:10px;flex:1 1 0;padding:0;font-size:1.4rem;font-weight:800;position:relative}.cg-key:hover{border-color:var(--brand)}.cg-key.used{background:var(--bg-2);color:var(--muted)}.cg-key.used:after{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}.cg-erase{flex:1.6 1 0;justify-content:center;align-items:center;max-width:74px;display:inline-flex}.cg-actions{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.cg .a{border:2px solid var(--line);min-height:60px;box-shadow:0 3px 0 var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;font-size:1rem;font-weight:750;display:flex}.cg .a small{color:var(--muted);text-align:center;font-size:.8rem;font-weight:700;line-height:1.1;display:block}.cg .a[disabled]{opacity:.5;cursor:default}.cg-more{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.cg-settings{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-top:12px;padding:8px 12px}.cg-settings summary{cursor:pointer;font-size:1.08rem;font-weight:750}.cg-settings label{align-items:center;gap:10px;padding:7px 0;font-size:1.05rem;display:flex}.cg-settings input{flex:none;width:22px;height:22px}.cg-keyhelp{color:var(--muted);margin:10px 0 0;font-size:.95rem}@media (hover:none){.cg-keyhelp{display:none}}.cg-win{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;width:calc(100vw - 32px);max-width:460px;padding:22px 24px}.cg-win::backdrop{background:#00000080}.cg-win h2{margin:0 0 8px}.cg-win-quote{color:#2a2017;background:#fffaf1;border-left:5px solid #7a5a2e;border-radius:8px;margin:0 0 10px;padding:12px 14px}.cg-win-text{margin:0;font-size:1.15rem;font-weight:650;line-height:1.45}.cg-win-who{margin-top:6px;font-size:.98rem}.cg-win-who a{color:#7a3a1a}.cg-win-body{font-size:1.05rem}.cg-win-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}@media (width<=479px){.cg-lives .lives-count{font-size:1rem}.cg-banner{padding:6px 10px;font-size:1.15rem}.cg-key{border-radius:8px;height:48px;font-size:1.3rem}.cg .a{min-height:54px}.cg-level{padding:8px 14px}.cg-row{gap:4px}}@media print{.site-header,.shelf,.site-footer,.cg-top,.cg-side,.cg-keys,.cg-bar,.cg-status,.crumbs,main>:not(.cg){display:none!important}.cg-tray.tray{box-shadow:none;background:0 0;padding:0}.cg .cg-board{--cw:.42in!important}.cg-c,.cg-c.sel,.cg-c.same{background:#fff!important}.cg-c:not(.given) .g{color:#0000!important;background:0 0!important}.cg-credit{display:none!important}}