.cf-game{--cf-stitch:#e6eeff}.cf-board-surface{display:contents}.cf-turn-short,.cf-continue-short,.cf-phone-patch-select{display:none}@media (max-width:699px){.game-play-frame[data-play-active=true] .cs-play[data-board-size="9"][data-large-board=false][data-layer=patches] .cf-compact-tray{grid-column:1/3;display:block}.game-play-frame[data-play-active=true] .cs-play[data-board-size="9"][data-large-board=false][data-layer=patches] .cf-phone-patch-select{display:block}.game-play-frame[data-play-active=true] .cs-play[data-board-size="9"][data-large-board=false][data-layer=patches] .cf-compact-tray>button{display:none}.game-play-frame[data-play-active=true] .cs-play[data-board-size="9"][data-large-board=false][data-layer=patches] .cf-inline-tools{flex-wrap:nowrap;order:3;grid-column:3/-1}.game-play-frame[data-play-active=true] .cs-play[data-board-size="9"][data-large-board=false][data-layer=patches] :is(.cf-full-patch-label,.cf-turn-full){display:none}.game-play-frame[data-play-active=true] .cs-play[data-board-size="9"][data-large-board=false][data-layer=patches] .cf-turn-short{display:inline}}.cf-large-surface{grid-template-columns:minmax(64px,.7fr) minmax(0,2fr);align-items:start;gap:6px;min-width:0;display:grid}.cf-large-nav{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.cf-large-nav select,.cf-compact-tray select{color:#eff9ff;background:#173650;border:1px solid #96bad8;border-radius:8px;width:100%;min-width:0;min-height:44px;padding:5px;font-size:.875rem}.cf-board-overview{text-align:center;color:#bbd8f5;min-width:0;margin:0;font-size:.8125rem}.cf-board-overview svg{background:#10213b;border:1px solid #8eb7e6;border-radius:5px;width:100%;display:block}.cf-board-overview figcaption{margin-top:5px}.cf-overview-map{position:relative}.cf-overview-areas{border:0;min-width:0;margin:0;padding:0;display:grid;position:absolute}.cf-overview-area{cursor:pointer;touch-action:manipulation;background:0 0;border:0;min-width:0;min-height:0;margin:0;padding:0}.cf-overview-area:hover{background:#ffffff24;box-shadow:inset 0 0 0 1px #c9edff}.cf-overview-area:focus-visible{outline-offset:-3px;background:#ffffff24;outline:3px solid #ffda78}.cf-large-summary{color:#d7edff;font-size:.875rem;line-height:1.3}.game-play-frame[data-play-active=true] .cf-large-surface{order:2;grid-column:1/-1}.game-play-frame[data-play-active=true] .cf-large-surface .cf-board{grid-area:2/2;width:100%;padding:2px;position:static}.game-play-frame[data-play-active=true] .cs-play[data-large-board=true] .cf-number-pad{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.game-play-frame[data-play-active=true] .cs-play[data-large-board=true] .cf-compact-tray{display:block}.game-play-frame[data-play-active=true] .cs-play[data-large-board=true][data-layer=queens] :is(.cf-queen-regions,.cf-rainbow),.cf-message-short,.cf-large-play-label,.game-play-frame[data-play-active=true] .cs-play[data-large-board=true] .cf-large-help-label{display:none}.game-play-frame[data-play-active=true] .cs-play[data-large-board=true] .cf-large-play-label{display:inline}.game-play-frame[data-play-active=true] .cs-play[data-large-board=true][data-layer=queens] .cf-queen-tools>span,.game-play-frame[data-play-active=true] .cs-play[data-large-board=true][data-layer=queens] .cf-queen-tools svg{display:none}.game-play-frame[data-play-active=true] .cs-play[data-large-board=true][data-layer=queens] .cf-queen-tools button{min-height:44px}.game-play-frame[data-play-active=true] .cs-play[data-large-board=true] .cs-message{max-height:2.7em;line-height:1.35}.game-play-frame[data-play-active=true] .cs-message[data-compact=true] .cf-message-full{display:none}.game-play-frame[data-play-active=true] .cs-message[data-compact=true] .cf-message-short{display:inline}.game-play-frame[data-play-active=true] .cf-large-summary{order:6;grid-column:1/-1}.game-play-frame[data-play-active=true] .cf-context-slot{order:4;grid-column:1/-1}.cf-context-open,.cf-context-close{color:#eff9ff;background:#173650;border:1px solid #96bad8;border-radius:8px;min-height:44px;padding:5px 10px;font-size:.875rem}.cf-context-open{width:100%}.cf-context-open:disabled{opacity:.65}.cf-context-dialog[data-slot=dialog-content]{color:#edf7ff;background:#15243d;gap:6px;width:calc(100% - 16px);max-width:48rem;max-height:calc(100svh - 16px);padding:8px;overflow:auto}.cf-context-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.cf-context-header [data-slot=dialog-title]{white-space:nowrap;font-size:1rem;line-height:1.1}.cf-context-dialog select{color:#eff9ff;background:#173650;border:1px solid #96bad8;border-radius:8px;width:100%;min-width:0;min-height:44px;padding:4px 8px;font-size:.875rem}.cf-context-values{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:0;padding:0;list-style:none;display:grid}.cf-context-values li{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;border:1px solid #547497;border-radius:4px;padding:2px}.cf-context-values small{color:#c5d8ed;font-size:.75rem;line-height:1;display:block}.cf-context-values strong{font-size:1rem;font-weight:600;line-height:1;display:block}.cf-context-values [data-given=true] strong{font-weight:800;text-decoration:underline}.cf-context-values [data-target=true]{outline-offset:-2px;background:#34415b;outline:2px solid #ffda78}.cf-context-key{color:#c5d8ed;flex-wrap:wrap;justify-content:space-between;gap:4px;margin:0;font-size:.75rem;line-height:1.1;display:flex}@media (min-width:700px){.cf-context-dialog[data-slot=dialog-content]{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.cf-context-header{display:contents}.cf-context-header [data-slot=dialog-title]{grid-area:1/1}.cf-context-dialog select{grid-area:1/2}.cf-context-close{grid-area:1/3}.cf-context-values{grid-column:1/-1;grid-template-columns:repeat(8,minmax(0,1fr))}.cf-context-key{grid-column:1/-1}}.game-play-frame[data-play-active=true] .cs-play[data-large-board=true][data-lens-side="2"] .cf-board{justify-self:center;width:min(100%,max(96px,5rem))}@media (min-width:700px){.game-play-frame[data-play-active=true] .cf-large-surface{grid-area:auto;width:min(52vw,100svh - 76px,550px);position:absolute;top:6px;left:6px}.game-play-frame[data-play-active=true] .cs-play[data-large-board=true] .cf-modes{display:none}.game-play-frame[data-play-active=true] .cs-play[data-large-board=true] .cf-layer-select{color:#f1f8ff;background:#203650;border:1px solid #8ba6d0;border-radius:10px;order:1;grid-column:1/-1;width:100%;min-width:0;min-height:44px;padding:6px;font-size:.875rem;display:block}}.cf-audio{flex-wrap:wrap;gap:8px;display:flex}@media (min-width:700px) and (max-height:500px){.game-play-frame[data-play-active=true] .cs-play[data-large-board=true][data-layer=numbers] .cf-context-slot{order:5;grid-column:1/3}.game-play-frame[data-play-active=true] .cs-play[data-large-board=true][data-layer=numbers] .cs-tools{order:5;grid-column:3/-1}.game-play-frame[data-play-active=true] .cs-play[data-large-board=true][data-layer=numbers] .cf-context-open{white-space:normal;padding:4px 2px;line-height:1.2}.game-play-frame[data-play-active=true] .cs-play[data-large-board=true][data-layer=patches] .cf-placement-actions{order:5;grid-column:1/3}.game-play-frame[data-play-active=true] .cs-play[data-large-board=true][data-layer=patches] .cs-tools{order:5;grid-column:3/-1}.game-play-frame[data-play-active=true] .cs-play[data-large-board=true][data-layer=patches] .cf-compact-tray{order:3;grid-column:1/3}.game-play-frame[data-play-active=true] .cs-play[data-large-board=true][data-layer=patches] .cf-inline-tools{order:3;grid-column:3/-1}}.cf-modes{border:1px solid var(--cs-line);background:#091223;border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;display:grid}.cf-layer-select{display:none}.cf-mode{cursor:pointer;min-width:0;min-height:44px;color:var(--cs-muted);border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px 6px;font-size:.875rem;font-weight:650;display:flex}.cf-mode[data-active=true]{color:#fff;background:#293955;border-color:#8ba6d0;box-shadow:0 2px 8px #0003}.cf-mode[data-locked=true]{color:#b9cbe8;cursor:not-allowed;border-color:#344969}.cf-stage-note{color:#d5e7ff;margin:8px 0 12px;font-size:.875rem;line-height:1.5}.cf-mode [data-slot=radio-group-item]{border-color:#afc3df;width:13px;height:13px}.cf-mode [data-slot=radio-group-item]:focus-visible{outline-offset:3px;outline:2px solid #fff}.cf-instruction{color:var(--cs-muted);min-height:4.8em;margin:12px 0;font-size:.875rem;line-height:1.6}.cf-inline-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin:10px 0 12px;font-size:.875rem;display:flex}.cf-selected-shape{align-items:center;gap:8px;display:flex}.cf-selected-shape .cf-shape{width:64px;height:38px}.cf-compact-tray{display:none}.cf-number-pad{flex-wrap:wrap;gap:6px;margin:10px 0 12px;display:flex}.cf-number-pad .cs-quiet{flex:44px;min-width:44px;min-height:44px;font-size:1rem}.cf-board{isolation:isolate;min-inline-size:0;margin:0}.cf-board .cs-cell-wrap:before{content:"";z-index:5;pointer-events:none;border:solid #f4f7ff;border-width:var(--box-top,0px) var(--box-right,0px) var(--box-bottom,0px) var(--box-left,0px);position:absolute;inset:0}.cf-board [data-box-top=true]{--box-top:3px}.cf-board [data-box-left=true]{--box-left:3px}.cf-board [data-box-bottom=true]{--box-bottom:3px}.cf-board [data-box-right=true]{--box-right:3px}.cf-cell[data-fixed-queen=true] .cf-queen{filter:drop-shadow(0 0 2px #fff);stroke-dasharray:2 1}.cf-pending-digit{color:#cfedff;font-size:.875rem;line-height:1.35;display:block}.cf-number-pad select{color:#fff;background:#142943;border:1px solid #90a9c9;border-radius:8px;min-width:72px;min-height:44px;padding:4px 12px;font-size:1rem}.game-play-frame[data-play-active=true] .cf-pending-digit{order:4;grid-column:1/-1}.cf-board .cf-cell{min-width:0;min-height:2.75rem}.cf-cell[data-covered=false]{background:#102840}.cf-cell[data-covered=false]:where([data-has-number=true]):not(:where([data-ghost=true],[data-invalid=true],[data-error=true],[data-queen-conflict=true])){background:#193e55}.cf-cell[data-covered=true]{background:color-mix(in srgb, var(--patch) 32%, #10243d)}.cf-cell[data-covered=false]:where(:hover:not([aria-disabled=true])):not(:where([data-ghost=true],[data-invalid=true],[data-error=true],[data-queen-conflict=true])){background:#24536c}.cf-cell[data-ghost=true]{background:color-mix(in srgb, var(--patch) 34%, #122238);box-shadow:inset 0 0 0 2px var(--patch)}.cf-cell[data-invalid=true]{background:#652f42;box-shadow:inset 0 0 0 2px #ff9dad}.cf-cell[data-error=true]{box-shadow:inset 0 0 0 2px #ffacb6}.cf-mark{grid-template-rows:13px auto;place-items:center;gap:1px;line-height:1;display:grid}.cf-queen-space{place-items:center;height:13px;display:grid}.cf-queen{width:17px;height:13px;fill:var(--queen-color,#ffe9a4);stroke:#111c3d;stroke-width:2.4px;filter:drop-shadow(0 0 1px #fff);position:absolute;top:3px;right:3px}.cf-queen-regions{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.cf-exclusion{fill:none;stroke:#f3f8ff;stroke-width:3px}.cf-cell[data-queen-conflict=true]{background:#5b2340;box-shadow:inset 0 0 0 3px #ff657a}.cf-cell[data-queen-conflict=true] .cf-queen{fill:#ff657a;stroke:#fff0f3}.cf-cell[data-queen-conflict=true]:after{content:"";pointer-events:none;border:2px dashed #ffd6de;border-radius:3px;position:absolute;inset:2px}.cf-queen-tools{align-items:center;gap:6px;margin:8px 0;display:flex}.cf-queen-tools button{height:auto;min-height:44px;padding:6px 10px;font-size:.875rem}.cf-queen-tools button[aria-pressed=true]{background:#30476b;border-color:#d4e9ff;box-shadow:inset 0 0 0 1px #d4e9ff}.cf-queen-tools>span{color:#d4e9ff;margin-left:auto;font-size:.875rem}.cf-queen-regions>span{color:#e7f0ff;background:#10203b;border:1px solid #566880;border-radius:9px;align-items:center;gap:5px;padding:7px 9px;font-size:.875rem;display:inline-flex}.cf-queen-regions svg{color:var(--queen-color);fill:var(--queen-color)}.cf-queen-regions [data-count="1"]{border-color:var(--queen-color)}.cf-queen-regions>span:not([data-count="0"]):not([data-count="1"]){border:2px dashed #ffacb6}.cf-digit{color:#d2ecff;font-size:clamp(1.05rem,2.7vw,1.6rem);font-weight:650}.cf-digit[data-given=true]{color:#ffe3a2;text-underline-offset:3px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}.cf-empty-mark{color:#8a9cb9;font-weight:400}.cf-stitch{border:1px dashed;border-radius:3px;padding:2px;font-size:.75rem;font-weight:800;line-height:1;position:absolute;top:4px;left:4px}.cf-error{color:#ffcbd2;font-size:.75rem;font-weight:800;position:absolute;bottom:3px;right:4px}.cf-rainbow{color:var(--cs-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;padding:13px 0;font-size:.8125rem;display:flex}.cf-rainbow>span{align-items:center;gap:6px;display:inline-flex}.cf-rainbow>div{flex-wrap:wrap;gap:5px;display:flex}.cf-rainbow>div>span{color:#bac8df;font-variant-numeric:tabular-nums;border:1px solid #566880;border-radius:7px;justify-content:center;align-items:center;min-width:25px;height:28px;padding:3px;font-weight:700;display:inline-flex;position:relative}.cf-rainbow [data-count=one]{color:#ffe6a2;background:#f5d47722;border-color:#f5d477}.cf-rainbow [data-count=many]{color:#ffd0db;background:#b4516426;border-color:#ffaabc}.cf-rainbow small{margin-left:2px;font-size:.75rem}.cf-key{color:var(--cs-muted);align-items:start;gap:7px;margin-top:14px;font-size:.8125rem;line-height:1.6;display:flex}.cf-key svg{flex-shrink:0;margin-top:4px}.cf-tray-help{color:var(--cs-muted);margin:0 0 14px;font-size:.875rem;line-height:1.6}.cf-tray{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cf-piece{width:100%;min-width:0;color:var(--piece-color);cursor:pointer;background:#0c172b;border:1px solid #495b75;border-radius:12px;flex-direction:column;align-items:start;gap:8px;padding:12px 10px;transition:background .15s,border-color .15s;display:flex}.cf-piece[aria-pressed=true]{border-color:var(--piece-color);background:color-mix(in srgb, var(--piece-color) 12%, #0c172b);box-shadow:inset 0 0 0 1px var(--piece-color)}.cf-piece:hover:not(:disabled){border-color:var(--piece-color);background:color-mix(in srgb, var(--piece-color) 16%, #0c172b)}.cf-piece:focus-visible{outline-offset:3px;outline:3px solid #fff}.cf-piece:disabled{cursor:default}.cf-piece strong{font-size:.875rem;display:block}.cf-piece small{color:var(--cs-muted);margin-top:3px;font-size:.75rem;display:block}.cf-shape{filter:drop-shadow(0 3px 2px #0004);width:100%;height:44px}.cf-reset{gap:15px;padding:0 18px 18px;display:grid}.cf-reset a{color:var(--cs-muted);text-underline-offset:4px;align-items:center;gap:8px;font-size:.875rem;text-decoration:underline;display:inline-flex}.cf-placement-actions{margin-top:12px}.cf-feedback{pointer-events:none;opacity:0;border:2px solid #e4f8ff;border-radius:5px;position:absolute;inset:2px}.cf-feedback[data-kind=number]{border-color:#8feaff;box-shadow:inset 0 0 10px #42c8ed70}.cf-feedback[data-kind=patch]{border-color:var(--patch);box-shadow:inset 0 0 10px color-mix(in srgb, var(--patch) 45%, transparent)}.cf-feedback[data-kind=queen]{border-color:#ffe3a2;box-shadow:inset 0 0 10px #ffc24b60}@media (prefers-reduced-motion:no-preference){.cf-game[data-motion=true] .cf-feedback{animation:.45s ease-out cf-place}.cf-game[data-motion=true] .cf-queen[data-arriving=true]{transform-origin:50%;animation:.3s ease-out cf-crown-arrive}.cf-game[data-motion=true] .cf-board[data-unlock]{animation:.6s ease-out cf-unlock}.cf-board[data-unlock=patches]{--unlock-color:#bba5ff}.cf-board[data-unlock=queens]{--unlock-color:#ffe3a2}.cf-board[data-unlock=solved]{--unlock-color:#9ffbd3}@keyframes cf-place{0%{opacity:.95}to{opacity:0}}@keyframes cf-crown-arrive{0%{transform:scale(.82)}to{transform:scale(1)}}@keyframes cf-unlock{35%{box-shadow:inset 0 0 0 3px var(--unlock-color), 0 0 22px color-mix(in srgb, var(--unlock-color) 40%, transparent)}}}.cf-library{border:1px solid var(--cs-line);background:#12253d;border-radius:18px;margin:0 0 18px;padding:14px 18px}.cf-library-caption,.cf-library-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cf-library-caption{justify-content:space-between;margin-bottom:10px;font-size:.875rem}.cf-library-caption strong{color:#83efff;font-size:1rem}.cf-library-controls [data-slot=select-trigger]{color:#f0f7ff;background:#0c1a30;border-color:#48627d;min-height:44px;font-size:.875rem}.cf-library-number{align-items:center;gap:8px;font-size:.875rem;display:flex}.cf-library-number input{color:#fff;background:#0c1a30;border:1px solid #48627d;border-radius:8px;width:5.5rem;min-height:44px;padding:8px;font-size:1rem}.cf-library input:focus-visible{outline-offset:2px;outline:2px solid #83efff}.cf-library-note{color:#c5d5e7;margin:9px 0 0;font-size:.875rem}@media (max-width:540px){.cf-library{padding:12px}.cf-library-controls{gap:8px}.cf-library-controls>button{flex-grow:1}.cf-library-number{flex-grow:1;justify-content:space-between}}@media (max-width:820px){.cf-compact-tray{flex-wrap:wrap;gap:4px;display:flex}.cf-compact-tray .cs-quiet{min-width:28px;color:var(--piece-color);flex:28px;padding-inline:3px}.cf-compact-tray [aria-pressed=true]{border-color:var(--piece-color);box-shadow:inset 0 0 0 1px var(--piece-color)}.cf-sidebar{flex-direction:column;display:flex}.cf-sidebar .cs-settings{order:0}.cf-sidebar .cs-rules{border-left:0;border-top:1px solid var(--cs-line);margin:0 18px;padding:16px 0}.cf-tray{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:540px){.cf-audio{gap:5px}.cf-audio .cs-quiet{padding:7px;font-size:.8125rem}.cf-mode{gap:5px;padding-inline:3px;font-size:.8125rem}.cf-instruction{min-height:6.4em}.cf-tray{grid-template-columns:repeat(3,minmax(0,1fr))}.cf-stitch{padding:1px;top:2px;left:2px}.cf-number-pad{gap:4px}.cf-number-pad .cs-quiet{padding-inline:5px}.cf-mark{grid-template-rows:11px auto}.cf-queen-space{height:11px}.cf-queen{width:14px;height:11px;top:2px;right:2px}}.cf-track-links{flex-wrap:wrap;gap:.45rem;margin:.6rem 0;display:flex}.cf-track-links a{color:#f1eaff;background:#6654b329;border:1px solid #b6a0ff88;border-radius:14px;align-items:center;min-height:44px;padding:.5rem .85rem;font-weight:700;text-decoration:none;display:inline-flex}.cf-track-links a:hover,.cf-track-links a[aria-current=page]{background:#8470e459;border-color:#c8b9ff}.cf-track-links a:focus-visible{outline-offset:3px;outline:3px solid #f5d477}.crownshift.cf-game{--cf-accent:#78e6ff;--cf-light:#0b566d;--cf-counterlight:#263269;--cf-table:#0a1c30;background:radial-gradient(ellipse at 12% 8%, var(--cf-light), transparent 54%), radial-gradient(ellipse at 95% 82%, var(--cf-counterlight), transparent 56%), #060d1b}.cf-game[data-active-layer=patches]{--cf-accent:#f9b4df;--cf-light:#502151;--cf-counterlight:#125051;--cf-table:#21152e}.cf-game[data-active-layer=queens]{--cf-accent:#ffe1a1;--cf-light:#422971;--cf-counterlight:#4d3522;--cf-table:#1d1835}.cf-game .cs-play{border-color:color-mix(in srgb, var(--cf-accent) 48%, #25344a);background:linear-gradient(135deg, #ffffff08, transparent 45%), var(--cf-table);box-shadow:inset 0 1px #ffffff24,0 20px 55px #02050e66}.cf-game .cf-board{border-color:color-mix(in srgb, var(--cf-accent) 60%, #233349);background:#060f20;box-shadow:0 0 0 1px #020914,0 6px 20px #0006,inset 0 1px #fff4}.cf-game .game-play-bar h1{color:var(--cf-accent);letter-spacing:.015em}.cf-game .cf-modes{background:#050d1bcc;border-color:#59718c}.cf-game .cf-mode[data-active=true]{color:#fff;border-color:var(--cf-accent);background:linear-gradient(150deg, color-mix(in srgb, var(--cf-accent) 24%, #142439), #101c30);box-shadow:inset 0 -3px 0 var(--cf-accent), inset 0 1px 0 #fff3}.cf-game :is(.game-play-home,.game-play-bar button,.cf-layer-select,.cf-large-nav select,.cf-compact-tray select){background:linear-gradient(160deg,#233e56,#132137);border-color:#7599b2;box-shadow:inset 0 1px #ffffff29,0 2px 4px #0003}.cf-game :is(.cf-number-pad,.cf-inline-tools,.cs-tools,.cf-placement-actions,.cf-queen-tools) button:not(:disabled){background:linear-gradient(155deg,#294760,#13283e);border-color:#7c9dbb;box-shadow:inset 0 1px #ffffff35,0 2px 4px #0004}.cf-game :is(.cf-number-pad,.cf-inline-tools,.cs-tools,.cf-placement-actions,.cf-queen-tools) button[aria-pressed=true]{background:color-mix(in srgb, var(--cf-accent) 22%, #122137);border-color:var(--cf-accent);box-shadow:inset 0 0 0 1px var(--cf-accent)}.cf-cell:not(:where([data-ghost=true],[data-invalid=true],[data-error=true],[data-queen-conflict=true])){background-image:linear-gradient(#ffffff12 0,#0000 3px calc(100% - 2px),#0002 100%)}.cf-cell[data-covered=false]:not(:where([data-ghost=true],[data-invalid=true],[data-error=true],[data-queen-conflict=true])){background-color:#0c2335}.cf-cell[data-given=true][data-covered=false]:not(:where([data-ghost=true],[data-invalid=true],[data-error=true],[data-queen-conflict=true])){background-color:#183c4c}.cf-cell[data-selected=true]:not(:where([data-invalid=true],[data-error=true],[data-queen-conflict=true])){outline-color:var(--cf-accent);box-shadow:inset 0 0 0 2px var(--cf-accent)}.cf-stitch{background:#050a14;box-shadow:0 0 0 1px #050a14}.cf-digit{font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #000a}.cf-cell:not([data-queen-conflict=true]) .cf-queen:not(.cf-exclusion){fill:#ffe1a1;stroke:#211333;filter:drop-shadow(0 0 1px var(--queen-color,#fff0bd))}.cf-cell[data-fixed-queen=true]:not([data-queen-conflict=true]) .cf-queen{stroke-dasharray:2 1}.cf-game .cf-cell[data-error=true],.cf-game .cf-cell[data-queen-conflict=true]{background-image:none}.cf-game .cf-cell[data-queen-conflict=true] .cf-queen{fill:#ff657a;stroke:#fff0f3}.cf-feedback{z-index:0;overflow:hidden}.cf-mark{z-index:2}.cf-stitch,.cf-error,.cf-cell[data-queen-conflict=true]:after{z-index:3}.cf-feedback i{background:var(--cf-accent);opacity:0;pointer-events:none;border-radius:50%;width:4px;height:4px;position:absolute}.cf-feedback i:first-child{top:1px;left:25%}.cf-feedback i:nth-child(2){top:25%;right:1px}.cf-feedback i:nth-child(3){bottom:1px;right:25%}.cf-feedback i:nth-child(4){bottom:25%;left:1px}.cf-feedback[data-kind=patch]{border-radius:0}.cf-feedback[data-kind=patch] i{background:var(--patch)}.cf-feedback[data-kind=queen] i{background:#ffe1a1}@media (prefers-reduced-motion:no-preference){.cf-game[data-motion=true] .cf-feedback{animation:.6s ease-out cf-jewel-ring}.cf-game[data-motion=true] .cf-feedback i{animation:.5s ease-out both cf-jewel-glint;animation-delay:calc(var(--ray) * 25ms)}.cf-game[data-motion=true] .cf-feedback[data-kind=patch]{animation-name:cf-enamel-set}.cf-game[data-motion=true] .cf-feedback[data-kind=queen]{animation-name:cf-coronation}.cf-game[data-motion=true] .cf-queen[data-arriving=true]{animation:.42s cubic-bezier(.2,.8,.2,1) cf-crown-arrive}@keyframes cf-jewel-ring{0%{opacity:0}22%{opacity:1}to{opacity:0}}@keyframes cf-enamel-set{0%{opacity:1;border-width:4px}45%{opacity:.9;border-width:2px}to{opacity:0}}@keyframes cf-coronation{0%{opacity:0;border-radius:45%}35%{opacity:1;border-radius:12%}to{opacity:0;border-radius:5%}}@keyframes cf-jewel-glint{0%{opacity:0}25%{opacity:1}to{opacity:0}}}.cf-game .cf-board{box-shadow:0 0 0 1px #c7efff55, 0 5px 0 #020813, 0 12px 0 -5px #020813, 0 18px 32px #0009, 0 0 28px color-mix(in srgb, var(--cf-accent) 13%, transparent), inset 0 2px 0 #fff6}.cf-cell:not(:where([data-selected=true],[data-error=true],[data-invalid=true],[data-queen-conflict=true],[data-rejected=true])){box-shadow:inset 0 2px #ffffff21,inset 0 -3px #01091699,inset 1px 0 #ffffff12}.cf-cell .cf-digit{text-shadow:0 1px #314d67,0 2px #071523,0 3px 3px #000b}.cf-cell[data-given=true] .cf-digit{text-shadow:0 1px #655225,0 2px #1b1b1b,0 3px 3px #000b}.cf-cell[data-selected=true]:not([data-rejected=true]) .cf-digit{text-shadow:0 1px 0 #11213b, 0 2px 2px #000b, 0 0 12px color-mix(in srgb, var(--cf-accent) 45%, transparent)}.cf-game .cf-cell[data-rejected=true]{background-color:#54293d;background-image:none;outline-color:#ff9dac}.cf-rejection{z-index:1;pointer-events:none;opacity:1;border:3px dashed #ffb1ba;border-radius:3px;position:absolute;inset:2px;box-shadow:inset 0 0 10px #f5426b44}.cf-game .cs-message[data-rejected=true]{color:#ffd0d7;font-weight:650}.cf-hint-reveal{z-index:1;pointer-events:none;border:2px solid #a9f1ff;border-radius:2px;position:absolute;inset:2px;box-shadow:inset 0 0 6px #a9f1ff55}.cf-hint-reveal[data-kind=patches]{border-style:dashed;border-color:#fbd3ef}.cf-hint-reveal[data-kind=queens]{border-color:#ffe1a1;border-radius:22%}@media (prefers-reduced-motion:no-preference){.cf-game[data-motion=true] .cf-hint-reveal{animation:.65s ease-out cf-hint-number}.cf-game[data-motion=true] .cf-hint-reveal[data-kind=patches]{animation-name:cf-hint-patch}.cf-game[data-motion=true] .cf-hint-reveal[data-kind=queens]{animation-name:cf-hint-queen}}@keyframes cf-hint-number{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes cf-hint-patch{0%{clip-path:inset(48%)}to{clip-path:inset(0)}}@keyframes cf-hint-queen{0%{opacity:.25;border-radius:50%}to{opacity:1;border-radius:22%}}@media (prefers-reduced-motion:no-preference){.cf-game[data-motion=true] .cf-digit[data-entering=true]{transform-origin:50%;animation:.42s cubic-bezier(.2,.8,.2,1) cf-digit-settle}.cf-game[data-motion=true] .cf-rejection{animation:.55s ease-out cf-rejected}@keyframes cf-digit-settle{0%{transform:perspective(160px)rotateX(55deg)scale(.78)}60%{transform:perspective(160px)rotateX(-5deg)scale(.96)}to{transform:perspective(160px)rotateX(0)scale(1)}}@keyframes cf-rejected{0%{border-color:#fff0f3;box-shadow:inset 0 0 16px #ff648688}45%{border-color:#ff7b95}to{border-color:#ffb1ba;box-shadow:inset 0 0 10px #f5426b44}}}
