.nb{--nb-good:var(--good);--nb-bad:var(--bad);--nb-gap:clamp(8px, 2.6vmin, 14px);--nb-mat-lip:color-mix(in srgb, var(--dc-soft) 80%, var(--dc-lip));--nb-tile-lip:color-mix(in srgb, var(--dc-soft) 45%, var(--dc-lip));--nb-hole:var(--line-strong);--nb-hole-wall:color-mix(in srgb, var(--line-strong) 70%, var(--ink));row-gap:var(--s3);width:100%;height:100%;max-width:var(--maxw);padding:var(--s2) var(--gutter) calc(var(--s3) + env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template:"timer""head""rule""board"minmax(0,1fr)"controls"/minmax(0,1fr);margin-inline:auto;display:grid;position:relative}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .nb{--nb-tile-lip:var(--line-strong);--nb-hole:color-mix(in srgb, var(--bg-deep) 65%, var(--surface));--nb-hole-wall:var(--bg-deep)}}:root[data-theme=dark] .nb{--nb-tile-lip:var(--line-strong);--nb-hole:color-mix(in srgb, var(--bg-deep) 65%, var(--surface));--nb-hole-wall:var(--bg-deep)}.nb[data-cs="1"]{--nb-good:var(--d-math);--nb-bad:var(--d-speed)}.nb-timer{border-radius:var(--r-pill);background:var(--line);grid-area:timer;height:6px;overflow:hidden}.nb-timer__fill{background:var(--dc-lip);transform-origin:0;will-change:transform;width:100%;height:100%;display:block;transform:scaleX(1)}.nb-head{justify-content:space-between;align-items:center;gap:var(--s3);padding-bottom:var(--lip);grid-area:head;display:flex}.nb-level{padding:4px var(--s5) 6px;border-radius:var(--r-pill);background:var(--dc);color:var(--dc-ink);box-shadow:0 var(--lip) 0 var(--dc-lip);font-family:var(--font-display);font-weight:var(--fw-display);font-synthesis:none;white-space:nowrap;align-items:baseline;gap:1px;line-height:1.2;display:inline-flex}.nb-level__n{font-size:clamp(2.25rem,10vw,2.75rem);font-weight:700;line-height:1.1}.nb-level__word{font-size:var(--t-xl);letter-spacing:0}.nb-count{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.nb-count__label{font-size:var(--t-xs);color:var(--ink-3);font-weight:700}.nb-count__n{font-size:var(--t-2xl);color:var(--ink);font-weight:600;line-height:1.15}.nb-count__total{font-size:var(--t-md);color:var(--ink-3)}.nb-rule{height:calc(var(--lh-display) * 1em);font-family:var(--font-display);font-weight:var(--fw-display);font-synthesis:none;font-size:clamp(.8125rem,3.8vw,1.0625rem);line-height:var(--lh-display);color:var(--ink-3);text-align:center;white-space:nowrap;text-overflow:ellipsis;grid-area:rule;justify-content:center;align-items:center;display:flex;overflow:hidden}.nb-rule.is-armed{color:var(--ink-2)}.nb-board{grid-area:board;place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.nb-field{width:min(100cqw, calc(100cqh - var(--lip)));aspect-ratio:1;padding:var(--nb-gap);border-radius:calc(var(--r-lg) + var(--nb-gap));background:var(--dc-soft);box-shadow:0 var(--lip) 0 var(--nb-mat-lip)}.nb-grid{gap:var(--nb-gap);width:100%;height:calc(100% - var(--lip));grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.nb-cell{border-radius:var(--r-lg);background:var(--surface);box-shadow:0 var(--lip) 0 var(--nb-tile-lip);isolation:isolate;position:relative;overflow:hidden}.nb-hole{background:var(--nb-hole);height:19%;box-shadow:inset 0 5px 0 var(--nb-hole-wall);border-radius:50%;position:absolute;bottom:11%;left:16%;right:16%}.nb-pop{pointer-events:none;position:absolute;inset:0 4% 20.5%;overflow:hidden}.nb-mochi{width:94%;max-width:none;height:auto;transition:transform .14s var(--ease-out);will-change:transform;-webkit-user-drag:none;position:absolute;bottom:0;left:50%;transform:translate(-50%,104%)}.nb-cell.is-lit{background:var(--dc);box-shadow:0 var(--lip) 0 var(--dc-lip)}.nb-cell.is-lit .nb-hole{background:var(--dc-lip);box-shadow:inset 0 5px 0 color-mix(in srgb, var(--dc-lip) 70%, var(--ink))}.nb-cell.is-lit .nb-mochi{transition:transform .15s var(--ease-bounce);transform:translate(-50%,13%)}.nb-controls{gap:var(--s2);padding-top:var(--s1);flex-direction:column;grid-area:controls;display:flex}.nb-match{justify-content:center;align-items:center;gap:var(--s3);width:100%;min-height:clamp(72px,10.5svh,96px);padding:0 var(--s6);border-radius:var(--r-xl);border:2px solid var(--dc-lip);background:var(--dc);color:var(--dc-ink);box-shadow:0 var(--lip) 0 var(--dc-lip);font-family:var(--font-display);font-weight:var(--fw-display);font-synthesis:none;font-size:var(--t-2xl);line-height:var(--lh-display);touch-action:none;transition:transform var(--dur-press) ease-out, box-shadow var(--dur-press) ease-out, background-color var(--dur-ui), color var(--dur-ui);display:flex;position:relative;transform:translateY(0)}.nb-match[data-armed="0"]{background:var(--surface);border-color:var(--line);color:var(--ink-3);box-shadow:0 var(--lip) 0 var(--line-strong)}.nb-match:active,.nb-match[data-pressed="1"],.nb-match[data-answered="1"]{transform:translateY(var(--lip));box-shadow:0 0 0 var(--dc-lip)}.nb-match[data-armed="0"]:active,.nb-match[data-armed="0"][data-pressed="1"]{box-shadow:0 0 0 var(--line-strong)}.nb-match__keys{font-family:var(--font-body);font-size:var(--t-xs);border-radius:var(--r-xs);background:var(--surface);color:var(--ink-2);box-shadow:0 2px 0 var(--line-strong);padding:5px 8px;font-weight:700;line-height:1}.nb-match[data-armed="0"] .nb-match__keys{background:var(--surface-2)}.nb-fb{justify-content:center;align-items:center;min-height:30px;display:flex}.nb-fb__item{align-items:center;gap:var(--s2);font-weight:700;font-size:var(--t-sm);color:var(--ink-2);animation:nb-fb-pop .24s var(--ease-bounce);line-height:1.3;display:inline-flex}.nb-fb__dot{background:var(--ink-3);width:22px;height:22px;color:var(--surface);border-radius:50%;flex:none;place-items:center;padding:4px;display:grid}.nb-fb__item--good .nb-fb__dot{background:var(--nb-good);color:#fff}.nb-fb__item--bad .nb-fb__dot{background:var(--nb-bad);color:#fff}.nb-fb__item--info .nb-fb__dot{width:12px;height:12px;padding:0}.nb-fb__spark{width:18px;height:18px;color:var(--gold);animation:nb-spark .42s var(--ease-out)}@keyframes nb-fb-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes nb-spark{0%{opacity:0;transform:translateY(6px)rotate(-40deg)scale(.4)}60%{opacity:1;transform:translateY(-3px)rotate(10deg)scale(1.15)}to{transform:none}}.nb--large .nb-match{min-height:clamp(76px,12svh,110px);font-size:var(--t-3xl)}.nb--large .nb-rule{height:calc(var(--lh-display) * 2em);font-size:var(--t-lg);white-space:normal;text-overflow:clip}.nb--large .nb-fb__item{font-size:var(--t-md)}.nb--still .nb-mochi,.nb--still .nb-cell.is-lit .nb-mochi{transition:none}.nb--still .nb-fb__item,.nb--still .nb-fb__spark{animation:none}.nb--still .nb-match{transition:none}@media (orientation:portrait) and (height<=700px){.nb{row-gap:var(--s2)}.nb-level{padding:2px var(--s4) 4px}.nb-level__n{font-size:2rem}.nb-count__n{font-size:var(--t-xl)}.nb-fb{min-height:26px}}@media (orientation:landscape) and (height<=560px){.nb{column-gap:var(--s6);row-gap:var(--s2);grid-template:"timer timer""board head""board rule""board."minmax(0,1fr)"board controls"/minmax(0,1fr) minmax(220px,40%);max-width:900px}.nb-rule{white-space:normal;justify-content:flex-start;height:auto}}