:root{--bg: #DDF3FF;--panel: #FFFFFF;--text: #234A9B;--muted: #6B84A8;--border: #C6DEF7;--soft: 0 4px 16px rgba(52,101,196,.12)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:Manrope,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 50% 0%,#BFE6FF 0%,var(--bg) 55%);color:var(--text);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;color:inherit}.menu{height:100dvh;overflow-y:auto;overflow-x:hidden;width:100%;padding:0;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.menu>*{max-width:760px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}.menu>*:first-child{padding-top:22px}.menu>*:last-child{padding-bottom:40px}.menu{scrollbar-width:thin;scrollbar-color:#9CCCF5 transparent}.menu::-webkit-scrollbar{width:10px}.menu::-webkit-scrollbar-track{background:transparent}.menu::-webkit-scrollbar-thumb{background:#9cccf5;border-radius:8px;border:2px solid transparent;background-clip:padding-box}.menu::-webkit-scrollbar-thumb:hover{background:#5f8fe3;background-clip:padding-box}.hero{text-align:center;padding:14px 0 4px}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{font-size:26px;color:#3465c4;transform:translateY(-1px)}.hero h1{font-size:34px;font-weight:800;letter-spacing:-1px;background:linear-gradient(90deg,#3465c4,#5f8fe3);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .sub{color:var(--muted);font-size:13px;margin-top:4px}.stat-row{display:flex;gap:8px;justify-content:center;align-items:stretch;margin:18px auto 4px;flex-wrap:nowrap}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 6px;border-radius:18px;border:2px solid transparent;flex:1 1 0;min-width:0;box-shadow:var(--soft)}.stat-star{background:#fff7e3;border-color:#ffe3a3}.stat-star .stat-num{color:#c4761e}.stat-fire{background:#fff2e8;border-color:#ffd9bf}.stat-fire .stat-num{color:#3465c4}.stat-npi{background:#e6edfa;border-color:#a9c0e8}.stat-npi .stat-num{color:#3465c4}.stat-played{background:#dbe8fb;border-color:#9cccf5}.stat-played .stat-num{color:#244a96}.stat-num{font-size:clamp(17px,5vw,26px);font-weight:900;line-height:1.1;white-space:nowrap}.stat-sub{font-size:clamp(11px,3vw,15px);color:var(--muted);font-weight:700}.stat-label{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-top:3px;font-weight:700}.level-bar-wrap{max-width:320px;margin:14px auto 4px}.level-bar-head{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:5px}.level-bar-head .muted{color:var(--muted);font-weight:500}.level-bar{height:8px;background:#dbe8fb;border-radius:999px;overflow:hidden;border:1px solid var(--border)}.level-bar-fill{height:100%;background:linear-gradient(90deg,#5f8fe3,#3465c4);border-radius:999px;transition:width .4s ease}.workout-btn{display:block;width:100%;max-width:360px;margin:18px auto 4px;padding:15px;border-radius:16px;font-size:16px;font-weight:800;background:linear-gradient(90deg,#3465c4,#244a96);color:#fff;box-shadow:0 6px 20px -8px #3465c4;transition:transform .12s}.workout-btn:active{transform:scale(.97)}.workout-tag{display:inline-block;background:#3465c4;color:#fff;font-weight:800;font-size:12px;padding:5px 14px;border-radius:999px;margin-bottom:12px}.workout-done{color:#3465c4;font-weight:800;font-size:15px;margin-bottom:6px}.filters{display:flex;gap:8px;overflow-x:auto;padding:14px 2px 16px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;padding:8px 16px;border-radius:999px;background:var(--panel);border:1px solid var(--border);color:var(--muted);font-size:13px;font-weight:600;transition:all .12s;white-space:nowrap}.chip.on{background:#3465c4;color:#fff;border-color:#3465c4}.chip:active{transform:scale(.96)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width: 560px){.grid{grid-template-columns:1fr}}.card{background:color-mix(in srgb,var(--c) 9%,#fff);border:2px solid color-mix(in srgb,var(--c) 18%,#fff);border-radius:22px;padding:16px;text-align:left;display:flex;flex-direction:row;align-items:center;gap:14px;min-height:118px;position:relative;overflow:hidden;box-shadow:0 6px 18px -10px color-mix(in srgb,var(--c) 60%,transparent);transition:transform .14s,box-shadow .14s}.card:hover{box-shadow:0 10px 26px -10px color-mix(in srgb,var(--c) 70%,transparent);transform:translateY(-2px)}.card:active{transform:scale(.97)}.card-icon{flex:0 0 auto;width:68px;height:68px;border-radius:20px;background:color-mix(in srgb,var(--c) 16%,#fff);display:inline-flex;align-items:center;justify-content:center;color:var(--c)}.card-icon svg{width:42px;height:42px}.card-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.card-domain{font-size:10.5px;color:var(--c);text-transform:uppercase;letter-spacing:.8px;font-weight:800}.card-name{font-size:19px;font-weight:800;line-height:1.15;color:#234a9b}.card-best{font-size:12px;color:#c4761e;font-weight:800;margin-top:1px}.card-play{align-self:flex-start;margin-top:6px;background:var(--c);color:#fff;font-size:13.5px;font-weight:800;padding:7px 18px;border-radius:999px;box-shadow:0 4px 12px -4px color-mix(in srgb,var(--c) 80%,transparent)}.foot{text-align:center;color:#8fa6c4;font-size:11px;margin-top:24px;line-height:1.6}.game-screen{height:100dvh;display:flex;flex-direction:column;--c: #60a5fa;overflow:hidden;position:relative}.game-screen>.hud,.game-screen>.dpad,.game-screen>.yesno,.game-screen>.choices,.game-screen>.keypad,.game-screen>.textinput,.game-screen>.tapsubmit{flex:0 0 auto}.back{position:absolute;top:16px;right:16px;background:var(--panel);padding:8px 14px;border-radius:12px;font-size:14px;z-index:5;box-shadow:var(--soft);font-weight:700}.back.small{position:static;padding:6px 12px}.intro{margin:auto;text-align:center;padding:30px;max-width:440px;width:100%}.intro.scroll{margin:0 auto;max-height:100%;overflow-y:auto;padding:24px 20px 32px;align-self:center}.intro-icon{color:var(--c);display:inline-flex;padding:18px;background:color-mix(in srgb,var(--c) 12%,transparent);border-radius:20px;margin-bottom:14px}.intro-domain{color:var(--c);font-size:13px;text-transform:uppercase;letter-spacing:2px;font-weight:700}.intro h2{font-size:28px;margin:8px 0 18px}.intro-text{color:var(--muted);line-height:1.6;font-size:16px}.howto{text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:6px 16px;margin:6px 0 4px}.howto-row{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--border)}.howto-row:last-child{border-bottom:none}.howto-ic{font-size:22px;flex:0 0 32px;text-align:center;line-height:1.3}.howto-row b{display:block;font-size:14px;color:var(--text);margin-bottom:3px}.howto-row p{font-size:14px;color:var(--muted);line-height:1.5;margin:0}.help-panel{max-width:420px}.help-panel .howto{background:transparent;border:none;padding:0}.help-panel .primary{display:block;width:100%;margin-top:18px}.intro-best{margin-top:16px;color:var(--c);font-weight:600}.primary{background:var(--c, #3465C4);color:#fff;font-weight:800;padding:15px 40px;border-radius:16px;font-size:17px;margin-top:26px}.ghost{background:var(--panel);padding:15px 30px;border-radius:16px;font-size:16px}.hud{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;position:relative}.hud-score{text-align:center}.hud-num{font-size:26px;font-weight:800}.hud-mult{display:inline-block;margin-left:8px;color:var(--c);font-weight:700;font-size:16px}.hud-right{display:flex;gap:10px;align-items:center;justify-self:end}.hud-level{background:var(--panel);padding:5px 12px;border-radius:10px;font-weight:700;font-size:14px}.hud-streak{font-size:15px;font-weight:700}.hud-snd{background:var(--panel);width:32px;height:32px;border-radius:10px;font-size:15px;display:inline-flex;align-items:center;justify-content:center}.hud-timer{position:absolute;bottom:0;left:16px;right:16px;height:4px;background:var(--border);border-radius:4px;overflow:hidden}.hud-timer-fill{height:100%;background:var(--c);transition:width .1s linear}.play-area{flex:1 1 0;min-height:0;position:relative;transition:background .1s;touch-action:none;overflow:hidden}.play-area.flash-correct{background:#22c55e1f}.play-area.flash-wrong{background:#ef444424}.game-canvas{width:100%;height:100%;display:block}.trial-timer{position:absolute;top:8px;left:16px;right:16px;height:6px;background:var(--border);border-radius:4px;overflow:hidden;z-index:2}.trial-timer-fill{height:100%;background:var(--c);border-radius:4px;transition:width .15s linear}.trial-timer-fill.low{background:#ef4444}.dpad{position:relative;height:170px;margin:10px auto 24px;width:200px}.dpad .d{position:absolute;width:64px;height:64px;border-radius:18px;background:#fff;border:2px solid color-mix(in srgb,var(--c) 26%,#fff);font-size:30px;font-weight:900;color:var(--c);box-shadow:0 4px color-mix(in srgb,var(--c) 22%,#e3e9f2),0 9px 16px -7px color-mix(in srgb,var(--c) 60%,transparent);transition:transform .08s ease,box-shadow .08s ease,background .08s ease}.dpad .d:active{background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 70%,#000));color:#fff;transform:translateY(4px);box-shadow:0 1px color-mix(in srgb,var(--c) 55%,#000)}.dpad .up{top:0;left:69px}.dpad .down{bottom:0;left:69px}.dpad .left{top:54px;left:4px}.dpad .right{top:54px;right:4px}.yesno{display:flex;gap:14px;padding:16px}.yesno button{flex:1;padding:22px;border-radius:18px;font-size:22px;font-weight:800}.yesno .no{background:#fdecec;color:#d84a3a;border:1px solid #F3C9C2}.yesno .yes{background:#eaf7eb;color:#2e9b47;border:1px solid #C6E9CB}.yesno button:active{transform:scale(.97)}.choices{display:flex;gap:12px;padding:16px}.choices button{flex:1;padding:20px 8px;border-radius:16px;font-size:18px;font-weight:700;background:var(--panel);border:1px solid var(--border)}.choices button:active{background:var(--c);color:#fff;transform:scale(.97)}.choices.c3 button{font-size:22px}.keypad{padding:12px 16px 20px}.keypad-display{text-align:center;font-size:30px;font-weight:800;height:44px;color:var(--c);font-family:ui-monospace,monospace}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:280px;margin:0 auto}.keypad-grid button{padding:16px;border-radius:14px;font-size:22px;font-weight:700;background:var(--panel);border:1px solid var(--border)}.keypad-grid button:active{background:#c7daf5}.keypad-grid .ok{background:var(--c);color:#fff}.textinput{display:flex;gap:8px;padding:16px}.textinput input{flex:1;padding:16px;border-radius:14px;background:var(--panel);border:1px solid var(--border);color:var(--text);font-size:18px}.textinput button{padding:16px 22px;border-radius:14px;background:var(--c);color:#fff;font-weight:700}.tapsubmit{padding:16px}.tapsubmit button{width:100%;padding:18px;border-radius:16px;background:var(--c);color:#fff;font-weight:800;font-size:18px}.matrix-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;padding:16px}.matrix-hint{color:var(--muted);font-size:15px;font-weight:600}.matrix{display:grid;gap:8px;width:min(86vw,70vh,380px);aspect-ratio:1}.tile{background:var(--panel);border:1px solid var(--border);border-radius:12px;transition:background .12s,transform .08s}.tile.lit{background:var(--c)}.tile.sel{background:var(--c);opacity:.85}.tile:active{transform:scale(.94)}@media (max-height: 720px){.hud{padding:8px 14px}.hud-num{font-size:22px}.yesno{padding:10px;gap:10px}.yesno button{padding:14px;font-size:18px}.choices{padding:10px;gap:10px}.choices button{padding:13px 6px;font-size:16px}.dpad{height:132px;width:150px;margin:6px auto 12px}.dpad .d{width:48px;height:48px;font-size:20px}.dpad .up,.dpad .down{left:51px}.dpad .left,.dpad .right{top:42px}.keypad{padding:6px 16px 10px}.keypad-display{font-size:24px;height:34px}.keypad-grid button{padding:10px;font-size:19px}.tapsubmit{padding:10px 16px}.tapsubmit button{padding:13px}.textinput{padding:10px}}@media (max-height: 560px){.yesno button{padding:10px;font-size:16px}.dpad{height:112px;width:132px}.dpad .d{width:40px;height:40px;font-size:17px}.dpad .up,.dpad .down{left:46px}.dpad .left,.dpad .right{top:36px}.keypad-grid button{padding:7px;font-size:17px}}.result{margin:auto;text-align:center;padding:30px;width:100%;max-width:420px;position:relative}.result-record{display:inline-block;background:#ffc23c;color:#234a9b;font-weight:800;font-size:13px;padding:6px 16px;border-radius:999px;margin-bottom:14px;letter-spacing:.5px;animation:pop .3s ease}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.result h2{font-size:26px;color:var(--muted)}.result-score{font-size:56px;font-weight:900;color:var(--c);margin:8px 0 24px;font-variant-numeric:tabular-nums}.result-score.rolling{animation:scorePulse .42s ease-in-out infinite}@keyframes scorePulse{0%,to{transform:scale(1)}50%{transform:scale(1.055)}}.result-score.record{text-shadow:0 0 22px rgba(255,194,60,.55)}.result-rows .rowIn{opacity:0;animation:rowIn .34s ease forwards}@keyframes rowIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.confetti i{position:absolute;top:-16px;width:9px;height:14px;border-radius:2px;animation:confFall 2.3s linear forwards}@keyframes confFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(520px) rotate(720deg);opacity:0}}.result>*:not(.confetti){position:relative;z-index:1}@media (prefers-reduced-motion: reduce){.result-score.rolling{animation:none}.result-rows .rowIn{opacity:1;animation:none}.confetti{display:none}}.result-rows{background:var(--panel);border-radius:18px;padding:8px 20px}.result-rows div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);font-size:15px}.result-rows div:last-child{border-bottom:none}.result-rows span{color:var(--muted)}.result-btns{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.result-btns button{flex:1;min-width:120px}.stat-actions{display:flex;gap:6px;align-items:center;flex:0 0 auto}.stat-act-btn{width:clamp(38px,11vw,46px);height:clamp(38px,11vw,46px);border-radius:14px;background:var(--panel);border:2px solid var(--border);font-size:clamp(16px,4.5vw,20px);display:flex;align-items:center;justify-content:center;box-shadow:var(--soft);transition:transform .12s,border-color .12s;flex:0 0 auto}.stat-act-btn:hover{border-color:#9cccf5}.stat-act-btn:active{transform:scale(.92)}.panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.panel{background:#fff;border:1px solid var(--border);border-radius:22px;width:100%;max-width:440px;max-height:88vh;overflow-y:auto;padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h2{font-size:20px}.panel-x{width:32px;height:32px;border-radius:10px;background:var(--panel);font-size:14px}.prog-hero{background:linear-gradient(135deg,#eaf9ff,#dbecff);border:1px solid var(--border);border-radius:16px;padding:12px 14px;margin-bottom:12px}.prog-hero-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.prog-hero-lvl{font-size:19px;font-weight:800;color:var(--text)}.prog-hero-xp{font-size:11px;font-weight:700;color:var(--muted)}.prog-hero-bar{height:10px;border-radius:999px;background:#fff;border:1px solid var(--border);overflow:hidden}.prog-hero-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#4f9bff,#3465c4);transition:width .5s ease}.panel-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.panel-stats div{background:#eaf9ff;border-radius:14px;padding:11px 4px;text-align:center;border:1px solid var(--border)}.panel-stats b{display:block;font-size:19px;font-weight:800;color:#3465c4;line-height:1.15}.panel-stats b i{font-style:normal;font-size:12px;font-weight:700;color:var(--muted)}.panel-stats span{font-size:10px;color:var(--muted);font-weight:600}.panel-stats .ps-fire{background:#fff1e2;border-color:#ffd9b3}.panel-stats .ps-fire b{color:#e8730c}.panel-stats .ps-done{background:#e8fbef;border-color:#bfebd0}.panel-stats .ps-done b{color:#1b9e52}.panel-section{margin-bottom:18px}.panel-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-weight:700}.panel-head-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-head-row .panel-label{margin-bottom:10px}.panel-note{font-size:11px;font-weight:700;color:var(--muted);background:#eaf9ff;border-radius:999px;padding:3px 9px}.prog-empty{text-align:center;background:linear-gradient(180deg,#fffdf4,#fff6e2);border:1px dashed #FFD9A8;border-radius:18px;padding:26px 20px}.prog-empty-ic{font-size:40px;display:block;margin-bottom:8px}.prog-empty b{display:block;font-size:15px;color:var(--text);margin-bottom:6px}.prog-empty p{font-size:13px;line-height:1.5;color:var(--muted);max-width:280px;margin:0 auto}.day-row{display:flex;gap:6px;justify-content:space-between}.day{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.day .day-lbl{font-size:11px;color:var(--muted);font-weight:700}.day-dot{width:100%;height:36px;border-radius:12px;background:#f0f5fc;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;transition:transform .12s}.day-num{font-size:12px;font-weight:700;color:#a9bdd6}.day-tick{font-size:17px;font-weight:800;color:#fff;line-height:1}.day.on .day-dot{background:linear-gradient(180deg,#4f9bff,#3465c4);border-color:#3465c4;box-shadow:0 3px 8px #3465c447}.day.today .day-lbl{color:#e8730c}.day.today .day-dot{border-color:#ffa43d;border-width:2px}.day.today:not(.on) .day-dot{background:#fff4e4}.day.today:not(.on) .day-num{color:#e8730c}.sparkline{background:#eaf9ff;border-radius:12px;padding:10px 12px 6px}.sparkline-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:2px}.domain-bars{display:flex;flex-direction:column;gap:10px}.domain-bar-row{display:flex;align-items:center;gap:8px}.domain-bar-ic{display:inline-flex;flex:0 0 auto}.domain-bar-name{font-size:12px;width:64px;flex:0 0 auto;color:var(--text);font-weight:600}.domain-bar-track{flex:1;height:12px;background:#f0f5fc;border:1px solid var(--border);border-radius:999px;overflow:hidden}.domain-bar-fill{height:100%;border-radius:999px;transition:width .5s ease;min-width:6px}.domain-bar-val{font-size:12px;font-weight:800;color:var(--text);width:48px;text-align:right;flex:0 0 auto;font-variant-numeric:tabular-nums}.domain-locked{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--border)}.domain-locked-lbl{font-size:11px;font-weight:700;color:var(--muted)}.domain-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--dc);background:color-mix(in srgb,var(--dc) 10%,#FFFFFF);border:1px solid color-mix(in srgb,var(--dc) 30%,#FFFFFF);border-radius:999px;padding:4px 9px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);font-size:15px}.toggle{width:48px;height:28px;border-radius:999px;background:#c7daf5;position:relative;transition:background .15s}.toggle.on{background:#22c55e}.toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .15s}.toggle.on .toggle-knob{left:23px}.danger-outline{padding:8px 16px;border-radius:10px;border:1px solid #ef4444;color:#ef4444;font-weight:700;background:transparent}.danger{padding:8px 14px;border-radius:10px;background:#ef4444;color:#fff;font-weight:700}.ghost-sm{padding:8px 14px;border-radius:10px;background:var(--panel)}.confirm-btns{display:flex;gap:8px}.setting-note{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.5}.onboard{height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.onboard-card{max-width:380px;width:100%;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:36px 26px}.onboard-icon{font-size:64px;margin-bottom:12px}.onboard-card h2{font-size:26px;background:linear-gradient(90deg,#3465c4,#5f8fe3);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px}.onboard-card p{color:var(--muted);font-size:16px;line-height:1.6;min-height:80px}.onboard-dots{display:flex;gap:8px;justify-content:center;margin:18px 0 24px}.onboard-dots span{width:8px;height:8px;border-radius:50%;background:#c7daf5;transition:all .2s}.onboard-dots span.on{background:#3465c4;width:22px;border-radius:4px}.onboard-btns{display:flex;gap:10px}.onboard-btns button{flex:1}.onboard-btns .primary{margin-top:0}.gain-layer{position:absolute;top:46px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:20;height:0}.gain{position:absolute;font-weight:900;font-size:22px;color:#3465c4;text-shadow:0 2px 0 #fff,0 0 12px rgba(52,101,196,.35);white-space:nowrap;animation:gain-float .9s cubic-bezier(.2,.7,.3,1) forwards;transform:translate(var(--dx, 0))}.gain-warm{font-size:27px;color:#e08a1e;text-shadow:0 2px 0 #fff,0 0 14px rgba(224,138,30,.45)}.gain-hot{font-size:33px;color:#f2a417;text-shadow:0 2px 0 #fff,0 0 18px rgba(242,164,23,.6);animation:gain-float-hot 1s cubic-bezier(.2,.7,.3,1) forwards}.gain-mult{margin-left:5px;font-size:.62em;opacity:.9;vertical-align:super}@keyframes gain-float{0%{opacity:0;transform:translate(var(--dx,0),8px) scale(.6)}18%{opacity:1;transform:translate(var(--dx,0)) scale(1.15)}32%{transform:translate(var(--dx,0),-4px) scale(1)}to{opacity:0;transform:translate(var(--dx,0),-46px) scale(.95)}}@keyframes gain-float-hot{0%{opacity:0;transform:translate(var(--dx,0),10px) scale(.5) rotate(-6deg)}16%{opacity:1;transform:translate(var(--dx,0)) scale(1.35) rotate(3deg)}30%{transform:translate(var(--dx,0),-6px) scale(1.05) rotate(-2deg)}to{opacity:0;transform:translate(var(--dx,0),-60px) scale(1) rotate(0)}}.hud-num{transition:color .15s}.hud-num.pump{animation:score-pump .32s cubic-bezier(.3,1.4,.5,1);color:#3465c4}@keyframes score-pump{0%{transform:scale(1)}35%{transform:scale(1.22)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.gain,.hud-num.pump{animation:none}.gain{opacity:1}}