.po-world__3d{opacity: 0;transition: opacity 1.4s var(--po-ease-in-out,cubic-bezier(.65,0,.35,1));}.po-world__3d.is-live{opacity: 1;}.po-world__3d[hidden]{display: none;}.po-ow3d__view{position: absolute;inset: 0;}.po-ow3d__view canvas{display: block;width: 100%;height: 100%;outline: none;}.po-world.has-ow3d-controls .po-ow3d__view{cursor: grab;-webkit-user-select: none;user-select: none;}.po-world.is-ow3d-dragging{-webkit-user-select: none;user-select: none;}.po-world.is-ow3d-dragging .po-ow3d__view{cursor: grabbing !important;}.po-ow3d__view:focus{outline: none;}.po-world:has(.po-ow3d__view:focus-visible) .po-ow3d__ui::before{content: "";position: absolute;inset: calc(var(--po-world-overlap,77px) + 8px) 8px 40px;border: 3px solid var(--po-focus,#1E6FD0);border-radius: 22px;box-shadow: 0 0 0 2px rgba(255,255,255,0.85),inset 0 0 0 2px rgba(255,255,255,0.85);pointer-events: none;}@media (min-width: 1100px){.po-world:has(.po-ow3d__view:focus-visible) .po-ow3d__ui::before{bottom: 60px;}}.po-world__3d::after{content: "";position: absolute;inset: 0;background: linear-gradient(90deg,rgba(255,253,248,0.84) 0%,rgba(255,253,248,0.74) 40%,rgba(255,253,248,0) 58%);opacity: 0;pointer-events: none;transition: opacity var(--po-dur-4,600ms) var(--po-ease-out,cubic-bezier(.22,1,.36,1));}@media (min-width: 1100px){.po-world.has-ow3d-card .po-world__3d::after,.po-world.is-ow3d-close .po-world__3d::after{opacity: 1;}.po-world.has-ow3d-controls .po-world__copy{transition: opacity var(--po-dur-3,360ms) var(--po-ease-out,cubic-bezier(.22,1,.36,1)),visibility 0s;}.po-world.is-ow3d-exploring .po-world__copy{opacity: 0;visibility: hidden;transition: opacity var(--po-dur-3,360ms) var(--po-ease-out,cubic-bezier(.22,1,.36,1)),visibility 0s linear var(--po-dur-3,360ms);}.po-world.is-ow3d-exploring .po-world__3d::after{opacity: 0;}}.po-world.is-3d-settled .po-world__art{visibility: hidden;}@media (min-width: 1100px){.po-world.is-3d .po-world__inner{pointer-events: none;}.po-world.is-3d .po-world__copy{pointer-events: auto;}}.po-ow3d__ui{position: absolute;inset-inline: 0;top: 0;z-index: 4;height: var(--po-art-h,537px);pointer-events: none;opacity: 0;transition: opacity 0.9s var(--po-ease-out,cubic-bezier(.22,1,.36,1)) 0.5s;}.po-ow3d__ui[hidden]{display: none;}.po-world.is-3d .po-ow3d__ui{opacity: 1;}@media (min-width: 1100px){.po-ow3d__ui{grid-area: 1 / 1 / 2 / 2;inset: 0;height: auto;}}.po-ow3d__spots{margin: 0;padding: 0;list-style: none;}.po-ow3d__spot{--spot: var(--po-violet,#6C4CF5);position: absolute;top: 0;left: 0;display: inline-flex;align-items: center;gap: 0;min-height: 44px;margin: 0;padding: 4px;border: 1px solid rgba(255,255,255,0.92);border-radius: 999px;background: rgba(255,255,255,0.8);-webkit-backdrop-filter: blur(12px) saturate(1.4);backdrop-filter: blur(12px) saturate(1.4);box-shadow: 0 8px 22px rgba(23,21,59,0.2),0 1px 2px rgba(23,21,59,0.1);color: var(--po-ink,#17153B);font-family: var(--po-font-display,"Fredoka",system-ui,sans-serif);font-size: 0.98rem;font-weight: 600;line-height: 1.1;white-space: nowrap;cursor: pointer;pointer-events: auto;translate: -50% calc(-100% - 16px);will-change: transform;transition: background-color var(--po-dur-2,220ms),box-shadow var(--po-dur-2,220ms),opacity var(--po-dur-3,360ms);}.po-ow3d__spot::after{content: "";position: absolute;top: 100%;left: 50%;width: 2px;height: 14px;margin-left: -1px;border-radius: 2px;background: linear-gradient(rgba(255,255,255,0.95),rgba(255,255,255,0.55));box-shadow: 0 1px 3px rgba(23,21,59,0.25);}.po-ow3d__spot::before{content: "";position: absolute;top: calc(100% + 12px);left: 50%;width: 8px;height: 8px;margin-left: -4px;border: 2px solid #fff;border-radius: 50%;background: var(--spot);box-shadow: 0 1px 4px rgba(23,21,59,0.35);}.po-ow3d__spot:hover{background: rgba(255,255,255,0.96);box-shadow: 0 12px 30px rgba(23,21,59,0.24),0 1px 2px rgba(23,21,59,0.1);}.po-ow3d__spot:focus-visible{outline: 3px solid var(--po-focus,#1E6FD0);outline-offset: 2px;box-shadow: 0 0 0 6px rgba(255,255,255,0.9),0 12px 30px rgba(23,21,59,0.24);}.po-ow3d__spot.is-away{opacity: 0;visibility: hidden;transition: opacity var(--po-dur-2,220ms),visibility 0s linear var(--po-dur-2,220ms);}.po-ow3d__spot.is-active{background: var(--spot);border-color: var(--spot);color: #fff;}.po-ow3d__pin{position: relative;display: inline-grid;place-items: center;width: 36px;height: 36px;flex: none;border-radius: 50%;background: var(--spot);color: #fff;box-shadow: inset 0 -3px 0 rgba(0,0,0,0.16);--po-icon-tint: #ffffff;--po-icon-tint-opacity: 0.3;}.po-ow3d__spot.is-active .po-ow3d__pin{background: #fff;color: var(--spot);--po-icon-tint: var(--spot);}.po-ow3d__pin .po-icon{width: 20px;height: 20px;}.po-ow3d__label{position: absolute;bottom: calc(100% + 6px);left: 50%;padding: 5px 10px;border-radius: 999px;background: var(--po-ink,#17153B);color: #fff;font-size: 0.82rem;opacity: 0;transform: translate(-50%,4px);pointer-events: none;transition: opacity var(--po-dur-2,220ms),transform var(--po-dur-2,220ms);}.po-ow3d__spot:hover .po-ow3d__label,.po-ow3d__spot:focus-visible .po-ow3d__label,.po-ow3d__spot.is-active .po-ow3d__label{opacity: 1;transform: translate(-50%,0);}@media (min-width: 1100px){.po-ow3d__pin{width: 40px;height: 40px;}.po-ow3d__pin .po-icon{width: 22px;height: 22px;}.po-ow3d__label{padding: 6px 12px;font-size: 0.92rem;}}.po-ow3d__pin::after{content: "";position: absolute;inset: -5px;border: 2px solid var(--spot);border-radius: 50%;opacity: 0;animation: po-ow3d-ring 4.8s var(--po-ease-out,cubic-bezier(.22,1,.36,1)) infinite;animation-delay: calc(var(--i,0) * 0.6s);}.po-ow3d__spot.is-active .po-ow3d__pin::after,.po-ow3d__ui.has-card .po-ow3d__pin::after{animation: none;}@keyframes po-ow3d-ring{0%{transform: scale(0.85);opacity: 0.7;}46%,100%{transform: scale(1.45);opacity: 0;}}@media (prefers-reduced-motion: reduce){.po-ow3d__pin::after{animation: none;}.po-world__3d,.po-ow3d__ui,.po-ow3d__card,.po-ow3d__tool,.po-ow3d__explore,.po-ow3d__hint{transition: none;}}.po-ow3d__controls{position: absolute;top: calc(var(--po-world-overlap,77px) + 12px);inset-inline-end: clamp(12px,3.2vw,64px);z-index: 3;display: grid;gap: 4px;padding: 5px;border: 1px solid rgba(255,255,255,0.92);border-radius: 28px;background: rgba(255,255,255,0.8);-webkit-backdrop-filter: blur(12px) saturate(1.4);backdrop-filter: blur(12px) saturate(1.4);box-shadow: 0 8px 22px rgba(23,21,59,0.2),0 1px 2px rgba(23,21,59,0.1);pointer-events: auto;}.po-ow3d__tools{display: flex;}.po-ow3d__tool,.po-ow3d__explore,.po-ow3d__hint-close{display: inline-grid;place-items: center;margin: 0;padding: 0;border: 0;font: inherit;cursor: pointer;-webkit-tap-highlight-color: transparent;touch-action: manipulation;}.po-ow3d__tool{width: 44px;height: 44px;flex: none;border-radius: 50%;background: transparent;color: var(--po-ink,#17153B);transition: background-color var(--po-dur-2,220ms),color var(--po-dur-2,220ms),transform var(--po-dur-1,120ms);}.po-ow3d__tool .po-icon,.po-ow3d__explore .po-icon{width: 22px;height: 22px;}.po-ow3d__tool:hover{background: rgba(23,21,59,0.08);}.po-ow3d__tool:active{background: rgba(23,21,59,0.14);transform: scale(0.92);}.po-ow3d__tool[aria-disabled="true"]{background: transparent;color: rgba(23,21,59,0.34);cursor: default;transform: none;}.po-ow3d__explore{grid-auto-flow: column;justify-content: center;gap: 8px;min-height: 44px;padding: 0 16px;border-radius: 999px;background: var(--po-forest,#0F7A5C);color: #fff;font-family: var(--po-font-display,"Fredoka",system-ui,sans-serif);font-size: 1rem;font-weight: 600;line-height: 1;box-shadow: inset 0 -3px 0 rgba(0,0,0,0.16);transition: background-color var(--po-dur-2,220ms),transform var(--po-dur-1,120ms);}.po-ow3d__explore:hover{background: var(--po-forest-strong,#0A5E47);}.po-ow3d__explore:active{transform: translateY(1px);}.po-ow3d__explore.is-on{background: var(--po-ink,#17153B);}.po-ow3d__tool:focus-visible,.po-ow3d__explore:focus-visible,.po-ow3d__hint-close:focus-visible{outline: 3px solid var(--po-focus,#1E6FD0);outline-offset: 2px;}.po-ow3d__keys[hidden]{display: none;}.po-ow3d__said{position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap;}.po-ow3d__hint{position: absolute;top: calc(var(--po-world-overlap,77px) + 124px);inset-inline-end: clamp(12px,3.2vw,64px);z-index: 3;display: flex;align-items: center;gap: 2px;max-width: calc(100% - 24px);padding: 2px 2px 2px 14px;border-radius: 999px;background: var(--po-ink,#17153B);color: #fff;font-size: 0.9rem;font-weight: 700;line-height: 1.2;box-shadow: 0 8px 22px rgba(23,21,59,0.24);pointer-events: auto;opacity: 0;transform: translateY(-4px);transition: opacity var(--po-dur-3,360ms) var(--po-ease-out,cubic-bezier(.22,1,.36,1)),transform var(--po-dur-3,360ms) var(--po-ease-out,cubic-bezier(.22,1,.36,1));}.po-ow3d__hint[hidden]{display: none;}.po-ow3d__hint.is-shown{opacity: 1;transform: none;}.po-ow3d__hint-close{width: 44px;height: 44px;flex: none;border-radius: 50%;background: transparent;color: #fff;}.po-ow3d__hint-close:hover{background: rgba(255,255,255,0.16);}.po-ow3d__hint-close .po-icon{width: 18px;height: 18px;}.po-ow3d__hint-close:focus-visible{outline-color: #fff;outline-offset: -4px;}.po-ow3d__card{--spot: var(--po-violet,#6C4CF5);position: absolute;inset-inline-end: clamp(16px,3.2vw,64px);top: var(--ow3d-card-top,auto);bottom: auto;width: min(clamp(320px,30vw,372px),calc(100% - 32px));padding: 18px 20px 20px;border: 1px solid rgba(255,255,255,0.9);border-radius: 24px;background: rgba(255,255,255,0.88);-webkit-backdrop-filter: blur(18px) saturate(1.4);backdrop-filter: blur(18px) saturate(1.4);box-shadow: 0 4px 8px rgba(23,21,59,0.06),0 18px 48px rgba(23,21,59,0.18);color: var(--po-ink,#17153B);pointer-events: auto;opacity: 0;transform: translateY(14px) scale(0.98);transform-origin: 70% 30%;transition: opacity var(--po-dur-3,360ms) var(--po-ease-out,cubic-bezier(.22,1,.36,1)),transform var(--po-dur-4,600ms) var(--po-ease-spring,cubic-bezier(.34,1.56,.64,1));}.po-ow3d__card[hidden]{display: none;}.po-ow3d__card.is-open{opacity: 1;transform: none;}.po-ow3d__card:focus{outline: none;}.po-ow3d__card:focus-visible{outline: 3px solid var(--po-focus,#1E6FD0);outline-offset: 3px;}.po-ow3d__card-head{display: flex;align-items: center;gap: 10px;margin-bottom: 10px;}.po-ow3d__card-icon{display: inline-grid;place-items: center;width: 40px;height: 40px;flex: none;border-radius: 13px;background: var(--spot);color: #fff;box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15),0 4px 10px color-mix(in srgb,var(--spot) 35%,transparent);--po-icon-tint: #ffffff;--po-icon-tint-opacity: 0.3;}.po-ow3d__card-icon .po-icon{width: 22px;height: 22px;}.po-ow3d__card-kicker{flex: 1;min-width: 0;margin: 0;font-size: var(--po-fs-small,0.875rem);font-weight: 900;letter-spacing: 0.06em;text-transform: uppercase;color: var(--po-ink-soft,#4A4870);}.po-ow3d__close{display: inline-grid;place-items: center;width: 44px;height: 44px;flex: none;margin: -6px -8px -6px 0;padding: 0;border: 0;border-radius: 50%;background: transparent;color: var(--po-ink-soft,#4A4870);cursor: pointer;transition: background-color var(--po-dur-2,220ms);}.po-ow3d__close:hover{background: rgba(23,21,59,0.07);color: var(--po-ink,#17153B);}.po-ow3d__close:focus-visible{outline: 3px solid var(--po-focus,#1E6FD0);outline-offset: 2px;}.po-ow3d__close .po-icon{width: 20px;height: 20px;}.po-ow3d__card-title{margin: 0 0 8px;font-family: var(--po-font-display,"Fredoka",system-ui,sans-serif);font-size: 1.45rem;font-weight: 600;line-height: 1.12;letter-spacing: -0.015em;text-wrap: balance;color: var(--po-ink,#17153B);}.po-ow3d__card-text{margin: 0 0 16px;font-size: 1rem;line-height: 1.5;text-wrap: pretty;color: var(--po-ink-soft,#4A4870);}.po-ow3d__card .po-btn{width: 100%;justify-content: center;}@media (max-width: 1099.98px){.po-ow3d__card{inset-inline: 12px;width: auto;max-width: 460px;margin-inline: auto;padding: 12px 14px 14px;border-radius: 20px;}.po-ow3d__card-head{margin-bottom: 4px;}.po-ow3d__card-icon{width: 34px;height: 34px;border-radius: 11px;}.po-ow3d__card-title{margin-bottom: 4px;font-size: 1.15rem;}.po-ow3d__card-text{margin-bottom: 10px;font-size: 0.92rem;line-height: 1.4;}.po-ow3d__card .po-btn{min-height: 44px;padding-block: 8px;}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.po-ow3d__spot,.po-ow3d__card,.po-ow3d__controls{background: #fff;}}@media (forced-colors: active){.po-ow3d__spot,.po-ow3d__card,.po-ow3d__controls,.po-ow3d__explore,.po-ow3d__hint{border: 2px solid CanvasText;background: Canvas;color: CanvasText;forced-color-adjust: auto;}.po-ow3d__tool[aria-disabled="true"]{color: GrayText;}.po-ow3d__pin,.po-ow3d__card-icon{border: 1px solid CanvasText;}}
