[data-coordinate-grid]{--grid-panel:#0d1019;--grid-paper:#f4eee2;--grid-muted:#a9abbd;--grid-line:#f4eee21f;--grid-ink:#131522;--grid-accent:#94caff;--grid-gold:#ffdf62;--grid-gap:clamp(.2rem, .45vw, .45rem);--grid-pad:clamp(.65rem, 1.6vw, 1.4rem);max-width:100%;padding:var(--grid-pad);background:radial-gradient(ellipse at 60% 0%, #2c44663d, transparent 60%), radial-gradient(ellipse at 8% 100%, #3a2c5c26, transparent 55%), var(--grid-panel);color:var(--grid-paper);border:1px solid #7a849947;border-radius:.3rem;position:relative;overflow:hidden;box-shadow:0 20px 55px #070b1540,inset 0 1px #ffffff0d}[data-coordinate-grid][data-grid-mode=receipt]{--grid-gap:clamp(.1rem, .3vw, .25rem);--grid-pad:clamp(.5rem, 1.2vw, .85rem)}[data-grid-heading]{color:var(--grid-muted);font-family:var(--font-ibm-plex-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:clamp(.6rem,1.4vw,1rem);font-size:clamp(.5rem,1.1vw,.62rem);font-weight:600;display:flex}[data-grid-heading]>p:last-child{font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:none}[data-grid-heading]>p:last-child>span:first-child{color:var(--grid-gold)}[data-grid-viewport]{margin:calc(-1 * var(--grid-pad));padding:var(--grid-pad);overscroll-behavior-x:contain;position:relative;overflow-x:auto}[data-grid-mode=receipt]>[data-grid-viewport]{overflow:hidden}[data-grid-viewport]:focus-visible{outline:2px solid var(--grid-accent);outline-offset:-2px}[data-grid-cells]{gap:var(--grid-gap);--grid-tile:calc((100cqw - (var(--grid-columns) - 1) * var(--grid-gap)) / var(--grid-columns));display:grid;position:relative;container-type:inline-size}[data-grid-light]{pointer-events:none;position:absolute;inset:0}[data-grid-light]>canvas{visibility:hidden;display:block;position:absolute}[data-grid-renderer=lit] [data-grid-light]>canvas{visibility:visible}[data-coordinate-grid] [role=gridcell]{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--grid-family-color) 38%, transparent);border-radius:clamp(2px, calc(var(--grid-tile) * .085), 6px);background:linear-gradient(180deg, color-mix(in srgb, var(--grid-family-color) 14%, var(--grid-panel)), color-mix(in srgb, var(--grid-family-color) 7%, var(--grid-panel)));min-width:0;color:color-mix(in srgb, var(--grid-family-color) 56%, white);text-align:center;justify-content:center;align-items:center;font-weight:600;line-height:1;transition:background-color .3s,border-color .3s;display:flex;position:relative}[data-coordinate-grid] [role=gridcell][data-revealed=true]{border-color:color-mix(in srgb, var(--grid-family-color) 50%, white);background:radial-gradient(120% 110% at 50% 36%, color-mix(in srgb, var(--grid-family-color) 74%, white), var(--grid-family-color) 80%);box-shadow:0 0 calc(var(--grid-tile) * .32) color-mix(in srgb, var(--grid-family-color) 34%, transparent);color:var(--grid-ink)}[data-coordinate-grid] [role=gridcell][data-group-complete]{border-color:color-mix(in srgb, var(--grid-family-color) 30%, white);box-shadow:0 0 0 calc(var(--grid-gap) / 2) color-mix(in srgb, var(--grid-family-color) 30%, white), 0 0 calc(var(--grid-tile) * .42) color-mix(in srgb, var(--grid-family-color) 44%, transparent)}[data-coordinate-grid] [role=gridcell][data-focused]{z-index:2;outline:2px solid var(--grid-gold);outline-offset:2px}[data-coordinate-grid][data-grid-renderer=lit] [role=gridcell]{box-shadow:none;background:0 0;border-color:#0000;outline:none}[data-cell-index]{top:calc(var(--grid-tile) * .1);left:calc(var(--grid-tile) * .11);font-family:var(--font-ibm-plex-mono), ui-monospace, monospace;font-size:clamp(4.5px, calc(var(--grid-tile) * .2), .68rem);opacity:.82;font-weight:500;line-height:1;position:absolute}[data-revealed=true]>[data-cell-index]{opacity:.6}[data-cell-label]{z-index:1;font-size:calc(var(--grid-tile) * .42);letter-spacing:-.02em;position:relative;translate:0 9%}[data-cell-name]{z-index:1;overflow-wrap:anywhere;max-width:100%;font-size:clamp(5px, calc(var(--grid-tile) * .135), .6rem);padding-inline:1px;font-weight:700;line-height:.95;position:relative;translate:0 12%}[data-cell-symbol]{top:calc(var(--grid-tile) * .1);right:calc(var(--grid-tile) * .11);font-family:var(--font-ibm-plex-mono), ui-monospace, monospace;font-size:clamp(4.5px, calc(var(--grid-tile) * .16), .55rem);opacity:.62;font-weight:700;position:absolute}@container (max-width:31rem){[data-revealed=true]:not([data-study-visible])>[data-cell-index]{display:none}[data-cell-label]{font-size:calc(var(--grid-tile) * .5);translate:none}}[data-celebrating]>:is([data-cell-label],[data-cell-name]){animation:grid-label-arrive .9s cubic-bezier(.2, .8, .3, 1) var(--grid-arrive,0s) both}[data-coordinate-grid]:not([data-grid-renderer=lit]) [role=gridcell][data-celebrating]:after{border-radius:inherit;content:"";opacity:0;animation:grid-tile-flash 1.4s ease-out var(--grid-arrive,0s) both;background:#fffdf2;position:absolute;inset:-1px}@keyframes grid-label-arrive{0%{scale:1}22%{scale:1.24}52%{scale:.95}76%{scale:1.04}to{scale:1}}@keyframes grid-tile-flash{0%{opacity:0}12%{opacity:.85}to{opacity:0}}[data-grid-spotlight]{min-width:0;min-height:0;padding:calc(var(--grid-tile) * .16) calc(var(--grid-tile) * .5) calc(var(--grid-tile) * .3);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}[data-spotlight-eyebrow]{color:var(--grid-accent);font-family:var(--font-ibm-plex-mono), ui-monospace, monospace;font-size:clamp(5px, calc(var(--grid-tile) * .2), .68rem);letter-spacing:.2em;text-transform:uppercase;font-weight:600;line-height:1.2;transition:color .3s}[data-spotlight-complete]>[data-spotlight-eyebrow]{color:color-mix(in srgb, var(--grid-family-color) 70%, white);animation:.9s cubic-bezier(.2,.8,.3,1) both grid-spotlight-announce}[data-spotlight-answer]{align-items:flex-end;gap:calc(var(--grid-tile) * .32);min-width:0;display:flex}[data-spotlight-symbol]{font-size:calc(var(--grid-tile) * 1.34);letter-spacing:-.07em;text-shadow:0 0 calc(var(--grid-tile) * .55) color-mix(in srgb, currentColor 45%, transparent);font-weight:600;line-height:.82;animation:.52s ease-out both grid-spotlight-strike}[data-spotlight-text]{min-width:0;padding-bottom:calc(var(--grid-tile) * .02);flex:1;display:block}[data-spotlight-name]{font-family:Georgia,Times New Roman,serif;font-size:calc(var(--grid-tile) * .56);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-weight:400;line-height:1.1;display:block;overflow:hidden}[data-spotlight-meta]{margin-top:calc(var(--grid-tile) * .08);color:var(--grid-muted);font-family:var(--font-ibm-plex-mono), ui-monospace, monospace;font-size:clamp(5px, calc(var(--grid-tile) * .2), .7rem);text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}[data-spotlight-group]{align-items:flex-end;gap:calc(var(--grid-tile) * .12);padding-bottom:calc(var(--grid-tile) * .04);flex-direction:column;flex:none;display:flex}[data-spotlight-count]{color:var(--grid-muted);font-family:var(--font-ibm-plex-mono), ui-monospace, monospace;font-size:clamp(5px, calc(var(--grid-tile) * .2), .7rem);font-variant-numeric:tabular-nums;font-weight:600;transition:color .3s}[data-spotlight-group][data-group-complete]>[data-spotlight-count]{color:color-mix(in srgb, var(--grid-family-color) 70%, white)}[data-spotlight-pips]{max-width:calc(var(--grid-tile) * 3.6);justify-content:flex-end;gap:calc(var(--grid-tile) * .06);flex-wrap:wrap-reverse;display:flex}[data-spotlight-pips]>span{width:calc(var(--grid-tile) * .15);height:calc(var(--grid-tile) * .15);border:1px solid color-mix(in srgb, var(--grid-family-color) 45%, transparent);border-radius:1px;transition:background-color .3s,box-shadow .3s}[data-spotlight-pips]>span[data-on]{background:var(--grid-family-color);box-shadow:0 0 calc(var(--grid-tile) * .12) color-mix(in srgb, var(--grid-family-color) 60%, transparent);border-color:#0000}[data-spotlight-count-line]{align-items:baseline;gap:0 calc(var(--grid-tile) * .16);flex-wrap:wrap;display:flex}[data-spotlight-count-line]>span:first-child{font-size:calc(var(--grid-tile) * 1.2);letter-spacing:-.07em;font-weight:600;line-height:.9}[data-spotlight-count-line]>span:not(:first-child){color:var(--grid-muted);font-family:var(--font-ibm-plex-mono), ui-monospace, monospace;font-size:clamp(5px, calc(var(--grid-tile) * .2), .75rem);letter-spacing:.06em;text-transform:uppercase;font-weight:600}[data-spotlight-count-line]>[data-spotlight-groups]{margin-top:calc(var(--grid-tile) * .1);color:var(--grid-gold);flex-basis:100%}[data-spotlight-bar]{right:calc(var(--grid-tile) * .5);bottom:calc(var(--grid-tile) * .08);left:calc(var(--grid-tile) * .5);background:#ffffff14;height:2px;position:absolute}[data-spotlight-bar]>span{background:linear-gradient(90deg,#8c9cff,#76c7ff,#75e6c4,#ffdf62);height:100%;transition:width .5s;display:block}@keyframes grid-spotlight-strike{0%{opacity:.2}22%{opacity:1}34%{opacity:.45}52%{opacity:1}}@keyframes grid-spotlight-announce{0%{letter-spacing:.42em;opacity:0}to{letter-spacing:.2em;opacity:1}}[data-grid-legend]{color:var(--grid-muted);font-family:var(--font-ibm-plex-mono), ui-monospace, monospace;flex-wrap:wrap;gap:.45rem 1.1rem;margin-top:clamp(.7rem,1.6vw,1.1rem);font-size:clamp(.45rem,1.05vw,.62rem);font-weight:500;display:flex}[data-grid-mode=receipt]>[data-grid-legend]{gap:.25rem .8rem;margin-top:.55rem}[data-grid-legend]>span{flex:none;align-items:center;gap:.4rem;transition:color .4s;display:flex}[data-legend-lamp]{border:1px solid var(--grid-family-color);background:color-mix(in srgb, var(--grid-family-color) 55%, transparent);border-radius:1px;flex:none;width:.6em;height:.6em;transition:background-color .4s,box-shadow .4s}[data-legend-count]{font-variant-numeric:tabular-nums;opacity:.6}[data-grid-legend]>span[data-group-complete]{color:var(--grid-paper)}[data-grid-legend]>span[data-group-complete]>[data-legend-lamp]{border-color:color-mix(in srgb, var(--grid-family-color) 40%, white);background:color-mix(in srgb, var(--grid-family-color) 70%, white);box-shadow:0 0 .7em .1em color-mix(in srgb, var(--grid-family-color) 70%, transparent)}[data-grid-legend]>span[data-group-complete]>[data-legend-count]{color:color-mix(in srgb, var(--grid-family-color) 70%, white);opacity:1}[data-grid-legend]>span[data-celebrating]>[data-legend-lamp]{animation:1.2s ease-out 1.6s both grid-legend-light}@keyframes grid-legend-light{0%{scale:1;box-shadow:0 0 #0000}18%{box-shadow:0 0 1.4em .5em color-mix(in srgb, var(--grid-family-color) 80%, transparent);scale:1.7}to{scale:1}}@media (prefers-reduced-motion:reduce){[data-coordinate-grid] *,[data-coordinate-grid] :after{transition:none!important;animation:none!important}}