.wrap-page{background: #0b0a1f}.wr-stage{position: relative;width: min(100%, 480px);height: min(calc(100svh - var(--header-space) - 20px), 860px);min-height: 560px;margin: calc(var(--header-space) + 6px) auto 24px;border-radius: 28px;overflow: hidden;color: #fff;box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .6);user-select: none}.wr-bars{position: absolute;top: 12px;inset-inline: 12px;display: flex;gap: 5px;z-index: 5}.wr-bars i{flex: 1;height: 4px;border-radius: 99px;background: rgba(255, 255, 255, .3);overflow: hidden}.wr-bars i b{display: block;height: 100%;width: 0;background: #fff}.wr-bars i.done b{width: 100%}.wr-bars i.now b{animation: wrFill linear forwards}@keyframes wrFill{from{width: 0}to{width: 100%}}.wr-top{position: absolute;top: 26px;inset-inline: 12px;display: flex;justify-content: space-between;align-items: center;z-index: 5}.wr-period{display: inline-flex;gap: 4px;padding: 4px;border-radius: 99px;background: rgba(0, 0, 0, .25)}.wr-period button{padding: 6px 14px;border: 0;border-radius: 99px;background: none;color: rgba(255, 255, 255, .8);font: 600 13px var(--font);cursor: pointer}.wr-period button.on{background: #fff;color: #1e1b4b}.wr-x{width: 36px;height: 36px;border: 0;border-radius: 50%;background: rgba(0, 0, 0, .25);color: #fff;font-size: 13px;cursor: pointer}.wr-slides{position: absolute;inset: 0;z-index: 2;pointer-events: none}.wr-slide{position: absolute;inset: 0;display: grid;align-content: center;justify-items: center;gap: 14px;padding: 90px 28px 40px;text-align: center;opacity: 0;transform: scale(1.04);transition: opacity .45s, transform .6s var(--ease)}.wr-slide.on{opacity: 1;transform: none}.wr-slide a, .wr-slide button, .wr-slide canvas{pointer-events: auto}.wr-nav{position: absolute;top: 70px;bottom: 0;width: 40%;z-index: 1;border: 0;background: none;cursor: pointer}.wr-nav.next{left: 0}.wr-nav.prev{right: 0}.g1{background: radial-gradient(circle at 80% 15%, rgba(251, 191, 36, .45), transparent 45%), linear-gradient(160deg, #1e1b4b, #6d28d9 60%, #db2777)}.g2{background: radial-gradient(circle at 20% 80%, rgba(56, 189, 248, .4), transparent 50%), linear-gradient(160deg, #0c4a6e, #1d4ed8)}.g3{background: radial-gradient(circle at 50% 30%, rgba(253, 224, 71, .35), transparent 55%), linear-gradient(160deg, #78350f, #d97706)}.g4{background: radial-gradient(circle at 80% 80%, rgba(251, 113, 133, .4), transparent 50%), linear-gradient(160deg, #7f1d1d, #ea580c)}.g5{background: radial-gradient(circle at 50% 20%, rgba(196, 181, 253, .4), transparent 55%), linear-gradient(160deg, #1e1b4b, #4338ca)}.g6{background: radial-gradient(circle at 20% 20%, rgba(52, 211, 153, .35), transparent 50%), linear-gradient(160deg, #064e3b, #0d9488)}.g7{background: radial-gradient(circle at 50% 35%, rgba(253, 224, 71, .4), transparent 55%), linear-gradient(160deg, #3b0764, #7c3aed)}.g8{background: linear-gradient(160deg, #111827, #1e1b4b)}.wr-kicker{font-size: 15px;font-weight: 700;color: #fde68a;letter-spacing: .5px}.wr-slide h1, .wr-slide h2{color: #fff}.wr-big{font-size: clamp(64px, 18vw, 96px);line-height: 1.1;font-weight: 800}.wr-big2{font-size: clamp(34px, 9vw, 48px);line-height: 1.3}.wr-slide h2{font-size: 28px;line-height: 1.4}.wr-sub{font-size: 18px;line-height: 1.8;color: rgba(255, 255, 255, .9)}.wr-sub b{color: #fde68a}.wr-name{font-size: 22px;font-weight: 700;color: #fde68a}.wr-num{font-size: clamp(72px, 22vw, 120px);line-height: 1;font-weight: 800;color: #fde68a;font-variant-numeric: tabular-nums}.wr-emoji{font-size: 64px;line-height: 1}.wr-emoji.big{font-size: 96px}.wr-pill{padding: 10px 20px;border-radius: 99px;background: rgba(255, 255, 255, .16);font-size: 18px}.wr-pill b{color: #fde68a;font-size: 22px}.wr-note{margin-top: 10px;padding: 12px 16px;border-radius: 16px;background: rgba(0, 0, 0, .22);font-size: 15px;line-height: 1.8}.wr-note a{color: #fde68a;font-weight: 700}.wr-tiles{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;width: 100%}.wr-tiles div{display: grid;gap: 2px;padding: 16px 10px;border-radius: 18px;background: rgba(255, 255, 255, .14)}.wr-tiles span{font-size: 28px}.wr-tiles b{font-size: 30px;color: #fde68a}.wr-tiles small{font-size: 13px;color: rgba(255, 255, 255, .85)}.wr-link{color: #fde68a;font-weight: 700;text-decoration: none}.wr-btns{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px}.wr-final{padding-top: 80px;gap: 12px}.wr-final canvas{width: auto;height: min(52vh, 460px);max-width: 100%;border-radius: 18px;box-shadow: 0 16px 40px rgba(0, 0, 0, .45)}@media (max-width: 520px){.wr-stage{width: 100%;border-radius: 0;margin: var(--header-space) 0 0;height: calc(100svh - var(--header-space) - 96px);min-height: 520px}}@media (prefers-reduced-motion: reduce){.wr-slide{transition: none}}.wr-av{margin-bottom: 4px}.wr-av .pf-av.big{width: 120px;height: 120px}.wr-av .pf-av.big span{font-size: 64px}.wr-av .pf-av.big b{font-size: 54px}