.dd,.dd-how{--dd-board:354px;--dd-from:var(--a-sky-deep);--dd-to:var(--a-sky);--dd-line:var(--a-sky-line);--dd-tint:var(--q-sky);--dd-rule:color-mix(in oklab, var(--text) 14%, var(--card));--g-result-after:.7s;--g-bar-today:var(--a-sky);--g-bar-today-ink:var(--a-sky-ink);--dd-dot-edge:none}[data-theme=dark] .dd,[data-theme=dark] .dd-how{--dd-dot-edge:var(--card);--dd-rule:color-mix(in oklab, var(--text) 18%, var(--card))}.dd-stage{margin-top:16px;position:relative}.dd .g-head{flex-wrap:wrap;row-gap:8px}.dd .g-head .v2-chip{white-space:nowrap}.dd-how{scroll-margin-top:24px}.dd-how-tools{flex-wrap:wrap;gap:12px 8px;margin-top:16px;display:flex}.dd-status{width:min(var(--dd-board), 100%);justify-content:space-between;align-items:center;gap:12px;min-height:28px;margin-top:8px;display:flex}.dd .dd-time{color:var(--text);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-weight:500;display:inline-flex}.dd-time svg{flex:none}.dd .dd-aside{color:var(--text-2);text-align:right}.dd .g-chip:disabled{color:var(--text-3);cursor:default;scale:1}.dd-board{width:min(var(--dd-board), 100%);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}.dd-svg{border-radius:16px;width:100%;height:auto;display:block}.dd-slab{fill:var(--card)}.dd-filled{fill:var(--dd-tint)}.dd-rule,.dd-edge{fill:none;stroke:var(--dd-rule);stroke-width:1px;vector-effect:non-scaling-stroke}.dd-wall{stroke:var(--text);stroke-width:6px;stroke-linecap:round}.dd-line path{fill:none;stroke-linecap:round;stroke-linejoin:round}.dd-line-ring{stroke:var(--dd-line)}.dd-dot circle{fill:var(--text);stroke:var(--dd-dot-edge);stroke-width:1.5px}.dd-dot text{fill:var(--card);text-anchor:middle;font-variant-numeric:tabular-nums;font-weight:600}.dd-dot-body{transform-box:fill-box;transform-origin:50%}.dd-board[data-solved] .dd-ground{opacity:0}.dd-board[data-live] .dd-ground{transition:opacity .4s ease-out}.dd-cells{grid-template-columns:repeat(var(--size), minmax(0, 1fr));grid-template-rows:repeat(var(--size), minmax(0, 1fr));cursor:default;display:grid;position:absolute;inset:0}.dd-board[data-open] .dd-cells{cursor:pointer}.dd-cell{color:inherit;pointer-events:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:relative}.dd-cell:focus-visible{outline:none}.dd-cell:focus-visible:after{content:"";outline:2px solid var(--text);outline-offset:1px;border-radius:8px;position:absolute;inset:3px}.dd-actions{width:min(var(--dd-board), 100%);flex-wrap:wrap;gap:8px;display:flex}.dd-actions>button{flex:1 1 0;min-width:0}.dd .dd-actions>p{text-align:center;flex:0 0 100%}.dd .dd-pill{background:var(--card);height:44px;box-shadow:0 0 0 1px var(--chip-ring);border-radius:22px;font-size:1em}@media (hover:hover) and (pointer:fine){.dd .dd-pill:hover:not(:disabled){background:var(--fill)}}.dd .dd-pill:focus-visible{outline:2px solid var(--text-3);outline-offset:2px}.dd .dd-pill:disabled{background:var(--fill);box-shadow:none;color:var(--text-3);opacity:1;outline-color:#0000}.dd-well{width:min(var(--dd-board), 100%);aspect-ratio:1}.g-mini .dd-board{width:100%}.dd .dd-wide{width:min(var(--dd-board), 100%)}.dd-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.dd-rules li{border:1px solid var(--hairline);background:var(--card);text-align:center;text-wrap:balance;color:var(--text);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:20px 12px;font-weight:500;display:flex}.dd-rules svg{width:auto;height:56px;display:block}.dd-rules+.g-prose{margin-top:16px}.dd .g-row.you.arrive{animation:.25s cubic-bezier(.22,1,.36,1) both g-arrive}@keyframes dd-bow{40%{scale:1.16}}.dd-board[data-live] .dd-dot-body{animation:.32s cubic-bezier(.22,1,.36,1) both dd-bow;animation-delay:calc(var(--i) * 45ms)}@media (max-width:767px){.dd{--dd-board:334px}.dd .g-board{padding-left:8px;padding-right:8px}}@media (prefers-reduced-motion:reduce){.dd-board[data-live] .dd-dot-body{animation:none}.dd-board[data-live] .dd-ground{transition:none}.dd .g-row.you.arrive{animation-name:g-fade-in}}