@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/manrope-latin-200-normal-DvuInKd5.woff2)format("woff2"),url(/assets/manrope-latin-200-normal-DATVJ-xu.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/manrope-latin-300-normal-BgxWhS7-.woff2)format("woff2"),url(/assets/manrope-latin-300-normal-BXCth4v8.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2)format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2)format("woff2"),url(/assets/manrope-latin-500-normal-DMZssgOp.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2)format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2)format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-latin-800-normal-BfWYOv1c.woff2)format("woff2"),url(/assets/manrope-latin-800-normal-uHUdIJgA.woff)format("woff")}:root{color:#f3f8ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tg-bg:#081121;--tg-secondary-bg:#0d1627d6;--tg-text:#f3f8ff;--tg-hint:#93a7c5;--surface:linear-gradient(180deg, #111e38f5, #0a1223fa);--surface-elevated:linear-gradient(180deg, #16284af0, #0d162bfa);--border:#759ce029;--shadow:0 20px 52px #0000006b;--primary:#6de27a;--primary-strong:#48bf60;--secondary:#61c6ff;--radius-lg:20px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);background:radial-gradient(circle at 0 0,#38adff2e,#0000 34%),radial-gradient(circle at 100% 0,#23e09f24,#0000 28%),linear-gradient(#081121 0%,#060b15 100%);font-family:Manrope,Avenir Next,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--tg-bg);min-height:100%}body{min-height:100vh;color:var(--tg-text);background:radial-gradient(circle at 12% 18%,#3f88ff38,#0000 22%),radial-gradient(circle at 88% 18%,#4fe8a42e,#0000 16%),linear-gradient(#081121 0%,#060b15 100%);margin:0}body,button,input{font:inherit}img{max-width:100%;display:block}button,input{border:0}button{cursor:pointer}input{outline:0}#app{min-height:100vh}.app-shell{justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex;position:relative;overflow:hidden}.app-shell__orb{filter:blur(18px);pointer-events:none;border-radius:999px;position:absolute}.app-shell__orb--left{background:radial-gradient(circle,#54a1ff42,#0000 70%);width:240px;height:240px;top:6%;left:-72px}.app-shell__orb--right{background:radial-gradient(circle,#3cdba03d,#0000 70%);width:280px;height:280px;bottom:8%;right:-96px}.phone-frame{border:1px solid var(--border);background:var(--surface);width:min(100%,430px);min-height:min(920px,100vh - 56px);box-shadow:var(--shadow);border-radius:34px;grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.phone-frame:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0f,#0000 16%),radial-gradient(circle at top,#61c6ff24,#0000 32%);position:absolute;inset:0}.phone-frame__content{padding:10px 18px calc(24px + var(--safe-bottom));min-height:0;position:relative}.screen-view{z-index:1;flex-direction:column;gap:16px;height:100%;padding-bottom:16px;display:flex;position:relative;overflow:auto}.screen-view::-webkit-scrollbar{width:6px}.screen-view::-webkit-scrollbar-thumb{background:#7995c940;border-radius:999px}.app-header{z-index:2;padding:calc(16px + var(--safe-top)) 18px 14px;background:linear-gradient(#111c32f5,#0c1425e6);border-bottom:1px solid #759ce01f;grid-template-columns:76px 1fr 76px;align-items:center;gap:10px;display:grid;position:relative}.app-header__side{justify-content:flex-start;align-items:center;display:flex}.app-header__side--right{justify-content:flex-end}.app-header__placeholder{width:76px;height:40px}.app-header__title-wrap{text-align:center}.app-header__eyebrow,.hero-card__eyebrow,.selected-game-card__eyebrow,.result-card__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#a4b8dcb3;margin:0 0 6px;font-size:11px;line-height:1.1}.app-header__title{margin:0;font-size:17px;font-weight:800;line-height:1.2}.locale-switcher{background:#121f37f2;border:1px solid #7398dd24;border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.locale-switcher__button{color:#b8caecc2;letter-spacing:.08em;background:0 0;border-radius:999px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 10px;font-size:11px;font-weight:800;transition:background-color .18s,color .18s,transform .18s;display:inline-flex}.locale-switcher__button:hover{color:#f5f9ff;transform:translateY(-1px)}.locale-switcher__button--active{color:#f7fbff;background:linear-gradient(#67c9ff3d,#49b1f133)}.back-button{color:#eaf1ff;background:#14223df5;border:1px solid #779add24;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .18s,border-color .18s,background-color .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.back-button:hover{border-color:#779add47;transform:translate(-1px)}.hero-card,.helper-card,.selected-game-card,.result-card,.empty-card{border-radius:var(--radius-lg);background:var(--surface-elevated);border:1px solid #7296d824;padding:18px;position:relative;box-shadow:inset 0 1px #ffffff0a}.hero-card:before,.helper-card:before,.result-card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 100% 0,#65c4ff1a,#0000 36%);position:absolute;inset:0}.hero-card__title,.result-card__title,.empty-card__title{margin:0;font-size:24px;font-weight:800;line-height:1.14}.hero-card__text,.selected-game-card__text,.helper-card__text,.empty-card__text{color:var(--tg-hint);margin:10px 0 0;font-size:14px;line-height:1.55}.base-input{min-height:56px;color:var(--tg-text);background:#0d172be0;border:1px solid #7aa0e129;border-radius:18px;align-items:center;gap:10px;padding:0 16px;display:flex;box-shadow:inset 0 1px #ffffff0a}.base-input:focus-within{border-color:#61c6ff80;box-shadow:0 0 0 1px #61c6ff47,inset 0 1px #ffffff0f}.base-input__leading{color:#95acd9bd;align-items:center;display:inline-flex}.base-input__field{min-width:0;color:inherit;background:0 0;flex:1;padding:0}.base-input__field::placeholder{color:#95acd98f}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.game-card{text-align:left;color:inherit;background:#0d1628db;border:1px solid #7499df24;border-radius:22px;flex-direction:column;gap:12px;padding:10px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.game-card:hover{border-color:#6ea2ff4d;transform:translateY(-2px);box-shadow:0 18px 28px #0000003d}.game-card--selected{border-color:#6de27a66;box-shadow:0 20px 30px #33bf6724}.game-card__image{aspect-ratio:1.55;object-fit:cover;border-radius:16px;width:100%}.game-card__body{flex-direction:column;gap:4px;display:flex}.game-card__title,.selected-game-card__title,.difficulty-card__title,.helper-card__title,.progress-step__title,.result-stat__value{margin:0;font-size:15px;font-weight:800}.game-card__subtitle,.difficulty-card__risk,.progress-step__description,.progress-step__percent,.result-stat__label{color:#95acd9cc;margin:0;font-size:13px}.selected-game-card{grid-template-columns:82px 1fr;align-items:center;gap:14px;display:grid}.selected-game-card__image{object-fit:cover;border-radius:18px;width:82px;height:82px}.difficulty-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.difficulty-card{--difficulty-accent:var(--secondary);text-align:left;color:inherit;border:1px solid color-mix(in srgb, var(--difficulty-accent) 24%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--difficulty-accent) 14%, #0d172af5) 0%, #0d172aeb 100%);border-radius:20px;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex;box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #ffffff03}.difficulty-card:hover{border-color:color-mix(in srgb, var(--difficulty-accent) 42%, transparent);box-shadow:0 16px 28px color-mix(in srgb, var(--difficulty-accent) 14%, transparent), inset 0 1px 0 #ffffff0d;transform:translateY(-2px)}.difficulty-card--selected{border-color:color-mix(in srgb, var(--difficulty-accent) 72%, white 8%);background:radial-gradient(circle at top right, color-mix(in srgb, var(--difficulty-accent) 34%, transparent), transparent 52%), linear-gradient(180deg, color-mix(in srgb, var(--difficulty-accent) 22%, #12203afa) 0%, #0c1628f5 100%);box-shadow:0 20px 34px color-mix(in srgb, var(--difficulty-accent) 22%, transparent), 0 0 0 1px color-mix(in srgb, var(--difficulty-accent) 20%, transparent), inset 0 1px 0 #ffffff14}.difficulty-card__icon{color:var(--difficulty-accent);filter:drop-shadow(0 4px 12px color-mix(in srgb, var(--difficulty-accent) 28%, transparent))}.difficulty-card__caption{color:#95acd9b8;margin:auto 0 0;font-size:12px;line-height:1.45}.difficulty-card--selected .difficulty-card__title,.difficulty-card--selected .difficulty-card__risk{color:color-mix(in srgb, var(--difficulty-accent) 70%, white 30%)}.difficulty-card--selected .difficulty-card__caption{color:#e4eeffe6}.helper-card--difficulty{border-color:color-mix(in srgb, var(--difficulty-accent) 42%, transparent);background:radial-gradient(circle at right top, color-mix(in srgb, var(--difficulty-accent) 22%, transparent), transparent 50%), linear-gradient(180deg, color-mix(in srgb, var(--difficulty-accent) 18%, #16284af0) 0%, #0d162bfa 100%);box-shadow:inset 0 1px 0 #ffffff0d, 0 18px 32px color-mix(in srgb, var(--difficulty-accent) 16%, transparent)}.helper-card--difficulty .helper-card__title{color:color-mix(in srgb, var(--difficulty-accent) 76%, white 24%)}.helper-card--difficulty .helper-card__text{color:#e8f0ffe0}.helper-card--success{background:radial-gradient(circle at bottom center, #6de27a1f, transparent 34%), var(--surface-elevated)}.base-button{color:#f7fbff;border-radius:18px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 18px;font-size:15px;font-weight:800;transition:transform .18s,filter .18s,opacity .18s;display:inline-flex}.base-button:hover:not(:disabled){transform:translateY(-1px)}.base-button:disabled{opacity:.46;cursor:not-allowed}.base-button--block{width:100%}.base-button--lg{min-height:58px;font-size:16px}.base-button--primary{background:linear-gradient(180deg, var(--primary) 0%, var(--primary-strong) 100%);color:#071112;box-shadow:inset 0 1px #ffffff57,0 18px 28px #48bf6038}.base-button--secondary{background:linear-gradient(#233a61f5,#15223af5);border:1px solid #799de029}.base-button--ghost{background:#0c1527db;border:1px solid #799de01f}.base-button__icon,.base-button__spinner{justify-content:center;align-items:center;display:inline-flex}.base-button__spinner{border:2px solid;border-right-color:#0000;border-radius:999px;width:14px;height:14px;animation:.8s linear infinite spin}.progress-list{flex-direction:column;gap:12px;display:flex}.progress-step{background:#0c1527db;border:1px solid #7499df1f;border-radius:20px;grid-template-columns:52px 1fr;gap:12px;padding:16px;display:grid}.progress-step__icon-wrap{color:#c1ddffcc;background:#182a48eb;border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.progress-step__icon-wrap--active{color:#081121;background:linear-gradient(#61c6ff 0%,#46b6ff 100%)}.progress-step__icon-wrap--done{color:#071112;background:linear-gradient(#8ee56a 0%,#56c86e 100%)}.progress-step__content,.progress-step__header{flex-direction:column;gap:8px;display:flex}.progress-step__header{flex-direction:row;justify-content:space-between}.progress-step__bar{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.progress-step__bar-fill{border-radius:inherit;background:linear-gradient(90deg,#61c6ff 0%,#8ee56a 100%);height:100%;transition:width .18s;display:block}.result-card__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.result-card__chip{color:#a4f1ae;text-align:center;background:#6de27a29;border-radius:999px;min-width:66px;padding:8px 12px;font-size:13px;font-weight:800}.result-card__grid{gap:12px;display:grid}.result-stat{background:#0b1322c2;border:1px solid #6f97df1f;border-radius:18px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.empty-card{text-align:center}.screen-enter-active,.screen-leave-active{transition:opacity .22s,transform .22s}.screen-enter-from,.screen-leave-to{opacity:0;transform:translateY(14px)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=540px){.app-shell{padding:0}.phone-frame{border:0;border-radius:0;width:100%;min-height:100vh}.phone-frame__content{padding-left:16px;padding-right:16px}.difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=380px){.difficulty-grid{grid-template-columns:1fr}.hero-card__title,.result-card__title{font-size:21px}}
