body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg,#fff);box-sizing:border-box;color:#000;color:var(--text,#000);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-tap-highlight-color:transparent}button{-webkit-appearance:none;appearance:none}html{background-color:#fff;background-color:var(--bg,#fff)}#root{min-height:100vh;min-height:100dvh}@supports (-webkit-touch-callout:none){body:before{background-color:#fff;background-color:var(--bg,#fff);content:"";height:env(safe-area-inset-top);left:0;position:fixed;right:0;top:0;z-index:9999}}@supports (padding:max(0px)){body{padding:max(0px,env(safe-area-inset-top)) max(0px,env(safe-area-inset-right)) 0 max(0px,env(safe-area-inset-left))}}@media (display-mode:standalone){body,html{background-color:#fff;background-color:var(--bg,#fff)}#root,body,html{padding-bottom:0!important}}@supports (-webkit-touch-callout:none) and (display-mode:standalone){body,html{background-color:#fff;background-color:var(--bg,#fff)}#root,body,html{padding-bottom:0!important}}.tabbar-wrap{bottom:calc(24px + env(safe-area-inset-bottom)/4);display:flex;justify-content:center;left:0;margin:0 auto;max-width:400px;padding:0 20px;pointer-events:none;position:fixed;right:0;z-index:20}.tabbar{align-items:center;background:#ffffff75;border:1px solid #fff;border-radius:999px;box-shadow:0 12px 40px #1018281f;display:flex;height:60px;justify-content:space-between;padding:8px 16px;pointer-events:all;width:100%}.tabbar--special{background:#fff;border:1px solid #e4e4e4}.tab-btn{background:#0000;border:none;display:grid;min-height:36px;min-width:36px;padding:12px;place-items:center}.tab-btn img{height:36px;width:36px}.tab-btn-accent{align-items:center;background:#212429;border:1px solid #fff;border-radius:999px;color:#fff;display:inline-flex;font-size:16px;font-weight:700;gap:12px;height:60px;justify-content:center;margin-left:8px;margin-right:-8px;padding-left:20px;padding-right:24px;pointer-events:all}.tab-btn-accent.tab-btn-accent--left{margin-left:-8px;margin-right:8px}.tab-btn-accent-icon{height:30px;width:30px}.loading-spinner{align-items:center;background:var(--bg);box-sizing:border-box;color:var(--text);display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;min-height:100%;padding:0}@supports (-webkit-touch-callout:none) and (display-mode:standalone){.loading-spinner{padding-bottom:0!important}}.loading-spinner--gradient{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top:3px solid var(--primary);height:40px;margin:0 auto var(--space-4);width:40px}.loading-spinner--gradient .spinner{border:3px solid #ffffff4d;border-top-color:#fff}.spinner-message{font-size:16px;margin:0;text-align:center}.pwa-install-page{background:#fff;box-sizing:border-box;color:#202124;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px 24px calc(24px + env(safe-area-inset-bottom, 0px));text-align:center}.pwa-install-content,.pwa-install-page{align-items:center;display:flex;flex-direction:column}.pwa-install-content{max-width:480px;width:100%}.pwa-install-icon{align-items:center;display:flex;justify-content:center;margin-bottom:48px;width:250px}.pwa-install-image{height:auto;object-fit:contain;width:250px}.pwa-install-title{color:#202124;font-size:28px;font-weight:700;line-height:1.2;margin-bottom:16px}.pwa-install-description{color:#989b9d;font-size:16px;line-height:1.5;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:320px}.share-icon{align-items:center;display:inline-flex;height:18px;justify-content:center;margin:0 4px;vertical-align:middle;width:18px}.share-icon svg{height:100%;width:100%}.pwa-install-button{align-items:center;background:#3d3f40;border:none;border-radius:12px;box-shadow:0 4px 20px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;margin-bottom:24px;padding:16px 32px;transition:all .3s ease}.pwa-install-button:hover{box-shadow:0 6px 25px #00000026;transform:translateY(-2px)}.pwa-install-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.pwa-install-button.installing{background:#3d3f40;cursor:wait}.install-icon{align-items:center;display:flex;height:25px;justify-content:center;width:24px}.install-icon svg{height:100%;width:100%}.pwa-install-skip{background:none;border:none;color:#babec1;cursor:pointer;font-size:14px;margin-bottom:env(safe-area-inset-bottom,20px);padding:8px;text-decoration:none}.pwa-install-skip:hover{color:#989b9d}@media (max-width:480px){.pwa-install-page{padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px))}.pwa-install-content{max-width:100%}.pwa-install-title{font-size:24px;margin-bottom:12px;padding:0 16px}.pwa-install-description{font-size:14px}.pwa-install-button{margin-bottom:24px}.pwa-install-skip{margin-bottom:env(safe-area-inset-bottom,16px)}}@supports (padding:max(0px)){.pwa-install-page{padding-bottom:max(24px,calc(24px + env(safe-area-inset-bottom)))}.pwa-install-skip{margin-bottom:max(20px,env(safe-area-inset-bottom))}@media (max-width:480px){.pwa-install-page{padding-bottom:max(16px,calc(16px + env(safe-area-inset-bottom)))}.pwa-install-skip{margin-bottom:max(16px,env(safe-area-inset-bottom))}}}.login-page{background:#fff;justify-content:center;min-height:100vh;min-height:100dvh;padding:0 0 env(safe-area-inset-bottom,0)}.login-content,.login-page{align-items:center;box-sizing:border-box;display:flex;flex-direction:column}.login-content{color:#202124;max-width:480px;padding:0 0 calc(24px + env(safe-area-inset-bottom, 0px));text-align:center;width:100%}.login-picture{align-items:center;display:flex;justify-content:center;margin-bottom:36px;margin-top:0;width:100%}.login-image{height:auto;object-fit:cover;width:100%}.login-description{color:#989b9d;font-size:16px;line-height:1.5;margin-bottom:36px;margin-left:auto;margin-right:auto;max-width:320px;padding:0 24px}.login-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;padding:24px}.login-link{color:#c7c7c7;text-decoration:underline}.login-agreement{color:#c7c7c7;font-size:14px;line-height:1.4;padding:0 24px}.login-telegram-container{display:flex;justify-content:center;margin-bottom:env(safe-area-inset-bottom,20px);padding:0 24px;width:100%}.login-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:24px;display:flex;height:120px;justify-content:center;margin:0 auto 32px;width:120px}.login-icon svg{fill:#fff;height:64px;width:64px}.login-note{font-size:14px;line-height:1.4;opacity:.8}@media (min-width:768px){.login-content{max-width:480px}}@media (max-width:480px){.login-page{padding:0 0 env(safe-area-inset-bottom,0)}.login-content{max-width:100%;padding:0 0 calc(16px + env(safe-area-inset-bottom, 0px))}.login-title{font-size:24px;margin-bottom:20px;padding:0 16px}.login-description{font-size:14px;padding:0 16px}.login-telegram-container{margin-bottom:env(safe-area-inset-bottom,16px);padding:0 16px}}@supports (padding:max(0px)){.login-page{padding-bottom:max(0px,env(safe-area-inset-bottom))}.login-content{padding-bottom:max(24px,calc(24px + env(safe-area-inset-bottom)))}.login-telegram-container{margin-bottom:max(20px,env(safe-area-inset-bottom))}@media (max-width:480px){.login-content{padding-bottom:max(16px,calc(16px + env(safe-area-inset-bottom)))}.login-telegram-container{margin-bottom:max(16px,env(safe-area-inset-bottom))}}}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;padding:6px 10px;width:-webkit-fit-content;width:fit-content}.badge--price,.badge--success{background:#2dc0711f;color:#1f8f54}.badge--primary,.badge--subscription{background:#1a73e81a;color:var(--primary)}.game-card{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:80px 1fr}.game-cover{border-radius:12px;height:100px;object-fit:cover;width:80px}.game-meta{display:flex;flex-direction:column;gap:6px}.game-title{font-size:16px;font-weight:700;line-height:1.2;text-align:left}.game-subtitle{color:var(--muted);font-size:13px;text-align:left}.game-actions{align-items:center;display:flex;gap:8px;margin-top:4px}.pull-to-refresh-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;overflow:hidden;pointer-events:none;position:relative;transition:opacity .2s ease-out;width:100%}.pull-to-refresh-content{align-items:center;display:flex;gap:.5rem;justify-content:center;min-height:60px;padding:1rem}.refresh-spinner{animation:spin 1s linear infinite;border:2px solid #e0e0e0;border-radius:50%;border-top-color:#007bff;height:20px;width:20px}.refresh-arrow{color:#666;font-size:20px;transform-origin:center;transition:all .2s ease}.refresh-arrow.can-refresh{color:#007bff}.refresh-text{color:#666;font-size:14px;font-weight:500}.overlay{padding:var(--space-6) var(--space-6) calc(118px + env(safe-area-inset-bottom)/4);z-index:30}.overlay-content{max-height:calc(100vh - 118px - var(--space-6)*2 - env(safe-area-inset-bottom)/4);position:relative;z-index:30}.game-hero-wrap{border-radius:0;margin:0 -24px}.overlay-body{border-radius:24px;z-index:2}.overlay-scroll{-webkit-overflow-scrolling:touch;height:100%;overflow:auto;padding:16px;position:relative;text-align:left}.overlay-body:after{background:linear-gradient(180deg,#fff0 0,#fff 85%);border-bottom-left-radius:24px;border-bottom-right-radius:24px;bottom:0;content:"";height:48px;left:0;pointer-events:none;position:absolute;right:0}.overlay-title{font-size:28px}.overlay-subtitle{color:var(--muted);margin-bottom:16px;text-align:left}.overlay-text{white-space:pre-wrap}.overlay-actions{background:#ffffff75;border:1px solid #fff;border-radius:38px;bottom:calc(24px + env(safe-area-inset-bottom)/4);margin:0 20px;padding:8px}.transparent-btn{background:#0000;border:none;border-radius:999px;height:70px;pointer-events:all;width:70px}.play-btn{align-items:center;background:#3c3f44;border:none;border-radius:40px;box-shadow:0 12px 40px #10182838;color:#fff;display:inline-flex;font-size:16px;font-weight:700;gap:12px;height:60px;justify-content:center;pointer-events:all}.play-btn-icon img{height:30px;width:30px}@media (max-width:500px){.overlay:before{background:linear-gradient(180deg,#fff 1%,#fff0 100%,#0000 0);content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:20}}.game-options-overlay{align-items:flex-end;animation:fadeIn .3s ease-out;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:linear-gradient(#0000 5%,#0000001a 70%,#0000);box-sizing:border-box;display:flex;inset:0;justify-content:center;position:fixed;z-index:40}.game-options-overlay.closing{animation:fadeOut .3s ease-in}.game-options-menu{animation:slideUp .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px 24px 0 0;box-shadow:0 -8px 30px #1018281f;max-width:400px;overflow:hidden;padding:24px 24px calc(24px + env(safe-area-inset-bottom)/4);width:100%}.game-options-menu.closing{animation:slideDown .3s ease-in}.game-options-title{color:#333743;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.game-options-success{padding:24px 16px;text-align:center}.success-anim{display:flex;justify-content:center;margin-bottom:16px}.success-message{font-size:20px;font-weight:600;margin-bottom:36px}.success-btn{background:#3d3f40;color:#fff;font-size:16px;font-weight:600;justify-content:center;width:100%}.success-btn--free{background:#e15512}.success-btn--trial{background:#53ac34}.game-option-btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:flex;font-family:inherit;gap:16px;margin-bottom:24px;padding:16px 20px;transition:all .2s ease;width:100%}.game-option-btn:last-child{margin-bottom:0}.game-option-btn--digital{background:#e15512;color:#fff}.game-option-btn--physical{background:#005bff;color:#fff}.game-option-btn--trial{background:#54ad35;color:#fff}.game-option-icon img{height:38px;object-fit:contain;width:38px}.game-option-content{flex:1 1;text-align:left}.game-option-text{font-size:16px;font-weight:600;margin-bottom:4px}.game-option-price{font-size:14px;opacity:.9}.game-options-menu .menu-content>*{animation:fadeSlideUp .24s ease both}.game-options-menu .menu-content>:nth-child(2){animation-delay:60ms}.game-options-menu .menu-content>:nth-child(3){animation-delay:.12s}.game-options-menu .menu-content>:nth-child(4){animation-delay:.18s}.game-options-menu .menu-content>:nth-child(5){animation-delay:.24s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.find-more{display:flex;justify-content:center;margin:16px 0 0}.find-more-btn{align-items:center;background:#f8f9fa;border:none;border-radius:12px;box-shadow:none;color:#666b78;display:inline-flex;font-size:12px;font-weight:700;gap:12px;padding:16px 20px;transition:all .2s ease}.find-more-btn:hover{background:#f2f4f7;transform:translateY(-1px)}.find-more-btn:active{background:#e8eaed;transform:translateY(0)}.find-more-btn img{color:#666b78;height:24px;width:24px}.profile-card{align-items:center;background:#fff;border:1px solid #0000;border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000020;display:flex;gap:12px;margin-bottom:var(--space-6);padding:var(--space-4)}.profile-card--subscription{border:1px solid #0088ff4d;box-shadow:0 4px 20px #0088ff30}.avatar{background:#f3f3f3;border:1px solid #00000010;border-radius:50%;flex:none;height:72px;object-fit:cover;width:72px}.name-block{display:flex;flex-direction:column}.display-name{font-size:18px;font-weight:700;line-height:1.2}.username{color:#8a8a8a;margin-top:4px}.subscription-badge{align-items:center;background:#1a73e81a;border-radius:999px;color:var(--primary);display:inline-flex;font-size:12px;font-weight:600;margin-top:var(--space-2);padding:6px 10px;width:-webkit-fit-content;width:fit-content}.menu{display:flex;flex-direction:column;margin-top:var(--space-3)}.menu-item{background:#fff;border:none;font-size:16px;justify-content:space-between;padding:0;text-align:left;width:100%}.menu-item,.menu-item-content{align-items:center;display:flex}.menu-item-content{gap:var(--space-3)}.menu-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.menu-label{color:#333;font-size:16px}.menu-item:first-child{border-top:none}.menu-item:hover{cursor:pointer}.chevron{display:flex;justify-content:center}.chevron,.signout{align-items:center}.signout{background:#f4f4f4;border:none;border-radius:var(--radius-md);color:#444;cursor:pointer;display:inline-flex;font-size:16px;margin:var(--space-4) auto 0;margin-bottom:calc(70px + env(safe-area-inset-bottom, 0px));padding:var(--space-3) var(--space-5)}.signout-ico{align-items:center;display:flex;margin-right:var(--space-2)}.skeleton-card{animation:shine 1.3s infinite;background:linear-gradient(90deg,#f2f2f2,#f8f8f8,#f2f2f2);border-radius:var(--radius-xl);height:100px}@keyframes shine{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.error{color:#d00}.subscription-cta{background:#fff;border:1px solid #0088ff4d;border-radius:var(--radius-xl);box-shadow:0 4px 20px #08f3;margin-bottom:var(--space-6);padding:var(--space-5)}.subscription-cta-content{text-align:left}.subscription-cta-title{color:#333;font-size:18px;font-weight:700;margin:0 0 var(--space-2) 0}.subscription-cta-description{color:#666;font-size:14px;line-height:1.4;margin:0 0 var(--space-4) 0}.subscription-cta-button{background:#0088ff1a;border:none;border-radius:999px;color:#08f;cursor:pointer;font-size:14px;font-weight:600;padding:var(--space-3) var(--space-5);transition:all .2s ease;width:100%}.subscription-cta-button:hover{background:#0088ff26}@supports (padding:max(0px)){.signout{margin-bottom:max(70px,calc(70px + env(safe-area-inset-bottom)))}}.back-button{align-items:center;background:#f2f2f2;border:none;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;margin-top:24px;transition:background-color .2s ease;width:48px}.back-button:hover{background-color:#e8e8e8}.back-button:active{background-color:#dcdcdc}.legal-content{margin:0 auto;max-width:600px;padding:0 20px}.legal-section{margin-bottom:32px}.legal-section h2{color:#1a1a1a;font-size:20px;font-weight:600;line-height:1.3;margin-bottom:16px}.legal-section p{color:#4a4a4a;font-size:16px;line-height:1.6;margin-bottom:16px}.legal-section p:last-child{margin-bottom:0}@media (max-width:768px){.page-header{padding:0}.legal-content{padding:0 16px}.legal-section h2{font-size:18px}.legal-section p{font-size:15px}}.overlay{align-items:center;background:#fff;box-sizing:border-box;display:flex;inset:0;justify-content:center;overflow:hidden;padding:20px 20px calc(122px + env(safe-area-inset-bottom)/4);position:fixed}.note-input-card:after{background:linear-gradient(180deg,#fff0 0,#fff 85%);bottom:0;height:48px}.note-input-card:after,.note-input-card:before{border-bottom-left-radius:24px;border-bottom-right-radius:24px;content:"";left:0;pointer-events:none;position:absolute;right:0}.note-input-card:before{background:linear-gradient(0deg,#fff0 0,#fff 85%);height:28px;top:0}.overlay.overlay--gameplay{padding:64px 20px calc(122px + env(safe-area-inset-bottom)/4)}.overlay.overlay--note-writing{padding-bottom:20px}.overlay .overlay-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;background-size:calc(100% + 100px) calc(100% + 100px);filter:blur(30px);inset:0;bottom:-50px;left:-50px;opacity:.4;pointer-events:none;position:absolute;right:-50px;top:-50px;transform:translateZ(0);will-change:transform}.overlay .overlay-bg--current{opacity:.5;transition:opacity .5s ease}.overlay .overlay-bg.bg-transitioning{transition:opacity 2s ease-in-out!important}.overlay .overlay-bg.bg-transitioning.overlay-bg--current{opacity:0}.overlay .overlay-bg.overlay-bg--current:not(.bg-transitioning){opacity:.5}.overlay .overlay-bg.bg-transitioning.overlay-bg--current{opacity:.5!important}.overlay .overlay-bg.bg-transitioning:not(.overlay-bg--current){opacity:0!important}.overlay .overlay-bg:not(.bg-transitioning):not(.overlay-bg--current){opacity:0!important;transition:opacity .3s ease-out!important}.bg-fade-out{animation:bgFade .6s ease forwards}@keyframes bgFade{0%{opacity:.5}to{opacity:0}}.overlay-content{display:flex;flex-direction:column;height:100%;margin:auto 0;max-height:760px;max-width:480px;min-height:0;width:100%}.game-hero-wrap{border-radius:28px;flex:0 0 auto;margin:-8px;overflow:hidden}.game-hero{display:block;height:200px;object-fit:cover;width:100%}.overlay-body{background:#fff;border:1px solid #e8e8e8;border-radius:36px;box-shadow:0 8px 30px #1018281f;display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:0;position:relative}.upper-button-wrap{left:0;margin:0 auto;max-width:400px;padding:0 20px;position:fixed;right:0;top:8px;z-index:50}.upper-buttons{align-items:center;display:flex;justify-content:space-between}.btn-40.btn-40-progress{font-size:18px;padding:8px 16px}.btn-40{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff75;border:1px solid #e8e8e8;border-radius:999px;box-shadow:0 12px 40px #1018281f;display:inline-flex;gap:12px;height:40px;justify-content:center;padding:8px}.btn-40 img{height:24px;width:24px}.gameplay-card .overlay-scroll{-webkit-overflow-scrolling:auto;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.gameplay-card .gameplay-hero{flex:1 1 auto;min-height:0}.gameplay-card .gameplay-hero-img{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;object-fit:cover;width:100%;will-change:transform}.carousel-container{height:100%;overflow:visible;position:relative;width:100%}.carousel-card{bottom:0;cursor:grab;height:100%;left:0;margin:0 20px;position:absolute;right:0;top:0;touch-action:pan-y;transition:transform .3s ease,opacity .3s ease;will-change:transform,opacity}.carousel-container.dragging .carousel-card{transition:none}.side-click-area{-webkit-tap-highlight-color:transparent;background:#0000;bottom:108px;cursor:pointer;position:fixed;top:72px;-webkit-user-select:none;user-select:none;width:35%;z-index:50}.side-click-area--left{left:0}.side-click-area--right{right:0}@media (min-width:960px){.side-click-area{width:calc(50% - 100px)}}.carousel-card:active{cursor:grabbing}.gameplay-card:after{display:none}.carousel-card.card--active{transform:none;z-index:3}.carousel-card.slot--m2,.carousel-card.slot--p2{z-index:1}.carousel-card.slot--m1,.carousel-card.slot--p1{z-index:2}.carousel-card.slot--0{z-index:3}.carousel-card.slot--m1{opacity:.5;transform:translateX(calc(-100% - 20px)) scale(.9) translateX(5%)}.carousel-card.slot--p1{opacity:.5;transform:translateX(calc(100% + 20px)) scale(.9) translateX(-5%)}.carousel-card.slot--m2{opacity:0;transform:translateX(calc(-200% - 40px)) scale(.8) translateX(10%)}.carousel-card.slot--p2{opacity:0;transform:translateX(calc(200% + 40px)) scale(.8) translateX(-10%)}.carousel-container.shift-next .carousel-card.slot--0{opacity:.5;transform:translateX(calc(-100% - 20px)) scale(1)}.carousel-container.shift-next .carousel-card.slot--p1{opacity:1;transform:translateX(0) scale(1);z-index:4}.carousel-container.shift-next .carousel-card.slot--m1{opacity:0;transform:translateX(calc(-200% - 40px)) scale(.8) translateX(10%)}.carousel-container.shift-prev .carousel-card.slot--0{opacity:.5;transform:translateX(calc(100% + 20px)) scale(1)}.carousel-container.shift-prev .carousel-card.slot--m1{opacity:1;transform:translateX(0) scale(1);z-index:4}.carousel-container.shift-prev .carousel-card.slot--p1{opacity:0;transform:translateX(calc(200% + 40px)) scale(.8) translateX(-10%)}.carousel-card.card--next .gameplay-hero-img,.carousel-card.card--prev .gameplay-hero-img{filter:saturate(.9) brightness(.95)}.progress-badge{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff75;border:1px solid #e8e8e8;border-radius:999px;box-shadow:0 12px 40px #1018281f;color:#3c3f44;cursor:pointer;display:inline-flex;font-weight:700;gap:4px;padding:8px 14px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.progress-badge:hover{background:#ffffff90;box-shadow:0 16px 48px #1018282e;transform:scale(1.05)}.progress-badge:active{transform:scale(.95)}.progress-badge .sep{opacity:.5}.all-cards-content{-webkit-overflow-scrolling:touch;bottom:0;left:0;overflow-y:auto;padding:72px 16px 128px;position:fixed;right:0;top:0;z-index:10}.all-cards-content--virtualized{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto;padding:72px 16px 0}.cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);max-width:100%}.card-item{animation:cardItemAppear .3s ease forwards;aspect-ratio:.8;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 12px #0000001a;cursor:pointer;opacity:0;overflow:hidden;position:relative;transform:translateY(10px);transition:all .2s ease;z-index:20}@keyframes cardItemAppear{to{opacity:1;transform:translateY(0)}}.card-item:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.card-item--current{border-color:#007bff;box-shadow:0 0 0 2px #007bff33,0 4px 12px #0000001a}.card-image-container{border-radius:10px;height:100%;overflow:hidden;position:relative;width:100%}.card-image{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.card-item:hover .card-image{transform:scale(1.05)}.card-number{align-items:center;background:#000000b3;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;left:8px;position:absolute;top:8px;width:24px;z-index:2}@media (max-width:480px){.cards-grid{gap:10px;grid-template-columns:repeat(4,1fr)}}@media (max-width:360px){.cards-grid{gap:8px;grid-template-columns:repeat(3,1fr)}}.card-item:focus{outline:2px solid #007bff;outline-offset:2px}.card-item:focus:not(:focus-visible){outline:none}.card-item:focus-visible{outline:2px solid #007bff;outline-offset:2px}.overlay-title{font-size:24px;font-weight:800;margin:24px 0 16px;text-align:left}.overlay-text{color:#333743;font-size:16px;line-height:1.6;text-align:left}.overlay-actions{grid-gap:12px;align-items:center;bottom:calc(20px + env(safe-area-inset-bottom)/4);display:grid;gap:12px;grid-template-columns:auto auto 1fr;left:0;margin:0 auto;max-width:400px;padding:0 20px;pointer-events:none;position:fixed;right:0}.circle-btn{background:#0000;border:none;border-radius:999px;display:grid;height:60px;place-items:center;pointer-events:all;width:60px}.circle-btn img{height:30px;width:30px}.swipe-card{touch-action:pan-y;will-change:transform}.gameplay-card{display:flex}.card-content{display:flex;flex-direction:column;min-height:100%}.gameplay-q1{font-size:20px;font-weight:800;margin-bottom:20px;margin-top:32px}.gameplay-q2{font-size:16px}.record-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr auto;margin-top:16px}.record-btn{align-items:center;background:#f2f4f7;border:none;border-radius:12px;color:#666b78;display:inline-flex;font-size:14px;font-weight:500;gap:16px;height:50px;padding:16px}.record-btn img{color:#666b78;height:24px;width:24px}.instagram-btn{align-items:center;background:#f2f4f7;border:none;border-radius:12px;color:#666b78;display:inline-flex;height:50px;justify-content:center;padding:0 16px;transition:all .2s ease}.instagram-btn:hover{background:#e8eaed;transform:translateY(-1px)}.instagram-btn:active{background:#dde0e4;transform:translateY(0)}.instagram-btn img{color:#666b78;height:24px;width:24px}.pager{align-items:center;background:#fff;border-radius:999px;box-shadow:0 12px 40px #1018281f;display:inline-flex;gap:10px;justify-self:end;padding:14px 18px;pointer-events:all}.progress-indicator{align-items:center;color:#666b78;display:flex;font-size:18px;font-weight:600;font-weight:700;gap:4px;justify-content:center;min-width:40px}.progress-indicator .current-card{color:#3c3f44}.progress-indicator .separator{opacity:.5}.progress-indicator .total-cards{opacity:.7}.pager-btn{background:#0000;border:none;border-radius:999px;display:grid;height:44px;place-items:center;width:44px}.pager-btn:disabled{opacity:.4}.pager-btn img{height:28px;width:28px}.note-title{color:#3c3f44;font-weight:700}.btn-40--active{background:#3c3f44!important;color:#fff!important}.btn-40--active img{filter:brightness(0) invert(1)}.loading-spinner-small{animation:spin 1s linear infinite;border:3px solid #0003;border-radius:50%;border-top-color:#333;height:24px;margin:4px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.note-writing-content{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:100%;margin:0 auto;max-width:480px;overflow:visible;width:100%;z-index:30}.note-question-card{align-items:flex-start;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff75;border:1px solid #fff;border-radius:32px 32px 0 0;box-shadow:0 12px 40px #1018281f;display:flex;gap:16px;margin-bottom:-32px;padding:12px 12px 44px;position:relative;z-index:1}.note-question-image{border-radius:20px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.note-question-image img{height:100%;object-fit:cover;width:100%}.note-question-text{flex:1 1;gap:120px;min-width:0}.note-question-title{color:#7b8183;font-size:12px;font-weight:700;line-height:1.3;margin:0 0 4px}.note-question-subtitle{color:#8e979a;font-size:12px;line-height:1.4;margin:0}.note-input-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff;border:1px solid #c3c3c3;border-radius:32px;box-shadow:0 12px 40px #1018281f;display:flex;flex:1 1;flex-direction:column;min-height:300px;overflow:hidden;position:relative;z-index:2}.note-textarea{background:#0000;border:1px solid #e8e8e8;caret-color:#3c3f44;color:#3c3f44;flex:1 1;font-family:inherit;font-size:16px;line-height:1.5;min-height:200px;outline:none;padding:16px 20px;resize:none}.note-textarea::placeholder{color:#9ca3af;font-style:italic}.note-textarea:focus{outline:none}@media (max-width:480px){.note-question-image{height:72px;width:72px}.note-question-subtitle,.note-question-title{font-size:12px}.note-input-card{min-height:250px}.note-textarea{font-size:15px;min-height:180px}}@media (max-height:600px){.note-input-card{min-height:200px}.note-textarea{min-height:120px}}@supports (-webkit-touch-callout:none){.note-writing-content{padding-bottom:env(keyboard-inset-height,0)}}@media (max-width:768px) and (max-height:800px){.note-input-card{min-height:200px}.note-textarea{min-height:150px}}.confirm-dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.confirm-dialog{animation:confirmDialogAppear .2s ease-out;background:#fff;border-radius:32px;box-shadow:0 20px 60px #0000004d;max-width:320px;padding:20px;width:calc(100% - 40px)}@keyframes confirmDialogAppear{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-dialog-content{margin-bottom:24px;text-align:center}.confirm-dialog-title{color:#1a1a1a;font-size:18px;font-weight:600;line-height:1.3;margin:0 0 8px}.confirm-dialog-message{color:#666;font-size:14px;line-height:1.4;margin:0}.confirm-dialog-buttons{display:flex;gap:12px}.confirm-dialog-btn{border:none;border-radius:32px;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 16px;transition:all .2s ease}.confirm-dialog-btn--cancel{background:#f5f5f5;color:#666}.confirm-dialog-btn--cancel:hover{background:#e8e8e8}.confirm-dialog-btn--cancel:active{background:#dcdcdc}.confirm-dialog-btn--delete{background:#f44;color:#fff}.confirm-dialog-btn--delete:hover{background:#e63939}.confirm-dialog-btn--delete:active{background:#c33}:root{--font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";--bg:#fff;--text:#0b0b0f;--muted:#6f7785;--divider:#e8e9ee;--primary:#1a73e8;--success:#2dc071;--secondary:#6f7785;--radius-xl:24px;--radius-lg:16px;--radius-md:12px;--radius-sm:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--shadow-soft:0 4px 16px #10182814;--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left);--safe-area-inset-right:env(safe-area-inset-right);--ios-pwa-top:max(env(safe-area-inset-top),20px);--ios-pwa-bottom:0px}#root,body,html{background:var(--bg);height:100%;overflow:hidden}body{-webkit-overflow-scrolling:touch;background:var(--bg);color:var(--text);font-family:var(--font-family);margin:0;overflow-x:hidden;overflow-y:hidden}@media screen and (max-width:768px){html{background:var(--bg);overflow-x:hidden}body{-webkit-text-size-adjust:100%;-webkit-touch-callout:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}@supports (-webkit-touch-callout:none){body{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:hidden}.app-root{height:100%;overflow:hidden}.page{-webkit-overflow-scrolling:touch;overflow-y:auto}.overlay .overlay-bg{background-size:calc(100% + 200px) calc(100% + 200px);bottom:-100px;left:-100px;right:-100px;top:-100px}}}.app-root{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:0;overflow:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top)}@supports (-webkit-touch-callout:none) and (display-mode:standalone){.app-root{padding-bottom:0!important}}.page{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:648px;overflow-y:auto;padding:0 var(--space-6);padding-bottom:calc(80px + env(safe-area-inset-bottom)/4);text-align:left;width:100%}@supports (-webkit-touch-callout:none) and (display-mode:standalone){.page{padding-bottom:92px!important}}.page h1{margin-bottom:28px;margin-top:24px;padding:0;text-align:left!important}.page-title{color:#1a1a1a;display:block;font-size:28px;font-weight:700;letter-spacing:-.3px;line-height:1.2;margin:0 0 24px;padding:0 20px;text-align:left;width:100%}.game-list{display:flex;flex-direction:column;gap:0}.divider{background:var(--divider);height:1px;margin:16px 0}.page-bottom-gradient{display:none!important}@media (display-mode:standalone){body,html{overflow:hidden;padding:0}#root,body,html{height:100%;margin:0;width:100%}#root{box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}.app-root{padding:0;width:100%}.app-root,.page{height:100%;margin:0}.page{max-width:none;padding:0 var(--space-4);padding-bottom:80px}.loading-spinner{box-sizing:border-box;height:100%;margin:0;min-height:100%;padding:env(safe-area-inset-top) 0 0}.page-bottom-gradient{display:none!important}}@supports (-webkit-touch-callout:none) and (display-mode:standalone){body,html{-webkit-text-size-adjust:100%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#root,.loading-spinner{padding-bottom:0;padding-top:max(env(safe-area-inset-top),20px)}.page{padding-bottom:92px}.page-bottom-gradient{display:none!important}}@media (display-mode:standalone) and (max-width:768px){#root,.loading-spinner{padding-bottom:0;padding-top:env(safe-area-inset-top)}}@supports (-webkit-touch-callout:none) and (display-mode:standalone){body,html{-webkit-text-size-adjust:100%;-webkit-touch-callout:none;margin:0;padding:0;-webkit-user-select:none;user-select:none}#root{padding:max(env(safe-area-inset-top),20px) env(safe-area-inset-right) 0 env(safe-area-inset-left)}.app-root{padding-bottom:0!important}.page{padding-bottom:92px!important}.loading-spinner{padding-bottom:0!important;padding-top:max(env(safe-area-inset-top),20px)}.page-bottom-gradient{display:none!important}.find-more,.game-list,.page-content{margin-bottom:0;padding-bottom:0}.page{min-height:calc(100vh - 80px - env(safe-area-inset-top))}*{margin-bottom:0!important}#root:after,body:after,html:after{content:none!important;display:none!important}#root,.app-root,body,html{background-color:#fff!important;background-color:var(--bg,#fff)!important;background-image:none!important}}@supports (-webkit-touch-callout:none) and (display-mode:standalone) and (max-height:926px){.page{padding-bottom:60px!important}}@media (display-mode:standalone){#root,.app-root,body,html{background-color:#fff!important;background-color:var(--bg,#fff)!important;background-image:none!important;margin-bottom:0!important;padding-bottom:0!important}#root:after,.app-root:after,body:after,html:after{content:none!important;display:none!important}#root,body,html{height:100%!important;max-height:100%!important;min-height:100%!important}}@supports (-webkit-touch-callout:none) and (display-mode:standalone){#root,.app-root,body,html{background-color:#fff!important;background-color:var(--bg,#fff)!important;background-image:none!important;margin-bottom:0!important;-webkit-margin-bottom:0!important;padding-bottom:0!important;-webkit-padding-bottom:0!important}#root:after,.app-root:after,body:after,html:after{content:none!important;display:none!important}#root,body,html{height:100%!important;margin:0!important;max-height:100%!important;min-height:100%!important;padding:0!important}#root{padding:env(safe-area-inset-top) env(safe-area-inset-right) 12px env(safe-area-inset-left)!important}body,html{background:#fff!important;background:var(--bg,#fff)!important;background-color:#fff!important;background-color:var(--bg,#fff)!important;background-image:none!important}}@supports (-webkit-touch-callout:none){#root,.app-root,body,html{background-color:#fff!important;background-color:var(--bg,#fff)!important;background-image:none!important;margin:0!important;-webkit-margin:0!important;margin-bottom:0!important;-webkit-margin-bottom:0!important;padding:0!important;-webkit-padding:0!important;padding-bottom:0!important;-webkit-padding-bottom:0!important}#root:after,#root:before,.app-root:after,.app-root:before,body:after,body:before,html:after,html:before{content:none!important;display:none!important}#root,body,html{height:100%!important;max-height:100%!important;max-width:100%!important;min-height:100%!important;min-width:100%!important;width:100%!important}body,html{background:#fff!important;background:var(--bg,#fff)!important;background-color:#fff!important;background-color:var(--bg,#fff)!important;background-image:none!important;-webkit-background:#fff!important;-webkit-background:var(--bg,#fff)!important;-webkit-background-color:#fff!important;-webkit-background-color:var(--bg,#fff)!important;-webkit-background-image:none!important}}@supports (-webkit-touch-callout:none) and (display-mode:standalone){#root,.app-root,body,html{background-color:#fff!important;background-color:var(--bg,#fff)!important;background-image:none!important;margin-bottom:0!important;-webkit-margin-bottom:0!important;padding-bottom:0!important;-webkit-padding-bottom:0!important}#root:after,#root:before,.app-root:after,.app-root:before,body:after,body:before,html:after,html:before{content:none!important;display:none!important}#root,body,html{height:100%!important;margin-bottom:0!important;max-height:100%!important;max-width:100%!important;min-height:100%!important;min-width:100%!important;padding-bottom:0!important;width:100%!important}#root{padding:env(safe-area-inset-top) env(safe-area-inset-right) 12px env(safe-area-inset-left)!important}body,html{background:#fff!important;background:var(--bg,#fff)!important;background-color:#fff!important;background-color:var(--bg,#fff)!important;background-image:none!important;-webkit-background:#fff!important;-webkit-background:var(--bg,#fff)!important;-webkit-background-color:#fff!important;-webkit-background-color:var(--bg,#fff)!important;-webkit-background-image:none!important}body{-webkit-text-size-adjust:100%!important;-webkit-touch-callout:none!important;-webkit-margin-bottom:0!important;-webkit-padding-bottom:0!important;-webkit-user-select:none!important;user-select:none!important}}@media screen and (max-width:926px) and (-webkit-min-device-pixel-ratio:2){#root,.app-root,body,html{background-color:#fff!important;background-color:var(--bg,#fff)!important;background-image:none!important;margin-bottom:0!important;padding-bottom:0!important}}:root{color-scheme:light}@media (display-mode:standalone){#root,.app-root,body,html{background-color:#fff}}
/*# sourceMappingURL=main.5529ee99.css.map*/