.quick-math-module{--qm-bg:#070b18;--qm-panel:rgba(14,21,42,.84);--qm-line:rgba(149,234,246,.24);--qm-cyan:#8ef3df;--qm-blue:#91caff;--qm-pink:#ff93d8;--qm-yellow:#fff09a;position:fixed;inset:0;z-index:120;overflow:auto;background:radial-gradient(circle at 78% 8%,rgba(87,88,210,.28),transparent 34%),radial-gradient(circle at 12% 70%,rgba(42,199,193,.13),transparent 36%),linear-gradient(145deg,#08101f,#070817 60%,#150d23);color:#f7f4e8;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.quick-math-module:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.math-top{position:sticky;top:0;z-index:8;min-height:68px;padding:10px clamp(14px,3vw,42px);display:grid;grid-template-columns:minmax(92px,1fr) auto minmax(92px,1fr);align-items:center;border-bottom:1px solid var(--qm-line);background:rgba(7,11,24,.82);backdrop-filter:blur(20px);font:700 12px/1.1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.2em}
.math-top>span{text-align:center}.math-top>button{min-height:44px;border:1px solid rgba(158,229,247,.36);border-radius:999px;background:rgba(10,18,36,.8);color:#b8effb;font:700 11px ui-monospace,monospace;letter-spacing:.1em}.math-top .squad-home-shortcut{justify-self:start;padding:0 18px}.math-history-toggle{justify-self:end;padding:0 18px}
.math-shell{position:relative;width:min(1180px,calc(100% - 32px));margin:auto;padding:clamp(28px,5vw,64px) 0 70px}.math-title{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:30px}.math-title>div>p,.math-setup-copy>span,.math-config-card>span,.math-history-head span{margin:0;color:var(--qm-cyan);font:700 11px ui-monospace,monospace;letter-spacing:.2em}.math-title h1{margin:8px 0 0;font-size:clamp(50px,7vw,94px);line-height:.78;letter-spacing:-.075em}.math-title h1 em{color:var(--qm-pink);font-family:Georgia,serif;font-weight:500}.math-title>p{max-width:370px;margin:0;color:#b7c3d6;font-size:clamp(15px,1.6vw,20px);line-height:1.5}
.math-screen[hidden]{display:none!important}.math-setup{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(520px,1.3fr);gap:28px}.math-setup-copy{position:sticky;top:100px;align-self:start;padding:30px;border:1px solid var(--qm-line);border-radius:28px;background:linear-gradient(145deg,rgba(27,35,66,.74),rgba(9,14,29,.8));box-shadow:0 24px 70px rgba(0,0,0,.25)}.math-setup-copy h2,.math-history-head h2{margin:14px 0;font-size:clamp(31px,4vw,52px);line-height:.98;letter-spacing:-.045em}.math-setup-copy p,.math-history-head p{color:#aebad0;line-height:1.65}.math-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.math-config-card{padding:19px;border:1px solid var(--qm-line);border-radius:22px;background:var(--qm-panel);box-shadow:inset 0 1px rgba(255,255,255,.03)}.math-player,.math-topics-card{grid-column:1/-1}.math-player label{display:block;margin-bottom:9px;color:var(--qm-cyan);font:700 11px ui-monospace,monospace;letter-spacing:.16em}.math-player input{width:100%;box-sizing:border-box;border:1px solid rgba(154,203,255,.38);border-radius:14px;background:#080d1c;color:#fff;padding:14px 16px;font:700 17px inherit;outline:none}.math-player input:focus{border-color:var(--qm-cyan);box-shadow:0 0 0 3px rgba(142,243,223,.12)}.math-config-card small{display:block;margin-top:7px;color:#7f8ba4;font-size:11px}
.math-choice{display:flex;gap:8px;margin-top:14px}.math-choice button{flex:1;min-height:45px;padding:9px;border:1px solid rgba(139,168,213,.24);border-radius:13px;background:#0a1123;color:#aab5ca;font:700 11px ui-monospace,monospace;letter-spacing:.07em}.math-choice button small{font-family:Inter,sans-serif;font-weight:500;letter-spacing:0}.math-choice button.active{border-color:var(--qm-cyan);color:#06111d;background:linear-gradient(120deg,var(--qm-cyan),var(--qm-blue));box-shadow:0 0 22px rgba(142,243,223,.2)}.math-count-card.disabled{opacity:.42;pointer-events:none}.math-topics{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px}.math-topics label{cursor:pointer;text-align:center}.math-topics input{position:absolute;opacity:0}.math-topics i{display:grid;place-items:center;width:42px;height:42px;margin:auto;border:1px solid rgba(144,192,233,.27);border-radius:13px;background:#091122;color:#a9b5ca;font-style:normal;font-size:22px}.math-topics b{display:block;margin-top:7px;color:#9daac1;font-size:9px;text-transform:uppercase}.math-topics input:checked+i{border-color:var(--qm-pink);color:#07101d;background:linear-gradient(135deg,var(--qm-yellow),var(--qm-pink));box-shadow:0 0 18px rgba(255,147,216,.22)}.math-topics input:focus-visible+i{outline:2px solid white;outline-offset:2px}.math-start-row{grid-column:2;display:flex;align-items:center;justify-content:flex-end;gap:15px}.math-setup-status{margin-right:auto;color:#ff9fc4}.math-primary,.math-secondary,.math-quit{min-height:50px;padding:0 24px;border-radius:999px;font:800 12px ui-monospace,monospace;letter-spacing:.1em}.math-primary{border:0;background:linear-gradient(110deg,var(--qm-cyan),var(--qm-blue),var(--qm-pink));color:#07101d;box-shadow:0 12px 35px rgba(108,201,232,.2)}.math-secondary,.math-quit{border:1px solid var(--qm-line);background:#0c1327;color:#bceff6}
.math-game{max-width:900px;margin:auto}.math-hud{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--qm-line);border-radius:22px 22px 0 0;background:rgba(9,15,31,.9);overflow:hidden}.math-hud>span{padding:15px 20px;border-right:1px solid var(--qm-line)}.math-hud>span:last-child{border:0}.math-hud small{display:block;color:#76849f;font:700 9px ui-monospace,monospace;letter-spacing:.18em}.math-hud b{display:block;margin-top:5px;color:#fff;font:800 18px ui-monospace,monospace}.math-progress{height:5px;background:#101a31;overflow:hidden}.math-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--qm-cyan),var(--qm-pink));box-shadow:0 0 16px var(--qm-cyan);transition:width .3s ease}.math-arena{position:relative;min-height:510px;padding:62px clamp(20px,6vw,76px);box-sizing:border-box;border:1px solid var(--qm-line);border-top:0;border-radius:0 0 28px 28px;background:radial-gradient(circle at center,rgba(93,116,232,.15),transparent 54%),rgba(6,10,24,.84);text-align:center;overflow:hidden}.math-orbit{position:absolute;left:50%;top:45%;width:360px;height:360px;transform:translate(-50%,-50%);border:1px solid rgba(151,242,224,.13);border-radius:50%;pointer-events:none}.math-orbit:after,.math-orbit:before{content:"";position:absolute;border:1px solid rgba(255,146,216,.11);border-radius:50%;inset:45px}.math-orbit:after{inset:105px}.math-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--qm-pink);box-shadow:0 0 13px currentColor;animation:qmOrbit 7s linear infinite}.math-orbit i:nth-child(2){background:var(--qm-cyan);animation-duration:10s;animation-delay:-4s}.math-orbit i:nth-child(3){background:var(--qm-yellow);animation-duration:5s;animation-delay:-2s}@keyframes qmOrbit{from{transform:translate(175px,175px) rotate(0) translateX(175px)}to{transform:translate(175px,175px) rotate(360deg) translateX(175px)}}
.math-topic{position:relative;color:var(--qm-cyan);font:700 11px ui-monospace,monospace;letter-spacing:.2em}.math-position{position:relative;color:#728099;font:700 10px ui-monospace,monospace;letter-spacing:.13em}.math-question{position:relative;margin:48px 0 44px;color:#fff;font:800 clamp(54px,10vw,108px)/.9 ui-monospace,monospace;letter-spacing:-.08em;text-shadow:0 0 45px rgba(144,202,255,.16)}.math-answer{position:relative;max-width:620px;margin:auto}.math-answer>label{display:block;margin-bottom:10px;color:#8d9ab2;font:700 9px ui-monospace,monospace;letter-spacing:.17em}.math-answer>div{display:grid;grid-template-columns:1fr auto;gap:10px}.math-answer input{min-width:0;border:1px solid rgba(145,202,255,.4);border-radius:15px;background:#080e1e;color:#fff;padding:13px 17px;text-align:center;font:800 24px ui-monospace,monospace;outline:none}.math-submit{border:0;border-radius:15px;background:linear-gradient(120deg,var(--qm-cyan),var(--qm-blue));padding:0 20px;color:#07101d;font:800 11px ui-monospace,monospace;letter-spacing:.08em}.math-answer small{color:#718098}.math-feedback{height:48px;margin-top:14px}.math-feedback b,.math-feedback span{display:block}.math-feedback.correct b{color:var(--qm-cyan)}.math-feedback.wrong b{color:#ff9fc3}.math-feedback span{margin-top:3px;color:#b3bed0}.math-quit{display:block;margin:20px auto}
.math-result-card{max-width:850px;margin:auto;padding:clamp(26px,5vw,58px);border:1px solid var(--qm-line);border-radius:32px;background:linear-gradient(145deg,rgba(20,29,57,.92),rgba(8,12,27,.96));text-align:center;box-shadow:0 30px 100px rgba(0,0,0,.38)}.math-result-card>span{color:var(--qm-cyan);font:700 10px ui-monospace,monospace;letter-spacing:.2em}.math-result-card h2{margin:11px 0 8px;font-size:clamp(38px,7vw,76px);letter-spacing:-.055em}.math-result-card>p{max-width:600px;margin:0 auto 27px;color:#aebad0;line-height:1.55}.math-result-card.perfect h2{background:linear-gradient(90deg,var(--qm-yellow),var(--qm-cyan),var(--qm-pink));background-clip:text;color:transparent}.math-score-ring{--score:0;width:176px;height:176px;margin:20px auto;display:grid;place-content:center;border-radius:50%;background:radial-gradient(circle,#0a1022 58%,transparent 60%),conic-gradient(var(--qm-cyan) calc(var(--score)*1%),rgba(122,149,190,.16) 0);box-shadow:0 0 50px rgba(142,243,223,.16)}.math-score-ring strong{font:800 40px ui-monospace,monospace}.math-score-ring small{color:#8290a9;font:700 9px ui-monospace,monospace;letter-spacing:.14em}.math-result-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.math-result-stats span{padding:14px 7px;border:1px solid var(--qm-line);border-radius:14px;background:#080f20}.math-result-stats b{display:block;font:800 19px ui-monospace,monospace}.math-result-stats small{color:#77849d;font:700 8px ui-monospace,monospace;letter-spacing:.1em}.math-result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:24px}
.math-history{max-width:1000px;margin:auto}.math-history-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.math-history-head>div{max-width:650px}.math-history-head p{margin-bottom:0}.math-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:28px}.math-stats article{min-height:92px;padding:16px;border:1px solid var(--qm-line);border-radius:18px;background:var(--qm-panel)}.math-stats span,.math-stats small{display:block;color:#8390a7;font:700 9px ui-monospace,monospace;letter-spacing:.1em}.math-stats b{display:block;margin:9px 0 2px;font:800 27px ui-monospace,monospace}.math-log{display:grid;gap:9px;margin-bottom:22px}.math-log article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;border:1px solid rgba(150,200,240,.18);border-radius:16px;background:#0a1123}.math-log article:before{content:attr(data-rank);color:#56647c;font:700 10px ui-monospace,monospace}.math-log article>div{flex:1}.math-log b,.math-log span{display:block}.math-log b{font-size:15px}.math-log span{margin-top:4px;color:#7f8ca4;font:600 9px ui-monospace,monospace}.math-log strong{color:var(--qm-cyan);font:800 22px ui-monospace,monospace}.math-empty{padding:38px;border:1px dashed var(--qm-line);border-radius:18px;text-align:center;color:#8390a8}.math-celebration{position:fixed;inset:0;z-index:140;pointer-events:none;overflow:hidden;display:none}.math-celebration.show{display:block}.math-celebration i{position:absolute;left:var(--x);top:-20px;width:9px;height:16px;background:var(--color);animation:qmConfetti 2s var(--delay) cubic-bezier(.12,.65,.31,1) both}.math-celebration b{position:absolute;width:12px;height:12px;border-radius:50%;animation:qmFire 1s var(--delay) ease-out both;box-shadow:0 -45px var(--qm-cyan),32px -32px var(--qm-pink),45px 0 var(--qm-yellow),32px 32px var(--qm-blue),0 45px var(--qm-pink),-32px 32px var(--qm-cyan),-45px 0 var(--qm-yellow),-32px -32px var(--qm-blue)}@keyframes qmConfetti{to{transform:translate(var(--dx),105vh) rotate(var(--spin))}}@keyframes qmFire{0%{transform:scale(0);opacity:1}100%{transform:scale(2.7);opacity:0}}
.phone-home .home-icon[data-app-key="quick-math"]{--icon-accent:#8ef3df;--icon-accent-2:#ff93d8}.phone-home .home-icon[data-app-key="quick-math"]>i svg{width:100%;height:100%}
html[data-squad-theme="light"] .quick-math-module{--qm-bg:#edf4fa;--qm-panel:rgba(255,255,255,.88);color:#14223a;background:radial-gradient(circle at 80% 0,rgba(161,172,255,.35),transparent 35%),linear-gradient(145deg,#eef8f7,#f4eefb)}html[data-squad-theme="light"] .math-top{background:rgba(242,248,251,.88);color:#20314b}html[data-squad-theme="light"] .math-config-card,html[data-squad-theme="light"] .math-setup-copy,html[data-squad-theme="light"] .math-result-card,html[data-squad-theme="light"] .math-stats article,html[data-squad-theme="light"] .math-log article{background:rgba(255,255,255,.76)}html[data-squad-theme="light"] .math-setup-copy p,html[data-squad-theme="light"] .math-title>p,html[data-squad-theme="light"] .math-history-head p{color:#52627a}
@media(max-width:800px){.math-top{min-height:62px;grid-template-columns:82px 1fr 82px;padding:8px 10px;letter-spacing:.09em}.math-top>button{min-height:42px;padding:0 10px!important;font-size:9px}.math-shell{width:min(100% - 20px,680px);padding:18px 0 42px}.math-title{align-items:start;margin-bottom:18px}.math-title h1{font-size:52px}.math-title>p{max-width:180px;font-size:13px}.math-setup{display:block}.math-setup-copy{position:static;padding:21px;margin-bottom:12px}.math-setup-copy h2{font-size:31px}.math-setup-grid{display:block}.math-config-card{margin-bottom:10px;padding:16px}.math-start-row{position:sticky;bottom:10px;z-index:5;padding:8px;border:1px solid rgba(142,243,223,.18);border-radius:999px;background:rgba(7,11,24,.86);backdrop-filter:blur(12px)}.math-start-row .math-primary{width:100%}.math-setup-status:empty{display:none}.math-topics{grid-template-columns:repeat(3,1fr);gap:13px 6px}.math-choice button{padding-inline:5px}.math-title{display:none}.math-hud{grid-template-columns:1fr 1fr;border-radius:18px 18px 0 0}.math-hud>span:nth-child(2){border-right:0}.math-hud>span:nth-child(-n+2){border-bottom:1px solid var(--qm-line)}.math-hud>span{padding:11px 14px}.math-hud b{font-size:15px}.math-arena{min-height:calc(100dvh - 217px);padding:38px 14px 28px}.math-orbit{width:250px;height:250px}.math-orbit i{display:none}.math-question{margin:48px 0 42px;font-size:58px}.math-answer>div{grid-template-columns:1fr}.math-answer input{height:61px}.math-submit{height:52px}.math-result-card{padding:28px 16px}.math-result-card h2{font-size:40px}.math-score-ring{width:142px;height:142px}.math-result-stats{grid-template-columns:repeat(2,1fr)}.math-result-stats span:last-child{grid-column:1/-1}.math-result-actions{display:grid}.math-history-head{display:block}.math-history-head .math-clear-history{margin-top:12px}.math-stats{grid-template-columns:1fr 1fr}.math-stats article:last-child:nth-child(odd){grid-column:1/-1}.math-log article{padding:14px 12px}.math-log article:before{display:none}.math-log span{line-height:1.45}.math-log strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.math-orbit i,.math-celebration i,.math-celebration b{animation:none!important}.math-progress i{transition:none}}
.math-start-row{flex-wrap:wrap}.math-start-row .math-worksheet{white-space:nowrap;border-color:rgba(142,243,223,.5)}.math-start-row .math-worksheet:focus-visible,.math-start-row .math-primary:focus-visible{outline:3px solid var(--qm-pink);outline-offset:3px}.math-start-row .math-worksheet:disabled{opacity:.6}.math-print-note{grid-column:2;margin:-16px 0 0;color:#aabbd0;font-size:12px;line-height:1.5}
html[data-squad-theme="light"] .math-print-note{color:#425670}
@media(max-width:800px){.math-start-row{bottom:8px;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.math-start-row .math-worksheet,.math-start-row .math-primary{width:100%;min-height:52px;padding:8px;font-size:10px;white-space:normal}.math-start-row .math-setup-status:not(:empty){grid-column:1/-1;margin:0 6px}.math-print-note{margin:-2px 4px 16px}html[data-squad-theme="light"] .math-start-row{background:rgba(245,249,252,.96)}}
