/* MYKObyPRZ – port z salient-child/npz/npz2-faq.css (D-070). */
.nprz-fb { color: var(--nprz-white); }
.nprz-fb__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: clamp(28px, 4vw, 56px); }
.nprz-fb__eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 18px; font-family: var(--nprz-font-cap); font-weight: 500; font-size: 12px; letter-spacing: var(--nprz-track); text-transform: uppercase; }
.nprz-fb__eyebrow::before { content: ""; width: 8px; height: 8px; background: var(--nprz-teal); }
.nprz-fb__title { margin: 0; font-family: var(--nprz-font-head); font-weight: 600; text-transform: uppercase; line-height: .98; font-size: clamp(48px, 5.4vw, 84px); color: var(--nprz-white); }
.nprz-fb__acc { color: var(--nprz-teal); }
.nprz-fb__prog { display: flex; align-items: center; gap: 14px; font-family: var(--nprz-font-cap); font-weight: 500; font-size: 12px; letter-spacing: var(--nprz-track); text-transform: uppercase; }
.nprz-fb__pips { display: flex; gap: 6px; }
.nprz-fb__pips i { width: 34px; height: 4px; background: rgba(247, 245, 241, .22); transition: background .4s; }
.nprz-fb__pips i.on { background: var(--nprz-teal); }
.nprz-fb__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(24px, 5vw, 88px); align-items: center; }
.nprz-fb__fig { position: relative; container-type: inline-size; width: 100%; max-width: 620px; margin: 0 auto; aspect-ratio: 1; overflow: hidden; background: var(--nprz-white); box-shadow: 0 0 0 1px rgba(247, 245, 241, .15), 0 30px 80px rgba(0, 0, 0, .35); }
.nprz-fb__img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--nprz-ease); }
.nprz-fb__fig.has-sel .nprz-fb__img { transform: scale(1.06); }
.nprz-fb__hint { position: absolute; left: 14px; bottom: 12px; z-index: 3; padding: 8px 12px; background: var(--nprz-dark); color: var(--nprz-white); font-family: var(--nprz-font-cap); font-size: 11px; letter-spacing: var(--nprz-track); text-transform: uppercase; transition: opacity .4s; }
.nprz-fb__fig.has-sel .nprz-fb__hint { opacity: 0; }
.nprz-fb__pin { --s: clamp(30px, 9cqw, 44px); position: absolute; z-index: 2; display: grid; place-items: center; width: var(--s); height: var(--s); margin: calc(var(--s) / -2) 0 0 calc(var(--s) / -2); padding: 0; border: 0; border-radius: 50%; cursor: pointer; background: var(--nprz-amber); color: var(--nprz-dark); font-family: var(--nprz-font-cap); font-weight: 600; font-size: 19px; box-shadow: 0 0 0 4px rgba(247, 245, 241, .85); transition: transform .3s var(--nprz-ease), background .3s; }
.nprz-fb__pin::before, .nprz-fb__pin::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--nprz-amber); animation: nprz-fb-ping 2.4s infinite var(--nprz-ease); pointer-events: none; }
.nprz-fb__pin::after { animation-delay: 1.2s; }
.nprz-fb__pin:hover { transform: scale(1.12); }
.nprz-fb__pin.is-read { background: var(--nprz-teal); }
.nprz-fb__pin.is-read::before, .nprz-fb__pin.is-read::after { animation: none; opacity: 0; }
.nprz-fb__pin.is-on { background: var(--nprz-teal); transform: scale(1.15); }
@keyframes nprz-fb-ping { 0% { transform: scale(1); opacity: .9; } 100% { transform: scale(2.2); opacity: 0; } }
.nprz-fb__ans { position: relative; min-height: 420px; }
.nprz-fb__item { position: absolute; inset: 0 0 auto 0; opacity: 0; visibility: hidden; transform: translateX(24px); transition: opacity .4s var(--nprz-ease), transform .5s var(--nprz-ease), visibility 0s .4s; }
.nprz-fb__item.is-on { opacity: 1; visibility: visible; transform: none; transition: opacity .4s var(--nprz-ease), transform .5s var(--nprz-ease); }
.nprz-fb__no { display: block; margin-bottom: 10px; color: var(--nprz-teal); font-family: var(--nprz-font-cap); font-weight: 500; font-size: 12px; letter-spacing: var(--nprz-track); text-transform: uppercase; }
.nprz-fb__big { margin: 0 0 18px; font-family: var(--nprz-font-head); font-weight: 600; text-transform: uppercase; line-height: 1; font-size: clamp(30px, 3.2vw, 52px); color: var(--nprz-white); }
.nprz-fb__item p { margin: 0 0 12px; max-width: 52ch; font-size: 16px; line-height: 1.55; color: rgba(247, 245, 241, .88); }
.nprz-fb__item b { color: var(--nprz-white); }
.nprz-fb__item ul { margin: 12px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(247, 245, 241, .18); }
.nprz-fb__item li { position: relative; padding: 10px 0 10px 22px; border-bottom: 1px solid rgba(247, 245, 241, .18); font-size: 15px; }
.nprz-fb__item li::before { content: ""; position: absolute; left: 0; top: 18px; width: 8px; height: 8px; border-radius: 50%; background: var(--nprz-amber); }
.nprz-fb__thumbs, .nprz-fb__duo { display: grid; gap: 6px; margin-top: 16px; max-width: 460px; }
.nprz-fb__thumbs { grid-template-columns: repeat(3, 1fr); }
.nprz-fb__duo { grid-template-columns: 1fr 1fr; }
.nprz-fb__thumbs img { width: 100%; aspect-ratio: 4/3; object-fit: cover; height: auto; }
.nprz-fb__duo figure { position: relative; margin: 0; }
.nprz-fb__duo img { width: 100%; aspect-ratio: 1; object-fit: cover; height: auto; }
.nprz-fb__duo figcaption { position: absolute; left: 6px; bottom: 6px; padding: 6px 8px; background: var(--nprz-dark); font-family: var(--nprz-font-cap); font-size: 10px; letter-spacing: var(--nprz-track); text-transform: uppercase; }
.nprz-fb__qs { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 28px; }
.nprz-fb__q { padding: 9px 14px; border: 1px solid rgba(247, 245, 241, .35); background: none; color: inherit; cursor: pointer; display: flex; gap: 8px; align-items: center; text-align: left; font-family: var(--nprz-font-cap); font-size: 12px; letter-spacing: var(--nprz-track); text-transform: uppercase; transition: background .25s, border-color .25s; }
.nprz-fb__q:hover { border-color: var(--nprz-white); }
.nprz-fb__q.is-on { background: var(--nprz-white); color: var(--nprz-dark); border-color: var(--nprz-white); }
.nprz-fb__q.is-read::after { content: "✓"; color: var(--nprz-teal); font-weight: 700; }
.nprz-fb__done { margin-top: 28px; opacity: 0; transform: translateY(10px); pointer-events: none; transition: opacity .5s, transform .5s var(--nprz-ease); }
.nprz-fb__done.is-on { opacity: 1; transform: none; pointer-events: auto; }
.nprz-fb__done p { margin: 0 0 14px; font-family: var(--nprz-font-head); font-weight: 600; text-transform: uppercase; line-height: 1; font-size: 28px; color: var(--nprz-white); }
@media (max-width: 900px) {
.nprz-fb__grid { grid-template-columns: 1fr; }
.nprz-fb__ans { min-height: 380px; }
}
@media (prefers-reduced-motion: reduce) {
.nprz-fb *, .nprz-fb *::before, .nprz-fb *::after { animation: none !important; transition: none !important; }
}
.nprz-sec--light .nprz-fb { color: var(--nprz-dark); }
.nprz-sec--light .nprz-fb__title, .nprz-sec--light .nprz-fb__big, .nprz-sec--light .nprz-fb__done p, .nprz-sec--light .nprz-fb__item b { color: var(--nprz-dark); }
.nprz-sec--light .nprz-fb__no { color: var(--nprz-dark); }
.nprz-sec--light .nprz-fb__item p, .nprz-sec--light .nprz-fb__item li { color: rgba(20, 41, 39, .85); }
.nprz-sec--light .nprz-fb__pips i { background: rgba(20, 41, 39, .16); }
.nprz-sec--light .nprz-fb__pips i.on { background: var(--nprz-teal); }
.nprz-sec--light .nprz-fb__item ul, .nprz-sec--light .nprz-fb__item li { border-color: var(--nprz-grey); }
.nprz-sec--light .nprz-fb__q { border-color: rgba(20, 41, 39, .35); }
.nprz-sec--light .nprz-fb__q:hover { border-color: var(--nprz-dark); }
.nprz-sec--light .nprz-fb__q.is-on { background: var(--nprz-dark); color: var(--nprz-white); border-color: var(--nprz-dark); }
.nprz-sec--light .nprz-fb__duo figcaption, .nprz-sec--light .nprz-fb__hint { color: var(--nprz-white); }
.nprz-fb__fig, .nprz-sec--light .nprz-fb__fig { aspect-ratio: 720 / 1020; max-width: min(100%, 540px); overflow: visible; background: none; box-shadow: none; }
.nprz-fb__img { object-fit: contain; filter: drop-shadow(0 26px 22px rgba(20, 41, 39, .14)); }
.nprz-fb__fig.has-sel .nprz-fb__img { transform: none; }
.nprz-fb__pin, .nprz-sec--light .nprz-fb__pin { --s: clamp(38px, 11cqw, 58px); background: var(--nprz-teal); color: var(--nprz-white); box-shadow: none; font-size: clamp(16px, 4.2cqw, 22px); }
.nprz-fb__pin svg { display: none; }
.nprz-fb__pin::before, .nprz-fb__pin::after { inset: -2px; border: 4px solid rgba(53, 156, 149, .55); animation: nprz-fb-ping 2.8s cubic-bezier(.2, .6, .3, 1) infinite; }
.nprz-fb__pin::after { animation-delay: 1.4s; }
@keyframes nprz-fb-ping { 0% { transform: scale(1); opacity: .9; } 100% { transform: scale(1.75); opacity: 0; } }
.nprz-fb__pin:hover, .nprz-fb__pin:focus-visible { background: var(--nprz-teal-hover); transform: scale(1.06); }
.nprz-fb__pin:focus-visible { outline: 2px solid var(--nprz-dark); outline-offset: 6px; }
.nprz-fb__pin.is-read { background: var(--nprz-dark); }
.nprz-fb__pin.is-read::before, .nprz-fb__pin.is-read::after { animation: none; opacity: 0; }
.nprz-fb__pin.is-on { background: var(--nprz-teal-hover); transform: scale(1.1); outline: 2px solid var(--nprz-dark); outline-offset: 5px; }
.nprz-fb__map { position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0; transition: opacity .6s; }
.nprz-fb.is-idle .nprz-fb__map { opacity: 1; }
.nprz-fb__item { z-index: 1; }
.nprz-fb__cell { position: absolute; box-sizing: border-box; border: 1px solid rgba(20, 41, 39, .16); background: rgba(20, 41, 39, .035); color: var(--nprz-dark); opacity: 0; transform: scale(.82); transition: opacity .9s var(--nprz-ease), transform 1.1s var(--nprz-ease); }
.nprz-fb__cell::before { content: ""; position: absolute; inset: 0; background: currentColor; opacity: .55; -webkit-mask-image: var(--nprz-fb-myc); mask-image: var(--nprz-fb-myc); -webkit-mask-size: var(--ms) auto; mask-size: var(--ms) auto; -webkit-mask-position: var(--mx) var(--my); mask-position: var(--mx) var(--my); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.nprz-fb__cell.is-teal { color: var(--nprz-teal); border-color: rgba(53, 156, 149, .5); background: rgba(53, 156, 149, .07); }
.nprz-fb__cell.is-in { opacity: 1; transform: none; }
.nprz-sec--dark .nprz-fb__cell { color: var(--nprz-white); border-color: rgba(247, 245, 241, .2); background: rgba(247, 245, 241, .04); }
.nprz-sec--dark .nprz-fb__cell.is-teal { color: var(--nprz-teal); }
@media (prefers-reduced-motion: reduce) {
.nprz-fb__pin::before, .nprz-fb__pin::after { animation: none !important; opacity: .5; }
}
.nprz-fb__map { --ink: var(--nprz-grey); --ink2: var(--ink); }
.nprz-sec--dark .nprz-fb__map { --ink: rgba(247, 245, 241, .26); --ink2: var(--ink); }
.nprz-fb__gridl { position: absolute; inset: 0; opacity: 0; transition: opacity 2.4s ease; background-image: linear-gradient(to right, rgba(207, 204, 195, .55) 1px, transparent 1px), linear-gradient(to bottom, rgba(207, 204, 195, .55) 1px, transparent 1px); background-size: var(--cs) var(--cs); background-position: right bottom; -webkit-mask-image: radial-gradient(circle at var(--ox) var(--oy), #000 0, transparent var(--gr)); mask-image: radial-gradient(circle at var(--ox) var(--oy), #000 0, transparent var(--gr)); }
.nprz-sec--dark .nprz-fb__gridl { background-image: linear-gradient(to right, rgba(247, 245, 241, .12) 1px, transparent 1px), linear-gradient(to bottom, rgba(247, 245, 241, .12) 1px, transparent 1px); }
.nprz-fb__myc { position: absolute; inset: 0; opacity: 0; transition: opacity 2.6s ease; background: var(--ink); -webkit-mask-image: var(--nprz-fb-myc), radial-gradient(circle at var(--ox) var(--oy), #000 0, #000 calc(var(--r) - 110px), transparent var(--r)); mask-image: var(--nprz-fb-myc), radial-gradient(circle at var(--ox) var(--oy), #000 0, #000 calc(var(--r) - 110px), transparent var(--r)); -webkit-mask-size: var(--ms) auto, 100% 100%; mask-size: var(--ms) auto, 100% 100%; -webkit-mask-position: var(--mx) var(--my), 0 0; mask-position: var(--mx) var(--my), 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-composite: source-in; mask-composite: intersect; }
.nprz-fb__myc--b { background: var(--ink2); }
.nprz-fb__myc.is-on { opacity: .8; }
.nprz-fb__gridl.is-on { opacity: 1; }
.nprz-fb__myc--b.is-on { opacity: .42; }
.nprz-fb__tint { position: absolute; box-sizing: border-box; background: rgba(207, 204, 195, .28); opacity: 0; transition: opacity 3s ease; }
.nprz-fb__tint.is-on { opacity: 1; }
.nprz-sec--dark .nprz-fb__tint { background: rgba(247, 245, 241, .07); }
.nprz-fb__cell { display: none; }
.nprz-fb__cmp { position: absolute; inset: 0; z-index: 1; opacity: 0; visibility: hidden; transition: opacity .5s var(--nprz-ease), visibility 0s .5s; --p: 50%; touch-action: pan-y; user-select: none; }
.nprz-fb__fig.is-cmp .nprz-fb__cmp { opacity: 1; visibility: visible; transition: opacity .5s var(--nprz-ease); }
.nprz-fb__fig.is-cmp .nprz-fb__img { opacity: 0; transition: opacity .4s; }
.nprz-fb__cmp img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 22px 18px rgba(20, 41, 39, .12)); }
.nprz-fb__cmp .nprz-fb__cmp-a { clip-path: inset(0 calc(100% - var(--p)) 0 0); }
.nprz-fb__cmp .nprz-fb__cmp-b { clip-path: inset(0 0 0 var(--p)); }
.nprz-fb__cmp-bar { position: absolute; top: 4%; bottom: 4%; left: var(--p); width: 2px; margin-left: -1px; background: var(--nprz-dark); opacity: .55; pointer-events: none; }
.nprz-fb__cmp-knob { position: absolute; top: 50%; left: var(--p); width: 56px; height: 56px; margin: -28px 0 0 -28px; border-radius: 50%; pointer-events: none; background: var(--nprz-teal); color: var(--nprz-white); display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 1; }
.nprz-fb__cmp-knob::before, .nprz-fb__cmp-knob::after { content: ""; position: absolute; inset: -2px; border-radius: 50%; border: 4px solid rgba(53, 156, 149, .55); animation: nprz-fb-ping 2.8s cubic-bezier(.2, .6, .3, 1) infinite; }
.nprz-fb__cmp-knob::after { animation-delay: 1.4s; }
.nprz-fb__cmp input[type=range] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; z-index: 2; }
.nprz-fb__cmp-tag { position: absolute; bottom: 2%; padding: 8px 12px; background: var(--nprz-dark); color: var(--nprz-white); font-family: var(--nprz-font-cap); font-size: 11px; letter-spacing: var(--nprz-track); text-transform: uppercase; pointer-events: none; }
.nprz-fb__cmp-tag--a { left: 0; }
.nprz-fb__cmp-tag--b { right: 0; }
.nprz-fb__fig.is-cmp .nprz-fb__pin { z-index: 3; }
@media (prefers-reduced-motion: reduce) {
.nprz-fb__cmp-knob::before, .nprz-fb__cmp-knob::after { animation: none; opacity: .5; }
}
.nprz-sec--dark .nprz-fb__img, .nprz-sec--dark .nprz-fb__cmp img { filter: drop-shadow(0 20px 22px rgba(0, 0, 0, .35)); }
.nprz-sec--dark .nprz-fb__pin.is-read { background: var(--nprz-white); color: var(--nprz-dark); }
.nprz-sec--dark .nprz-fb__pin.is-on { outline-color: var(--nprz-white); }
.nprz-sec--dark .nprz-fb__pin:focus-visible { outline-color: var(--nprz-white); }
.nprz-sec--dark .nprz-fb__hint, .nprz-sec--dark .nprz-fb__cmp-tag { background: var(--nprz-white); color: var(--nprz-dark); }
.nprz-sec--dark .nprz-fb__cmp-bar { background: var(--nprz-white); opacity: .6; }
.nprz-sec--dark .nprz-fb__item p, .nprz-sec--dark .nprz-fb__item li { color: rgba(247, 245, 241, .88); }
.nprz-sec--dark .nprz-fb__item li { border-color: rgba(247, 245, 241, .18); }
.nprz-sec--dark .nprz-fb__no { color: var(--nprz-teal); }
.nprz-sec--grey .nprz-fb__img, .nprz-sec--grey .nprz-fb__cmp img { filter: drop-shadow(0 18px 20px rgba(20, 41, 39, .26)) drop-shadow(0 0 1px rgba(20, 41, 39, .35)); }
.nprz-sec--grey .nprz-fb__gridl { background-image: linear-gradient(to right, rgba(207, 204, 195, .9) 1px, transparent 1px), linear-gradient(to bottom, rgba(207, 204, 195, .9) 1px, transparent 1px); }
.nprz-sec--grey .nprz-fb__map { --ink: var(--nprz-grey); --ink2: var(--ink); }
.nprz-fb__gal { position: absolute; inset: 0; z-index: 1; opacity: 0; visibility: hidden; perspective: 1250px; perspective-origin: 50% 46%; transition: opacity .5s var(--nprz-ease), visibility 0s .5s; }
.nprz-fb__fig.is-gal .nprz-fb__gal { opacity: 1; visibility: visible; transition: opacity .5s var(--nprz-ease); }
.nprz-fb__fig.is-gal .nprz-fb__img { opacity: 0; transition: opacity .4s; }
.nprz-fb__fig.is-gal .nprz-fb__pin { opacity: 0; pointer-events: none; }
.nprz-fb__fig.is-gal .nprz-fb__hint { opacity: 0; }
.nprz-fb__deck { position: absolute; inset: 0; transform-style: preserve-3d; touch-action: pan-y; cursor: pointer; outline: none; pointer-events: none; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.nprz-fb__deck.is-drag { cursor: grabbing; }
.nprz-fb__deck:focus-visible { outline: 2px solid var(--nprz-teal); outline-offset: 6px; }
.nprz-fb__card { position: absolute; left: 50%; top: 50%; width: 50%; margin: 0 !important; aspect-ratio: 4 / 3; backface-visibility: hidden; will-change: transform; pointer-events: auto; overflow: hidden; border-radius: 2px; background: var(--nprz-dark); box-shadow: 0 14px 28px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .06); transition: box-shadow .6s ease; }
.nprz-fb__card img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; -webkit-user-drag: none; }
.nprz-fb__card::after { content: ""; position: absolute; inset: 0; background: var(--nprz-grey-light); opacity: var(--dim, 0); pointer-events: none; }
.nprz-sec--dark .nprz-fb__card::after { background: var(--nprz-dark); }
.nprz-fb__gal-nav { position: absolute; bottom: 0; z-index: 5; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; cursor: pointer; background: var(--nprz-teal); color: var(--nprz-white); font-size: 20px; line-height: 1; display: flex; align-items: center; justify-content: center; transition: background-color .25s var(--nprz-ease), transform .3s var(--nprz-ease); }
.nprz-fb__gal-nav:hover, .nprz-fb__gal-nav:focus-visible { background: var(--nprz-teal-hover); transform: scale(1.06); }
.nprz-fb__gal-nav--prev { right: 60px; }
.nprz-fb__gal-nav--next { right: 0; }
.nprz-fb__gal-cnt { position: absolute; left: 0; bottom: 12px; z-index: 5; padding: 8px 12px; background: var(--nprz-dark); color: var(--nprz-white); font-family: var(--nprz-font-cap); font-size: 12px; letter-spacing: var(--nprz-track); }
.nprz-sec--dark .nprz-fb__gal-cnt { background: var(--nprz-white); color: var(--nprz-dark); }
.nprz-fb__deck.is-stack .nprz-fb__card { box-shadow: none; }
.nprz-fb__deck.is-stack .nprz-fb__card.is-top { box-shadow: 0 16px 30px rgba(0, 0, 0, .14), 0 0 0 1px rgba(0, 0, 0, .06); }
.nprz-fb__gal { touch-action: pan-y; }
.nprz-fb__cmp { --wa: 1; --wb: 1; }
.nprz-fb .nprz-fb__cmp img.nprz-fb__cmp-a { opacity: calc(.4 + .6 * var(--wa)); filter: drop-shadow(0 18px 20px rgba(20, 41, 39, .2)) saturate(calc(.35 + .65 * var(--wa))); }
.nprz-fb .nprz-fb__cmp img.nprz-fb__cmp-b { opacity: calc(.4 + .6 * var(--wb)); filter: drop-shadow(0 18px 20px rgba(20, 41, 39, .2)) saturate(calc(.35 + .65 * var(--wb))); }
.nprz-fb__cmp-tag--a { opacity: calc(.25 + .75 * var(--wa)); }
.nprz-fb__cmp-tag--b { opacity: calc(.25 + .75 * var(--wb)); }
.nprz-fb__cmp-tag { transition: opacity .2s; }
.nprz-fb__grid { position: relative; }
.nprz-fb.is-game .nprz-fb__pin { opacity: 0; transform: scale(.3); pointer-events: none; transition: opacity .35s ease, transform .55s cubic-bezier(.3, 1.6, .5, 1), background-color .3s; }
.nprz-fb.is-game .nprz-fb__pin.is-avail { opacity: 1; transform: none; pointer-events: auto; z-index: 6; }
.nprz-fb.is-game .nprz-fb__pin.is-avail:hover { transform: scale(1.08); }
.nprz-fb.is-game .nprz-fb__pin.is-new { animation: nprz-fb-pop .7s cubic-bezier(.3, 1.6, .5, 1); }
.nprz-fb.is-game .nprz-fb__pin.is-burst { animation: nprz-fb-burst .38s ease-in forwards; }
.nprz-fb.is-game .nprz-fb__pin.is-q { transform: scale(1.7); background: var(--nprz-teal-hover); font-family: var(--nprz-font-head); font-size: 26px; }
@keyframes nprz-fb-pop { 0% { transform: scale(.2); opacity: 0; } 60% { transform: scale(1.25); opacity: 1; } 100% { transform: scale(1); } }
@keyframes nprz-fb-burst { 0% { transform: scale(1); } 40% { transform: scale(1.35); } 100% { transform: scale(.2); opacity: 0; } }
.nprz-fb.is-game .nprz-fb__item li[data-x] { cursor: pointer; transition: color .3s, padding-left .3s; outline: none; }
.nprz-fb.is-game .nprz-fb__item li[data-x]:hover, .nprz-fb.is-game .nprz-fb__item li[data-x]:focus-visible { padding-left: 28px; }
.nprz-fb.is-game .nprz-fb__item li[data-x]::before { transition: background-color .3s; }
.nprz-fb.is-game .nprz-fb__item li.is-next::before { animation: nprz-fb-bul 1.4s ease-out infinite; }
.nprz-fb.is-game .nprz-fb__item li.is-done { color: rgba(20, 41, 39, .55); }
.nprz-fb.is-game .nprz-fb__item li.is-done::before { background: var(--nprz-teal); }
.nprz-fb.is-game .nprz-fb__item li.is-nope { animation: nprz-fb-nope .35s; }
@keyframes nprz-fb-bul { 0% { box-shadow: 0 0 0 0 rgba(210, 105, 24, .65); } 100% { box-shadow: 0 0 0 11px rgba(210, 105, 24, 0); } }
@keyframes nprz-fb-nope { 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } }
.nprz-fb__lines { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 5; opacity: 0; transition: opacity .4s; }
.nprz-fb__lines.is-on { opacity: 1; }
.nprz-fb__line { fill: none; stroke: var(--nprz-dark); stroke-width: 1.5; }
.nprz-fb__ldot { fill: var(--nprz-teal); transition: opacity .3s; }
.nprz-fb__lring { fill: none; stroke: var(--nprz-teal); stroke-width: 2; transform-box: fill-box; transform-origin: center; transition: opacity .3s; }
.nprz-fb__lring.is-ping { animation: nprz-fb-ring 2.4s ease-out infinite; }
@keyframes nprz-fb-ring { 0% { transform: scale(1); opacity: .9; } 100% { transform: scale(3.2); opacity: 0; } }
.nprz-fb__fig.is-xfade .nprz-fb__img { transform: scale(.97); filter: blur(3px); opacity: .55; transition: transform .38s ease, filter .38s ease, opacity .38s ease; }
.nprz-fb__cmp.is-pop { animation: nprz-fb-cmpin .75s cubic-bezier(.2, .8, .2, 1); }
.nprz-fb__cmp.is-pop .nprz-fb__cmp-knob { animation: nprz-fb-pop .7s cubic-bezier(.3, 1.6, .5, 1); }
@keyframes nprz-fb-cmpin { 0% { opacity: 0; transform: scale(1.05); filter: blur(8px); } 100% { opacity: 1; transform: none; filter: none; } }
.nprz-fb__fig.is-morph .nprz-fb__img { opacity: 1 !important; position: relative; z-index: 4; transform: scale(.52); transition: transform .65s cubic-bezier(.7, 0, .3, 1), opacity .4s ease .5s !important; }
.nprz-fb__graph { position: absolute; inset: 0; z-index: 1; opacity: 0; visibility: hidden; transition: opacity .4s, visibility 0s .4s; touch-action: none; }
.nprz-fb__fig.is-graph .nprz-fb__graph { opacity: 1; visibility: visible; transition: opacity .4s; }
.nprz-fb__fig.is-graph .nprz-fb__img, .nprz-fb__fig.is-graph .nprz-fb__hint { opacity: 0; transition: opacity .35s; }
.nprz-fb__edges { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.nprz-fb__edge { stroke: rgba(20, 41, 39, .3); stroke-width: 1.2; }
.nprz-fb__edge--ring { stroke: rgba(20, 41, 39, .18); stroke-dasharray: 3 6; }
.nprz-fb__node { position: absolute; left: 0; top: 0; width: 0; height: 0; padding: 0; margin: 0 !important; border: 0; background: none; color: var(--nprz-dark); text-decoration: none; cursor: pointer; will-change: transform; -webkit-tap-highlight-color: transparent; }
.nprz-fb__node { transition: none !important; }
.nprz-fb__node > * { transition-delay: var(--d, 0s); }
.nprz-fb__ap { position: absolute; left: -36px; top: -36px; width: 72px; height: 72px; border-radius: 50%; display: grid; place-items: center; background: var(--nprz-dark); color: var(--nprz-white); box-shadow: 0 12px 26px rgba(0, 0, 0, .14); transform: scale(0); transition: transform .6s cubic-bezier(.3, 1.6, .5, 1), background-color .25s; }
.nprz-fb__ap svg { width: 34px; height: auto; display: block; }
.nprz-fb__ap b { font-family: var(--nprz-font-head); font-weight: 600; font-size: 34px; line-height: 1; }
.nprz-fb__lb { position: absolute; top: 44px; left: 50%; transform: translateX(-50%); white-space: nowrap; opacity: 0; transition: opacity .4s; font-family: var(--nprz-font-cap); font-size: 11px; letter-spacing: var(--nprz-track); text-transform: uppercase; color: var(--nprz-dark); }
.nprz-fb__graph.is-in .nprz-fb__ap { transform: none; }
.nprz-fb__graph.is-in .nprz-fb__lb { opacity: 1; }
.nprz-fb__node:hover .nprz-fb__ap, .nprz-fb__node:focus-visible .nprz-fb__ap { background: var(--nprz-teal); transform: scale(1.08); }
.nprz-fb__node--num .nprz-fb__ap { background: var(--nprz-white); color: var(--nprz-teal); box-shadow: inset 0 0 0 2px var(--nprz-teal), 0 12px 26px rgba(0, 0, 0, .12); }
.nprz-fb__node--num:hover .nprz-fb__ap { background: var(--nprz-teal); color: var(--nprz-white); }
.nprz-fb__node--q { cursor: grab; touch-action: none; z-index: 2; }
.nprz-fb__graph.is-drag .nprz-fb__node--q { cursor: grabbing; }
.nprz-fb__node--q .nprz-fb__ap { left: -52px; top: -52px; width: 104px; height: 104px; background: var(--nprz-teal); }
.nprz-fb__node--q .nprz-fb__ap b { font-size: 58px; }
.nprz-fb__node--q .nprz-fb__ap::before, .nprz-fb__node--q .nprz-fb__ap::after { content: ""; position: absolute; inset: -2px; border-radius: 50%; border: 4px solid rgba(53, 156, 149, .5); animation: nprz-fb-ping 2.8s cubic-bezier(.2, .6, .3, 1) infinite; pointer-events: none; }
.nprz-fb__node--q .nprz-fb__ap::after { animation-delay: 1.4s; }
@media (prefers-reduced-motion: reduce) {
.nprz-fb.is-game .nprz-fb__item li.is-next::before, .nprz-fb__lring.is-ping, .nprz-fb__node--q .nprz-fb__ap::before, .nprz-fb__node--q .nprz-fb__ap::after { animation: none; }
}
.nprz-fb__line { stroke: var(--nprz-amber); stroke-width: 1.6; stroke-linejoin: round; }
.nprz-fb__ldot { fill: var(--nprz-amber); }
.nprz-fb__lring { stroke: var(--nprz-amber); }
.nprz-fb__ghost { fill: none; stroke: var(--nprz-amber); stroke-width: 1.4; stroke-dasharray: 2 7; stroke-linecap: round; opacity: .75; animation: nprz-fb-ants 1.1s linear infinite; }
.nprz-fb__gtgt { fill: rgba(210, 105, 24, .14); stroke: var(--nprz-amber); stroke-width: 1.5; transform-box: fill-box; transform-origin: center; animation: nprz-fb-ring 1.6s ease-out infinite; }
@keyframes nprz-fb-ants { to { stroke-dashoffset: -18; } }
.nprz-fb__chk { display: flex; align-items: center; gap: 10px; margin: 18px 0 2px; font-family: var(--nprz-font-cap); font-size: 11px; letter-spacing: var(--nprz-track); text-transform: uppercase; color: var(--nprz-dark); }
.nprz-fb__chk i { width: 8px; height: 8px; border-radius: 50%; background: var(--nprz-amber); animation: nprz-fb-bul 1.4s ease-out infinite; }
.nprz-fb__chk b { margin-left: auto; font-weight: 600; }
.nprz-fb__chk.is-done i { background: var(--nprz-teal); animation: none; }
.nprz-fb.is-game .nprz-fb__item li[data-x] { position: relative; overflow: hidden; border-radius: 2px; }
.nprz-fb.is-game .nprz-fb__item li.is-next { color: var(--nprz-dark); font-weight: 500; }
.nprz-fb.is-game .nprz-fb__item li.is-next::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(100deg, transparent 0%, rgba(210, 105, 24, .13) 45%, transparent 70%); background-size: 220% 100%; animation: nprz-fb-shine 2.4s ease-in-out infinite; }
@keyframes nprz-fb-shine { 0% { background-position: 120% 0; } 60%, 100% { background-position: -100% 0; } }
.nprz-fb__tap { position: absolute; right: 0; top: 50%; transform: translate(8px, -50%); opacity: 0; pointer-events: none; padding: 4px 8px 4px 22px; font-family: var(--nprz-font-cap); font-size: 10px; letter-spacing: var(--nprz-track); text-transform: uppercase; color: var(--nprz-amber); transition: opacity .35s, transform .35s; }
.nprz-fb__tap::before { content: "←"; position: absolute; left: 6px; top: 50%; transform: translateY(-52%); animation: nprz-fb-poke 1.1s ease-in-out infinite; }
@keyframes nprz-fb-poke { 50% { transform: translate(-4px, -52%); } }
.nprz-fb.is-game .nprz-fb__item li.is-next .nprz-fb__tap { opacity: 1; transform: translate(0, -50%); }
.nprz-fb.is-game .nprz-fb__item li.is-wiggle { animation: nprz-fb-wiggle .7s cubic-bezier(.3, 1.6, .5, 1); }
@keyframes nprz-fb-wiggle { 20% { transform: translateX(6px); } 45% { transform: translateX(-3px); } 70% { transform: translateX(2px); } }
.nprz-fb.is-game .nprz-fb__item li.is-done::before { width: 14px; height: 14px; left: 0; top: 14px; background: var(--nprz-teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.5 7.3l2.3 2.2 4.7-5' fill='none' stroke='%23f7f5f1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat; animation: nprz-fb-pop .5s cubic-bezier(.3, 1.6, .5, 1); }
.nprz-fb__fig.is-morphing .nprz-fb__cmp, .nprz-fb__fig.is-morphing .nprz-fb__pin, .nprz-fb__fig.is-morphing .nprz-fb__hint { opacity: 0 !important; pointer-events: none; transition: opacity .25s; }
.nprz-fb__fig.is-morphing .nprz-fb__img { opacity: 0 !important; transition: none; }
.nprz-fb__fig.is-gal-now .nprz-fb__gal { transition: none !important; }
.nprz-fb__morph { position: absolute; inset: 0; z-index: 8; perspective: 1400px; pointer-events: none; }
.nprz-fb__mw { position: absolute; inset: 0; transform-style: preserve-3d; }
.nprz-fb__mf { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; clip-path: inset(0px 0px 0px 0px round 2px); }
.nprz-fb__mf--a { background-color: rgba(239, 236, 230, 0); transition: clip-path .85s cubic-bezier(.75, 0, .2, 1), background-color .45s ease .4s; }
.nprz-fb__mf--a img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform .85s cubic-bezier(.75, 0, .2, 1); }
.nprz-fb__mf--a.is-shrink { background-color: #efece6; }
.nprz-fb__mf--a.is-shrink img { transform: scale(1.22) translateY(2%); }
.nprz-fb__mf--b { transform: rotateY(180deg); background: var(--nprz-dark); }
.nprz-fb__mf--b img { position: absolute; object-fit: cover; display: block; }
.nprz-fb__morph.is-flip .nprz-fb__mw { animation: nprz-fb-flip .62s cubic-bezier(.6, 0, .25, 1) forwards; }
@keyframes nprz-fb-flip { 0% { transform: rotateY(0deg) scale(1); } 50% { transform: rotateY(90deg) scale(1.08) translateZ(40px); } 100% { transform: rotateY(180deg) scale(1); } }
.nprz-fb__mflash { position: absolute; left: 50%; top: 50%; width: 75%; aspect-ratio: 4 / 3; transform: translate(-50%, -50%); border-radius: 2px; box-shadow: 0 0 0 0 rgba(210, 105, 24, .5); opacity: 0; }
.nprz-fb__morph.is-flip .nprz-fb__mflash { animation: nprz-fb-flash .9s ease-out .45s; }
@keyframes nprz-fb-flash { 0% { opacity: 1; box-shadow: 0 0 0 0 rgba(53, 156, 149, .55); } 100% { opacity: 0; box-shadow: 0 0 0 38px rgba(53, 156, 149, 0); } }
.nprz-fb__morph.is-out { opacity: 0; transition: opacity .3s ease .05s; }
.nprz-fb__line { stroke-width: 1.8; stroke-dasharray: 2 7; stroke-linecap: round; }
.nprz-fb__lmask { fill: none; stroke: #fff; stroke-width: 12; stroke-linecap: round; stroke-linejoin: round; }
.nprz-fb.is-game .nprz-fb__item li[data-x] { overflow: visible; }
.nprz-fb.is-game .nprz-fb__item li.is-done::before { background-color: var(--nprz-amber); }
.nprz-fb.is-game .nprz-fb__item li.is-done { color: var(--nprz-dark); }
.nprz-fb__chk.is-done i { background: var(--nprz-amber); }
.nprz-fb__chk { overflow: visible; padding-left: 2px; }
.nprz-fb__lines { inset: 0; height: auto; min-height: 100%; }
.nprz-fb__pin.is-on, .nprz-sec--light .nprz-fb__pin.is-on, .nprz-sec--dark .nprz-fb__pin.is-on { outline: none; box-shadow: 0 0 0 7px rgba(53, 156, 149, .2), 0 8px 22px rgba(20, 41, 39, .18); }
.nprz-fb__pin:focus-visible { outline: none; box-shadow: 0 0 0 7px rgba(53, 156, 149, .35); }
.nprz-fb__cmp.is-intro input[type=range] { pointer-events: none; }
.nprz-fb__cmp.is-intro .nprz-fb__cmp-bar { transform-origin: 50% 50%; animation: nprz-fb-bar .5s cubic-bezier(.2, .8, .2, 1) both; }
@keyframes nprz-fb-bar { 0% { transform: scaleY(0); opacity: 0; } 100% { transform: scaleY(1); opacity: .55; } }
.nprz-fb__cmp.is-intro .nprz-fb__cmp-knob { animation: nprz-fb-pop .6s cubic-bezier(.3, 1.6, .5, 1) .25s both; }
.nprz-fb .nprz-fb__cmp.is-ours img.nprz-fb__cmp-a, .nprz-fb__cmp.is-ours .nprz-fb__cmp-tag--a { opacity: 0 !important; }
.nprz-fb .nprz-fb__cmp.is-ours img.nprz-fb__cmp-b { clip-path: none !important; opacity: 1 !important; }
.nprz-fb__cmp-bar, .nprz-sec--dark .nprz-fb__cmp-bar { width: 3px; margin-left: -1.5px; background: var(--nprz-teal); opacity: 1; }
.nprz-fb__cmp.is-intro .nprz-fb__cmp-bar { animation-name: nprz-fb-bar2; }
@keyframes nprz-fb-bar2 { 0% { transform: scaleY(0); opacity: 0; } 100% { transform: scaleY(1); opacity: 1; } }
.nprz-fb__chk { margin-top: 30px; }
.nprz-fb__gal.is-gone .nprz-fb__deck { opacity: 0; transition: opacity .2s ease; }
.nprz-fb__gal.is-gone .nprz-fb__gal-nav, .nprz-fb__gal.is-gone .nprz-fb__gal-cnt { opacity: 0; pointer-events: none; transition: opacity .3s; }
.nprz-fb__s2p { position: absolute; left: 50%; top: 50%; z-index: 7; transform: translate(-50%, -50%); overflow: hidden; pointer-events: none; border-radius: 2px; background: var(--nprz-dark); box-shadow: 0 16px 30px rgba(0, 0, 0, .14); transition: width .7s cubic-bezier(.7, 0, .2, 1), height .7s cubic-bezier(.7, 0, .2, 1), border-radius .7s cubic-bezier(.7, 0, .2, 1), background-color .35s ease .35s, transform .7s cubic-bezier(.7, 0, .2, 1); }
.nprz-fb__s2p img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: opacity .3s ease .32s, transform .7s cubic-bezier(.7, 0, .2, 1); }
.nprz-fb__s2p b { position: absolute; inset: 0; display: grid; place-items: center; color: var(--nprz-white); font-family: var(--nprz-font-cap); font-weight: 600; font-size: 20px; opacity: 0; transition: opacity .25s ease .45s; }
.nprz-fb__s2p.is-go { width: var(--ps) !important; height: var(--ps) !important; border-radius: 50%; background: var(--nprz-teal); transform: translate(-50%, -50%) rotate(-8deg); }
.nprz-fb__s2p.is-go img { opacity: 0; transform: scale(1.6); }
.nprz-fb__s2p.is-go b { opacity: 1; }
.nprz-fb__s2p.is-end { opacity: 0; transition: opacity .2s; }
.nprz-fb.is-game .nprz-fb__item li.is-next::after { inset: -6px -10px; background: radial-gradient(closest-side, rgba(210, 105, 24, .16), rgba(210, 105, 24, 0)) no-repeat; background-size: 46% 100%; background-position: -60% 50%; animation: nprz-fb-glow 2.8s ease-in-out infinite; }
@keyframes nprz-fb-glow { 0% { background-position: -60% 50%; } 65%, 100% { background-position: 160% 50%; } }
.nprz-fb__fig.is-cmp-now .nprz-fb__cmp, .nprz-fb__fig.is-cmp-now .nprz-fb__img { transition: none !important; }
.nprz-fb__cmp.is-intro .nprz-fb__cmp-bar { animation: nprz-fb-bar2 1.1s cubic-bezier(.65, 0, .35, 1) both; }
.nprz-fb__cmp.is-intro .nprz-fb__cmp-knob { animation: none; }
.nprz-fb__cmp.is-intro .nprz-fb__cmp-tag { opacity: 0; }
.nprz-fb__mf--a { background-color: transparent !important; }
.nprz-fb__mf--a img { filter: drop-shadow(0 18px 20px rgba(20, 41, 39, .2)); }
.nprz-fb__mshadow { position: absolute; left: 50%; top: 50%; width: 75%; aspect-ratio: 4 / 3; transform: translate(-50%, -50%); border-radius: 2px; box-shadow: 0 16px 30px rgba(0, 0, 0, .14), 0 0 0 1px rgba(0, 0, 0, .06); opacity: 0; z-index: -1; }
.nprz-fb__morph.is-flip .nprz-fb__mshadow { opacity: 1; transition: opacity .6s ease .1s; }
.nprz-fb__fig.is-morphing .nprz-fb__cmp { transition: none !important; }
.nprz-fb__card[data-dof="1"] { filter: blur(.8px); }
.nprz-fb__card[data-dof="2"] { filter: blur(1.8px); }
.nprz-fb__card[data-dof="3"] { filter: blur(3px); }
.nprz-fb__card.is-top { filter: none !important; }
.nprz-fb__lines.is-on.is-wait { opacity: 0; transition: none; }
.nprz-fb__mshadow, .nprz-fb__mflash { width: 84%; }
.nprz-fb__card[data-dof="1"] { filter: blur(1.3px); }
.nprz-fb__card[data-dof="2"] { filter: blur(2.6px); }
.nprz-fb__card[data-dof="3"] { filter: blur(4.2px); }
