.g-skyscrapers{--g-giraffe:#f4c35e;--g-spot:#b0661b;--g-meerkat:#9a6a35;--g-given:var(--accent-tint);--g-line:#e3eef9;--g-peer:#faf3e2;--g-hint:var(--berry);--g-heart:var(--berry);--g-outline:var(--char-ink);--g-eye:var(--char-ink);--dng-grid-hint:var(--g-hint);--dng-grid-select:var(--accent-ink);gap:var(--sp-2);justify-items:center;width:100%;max-width:34rem;margin:0 auto;display:grid}[data-theme=dark] .g-skyscrapers{--g-giraffe:#e8b551;--g-spot:#8a4f14;--g-meerkat:#d8a86c;--g-line:#263649;--g-peer:#332b25;--g-outline:var(--ink)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .g-skyscrapers{--g-giraffe:#e8b551;--g-spot:#8a4f14;--g-meerkat:#d8a86c;--g-line:#263649;--g-peer:#332b25;--g-outline:var(--ink)}}[data-cb] .g-skyscrapers{--g-hint:var(--sky);--g-line:var(--tint-sky)}.g-skyscrapers-boardhost{width:min(100%, calc(30rem * var(--tile-scale,1)))}.g-skyscrapers-frame{--dng-grid-bg:var(--card)}.g-skyscrapers .dng-grid-cell.is-given{background:var(--g-given)}.g-skyscrapers .dng-grid-cell.is-peer{background:var(--g-peer)}.g-skyscrapers .dng-grid-cell.is-given.is-peer{background:var(--g-given)}.g-skyscrapers .dng-grid-cell.is-line{background:var(--g-line)}.g-skyscrapers-giraffe{overflow:visible}.g-sk-leg,.g-sk-horn{fill:none;stroke:var(--g-outline);stroke-width:1.8px;stroke-linecap:round}.g-sk-neckline{fill:none;stroke:var(--g-outline);stroke-width:7px;stroke-linecap:round}.g-sk-neck{fill:none;stroke:var(--g-giraffe);stroke-width:3.6px;stroke-linecap:round}.g-sk-body,.g-sk-head{fill:var(--g-giraffe);stroke:var(--g-outline);stroke-width:1.6px}.g-sk-spot{fill:var(--g-spot)}.g-sk-eye{fill:var(--g-eye)}.g-skyscrapers-num{z-index:2;border-radius:var(--r-s);background:var(--card);min-width:1.1em;box-shadow:0 0 0 1px var(--line);color:var(--ink);font:600 max(.62em, .8rem) / 1.2 var(--font-display);text-align:center;padding:0 .15em;position:absolute;top:5%;left:6%}.g-skyscrapers .is-given .g-skyscrapers-num{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:2px}.g-skyscrapers .is-wrong .g-skyscrapers-num,.g-skyscrapers .is-clash .g-skyscrapers-num{color:var(--bad);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.g-skyscrapers .is-wrong>.dng-grid-in:before,.g-skyscrapers .is-clash>.dng-grid-in:before{content:"!";z-index:2;background:var(--bad);width:1.1em;height:1.1em;color:var(--on-accent);font:600 .6em / 1.1em var(--font-display);text-align:center;border-radius:50%;position:absolute;top:4%;right:6%}.g-skyscrapers-notes{width:88%;height:88%;color:var(--ink-soft);font:600 .45em / 1 var(--font-ui);grid-template-columns:repeat(3,1fr);place-items:center;display:grid}.g-skyscrapers .dng-grid-cell.is-why:after{box-shadow:none;border:3px dotted var(--g-hint);border-radius:var(--r-s);inset:3px}.g-skyscrapers-frame .dng-grid-clue{font-size:calc(1rem * var(--tile-scale,1));flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:2px;line-height:1;display:flex;position:relative}.g-skyscrapers-frame .dng-grid-clue:not(:empty):before{content:"";background:var(--g-meerkat);width:.95em;height:.95em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1C6 1 4.7 2.3 4.7 4c0 .9.4 1.7 1 2.2C4.5 7.1 3.8 8.7 3.8 11v4h8.4v-4c0-2.3-.7-3.9-1.9-4.8.6-.5 1-1.3 1-2.2C11.3 2.3 10 1 8 1Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1C6 1 4.7 2.3 4.7 4c0 .9.4 1.7 1 2.2C4.5 7.1 3.8 8.7 3.8 11v4h8.4v-4c0-2.3-.7-3.9-1.9-4.8.6-.5 1-1.3 1-2.2C11.3 2.3 10 1 8 1Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.g-skyscrapers-frame .dng-grid-clue[data-state=done]:after{content:"✓";color:var(--ok);font-size:.7em;position:absolute;top:0;right:0}.g-skyscrapers-frame .dng-grid-clue[data-state=bad]:after{content:"!";color:var(--bad);font-size:.75em;position:absolute;top:0;right:1px}.g-skyscrapers-hearts{gap:var(--sp-1);min-height:22px;margin:0;display:flex}.g-skyscrapers-hearts[hidden]{display:none}.g-skyscrapers-heart{fill:none;width:22px;height:20px;stroke:var(--ink);stroke-width:2px}.g-skyscrapers-heart.is-full{fill:var(--g-heart)}.g-skyscrapers-status{font-family:var(--font-display);text-align:center;margin:0}.g-skyscrapers-say{min-height:1.4em;color:var(--ink-soft);text-align:center;margin:0}.g-skyscrapers-pad{width:min(100%,30rem)}.g-skyscrapers .dng-numpad-d{align-items:flex-end;gap:2px;display:inline-flex}.g-skyscrapers-padg{width:1.1em;height:1.1em}.g-skyscrapers-tools{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.g-skyscrapers-tool{align-items:center;gap:var(--sp-1);min-height:44px;padding:var(--sp-2) var(--sp-3);border:var(--bw) solid var(--ink);border-radius:var(--r-m);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;display:inline-flex}.g-skyscrapers-tool:disabled{opacity:.45;cursor:default}.g-skyscrapers-tool:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.g-skyscrapers-tool svg{width:20px;height:20px}.g-skyscrapers-tut{width:min(100%,17rem)}@media (forced-colors:active){.g-sk-body,.g-sk-head{fill:canvas;stroke:canvastext}.g-sk-neck{stroke:canvas}.g-sk-neckline,.g-sk-leg,.g-sk-horn{stroke:canvastext}.g-sk-spot,.g-sk-eye,.g-skyscrapers-heart.is-full{fill:canvastext}.g-skyscrapers-frame .dng-grid-clue:not(:empty):before{background:canvastext}.g-skyscrapers .is-wrong>.dng-grid-in:before,.g-skyscrapers .is-clash>.dng-grid-in:before{color:marktext;background:mark}}[data-motion=full] .g-skyscrapers.is-cheer .dng-grid-clue:before{animation:g-skyscrapers-cheer .52s var(--ease-pop) 3}[data-motion=calm] .g-skyscrapers.is-cheer .dng-grid-clue:before{animation:.3s linear 2 g-skyscrapers-blink}@keyframes g-skyscrapers-cheer{0%,to{transform:translateY(0)}40%{transform:translateY(-35%)scale(1.1)}}@keyframes g-skyscrapers-blink{0%,to{opacity:1}50%{opacity:.4}}:root{--cat-1:#ca8b44;--cat-1-ink:#3d270e;--cat-2:#b6aff7;--cat-2-ink:#453e6f;--cat-3:#c6ba54;--cat-3-ink:#4d4603;--cat-4:#bbe8f5;--cat-4-ink:#2a545f;--cat-5:#f99686;--cat-5-ink:#663028;--cat-6:#53aaa9;--cat-6-ink:#023535;--cat-7:#fed6e7;--cat-7-ink:#6d3a53;--cat-8:#6aa863;--cat-8-ink:#0f350b;--cat-9:#da82b3;--cat-9-ink:#50213d;--cat-10:#dbf4c8;--cat-10-ink:#3d5625;--cat-11:#56aae9;--cat-11-ink:#1c374c;--cat-12:#ffdebf;--cat-12-ink:#6b4316}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--cat-1:#8f6203;--cat-1-ink:#fff5e8;--cat-2:#40417b;--cat-2-ink:#d1d5f5;--cat-3:#657017;--cat-3-ink:#f3fad8;--cat-4:#063b46;--cat-4-ink:#b7e0eb;--cat-5:#a55156;--cat-5-ink:#fff0ef;--cat-6:#08747a;--cat-6-ink:#d0fcff;--cat-7:#58223a;--cat-7-ink:#f1ccd9;--cat-8:#087045;--cat-8-ink:#d5f7e2;--cat-9:#91568f;--cat-9-ink:#fef2fd;--cat-10:#444934;--cat-10-ink:#d4dcbb;--cat-11:#2d6fa6;--cat-11-ink:#e7f3ff;--cat-12:#813913;--cat-12-ink:#f2cfbf}}:root[data-theme=dark]{--cat-1:#8f6203;--cat-1-ink:#fff5e8;--cat-2:#40417b;--cat-2-ink:#d1d5f5;--cat-3:#657017;--cat-3-ink:#f3fad8;--cat-4:#063b46;--cat-4-ink:#b7e0eb;--cat-5:#a55156;--cat-5-ink:#fff0ef;--cat-6:#08747a;--cat-6-ink:#d0fcff;--cat-7:#58223a;--cat-7-ink:#f1ccd9;--cat-8:#087045;--cat-8-ink:#d5f7e2;--cat-9:#91568f;--cat-9-ink:#fef2fd;--cat-10:#444934;--cat-10-ink:#d4dcbb;--cat-11:#2d6fa6;--cat-11-ink:#e7f3ff;--cat-12:#813913;--cat-12-ink:#f2cfbf}[data-cat="1"]{--cat:var(--cat-1);--cat-ink:var(--cat-1-ink)}[data-cat="2"]{--cat:var(--cat-2);--cat-ink:var(--cat-2-ink)}[data-cat="3"]{--cat:var(--cat-3);--cat-ink:var(--cat-3-ink)}[data-cat="4"]{--cat:var(--cat-4);--cat-ink:var(--cat-4-ink)}[data-cat="5"]{--cat:var(--cat-5);--cat-ink:var(--cat-5-ink)}[data-cat="6"]{--cat:var(--cat-6);--cat-ink:var(--cat-6-ink)}[data-cat="7"]{--cat:var(--cat-7);--cat-ink:var(--cat-7-ink)}[data-cat="8"]{--cat:var(--cat-8);--cat-ink:var(--cat-8-ink)}[data-cat="9"]{--cat:var(--cat-9);--cat-ink:var(--cat-9-ink)}[data-cat="10"]{--cat:var(--cat-10);--cat-ink:var(--cat-10-ink)}[data-cat="11"]{--cat:var(--cat-11);--cat-ink:var(--cat-11-ink)}[data-cat="12"]{--cat:var(--cat-12);--cat-ink:var(--cat-12-ink)}.dng-grid-frame{--dng-grid-wall:var(--ink);--dng-grid-line:var(--line);--dng-grid-wall-w:2px;--dng-grid-line-w:.5px;--dng-grid-bg:var(--card);--dng-grid-hint:var(--focus);--dng-grid-target:var(--ink);--dng-grid-select:var(--accent,var(--focus));--dng-grid-glow:var(--accent,var(--sun));--dng-grid-bad:var(--bad);--dng-grid-mark:var(--ink-soft);--dng-pat-ink:var(--ink);gap:var(--sp-1,4px);grid-template:".top.""left board right"".bottom."/auto minmax(0,1fr) auto;width:100%;max-width:100%;display:grid}.dng-grid{grid-area:board;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));aspect-ratio:var(--cols) / var(--rows);border-radius:var(--r-s,8px);width:100%;box-shadow:0 0 0 var(--bw,2px) var(--dng-grid-wall);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:grid;overflow:hidden}.dng-grid.is-dense{--dng-grid-wall-w:1.5px}.dng-grid-row{display:contents}.dng-grid-cell{background:var(--dng-grid-bg);min-width:0;min-height:0;color:var(--ink);font:inherit;font-family:var(--font-display);font-size:calc(1.4rem * var(--tile-scale,1));cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;margin:0;padding:0;line-height:1;display:block;position:relative}.dng-grid-cell[data-cat]{--dng-grid-bg:var(--cat);--dng-grid-mark:var(--cat-ink);color:var(--cat-ink)}.dng-grid-cell:before{content:"";z-index:2;pointer-events:none;box-shadow:var(--edges,inset 0 0 0 var(--dng-grid-line-w) var(--dng-grid-line));position:absolute;inset:0}.dng-grid-cell:after{content:"";z-index:3;pointer-events:none;opacity:0;position:absolute;inset:0}.dng-grid-cell:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:4}.dng-grid-frame[data-locked] .dng-grid-cell{cursor:default}.dng-grid-in{z-index:1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.dng-grid-in>svg{width:86%;height:86%}.dng-grid-in:after{content:"";opacity:0;background:var(--dng-grid-glow);position:absolute;inset:0}.dng-grid-cell.fx-shake>.dng-grid-in:after{background:var(--dng-grid-bad)}.mark-x>.dng-grid-in:before,.mark-dot>.dng-grid-in:before{content:"";width:40%;height:40%}.mark-x>.dng-grid-in:before{background:linear-gradient(45deg, transparent 43%, var(--dng-grid-mark) 43% 57%, transparent 57%), linear-gradient(-45deg, transparent 43%, var(--dng-grid-mark) 43% 57%, transparent 57%);opacity:.6}.mark-dot>.dng-grid-in:before{background:var(--dng-grid-mark);border-radius:50%;width:22%;height:22%}.dng-grid-cell.is-selected:after{opacity:1;box-shadow:inset 0 0 0 3px var(--dng-grid-select)}.dng-grid-cell.is-why:after{opacity:1;box-shadow:inset 0 0 0 3px var(--dng-grid-hint)}.dng-grid-cell.is-target:after{opacity:1;border:3px dashed var(--dng-grid-target);border-radius:50%;inset:14%}.dng-pat-sprite{width:0;height:0;color:var(--dng-pat-ink,var(--ink));position:absolute;overflow:hidden}.dng-pat{opacity:.22;pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0}:root[data-cb] .dng-pat,.dng-grid-frame[data-patterns=always] .dng-pat{display:block}.dng-grid-track{gap:0;display:grid}.dng-grid-track[data-side=top],.dng-grid-track[data-side=bottom]{grid-template-columns:repeat(var(--cols), minmax(0, 1fr))}.dng-grid-track[data-side=left],.dng-grid-track[data-side=right]{grid-template-rows:repeat(var(--rows), minmax(0, 1fr))}.dng-grid-track[data-side=top]{grid-area:top}.dng-grid-track[data-side=bottom]{grid-area:bottom}.dng-grid-track[data-side=left]{grid-area:left}.dng-grid-track[data-side=right]{grid-area:right}.dng-grid-clue{border-radius:var(--r-s,8px);min-width:1.6em;min-height:1.6em;color:var(--ink);font-family:var(--font-display);font-size:calc(1.05rem * var(--tile-scale,1));background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid}button.dng-grid-clue{cursor:pointer}.dng-grid-clue:focus-visible{outline:3px solid var(--focus);outline-offset:-2px}.dng-grid-clue[data-state=ok],.dng-grid-clue[data-state=done]{color:var(--ink-soft)}.dng-grid-clue[data-state=bad]{color:var(--dng-grid-bad);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.dng-grid-clue.is-hint{background:var(--accent-tint,var(--tint-sky));box-shadow:inset 0 0 0 2px var(--dng-grid-hint)}.dng-grid-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-motion=full] .dng-grid-cell.fx-pop>.dng-grid-in,[data-motion=full] .dng-grid-cell.is-fresh>.dng-grid-in{animation:dng-grid-pop .28s var(--ease-pop,ease-out) var(--dng-fx-delay,0s) both}[data-motion=full] .dng-grid-cell.fx-shake>.dng-grid-in{animation:dng-grid-shake .36s ease-in-out var(--dng-fx-delay,0s)}[data-motion=full] .dng-grid-cell.fx-shake>.dng-grid-in:after{animation:dng-grid-flash .36s ease-out var(--dng-fx-delay,0s)}[data-motion=full] .dng-grid-cell.fx-wave>.dng-grid-in,[data-motion=full] .dng-grid.is-celebrate .dng-grid-in{animation:dng-grid-wave .52s ease-in-out var(--dng-fx-delay,0s) both}[data-motion=full] .dng-grid-cell.fx-glow>.dng-grid-in:after{animation:dng-grid-glow .64s ease-in-out var(--dng-fx-delay,0s)}[data-motion=full] .dng-grid-cell.is-target:after{animation:1.1s ease-in-out infinite dng-grid-pulse}[data-motion=calm] .dng-grid-cell.fx-pop>.dng-grid-in,[data-motion=calm] .dng-grid-cell.is-fresh>.dng-grid-in,[data-motion=calm] .dng-grid-cell.fx-wave>.dng-grid-in,[data-motion=calm] .dng-grid.is-celebrate .dng-grid-in{animation:.15s ease-out both dng-grid-fade}[data-motion=calm] .dng-grid-cell.fx-shake>.dng-grid-in:after{animation:.22s ease-out dng-grid-flash}[data-motion=calm] .dng-grid-cell.fx-glow>.dng-grid-in:after{animation:.32s ease-in-out dng-grid-glow}@keyframes dng-grid-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes dng-grid-shake{20%{transform:translate(-8%)}40%{transform:translate(8%)}60%{transform:translate(-5%)}80%{transform:translate(3%)}}@keyframes dng-grid-flash{0%{opacity:.55}to{opacity:0}}@keyframes dng-grid-wave{0%,to{transform:none}40%{transform:translateY(-14%)scale(1.08)}70%{transform:translateY(2%)}}@keyframes dng-grid-glow{0%,to{opacity:0}45%{opacity:.5}}@keyframes dng-grid-pulse{50%{transform:scale(.84)}}@keyframes dng-grid-fade{0%{opacity:.35}to{opacity:1}}.dng-numpad{gap:var(--sp-1,4px);grid-template-columns:repeat(auto-fit,minmax(2.6rem,1fr));width:100%;display:grid}.dng-numpad-key,.dng-numpad-tool{min-height:calc(3rem * var(--tile-scale,1));padding:var(--sp-1,4px);border-radius:var(--r-m,12px);background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 var(--bw,2px) var(--line);font-family:var(--font-display);font-size:calc(1.4rem * var(--tile-scale,1));cursor:pointer;border:0;place-items:center;margin:0;display:grid;position:relative}.dng-numpad-tool{grid-column:span 2;font-size:1rem}.dng-numpad-key:focus-visible,.dng-numpad-tool:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.dng-numpad-n{font-family:var(--font-ui);color:var(--ink-soft);font-size:.7rem;position:absolute;top:3px;right:6px}.dng-numpad-key[data-done]{opacity:.45}.dng-numpad-tool[aria-pressed=true],.dng-numpad[data-notes] .dng-numpad-key{background:var(--accent-tint,var(--tint-sky));color:var(--accent-ink,var(--ink))}.dng-numpad[data-notes] .dng-numpad-d{font-size:.75em}.dng-numpad[aria-disabled=true]{opacity:.6;pointer-events:none}