.g-shadow-match{--sm-ink:#2b2b36;--sm-sky:#dff1fb;--sm-ground:#cbd5e1;gap:var(--sp-3)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .g-shadow-match{--sm-ink:#0a0a10;--sm-sky:#22364a;--sm-ground:#34495e}}:root[data-theme=dark] .g-shadow-match{--sm-ink:#0a0a10;--sm-sky:#22364a;--sm-ground:#34495e}.g-shadow-match :focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}.g-shadow-match .sm-head{justify-content:center;align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;width:100%;display:flex}.g-shadow-match .sm-dots{gap:5px;display:flex}.g-shadow-match .sm-dot{border-radius:var(--r-full);background:var(--c-surface-3);width:8px;height:8px}.g-shadow-match .sm-dot.is-done{background:var(--c-brand)}.g-shadow-match .sm-dot.is-now{background:var(--c-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-accent) 26%, transparent)}.g-shadow-match .sm-chip{padding-block:var(--sp-1);padding-inline:var(--sp-3);border-radius:var(--r-full);background:var(--c-brand-soft);color:var(--c-brand);font-size:var(--fs-sm);font-weight:var(--fw-semi);white-space:nowrap}.g-shadow-match .sm-shadowbox{aspect-ratio:1.5;border-radius:var(--r-xl);background:var(--sm-sky);width:min(100%,260px);box-shadow:var(--shadow-sm);place-items:center;display:grid;position:relative;overflow:hidden}.g-shadow-match .sm-ground{background:var(--sm-ground);height:18%;position:absolute;inset-block-end:0;inset-inline:0}.g-shadow-match .sm-shadow{aspect-ratio:1;width:62%;height:auto;position:relative;transform:translateY(6%)}.g-shadow-match .sm-shadow *{fill:var(--sm-ink)!important;stroke:var(--sm-ink)!important}.g-shadow-match .sm-options{justify-content:center;gap:var(--sp-2);width:min(100%, calc(var(--sm-cols,2) * 140px));flex-wrap:wrap;display:flex}.g-shadow-match .sm-tile{flex:0 0 calc((100% - (var(--sm-cols,2) - 1) * var(--sp-2)) / var(--sm-cols,2));aspect-ratio:1;min-width:var(--tap);border:2px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);cursor:pointer;place-items:center;padding:8%;display:grid;position:relative}.g-shadow-match .sm-art{width:100%;height:100%;display:block}.g-shadow-match .sm-figure{filter:drop-shadow(0 2px 2px #0000002e);width:100%;height:100%}.g-shadow-match .sm-tile.is-answer{border-color:var(--c-good);background:var(--c-good-soft)}.g-shadow-match .sm-tick{border-radius:var(--r-full);background:var(--c-good);width:22px;height:22px;color:var(--c-text-on-accent);fill:none;stroke:currentColor;stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;opacity:0;pointer-events:none;padding:3px;position:absolute;inset-block-start:-6px;inset-inline-end:-6px}.g-shadow-match .sm-tile.is-answer .sm-tick{opacity:1}.g-shadow-match .sm-tile.is-chosen{border-color:var(--c-warn);background:var(--c-warn-soft)}.g-shadow-match .sm-tile.is-dimmed{opacity:.35;cursor:default;border-style:dashed}.g-shadow-match .sm-tile:disabled{cursor:default}.g-shadow-match .sm-msg{max-width:34ch;min-height:2.6em;color:var(--c-text-dim);font-size:var(--fs-md);font-weight:var(--fw-med);line-height:var(--lh-snug);text-align:center;text-wrap:balance;margin:0}.g-shadow-match .sm-msg.is-good{color:var(--c-good);font-weight:var(--fw-bold)}.g-shadow-match .sm-msg.is-almost{color:var(--c-warn);font-weight:var(--fw-semi)}.g-shadow-match .sm-tile,.g-shadow-match .sm-tick,.g-shadow-match .sm-dot{transition:none}.g-shadow-match .sm-tile:active,.g-shadow-match .sm-tile:not(:disabled):active{transform:none}@media (prefers-reduced-motion:no-preference){.g-shadow-match.is-motion .sm-tile{transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), opacity var(--dur) var(--ease), transform var(--dur-fast) var(--ease)}.g-shadow-match.is-motion .sm-tick,.g-shadow-match.is-motion .sm-dot{transition:opacity var(--dur) var(--ease), background var(--dur) var(--ease)}.g-shadow-match.is-motion .sm-tile:not(:disabled):active{transform:scale(.95)}.g-shadow-match.is-motion .sm-shadow{animation:sm-drop var(--dur-slow) var(--ease-out)}@keyframes sm-drop{0%{opacity:0;transform:translateY(-4%)}to{opacity:1;transform:translateY(6%)}}}