.nf-game{margin-top:2.5rem}.nf-stage{--nf-ground:44px;--nf-outline:#16161a;border:1px solid var(--color-line);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#cfeef4 0%,#e8f8fb 55%,#f7fdfe 100%);border-radius:24px;height:clamp(320px,48vh,440px);position:relative;overflow:hidden}.nf-stage:focus-visible{outline:2px solid var(--color-brand-strong);outline-offset:3px}.nf-clouds{opacity:.85;pointer-events:none;filter:brightness(1.22);width:100%;height:auto;position:absolute;top:-6%;left:0}.nf-ground{height:var(--nf-ground);border-top:3px solid var(--nf-outline);background-color:#9fe3ec;background-image:linear-gradient(90deg,#01b4c8 50%,#0000 0),linear-gradient(90deg,#0000 50%,#01b4c8 0);background-position:0 9px,0 21px;background-repeat:repeat-x;background-size:24px 4px,24px 4px;position:absolute;bottom:0;left:0;right:0}.nf-catcher{bottom:calc(var(--nf-ground) - 2px);z-index:2;will-change:transform;position:absolute;left:50%;transform:translate(-50%)}.nf-mascot{transform-origin:50% 100%;width:clamp(72px,13vw,104px);position:relative}.nf-mascot-art{-webkit-user-drag:none;width:100%;height:auto;display:block}.nf-screen{width:49%;height:38.4%;position:absolute;top:14%;left:15.5%;overflow:hidden}.nf-screen:after{content:"";opacity:0;transition:opacity .12s linear;position:absolute;inset:0}.nf-mascot[data-mood=hurt] .nf-screen:after{opacity:.6;background:#e5484d}.nf-mascot[data-mood=bright] .nf-screen:after{opacity:.5;background:#f7b500}.nf-screen-logo{object-fit:contain;width:100%;height:100%;transition:transform .14s linear;position:absolute;inset:0}.nf-bubble{width:max-content;max-width:min(230px,62vw);transform:translateX(calc(-50% + var(--nf-bubble-shift,0px)));border:2px solid var(--nf-outline);box-shadow:3px 3px 0 var(--nf-outline);color:var(--color-ink);text-align:center;pointer-events:none;background:#fff;border-radius:12px;padding:8px 12px;font-size:14px;font-weight:500;line-height:1.35;position:absolute;bottom:calc(100% + 14px);left:50%}.nf-bubble-tail{border-right:2px solid var(--nf-outline);border-bottom:2px solid var(--nf-outline);pointer-events:none;background:#fff;width:12px;height:12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)rotate(45deg)}.nf-canvas{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.nf-hud{z-index:4;min-height:36px;color:var(--color-ink);font-family:var(--font-geist);justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:12px;left:14px;right:14px}.nf-hud-title{letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:600}.nf-hud-group{align-items:center;gap:10px;display:inline-flex}.nf-stat{align-items:baseline;gap:6px;display:inline-flex}.nf-stat-label{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:600}.nf-stat-value{font-variant-numeric:tabular-nums;min-width:2ch;font-size:20px;font-weight:700}.nf-lives,.nf-glyphs{align-items:center;gap:4px;display:inline-flex}.nf-lives i{border:2px solid var(--nf-outline);background:#fff;width:10px;height:10px}.nf-lives i[data-on]{background:#e5484d}.nf-glyphs i{color:#4e46464d;font-size:18px;font-style:normal;font-weight:800;line-height:1}.nf-glyphs i[data-on]{color:#b97a00;text-shadow:0 0 10px #f7b500b3}.nf-bonus{border:2px solid var(--nf-outline);color:var(--nf-outline);background:#f7b500;border-radius:6px;padding:2px 7px;font-size:12px;font-weight:800}.nf-play,.nf-again{border:2px solid var(--nf-outline);min-height:36px;box-shadow:3px 3px 0 var(--nf-outline);color:var(--nf-outline);font-family:var(--font-geist);cursor:pointer;transition:transform var(--dur-press) var(--ease-snap), box-shadow var(--dur-press) var(--ease-snap);background:#fff;border-radius:10px;padding:0 16px;font-size:13px;font-weight:700}.nf-play:hover,.nf-again:hover{background:var(--color-brand-tint)}.nf-play:active,.nf-again:active{box-shadow:1px 1px 0 var(--nf-outline);transform:translate(2px,2px)}.nf-play:disabled{cursor:default;opacity:.6}.nf-play:focus-visible,.nf-again:focus-visible{outline:2px solid var(--color-brand-strong);outline-offset:3px}.nf-again{min-height:40px}.nf-over{z-index:5;animation:nf-over-in .2s var(--ease-snap) both;background:#fffc;place-items:center;padding:56px 16px 16px;display:grid;position:absolute;inset:0}.nf-over-card{text-align:center;max-width:420px}.nf-over-title{color:var(--color-ink);font-family:var(--font-geist);font-size:clamp(24px,5vw,32px);font-style:italic;line-height:1.15}.nf-over-copy{color:var(--color-ink);margin-top:10px;line-height:1.5}.nf-over-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.nf-hint{color:var(--color-ink);margin-top:12px;font-size:13px;line-height:1.5}@keyframes nf-over-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.nf-over{animation:none}.nf-screen-logo,.nf-screen:after,.nf-play,.nf-again{transition:none}}