.cg-overlay{z-index:10;-webkit-backdrop-filter:blur(4px);background:oklch(14.5% 0 0/.92);justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.cg-overlay[hidden]{display:none}.cg-overlay-panel{width:100%;max-width:22rem;max-height:100%;padding:1.25rem;overflow-y:auto}.cg-grid{aspect-ratio:1;background:oklch(20% 0 0);border-radius:4px;grid-template-rows:repeat(13,1fr);gap:1px;width:100%;display:grid;overflow:hidden}.cg-row{background:oklch(20% 0 0);grid-template-columns:repeat(13,1fr);gap:1px;display:grid}.cg-cell{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:oklch(14% 0 0);justify-content:center;align-items:center;transition:background .12s;display:flex;position:relative;overflow:hidden}.cg-cell:hover{background:oklch(20% 0 0)}.cg-cell:active{background:oklch(22% 0 0)}.cg-cell:focus-visible{z-index:2;outline:2px solid var(--color-accent-300);outline-offset:-2px}.cg-grid{transition:transform .14s,box-shadow .14s}.cg-grid[data-dragging="1"]{transform-origin:50%;box-shadow:0 0 0 3px color-mix(in oklch, var(--color-accent-400) 65%, transparent);transform:scale(1.045)}.cg-cell[data-premium=TW]{background:oklch(28% .08 24)}.cg-cell[data-premium=TW]:hover{background:oklch(33% .09 24)}.cg-cell[data-premium=DW]{background:oklch(22% .05 340)}.cg-cell[data-premium=DW]:hover{background:oklch(27% .06 340)}.cg-cell[data-premium=TL]{background:oklch(22% .06 225)}.cg-cell[data-premium=TL]:hover{background:oklch(27% .07 225)}.cg-cell[data-premium=DL]{background:oklch(18% .04 200)}.cg-cell[data-premium=DL]:hover{background:oklch(23% .05 200)}.cg-cell-prem{font-family:var(--font-display);opacity:.7;letter-spacing:0;color:#fff;pointer-events:none;justify-content:center;align-items:center;font-size:.45rem;font-weight:700;display:flex;position:absolute;inset:0}.cg-cell[data-state=tile] .cg-cell-prem,.cg-cell[data-state=pending] .cg-cell-prem{display:none}.cg-cell-letter{font-family:var(--font-display);color:#fff;z-index:1;pointer-events:none;font-size:.6rem;font-weight:700;line-height:1}.cg-cell[data-state=tile]{cursor:default;background:oklch(88% .02 70)}.cg-cell[data-state=tile]:hover{background:oklch(88% .02 70)}.cg-cell[data-state=tile] .cg-cell-letter{color:oklch(12% 0 0)}.cg-cell[data-state=pending]{cursor:pointer;background:oklch(75% .12 162)}.cg-cell[data-state=pending]:hover{background:oklch(80% .13 162)}.cg-cell[data-state=pending] .cg-cell-letter{color:oklch(12% 0 0)}.cg-cell[data-letters="1"] .cg-cell-letter{font-size:clamp(.55rem,1.7vw,.9rem)}.cg-cell[data-letters="2"] .cg-cell-letter{font-size:clamp(.45rem,1.3vw,.7rem)}.cg-rack{min-height:3.25rem}.cg-rack-tile{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;background:oklch(88% .02 70);border:2px solid #0000;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:2.75rem;min-height:2.75rem;transition:background .1s,border-color .1s,transform .1s;display:flex;position:relative;overflow:hidden}.cg-rack-tile[data-state=empty]{border-color:var(--color-base-800);cursor:default;background:oklch(18% 0 0);border-style:dashed}.cg-rack-tile[data-state=tile]{background:oklch(88% .02 70);border-color:#0000}.cg-rack-tile[data-state=tile]:hover{background:oklch(92% .02 70)}.cg-rack-tile[data-state=tile]:active{transform:scale(.94)}.cg-rack-tile[data-state=selected]{background:var(--color-accent-400);border-color:var(--color-accent-200);transform:translateY(-4px);box-shadow:0 4px 12px oklch(80% .12 162/.4)}.cg-tile-letter{font-family:var(--font-display);color:oklch(10% 0 0);font-size:.95rem;font-weight:700;line-height:1}.cg-rack-tile[data-state=selected] .cg-tile-letter{color:#fff}.cg-tile-value{font-family:var(--font-display);color:oklch(35% 0 0);font-size:.45rem;font-weight:700;line-height:1;position:absolute;bottom:2px;right:3px}.cg-rack-tile[data-state=selected] .cg-tile-value{color:oklch(85% .1 162)}.cg-rack-tile[data-blank="1"]{border-style:dashed;border-color:var(--color-base-600)}.cg-ctrl-btn{border:1.5px solid var(--color-base-700);min-height:2.75rem;font-family:var(--font-display);color:var(--color-base-400);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;white-space:nowrap;background:0 0;border-radius:9999px;padding:.4rem .6rem;font-size:.7rem;font-weight:700;transition:border-color .1s,color .1s,background .1s}.cg-ctrl-btn:hover{border-color:var(--color-base-500);color:var(--color-base-200)}.cg-ctrl-btn:active{transform:scale(.96)}.cg-ctrl-btn:disabled{opacity:.35;cursor:not-allowed}.cg-ctrl-btn--primary{background:var(--color-accent-600);border-color:var(--color-accent-500);color:#fff}.cg-ctrl-btn--primary:hover{background:var(--color-accent-500);border-color:var(--color-accent-400)}.cg-ctrl-btn--primary:disabled{background:0 0}.cg-ctrl-btn--finish{color:var(--color-yellow-400);border-color:var(--color-yellow-800)}.cg-ctrl-btn--finish:hover{border-color:var(--color-yellow-600);color:var(--color-yellow-200)}.cg-blank-letter-btn{aspect-ratio:1;border:1.5px solid var(--color-base-700);min-width:2.75rem;min-height:2.75rem;font-family:var(--font-display);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:oklch(18% 0 0);border-radius:6px;font-size:.85rem;font-weight:700;transition:background .1s,border-color .1s}.cg-blank-letter-btn:hover{background:var(--color-accent-700);border-color:var(--color-accent-500)}.cg-blank-letter-btn:active{transform:scale(.93)}.cg-timer-bar[data-state=ok]{background-color:var(--color-accent-400)}.cg-timer-bar[data-state=warn]{background-color:var(--color-yellow-400)}.cg-timer-bar[data-state=crit]{background-color:oklch(65% .22 24)}@keyframes cg-blink{0%,to{opacity:1}50%{opacity:.35}}.cg-timer-crit{animation:.7s ease-in-out infinite cg-blink;color:oklch(75% .15 24)!important}.cg-final-callout{z-index:9;color:#fff;font-family:var(--font-display);letter-spacing:-.08em;text-align:center;text-transform:uppercase;pointer-events:none;background:oklch(14.5% 0 0/.62);place-items:center;font-size:clamp(4.5rem,24vw,10rem);font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.cg-final-callout[data-message=true]{letter-spacing:-.05em;font-size:clamp(2.25rem,11vw,5rem)}.cg-final-callout[hidden]{display:none}@keyframes cg-score-bump{0%{color:#fff;transform:scale(1)}40%{color:var(--color-accent-300);transform:scale(1.18)}to{color:#fff;transform:scale(1)}}.cg-score[data-bump="1"]{animation:.35s ease-out forwards cg-score-bump}@keyframes cg-error-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}#cg-error-msg{font-family:var(--font-display);color:oklch(72% .18 24);text-align:center;min-height:1.1rem;padding:0 .5rem;font-size:.7rem;transition:opacity .2s}#cg-error-msg[data-shake="1"]{animation:.35s ease-out cg-error-shake}@media (prefers-reduced-motion:reduce){.cg-cell,.cg-rack-tile{transition:none!important}.cg-score,.cg-timer-crit{animation:none!important}}