.ob{z-index:9999;animation:.25s both ob-fade-in;position:fixed;inset:0}@keyframes ob-fade-in{0%{opacity:0}to{opacity:1}}.ob__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080c18b8;position:fixed;inset:0}.ob-slides{z-index:1;border-radius:22px;width:min(440px,100vw - 32px);margin:0 auto;padding:28px 22px 20px;animation:.32s cubic-bezier(.34,1.56,.64,1) both ob-pop;position:relative;top:50%;transform:translateY(-50%);box-shadow:0 24px 60px #0006}@keyframes ob-pop{0%{opacity:0;transform:translateY(-50%)scale(.92)}to{opacity:1;transform:translateY(-50%)scale(1)}}.ob-slide{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:8px 6px 16px;display:flex}.ob-slide__icon{margin-bottom:18px;font-size:3.4rem;line-height:1;animation:2.4s ease-in-out infinite ob-bob}@keyframes ob-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ob-slide__title{margin:0 0 10px;font-size:1.4rem;font-weight:700}.ob-slide__text{opacity:.85;margin:0;font-size:.98rem;line-height:1.55}.ob .swiper-slide{height:auto;background:0 0!important}.ob .ob-slides__swiper{padding-bottom:4px}.ob-slides__footer{margin-top:14px}.ob-skip{z-index:2;cursor:pointer;opacity:.6;background:0 0;border:none;font-size:.85rem;position:absolute;top:14px;right:16px}.ob-skip:hover{opacity:1}.ob-spot{pointer-events:none;border-radius:14px;transition:top .4s cubic-bezier(.4,0,.2,1),left .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1);position:fixed;box-shadow:0 0 0 9999px #080c18bd}.ob-spot:after{content:"";border-radius:14px;animation:1.6s ease-in-out infinite ob-pulse;position:absolute;inset:0;box-shadow:0 0 0 2px #ffffff8c}@keyframes ob-pulse{0%,to{box-shadow:0 0 0 2px #ffffff8c}50%{box-shadow:0 0 0 5px #ffffff38}}.ob-tip{z-index:2;border-radius:16px;padding:16px 18px;animation:.28s both ob-tip-in;position:fixed;box-shadow:0 18px 44px #00000073}@keyframes ob-tip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}.ob-tip__step{letter-spacing:.04em;opacity:.55;margin-bottom:6px;font-size:.72rem;font-weight:700}.ob-tip__title{margin:0 0 6px;font-size:1.08rem;font-weight:700}.ob-tip__text{opacity:.85;margin:0 0 14px;font-size:.9rem;line-height:1.5}.ob-tip__actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.ob-tip__nav{gap:8px;display:flex}.ob-btn{cursor:pointer;border:none;border-radius:10px;padding:9px 16px;font-size:.9rem;font-weight:600;transition:transform .12s,opacity .15s,background .15s}.ob-btn:active{transform:scale(.96)}.ob-btn--primary{width:100%}.ob-tip .ob-btn--primary{width:auto}.ob-btn--ghost{background:0 0}.ob--app .ob-slides,.ob--app .ob-tip{color:#0f172a;background:#fff}.ob--app .ob-slide__title,.ob--app .ob-tip__title{color:#0f172a}.ob--app .ob-btn--primary{background:var(--primary-color,#5a9e7c);color:#fff}.ob--app .ob-btn--primary:hover{opacity:.92}.ob--app .ob-btn--ghost{color:#64748b}.ob--app .ob-btn--ghost:hover{background:#0f172a0d}.ob--app .ob-skip{color:#64748b}.ob--app .swiper-pagination-bullet-active{background:var(--primary-color,#5a9e7c)}.ob--game .ob-slides,.ob--game .ob-tip{color:#e7e9ff;background:#131634;border:1px solid #8b7aff47}.ob--game .ob-slide__title,.ob--game .ob-tip__title{color:#fff}.ob--game .ob-btn--primary{color:#fff;background:linear-gradient(135deg,#8b7aff,#6d5cff)}.ob--game .ob-btn--primary:hover{filter:brightness(1.08)}.ob--game .ob-btn--ghost{color:#a6a9d8}.ob--game .ob-btn--ghost:hover{background:#8b7aff24}.ob--game .ob-skip{color:#a6a9d8}.ob--game .swiper-pagination-bullet{opacity:.5;background:#6a6e9e}.ob--game .swiper-pagination-bullet-active{opacity:1;background:#8b7aff}@media (width<=480px){.ob-tip{width:calc(100vw - 24px)!important;left:12px!important}}