.nc{--nc-red:#b0302a;--nc-on-red:#fff;--nc-walnut:#5b3920;--nc-gap:var(--s-3);gap:var(--s-5);min-width:0;display:grid}:root[data-theme=dark] .nc{--nc-red:#e0685d;--nc-on-red:#111226;--nc-walnut:#a0714a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .nc{--nc-red:#e0685d;--nc-on-red:#111226;--nc-walnut:#a0714a}}.nc[aria-busy=true]{min-height:34rem}.nc p,.nc h2,.nc h3,.nc ul,.nc ol{margin:0}.nc-new{align-items:center;gap:var(--s-2) var(--s-4);flex-wrap:wrap;font-weight:600;display:flex}.nc-game{gap:var(--s-5);min-width:0;display:grid}.nc-targets{gap:var(--s-2);grid-template-columns:repeat(4,minmax(0,1fr));max-width:24rem;display:grid}.nc-tab{min-width:0;padding:var(--s-1) 0 var(--s-2);color:var(--ink);font-family:var(--font-text);cursor:pointer;touch-action:manipulation;background:0 0;border:0;justify-items:center;gap:2px;display:grid;position:relative}.nc-tab__face{aspect-ratio:64/40;width:min(100%,4rem);filter:drop-shadow(3px 3px 0 var(--shadow));transition:transform var(--t-press) var(--ease), filter var(--t-press) var(--ease);place-items:center;display:grid;position:relative}.nc-tab__face svg{width:100%;height:100%;position:absolute;inset:0}.nc-tab polygon{fill:var(--paper);stroke:var(--line);stroke-width:2.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.nc-tab.is-close polygon{stroke:var(--nc-red);stroke-width:4px}.nc-tab.is-exact polygon{fill:var(--nc-red);stroke:var(--line)}.nc-tab__n{font-family:var(--font-display);font-weight:800;font-size:var(--step-1);line-height:1;position:relative}.nc-tab.is-exact .nc-tab__n{color:var(--nc-on-red)}.nc-tab__points{min-height:1.1em;font-size:var(--step--1);color:var(--ink-2);font-weight:600;line-height:1.1}.nc-tab.is-open .nc-tab__face{filter:none;transform:translate(3px,3px)}.nc-tab.is-open:after{content:"";background:var(--ink);border-radius:2px;height:3px;position:absolute;bottom:0;left:12%;right:12%}.nc-panel{gap:var(--s-4);min-width:0;display:grid}.nc-main,.nc-side{display:contents}.nc-head{justify-items:center;gap:var(--s-1);text-align:center;display:grid}.nc-target{isolation:isolate;padding:0 var(--s-4);border-radius:var(--r-object);font-family:var(--font-display);font-size:clamp(3.5rem,18vw,6rem);font-weight:800;line-height:1.05;position:relative}.nc-head.is-exact .nc-target{color:var(--nc-on-red)}.nc-head.is-exact .nc-target:before{content:"";z-index:-1;border-radius:inherit;background:var(--nc-red);transform-origin:0;animation:nc-fill var(--t-state) var(--ease) both;position:absolute;inset:0}@keyframes nc-fill{0%{transform:scaleX(0)}}.nc-sub,.nc-closest{color:var(--ink-2);font-weight:600}.nc-rack{gap:var(--s-4) var(--nc-gap);padding:var(--s-4) var(--nc-gap);border:6px solid var(--nc-walnut);border-radius:var(--r-object);background:var(--desk);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}@media (width>=35rem){.nc-rack{grid-template-columns:repeat(6,minmax(0,1fr))}}.nc-slot{place-items:center;min-width:0;display:grid;position:relative}.nc-slot:before{content:"";top:50%;left:calc(-1 * var(--nc-gap) - 2px);right:calc(-1 * var(--nc-gap) - 2px);background:var(--nc-walnut);border-radius:3px;height:5px;position:absolute;transform:translateY(-50%)}.nc-bead{z-index:1;aspect-ratio:96/56;width:min(100%,6rem);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:var(--step-2);cursor:pointer;filter:drop-shadow(4px 4px 0 var(--shadow));transition:transform var(--t-press) var(--ease), filter var(--t-press) var(--ease);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;line-height:1;display:grid;position:relative}.nc-bead svg{width:100%;height:100%;position:absolute;inset:0}.nc-bead polygon{stroke-linejoin:round;vector-effect:non-scaling-stroke}.nc-bead.is-given{color:var(--nc-on-red)}.nc-bead.is-given polygon{fill:var(--nc-red);stroke:var(--line);stroke-width:2.5px}.nc-bead.is-made polygon{fill:var(--paper);stroke:var(--nc-red);stroke-width:4px}.nc-bead__n{position:relative}.nc-bead__n.is-long{font-size:var(--step-1)}.nc-bead:hover{transform:translate(-1px,-1px)}.nc-bead:active,.nc-bead.is-picked{filter:drop-shadow(1px 1px 0 var(--shadow));transform:translate(3px,3px)}.nc-bead.is-picked polygon{stroke:var(--ink);stroke-width:3.5px}.nc-bead--empty{z-index:1;filter:none;aspect-ratio:96/56;width:min(100%,6rem)}.nc-bead--empty polygon{fill:var(--desk);stroke:var(--nc-walnut);stroke-width:2.5px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}@keyframes nc-pop-0{0%{scale:.72}}@keyframes nc-pop-1{0%{scale:.72}}@keyframes nc-nudge-0{50%{translate:4px}}@keyframes nc-nudge-1{50%{translate:4px}}.nc-bead.is-pop-0{animation:nc-pop-0 var(--t-state) var(--ease)}.nc-bead.is-pop-1{animation:nc-pop-1 var(--t-state) var(--ease)}.nc-bead.is-nudge-0{animation:nc-nudge-0 .18s var(--ease)}.nc-bead.is-nudge-1{animation:nc-nudge-1 .18s var(--ease)}.nc-signs{gap:var(--s-3);grid-template-columns:repeat(4,minmax(0,1fr));max-width:24rem;display:grid}.nc-sign{border:var(--border) solid var(--line);border-radius:var(--r-control);background:var(--paper);min-width:0;height:3.5rem;color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:var(--step-3);cursor:pointer;box-shadow:var(--lift);transition:transform var(--t-press) var(--ease), box-shadow var(--t-press) var(--ease), background-color var(--t-state) var(--ease);touch-action:manipulation;-webkit-tap-highlight-color:transparent;line-height:1}.nc-sign:hover:not(:disabled){box-shadow:var(--lift-hover);transform:translate(-1px,-1px)}.nc-sign:active:not(:disabled),.nc-sign[aria-pressed=true]{box-shadow:var(--lift-pressed);transform:translate(3px,3px)}.nc-sign[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.nc-sign:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.nc-actions,.nc-finish,.nc-next{align-items:center;gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.nc-message{min-height:1.5em;font-weight:600}.nc-hint{max-width:34ch;color:var(--ink-2);font-weight:500}.nc-finish__points{color:var(--ink-2);font-weight:600}.nc-result{font-weight:700;font-size:var(--step-1)}.nc-working{gap:var(--s-2);display:grid}.nc-working h3{font-size:var(--step-0);font-weight:700}.nc-working ol{font-size:var(--step-0);padding-left:2.2ch;font-weight:500}.nc-working li strong{font-weight:700}.nc-compare{font-weight:600}.nc-end{gap:var(--s-3);display:grid}.nc-total{font-family:var(--font-display);font-weight:800;font-size:var(--step-4);line-height:1.1}.nc-bands{font-weight:600}.nc-targets-list{padding:0;font-weight:500;list-style:none}.nc-first{color:var(--ink-2);font-weight:500}.nc-confirm{gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.nc-foot{display:flex}.nc-side>*{order:7}.nc-finish,.nc-next{order:8}@media (width>=60rem){.nc-game{column-gap:var(--s-7);grid-template-columns:minmax(0,55fr) minmax(0,45fr);align-items:start}.nc-targets{grid-column:1}.nc-panel{grid-column:1/-1;grid-template-columns:subgrid;align-items:start}.nc-main{gap:var(--s-4);grid-column:1;display:grid}.nc-side{gap:var(--s-4);grid-column:2;align-content:start;display:grid}.nc-end{grid-column:1/-1}.nc-head{text-align:left;justify-items:start}.nc-message{text-align:left}}@media (prefers-reduced-motion:reduce){.nc-head.is-exact .nc-target:before,.nc-bead.is-pop-0,.nc-bead.is-pop-1,.nc-bead.is-nudge-0,.nc-bead.is-nudge-1{animation:none}}.nc-ghost{z-index:2;pointer-events:none;cursor:default;filter:none;margin:calc(min(100%,6rem)/-3.42857) 0 0 calc(min(100%,6rem)/-2);position:absolute;top:50%;left:50%}