*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{color:#f2f3ff;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#0e1030;margin:0;font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button{color:inherit;-webkit-tap-highlight-color:transparent;font-family:inherit}@keyframes pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes rise{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.app{position:relative;display:flex;background:var(--bg);color:var(--ink);font-family:var(--font);overflow:hidden;flex-direction:column;max-width:520px;height:100dvh;margin:0 auto}.app__glow{position:absolute;pointer-events:none;background:radial-gradient(120% 60% at 80% 0%,var(--bg2),transparent 70%);inset:0}.app__body{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}.label{font:800 11px var(--font);color:var(--ink2);text-transform:uppercase;letter-spacing:.08em}.muted{color:var(--ink2)}.btn-3d{--d:8px;cursor:pointer;font-family:var(--font);box-shadow:0 var(--d)0 #0000003d;border:0;transition:transform 60ms,box-shadow 60ms}.btn-3d:active:not(:disabled){transform:translateY(calc(var(--d)/2));box-shadow:0 calc(var(--d)/2)0 #0000003d}.btn-3d:disabled{cursor:default;opacity:.75}.btn-scale{transition:transform 80ms}.btn-scale:active{transform:scale(.95)}.btn-ghost{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;font-family:var(--font)}.bar__fill{border-radius:99px;height:100%;transition:width .35s}.home{position:relative;display:flex;padding:calc(env(safe-area-inset-top) + 18px)24px 22px;flex-direction:column;flex:1;gap:16px;min-height:0}.home__gear{position:absolute;top:calc(env(safe-area-inset-top) + 10px);opacity:.45;cursor:pointer;background:0 0;border:0;border-radius:50%;width:42px;height:42px;font-size:17px;right:12px}.home__center{display:flex;flex-direction:column;flex:1;justify-content:center;align-items: center;gap:18px;min-height:0}.ring{position:relative;aspect-ratio:1;display:grid;border-radius:50%;flex:none;place-items: center;width:min(58vw,190px)}.ring__hole{background:var(--bg);display:grid;text-align:center;border-radius:50%;place-items: center;width:82%;height:82%;line-height:1}.ring__pct{font:900 clamp(34px,11vw,44px)var(--font);margin-bottom:6px}.home__meta{display:flex;font:700 13px var(--font);color:var(--ink2);text-align:center;flex-direction:column;gap:2px}.play-btn{background:var(--acc);color:var(--onacc);font:900 22px var(--font);display:grid;border-radius:24px;place-items: center;width:100%;min-height:68px}.strip{display:flex;border:1px solid var(--line);background:var(--card);border-radius:18px;align-items: center;gap:12px;padding:11px 13px}.strip__icons{display:flex;gap:7px}.sticker{display:grid;border-radius:12px;place-items: center;width:36px;height:36px;font-size:18px}.strip__count{font:700 12px/1.3 var(--font);color:var(--ink2);flex:1}.scope{flex:none}.scope .seg{margin-top:8px}.scope .seg__item{font:800 12px var(--font);padding:10px 2px}.scope__nums{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;margin-top:8px}.num-btn{border:1px solid var(--line);cursor:pointer;display:flex;font:900 15px var(--font);border-radius:12px;flex-direction:column;align-items: center;gap:5px;min-height:46px;padding:6px 0 7px;transition:background .15s,color .15s}.num-btn:disabled{cursor:default}.num-btn__bar{overflow:hidden;border-radius:2px;width:66%;height:3px}.num-btn__fill{display:block;border-radius:2px;height:100%}.home__zone{font:900 14px var(--font);color:var(--ink)}.medals{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.medal{border:1px solid var(--line);text-align:center;border-radius:14px;padding:9px 4px 8px}.medal__n{font:900 18px var(--font)}.medal__pct{font:700 10px var(--font);color:var(--ink2);margin-top:2px}.session{display:flex;padding-top:env(safe-area-inset-top);flex-direction:column;flex:1;min-height:0}.session__head{display:flex;flex:none;align-items: center;gap:10px;padding:10px 18px 0}.session__mode{display:flex;flex:none;justify-content:space-between;align-items: center;gap:10px;padding:14px 18px 0}.combo{font:900 13px var(--font);color:var(--acc);white-space:nowrap}.hearts{display:flex;gap:3px;font-size:14px}.round-dots{display:flex;flex:1;gap:4px}.round-dot{border-radius:99px;flex:1;height:7px;transition:background .3s}.icon-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);font:900 16px var(--font);cursor:pointer;display:grid;border-radius:50%;flex:none;place-items: center;width:34px;height:34px}.stage{display:flex;overflow-y:auto;flex-direction:column;flex:1;justify-content:center;min-height:0;padding:0 18px}.stage__stack{display:flex;flex-direction:column;align-items: center;gap:16px}.equation{text-align:center;font:900 clamp(38px,13vw,52px)var(--font);letter-spacing:-.02em;animation:pop .25s ease}.boss-art{background:linear-gradient(160deg,var(--acc2),var(--warn));display:grid;animation:float 2.6s ease-in-out infinite;border-radius:28px;place-items: center;width:120px;height:120px;font-size:56px;box-shadow:0 0 40px #0000004d}.boss-hp{background:var(--line);overflow:hidden;border-radius:99px;width:220px;height:12px}.race-bar{background:var(--line);overflow:hidden;border-radius:99px;width:100%;height:14px}.race-bar__fill{height:100%;transition:width .3s linear}.race-score{font:900 14px var(--font);color:var(--ink2)}.pad{padding:0 16px calc(env(safe-area-inset-bottom) + 20px);flex:none}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-btn{--d:6px;font:900 26px var(--font);border-radius:20px;min-height:66px}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.match-col{display:flex;flex-direction:column;gap:9px}.match-btn{cursor:pointer;border:2px solid var(--line);font:900 20px var(--font);font-family:var(--font);border-radius:16px;min-height:56px;transition:background .15s,border-color .15s}.match-hint{text-align:center;font:700 13px var(--font);color:var(--ink2);margin-top:12px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.key{--d:5px;font:900 24px var(--font);border-radius:18px;min-height:58px}.overlay{position:absolute;display:grid;pointer-events:none;z-index:5;place-items: center;inset:0}.overlay--ok{background:#00000040}.overlay--bad{background:#0000004d}.overlay__card{display:flex;flex-direction:column;align-items: center;gap:8px}.overlay__card--ok{animation:pop .3s ease}.overlay__card--bad{background:var(--bg2);border:1px solid var(--line);animation:shake .4s ease;border-radius:24px;gap:10px;padding:22px 28px}.overlay__ok{background:var(--acc);display:grid;color:var(--onacc);border-radius:50%;place-items: center;width:120px;height:120px;font-size:56px}.overlay__title{font:900 22px var(--font);color:#fff}.overlay__xp{font:900 16px var(--font)}.overlay__oops{font:900 18px var(--font);color:var(--warn)}.overlay__answer{font:900 34px var(--font)}.hint-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-width:200px}.hint-dot{background:var(--acc2);border-radius:50%;width:9px;height:9px}.result{display:flex;padding:calc(env(safe-area-inset-top) + 24px)24px calc(env(safe-area-inset-bottom) + 24px);flex-direction:column;flex:1;justify-content:center;align-items: center;gap:14px;min-height:0}.result__stars{display:flex;gap:8px}.result__star{animation:pop .4s ease;font-size:44px}.result__title{font:900 32px var(--font)}.result__line{font:800 16px var(--font)}.result__tricky{font:700 14px var(--font);color:var(--ink2);text-align:center}.result__actions{display:flex;gap:10px;width:100%;margin-top:10px}.result__again{--d:6px;background:var(--acc);color:var(--onacc);font:900 18px var(--font);border-radius:20px;flex:1;min-height:58px}.result__home{font:800 15px var(--font);border-radius:20px;flex:none;width:110px;min-height:58px}.screen{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}.screen--pad{padding:calc(env(safe-area-inset-top) + 16px)18px 20px}.screen__title{font:900 24px var(--font);margin:0}.screen__sub{font:600 12px/1.4 var(--font);color:var(--ink2);margin:6px 0 0}.card{background:var(--card);border:1px solid var(--line);border-radius:18px}.bar{background:var(--line);overflow:hidden;border-radius:99px;flex:1;height:8px}.seg{display:flex;background:var(--card);border:1px solid var(--line);border-radius:14px;gap:6px;margin-top:14px;padding:4px}.seg__item{cursor:pointer;color:var(--ink2);font:800 13px var(--font);background:0 0;border:0;border-radius:10px;flex:1;padding:10px 6px;transition:background .15s,color .15s}.seg__item[aria-pressed=true]{background:var(--acc);color:var(--onacc)}.nav{position:relative;display:flex;padding:6px 10px calc(env(safe-area-inset-bottom) + 10px);border-top:1px solid var(--line);background:var(--bg);flex:none;gap:4px}.nav__item{cursor:pointer;display:flex;font:800 10px var(--font);background:0 0;border:0;flex-direction:column;flex:1;align-items: center;gap:3px;min-height:52px;padding:8px 0;transition:color .15s,opacity .15s}.friends{display:flex;flex-direction:column;gap:8px;margin-top:16px}.friend-row{display:flex;border:1px solid var(--line);border-radius:16px;align-items: center;gap:11px;padding:10px 12px}.friend-row__rank{text-align:center;font:900 14px var(--font);color:var(--ink2);width:24px}.friend-row__avatar{background:var(--card);display:grid;overflow:hidden;border-radius:50%;flex:none;place-items: center;width:38px;height:38px;font-size:20px}.friend-row__avatar img{object-fit:cover;width:100%;height:100%}.friend-row__body{flex:1;min-width:0}.friend-row__name{font:800 15px var(--font)}.friend-row__stats{font:700 11px var(--font);color:var(--ink2);margin-top:2px}.friend-row__pct{font:900 17px var(--font)}.feed{display:flex;flex-direction:column;gap:10px;margin-top:10px}.feed-item{display:flex;align-items: flex-start;gap:10px}.feed-item__avatar{background:var(--card);display:grid;border-radius:50%;flex:none;place-items: center;width:30px;height:30px;font-size:16px}.feed-item__text{font:600 13px/1.35 var(--font)}.feed-item__when{font:700 11px var(--font);color:var(--ink2);margin-top:2px}.friend-row__remove{color:var(--ink2);font:700 18px var(--font);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;width:28px;height:28px}.feed-item__avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.empty{font:600 13px/1.4 var(--font);color:var(--ink2);margin-top:12px}.invite-note{display:flex;border:2px solid var(--line);font:800 14px/1.3 var(--font);border-radius:14px;align-items: center;gap:8px;margin-top:12px;padding:10px 12px}.invite-note span{flex:1}.invite-note__close{color:inherit;font:700 18px var(--font);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;width:26px;height:26px}.name-hint{border:1px dashed var(--line);color:var(--ink2);font:700 13px/1.35 var(--font);text-align:left;cursor:pointer;background:0 0;border-radius:14px;width:100%;margin-top:12px;padding:10px 12px}.invite{border:1px dashed var(--line);text-align:center;border-radius:18px;margin-top:20px;padding:16px 14px 14px}.invite__title{font:900 17px var(--font)}.invite__ways{font:600 13px/1.35 var(--font);color:var(--ink2);margin-top:2px}.invite__step{font:800 14px var(--font);text-align:left;margin-top:16px}.invite__code{border:2px dashed var(--line);background:var(--card);font:900 26px var(--font);letter-spacing:.06em;overflow-wrap:anywhere;border-radius:14px;margin:8px 0 10px;padding:10px 8px}.invite__btn{font:800 15px var(--font);border-radius:16px;width:100%;min-height:48px}.invite__hint{font:600 13px/1.35 var(--font);color:var(--ink2);text-align:left;margin:8px 0 0}.add-friend{margin-top:22px}.add-friend__row{display:flex;gap:8px;margin-top:10px}.add-friend .btn-3d{--d:4px;font:800 14px var(--font);border-radius:14px;flex:none;min-height:48px;padding:0 18px}.add-friend .input{text-transform:uppercase}.level-card{margin-top:16px;padding:12px 14px 14px}.level-card__title{font:900 15px var(--font)}.level-card__hint{font:700 11px var(--font);color:var(--ink2)}.stat-row{display:flex;gap:8px;margin-top:12px}.stat-card{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:16px;flex:1;padding:11px 10px}.stat-card__value{font:900 19px var(--font)}.stat-card__label{font:700 10px var(--font);color:var(--ink2);margin-top:2px}.week-dots,.week-bars{display:flex;gap:6px;margin-top:10px}.week-bars{align-items: flex-end;height:96px}.week-col{display:flex;flex-direction:column;flex:1;align-items: center;gap:6px}.week-col__day{font:700 10px var(--font)}.week-bar{border-radius:8px 8px 3px 3px;width:100%;transition:height .3s}.day-dot{aspect-ratio:1;border:1px solid var(--line);display:grid;border-radius:50%;place-items: center;width:100%;max-width:40px;font-size:15px}.awards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.award-card{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:16px;padding:11px 8px 10px}.award-card__icon{display:grid;border-radius:13px;place-items: center;width:40px;height:40px;margin:0 auto;font-size:20px}.award-card__title{font:900 12px var(--font);margin-top:7px}.award-card__hint{font:600 10px/1.25 var(--font);color:var(--ink2);margin-top:3px}.tables{display:flex;flex-direction:column;gap:7px;margin-top:10px}.table-row{display:flex;align-items: center;gap:10px}.table-row__n{font:900 14px var(--font);width:24px}.table-row__pct{text-align:right;font:700 11px var(--font);color:var(--ink2);width:36px}.weak-card{margin-top:16px;padding:13px}.weak-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.fact-tag{background:var(--warn);color:#12121a;font:900 14px var(--font);border-radius:11px;padding:7px 11px}.profile__head{display:flex;flex-direction:column;align-items: center;gap:10px;margin-top:18px}.profile__photo{border:1px solid var(--line);background:var(--card);display:grid;overflow:hidden;border-radius:50%;place-items: center;width:96px;height:96px;font-size:38px}.profile__photo img{object-fit:cover;width:100%;height:100%}.profile__photo-btn{font:800 12px var(--font);border-radius:12px;padding:9px 16px}.profile__photo-actions{display:flex;gap:8px}.profile__max{margin-top:18px}.profile__max .max-btn{margin-top:0}.profile__ok{font:800 14px var(--font);color:var(--acc)}.profile__hint{font:600 12px/1.4 var(--font);color:var(--ink2);margin-top:6px}.profile__sync{text-align:center;font:700 11px var(--font);color:var(--ink2);margin-top:18px}.fields{display:flex;flex-direction:column;gap:10px;margin-top:20px}.field{display:flex;align-items: center;gap:12px}.field__label{font:700 13px var(--font);color:var(--ink2);flex:none;width:84px}.input{border:1px solid var(--line);background:var(--card);color:var(--ink);font:700 15px var(--font);border-radius:14px;flex:1;min-width:0;min-height:46px;padding:0 14px}.input:focus{outline:2px solid var(--acc);outline-offset:1px}.max-btn{--d:5px;color:#fff;font:900 15px var(--font);border-radius:18px;width:100%;min-height:52px;margin-top:18px}.toast{position:absolute;z-index:6;border:1px solid var(--line);background:var(--bg2);color:var(--ink);font:800 14px/1.35 var(--font);text-align:center;cursor:pointer;animation:toast-in .18s ease-out;border-radius:16px;padding:13px 14px;bottom:14px;left:14px;right:14px;box-shadow:0 12px 28px #0006}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.keycard{border:2px solid var(--acc);background:var(--card);text-align:center;border-radius:18px;margin-top:22px;padding:16px 14px 14px}.keycard--ask{margin:14px 0 4px}.keycard__hero{font-size:30px;line-height:1}.keycard__title{font:900 18px var(--font);margin-top:4px}.keycard__why{font:600 13px/1.35 var(--font);color:var(--ink2);margin-top:4px}.keycard__who{font:800 16px/1.3 var(--font);margin-top:6px}.keycard__code{border:2px dashed var(--line);font:900 clamp(17px,6vw,24px)var(--font);letter-spacing:.04em;overflow-wrap:anywhere;border-radius:14px;margin:10px 0 12px;padding:10px 8px}.keycard__btn{font:800 15px var(--font);border-radius:16px;width:100%;min-height:48px;margin-top:8px}.keycard__later{color:var(--ink2);font:700 13px var(--font);text-decoration:underline;cursor:pointer;background:0 0;border:0;margin-top:10px}.keycard__secret{font:700 12px/1.35 var(--font);margin-top:12px}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}