@layer reset,shared,entities;@layer features{.game-dropdown .dropdown__trigger{height:48px;padding:0 var(--sp-space-10) 0 7px;border-radius:var(--sp-radius-14);background:var(--sp-surface-soft);color:var(--sp-ink-4);gap:var(--sp-space-6);transition:background var(--sp-motion-fast) var(--sp-ease-out);border:1px solid #f3f3f3}.game-dropdown .dropdown__trigger:hover{background:#f2f2f2}.game-dropdown .dropdown__trigger img{border-radius:var(--sp-radius-8);width:34px;height:34px}.game-dropdown__chevron{font-size:var(--sp-text-18);transition:transform var(--sp-motion-fast) var(--sp-ease-out)}.game-dropdown__chevron--open{transform:rotate(180deg)}.game-dropdown .dropdown__panel{min-width:220px}.game-dropdown .dropdown__option{font-size:var(--sp-text-15)}.game-dropdown .dropdown__option img{border-radius:var(--sp-radius-8);width:34px;height:34px}.game-dropdown .dropdown__check{color:var(--sp-brand)}@media (width<=719px){.game-dropdown .dropdown__trigger{height:40px;padding:0 var(--sp-space-6) 0 var(--sp-space-4);border-radius:var(--sp-radius-12)}.game-dropdown .dropdown__trigger img{width:30px;height:30px}}.game-dropdown--toolbar .dropdown__trigger{height:40px;padding:0 var(--sp-space-8) 0 var(--sp-space-6);border-color:var(--sp-line);border-radius:var(--sp-radius-12);background:var(--sp-surface);gap:var(--sp-space-4)}.game-dropdown--toolbar .dropdown__trigger img{border-radius:7px;width:28px;height:28px}.game-dropdown--toolbar .game-dropdown__chevron{font-size:var(--sp-text-16)}.game-segments{padding:var(--sp-space-4);border-radius:var(--sp-radius-14);background:var(--sp-line-faint);gap:var(--sp-space-4);grid-template-columns:1fr 1fr;display:grid}.game-segments__option{border-radius:var(--sp-radius-10);height:44px;font-size:var(--sp-text-15);font-weight:var(--sp-weight-medium);color:var(--sp-ink-3);justify-content:center;align-items:center;gap:var(--sp-space-8);transition:background var(--sp-motion-fast) var(--sp-ease-out),color var(--sp-motion-fast) var(--sp-ease-out);display:flex}.game-segments__option img{border-radius:var(--sp-radius-6);opacity:.55;width:24px;height:24px;transition:opacity var(--sp-motion-fast) var(--sp-ease-out)}.game-segments__option:hover img{opacity:.85}.game-segments__option.is-active{background:var(--sp-surface);color:var(--sp-ink);box-shadow:0 1px 3px #0000001a}.game-segments__option.is-active img{opacity:1}.game-segments--inline{border-radius:var(--sp-radius-12);gap:2px;padding:3px;display:inline-flex}.game-segments--inline .game-segments__option{height:34px;padding:0 var(--sp-space-12) 0 var(--sp-space-8);font-size:var(--sp-text-13);gap:var(--sp-space-6);border-radius:9px}.game-segments--inline .game-segments__option img{width:22px;height:22px}.game-segments--toolbar{border:1px solid var(--sp-line);border-radius:var(--sp-radius-12);flex:none;gap:2px;padding:3px;display:flex}.game-segments--toolbar .game-segments__option{border-radius:9px;width:44px;height:34px}.game-segments--toolbar .game-segments__option img{opacity:.5;filter:grayscale(.35);width:26px;height:26px}.game-segments--toolbar .game-segments__option.is-active img,.game-segments--toolbar .game-segments__option:hover img{filter:none}.tour-demo-note{padding:var(--sp-space-8) var(--sp-space-10);border:1px dashed var(--sp-promo-line);border-radius:var(--sp-radius-10);background:var(--sp-promo-soft);color:var(--sp-promo-ink);font-size:var(--sp-text-13);font-weight:var(--sp-weight-medium);line-height:var(--sp-leading-tight);text-align:left;align-items:flex-start;gap:var(--sp-space-6);margin:0;display:flex}.tour-demo-note .icon{font-size:var(--sp-text-15);margin-top:1px}.tour-deal{border-radius:var(--sp-radius-18);background:var(--sp-surface);width:min(520px,100vw - 28px);box-shadow:var(--sp-shadow-modal);overflow:hidden}.tour-deal--wide{width:min(640px,100vw - 28px)}@media (width<=719px){.tour-deal{border-radius:var(--sp-radius-18) var(--sp-radius-18) 0 0;width:100vw}}.tour-deal .bot-card__open,.tour-deal .bot-join>:not(:first-child){pointer-events:none}.tour-deal--joining .flow-screen{max-height:min(90dvh,var(--tour-deal-max,90dvh))}@media (width<=719px){.tour-deal--joining .flow-screen{max-height:min(94dvh,var(--tour-deal-max,94dvh))}}.tour-deal--joining .tour-deal__join>.flow-button:first-child{position:relative}.tour-deal--joining .tour-deal__join>.flow-button:first-child:after{border:3px solid var(--sp-brand);border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:-5px}@media (prefers-reduced-motion:no-preference){.tour-deal--joining .tour-deal__join>.flow-button:first-child:after{animation:tour-deal-pulse 1.4s var(--sp-ease-out) infinite}}@keyframes tour-deal-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.onboarding{z-index:var(--sp-z-tour);position:fixed;inset:0}.onboarding__shield{position:absolute;inset:0}.onboarding__spot{border-radius:var(--sp-radius-18);pointer-events:none;transition:transform .45s var(--sp-ease-sheet),width .45s var(--sp-ease-sheet),height .45s var(--sp-ease-sheet);position:absolute;top:0;left:0;box-shadow:0 0 0 3px #fe992099,0 0 0 200vmax #1111189e}.onboarding__spot--live:after{border:3px solid var(--sp-brand);border-radius:inherit;content:"";animation:onboarding-pulse 1.4s var(--sp-ease-out) infinite;position:absolute;inset:-3px}.onboarding__dim{animation:onboarding-fade .3s var(--sp-ease-out) both;background:#1111189e;position:absolute;inset:0}.onboarding__hit{border-radius:var(--sp-radius-18);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:0;left:0}.onboarding__hit:focus-visible{outline:2px solid var(--sp-surface);outline-offset:4px}.onboarding__tap{border-radius:var(--sp-radius-circle);pointer-events:none;width:44px;height:44px;animation:onboarding-tap 1.4s var(--sp-ease-out) infinite;background:#fe992040;box-shadow:0 0 0 2px #fe9920aa}.onboarding__panel{top:var(--sp-space-12);align-items:center;gap:var(--sp-space-12);width:min(620px,100% - 16px);padding:var(--sp-space-10) var(--sp-space-10) var(--sp-space-10) var(--sp-space-12);border-radius:var(--sp-radius-18);background:var(--sp-surface);box-shadow:var(--sp-shadow-modal);display:flex;position:absolute;left:50%;transform:translate(-50%)}@media (width<=719px){.onboarding__panel{top:var(--sp-space-8);gap:var(--sp-space-8)}}.onboarding__hint{z-index:2;gap:var(--sp-space-6);width:max-content;max-width:min(340px,100vw - 24px);padding:var(--sp-space-14) var(--sp-space-16);border-radius:var(--sp-radius-16);background:var(--sp-surface);flex-direction:column;display:flex;position:absolute;top:0;left:0;box-shadow:0 16px 40px -12px #00000073}.onboarding__hint--inside{pointer-events:none}.onboarding__hint--in{animation:onboarding-hint-in .22s var(--sp-ease-out) both}.onboarding__hint:before{left:calc(var(--arrow,50%) - 8px);background:inherit;content:"";border-radius:3px;width:16px;height:16px;position:absolute;transform:rotate(45deg)}.onboarding__hint--below:before{top:-6px}.onboarding__hint--above:before{bottom:-6px}.onboarding__hint--right:before{top:calc(var(--arrow,50%) - 8px);left:-6px}.onboarding__hint--inside:before{display:none}.onboarding__hint--nudge{animation:onboarding-nudge .45s var(--sp-ease-out)}.onboarding__step{align-items:center;gap:var(--sp-space-6);color:var(--sp-brand-ink);font-size:var(--sp-text-12);font-weight:var(--sp-weight-bold);letter-spacing:.03em;text-transform:uppercase;display:inline-flex}.onboarding__count{padding:1px var(--sp-space-6);border-radius:var(--sp-radius-pill);background:var(--sp-brand-soft);letter-spacing:0;white-space:nowrap}.onboarding__hint-text{font-size:var(--sp-text-18);font-weight:var(--sp-weight-bold);margin:0;line-height:1.3}@media (width<=719px){.onboarding__hint-text{font-size:var(--sp-text-16)}}.onboarding__deal{z-index:1;top:var(--deal-top,50%);transform:translate(calc(-50% - var(--deal-shift,0px)),var(--deal-y,-50%));position:absolute;left:50%}@media (prefers-reduced-motion:no-preference){.onboarding__deal{transition:top .3s var(--sp-ease-out),transform .3s var(--sp-ease-out)}}@media (width<=719px){.onboarding__deal{top:auto;bottom:0;left:0;transform:none}}.onboarding__badge{align-items:center;gap:var(--sp-space-4);padding:var(--sp-space-4) var(--sp-space-8);border-radius:var(--sp-radius-pill);background:var(--sp-brand-soft);color:var(--sp-brand-ink);font-size:var(--sp-text-11);font-weight:var(--sp-weight-bold);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;display:inline-flex}.onboarding__title{min-width:0;color:var(--sp-ink-2);font-size:var(--sp-text-14);font-weight:var(--sp-weight-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.onboarding__skip{padding:var(--sp-space-8) var(--sp-space-12);border-radius:var(--sp-radius-10);background:var(--sp-line-faint);color:var(--sp-ink-2);cursor:pointer;font:inherit;font-size:var(--sp-text-13);font-weight:var(--sp-weight-bold);border:0;flex-shrink:0}.onboarding__skip:hover{background:var(--sp-line)}.onboarding__done{align-items:center;gap:var(--sp-space-8);width:min(400px,100% - 32px);padding:var(--sp-space-28) var(--sp-space-24) var(--sp-space-20);border-radius:var(--sp-radius-22);background:var(--sp-surface);box-shadow:var(--sp-shadow-modal);text-align:center;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.onboarding__tick{border-radius:var(--sp-radius-circle);background:var(--sp-success);width:64px;height:64px;color:var(--sp-surface);animation:onboarding-pop .45s var(--sp-ease-pop) both;place-items:center;font-size:32px;display:grid}.onboarding__done-title{margin:var(--sp-space-8) 0 0;font-size:var(--sp-text-20);font-weight:var(--sp-weight-bold)}.onboarding__amount{color:var(--sp-success-strong);font-size:34px;font-weight:var(--sp-weight-bold);animation:onboarding-rise .4s .12s var(--sp-ease-out) both;line-height:1.1}.onboarding__paid-to{color:var(--sp-ink-3);font-size:var(--sp-text-14);animation:onboarding-rise .4s .2s var(--sp-ease-out) both}.onboarding .onboarding__note{width:100%;margin-top:var(--sp-space-8)}.onboarding__next{margin:var(--sp-space-8) 0 var(--sp-space-4);color:var(--sp-ink-2);font-size:var(--sp-text-14);font-weight:var(--sp-weight-medium);line-height:var(--sp-leading-normal)}.onboarding .onboarding__cta{gap:var(--sp-space-8)}.onboarding__burst{pointer-events:none;position:absolute;top:60px;left:50%}.onboarding__burst span{background:var(--sp-brand);opacity:0;width:8px;height:8px;animation:onboarding-confetti 1s var(--sp-ease-out) both;transform:rotate(calc(var(--n)*26deg));border-radius:2px;position:absolute}.onboarding__burst span:nth-child(3n){background:var(--sp-success)}.onboarding__burst span:nth-child(3n+1){background:var(--sp-info)}.onboarding-deal-enter-active,.onboarding-deal-leave-active,.onboarding-done-enter-active{transition:opacity .25s var(--sp-ease-out)}.onboarding-deal-enter-from,.onboarding-deal-leave-to,.onboarding-done-enter-from{opacity:0}@media (prefers-reduced-motion:reduce){.onboarding *,.onboarding :after,.onboarding :before{transition:none!important;animation:none!important}}@keyframes onboarding-hint-in{0%{opacity:0}}@keyframes onboarding-fade{0%{opacity:0}}@keyframes onboarding-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}@keyframes onboarding-tap{0%{opacity:.9;transform:scale(.6)}70%{opacity:0;transform:scale(1.4)}to{opacity:0;transform:scale(1.4)}}@keyframes onboarding-nudge{0%,to{translate:0}25%{translate:-8px}50%{translate:6px}75%{translate:-3px}}@keyframes onboarding-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}@keyframes onboarding-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes onboarding-confetti{0%{opacity:1;translate:0}to{opacity:0;translate:calc(cos(var(--n) * 26deg)*150px) calc(sin(var(--n) * 26deg)*110px)}}.tour-replay{width:min(340px,100%);padding:var(--sp-space-10) var(--sp-space-14) var(--sp-space-10) var(--sp-space-10);border:1px solid var(--sp-promo-line);border-radius:var(--sp-radius-16);background:linear-gradient(100deg,#fe99201a,#d60f8617),var(--sp-surface);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:var(--sp-space-10);transition:border-color var(--sp-motion-fast),transform var(--sp-motion-fast) var(--sp-ease-out);margin:0 auto;display:flex;box-shadow:0 8px 24px -14px #d60f8673}.tour-replay:hover{border-color:var(--sp-promo-2);transform:translateY(-1px)}.tour-replay:focus-visible{outline:2px solid var(--sp-promo-2);outline-offset:2px}.tour-replay__mark{border-radius:var(--sp-radius-12);background:linear-gradient(140deg,var(--sp-brand),var(--sp-promo-2));width:40px;height:40px;font-size:var(--sp-text-20);color:var(--sp-surface);flex:none;place-items:center;display:grid;box-shadow:0 6px 14px -6px #d60f868c}.tour-replay__text{flex:1;gap:2px;min-width:0;display:grid}.tour-replay__text b{text-wrap:balance;font-size:var(--sp-text-15);font-weight:var(--sp-weight-bold);color:var(--sp-ink)}.tour-replay__text small{font-size:var(--sp-text-13);font-weight:var(--sp-weight-medium);color:var(--sp-promo-ink)}.tour-replay__arrow{font-size:var(--sp-text-18);color:var(--sp-promo-2);transition:transform var(--sp-motion-fast) var(--sp-ease-out);flex:none}.tour-replay:hover .tour-replay__arrow{transform:translate(3px)}.tour-replay--compact{width:auto;max-width:100%;height:40px;padding:0 var(--sp-space-14);border-color:var(--sp-line);background:var(--sp-surface);box-shadow:none;color:var(--sp-ink-2);font-size:var(--sp-text-14);font-weight:var(--sp-weight-medium);justify-content:center;gap:var(--sp-space-8);transition:border-color var(--sp-motion-fast),background var(--sp-motion-fast)}.tour-replay--compact:hover{border-color:var(--sp-ink-5);background:var(--sp-surface-soft);transform:none}.tour-replay--compact:focus-visible{outline-color:var(--sp-ink-3)}.tour-replay--compact>.icon{font-size:var(--sp-text-16);color:var(--sp-ink-4)}.tour-replay--compact>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}}@layer widgets,views,app;