.A-9twW_board{isolation:isolate;border-radius:var(--gm-board-radius,12px);background:var(--gm-sky-cell);touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;position:relative}.A-9twW_board:after{z-index:4;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--gm-sky-frame);content:"";pointer-events:none;transition:box-shadow .4s;position:absolute;top:0;bottom:0;left:0;right:0}.A-9twW_board[data-solved=true]:after{box-shadow:inset 0 0 0 2px var(--gm-good)}.A-9twW_grid{gap:var(--sm-gap);border-radius:inherit;background:var(--gm-sky-line);display:grid;overflow:hidden}.A-9twW_cell{aspect-ratio:1;background:var(--gm-sky-cell);-webkit-tap-highlight-color:transparent;border-radius:0;justify-content:center;align-items:center;min-width:0;padding:0;display:flex;position:relative;overflow:hidden}.A-9twW_cell[data-given],.A-9twW_board[data-locked=true] .A-9twW_cell{cursor:default}@media (hover:hover){.A-9twW_board:not([data-locked=true]) .A-9twW_cell:not([data-given]):hover:before{background:var(--gm-lift);content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}}.A-9twW_cell:focus-visible{outline:none}.A-9twW_cell:focus-visible:after{z-index:1;box-shadow:inset 0 0 0 1px var(--gm-ring-key), inset 0 0 0 3.8px var(--gm-ring), inset 0 0 0 4.8px var(--gm-ring-key);content:"";pointer-events:none;border-radius:7px;position:absolute;top:3px;bottom:3px;left:3px;right:3px}.A-9twW_wash,.A-9twW_lift,.A-9twW_ripple,.A-9twW_badRing,.A-9twW_hintRing{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.A-9twW_wash{background:linear-gradient(135deg, var(--gm-bad-hatch) 0 8%, transparent 8% 50%, var(--gm-bad-hatch) 50% 58%, transparent 58%) 0 0 / 20% 20%, var(--gm-bad-wash)}.A-9twW_badRing,.A-9twW_hintRing{border-radius:7px;top:3px;bottom:3px;left:3px;right:3px}.A-9twW_badRing{box-shadow:inset 0 0 0 2px var(--gm-bad)}.A-9twW_lift{background:var(--gm-gold-wash);box-shadow:inset 0 0 0 1px var(--gm-gold)}.A-9twW_hintRing{box-shadow:inset 0 0 0 1px var(--gm-ring-key), inset 0 0 0 3.8px var(--gm-ring), inset 0 0 0 4.8px var(--gm-ring-key);animation:1.5s ease-in-out infinite A-9twW_hint}.A-9twW_ripple{background:var(--gm-good-wash);opacity:0;animation:.62s ease-out both A-9twW_ripple}.A-9twW_glyph{animation:.2s cubic-bezier(.2,1.2,.4,1) both A-9twW_place;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.A-9twW_glyph svg{width:100%;height:100%}.A-9twW_cell[data-given] .A-9twW_glyph{animation:none}.A-9twW_cell[data-given] .A-9twW_nudge{animation:.32s ease-in-out A-9twW_nudge}.A-9twW_board[data-solved=true] .A-9twW_glyph{animation:.5s ease-out both A-9twW_settle}.A-9twW_signs{z-index:3;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.A-9twW_sign{--sign-bg:var(--gm-same-bg);--sign-fg:var(--gm-same-fg);width:calc(52.5% / var(--sm-size));aspect-ratio:1;min-width:16px;filter:drop-shadow(0 1px 1px var(--gm-sign-shadow));border-radius:999px;display:flex;position:absolute;transform:translate(-50%,-50%)}.A-9twW_sign[data-sign=diff]{--sign-bg:var(--gm-opp-bg);--sign-fg:var(--gm-opp-fg)}.A-9twW_sign svg{width:100%;height:100%}.A-9twW_sign.A-9twW_signBad{--sign-bg:var(--gm-bad);--sign-fg:var(--gm-sign-bad-fg)}.A-9twW_signHint:after{border-radius:inherit;box-shadow:0 0 0 2px var(--gm-ring), 0 0 0 3px var(--gm-ring-key);content:"";animation:1.5s ease-in-out infinite A-9twW_hint;position:absolute;top:-1.5px;bottom:-1.5px;left:-1.5px;right:-1.5px}@keyframes A-9twW_place{0%{opacity:0;transform:scale(.6)}}@keyframes A-9twW_settle{40%{transform:scale(1.14)}}@keyframes A-9twW_ripple{35%{opacity:1}}@keyframes A-9twW_hint{50%{opacity:.5}}@keyframes A-9twW_nudge{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.A-9twW_board:after{transition:none}.A-9twW_glyph,.A-9twW_cell[data-given] .A-9twW_nudge,.A-9twW_board[data-solved=true] .A-9twW_glyph,.A-9twW_hintRing,.A-9twW_signHint:after{animation:none}.A-9twW_ripple{display:none}}
