body.game-quick-math.pp{overscroll-behavior:none}html.game-quick-math:has(body.pp){overscroll-behavior:none}.pp-stage.q-stage{-webkit-tap-highlight-color:transparent;flex:auto;align-items:stretch;min-height:0;padding:16px;container-type:size}.pp-card.q-card{--hud-h:52px;--hint-h:20px;--gap:12px;--card-pad:20px;--panel-min:168px;--pad-h:clamp(176px, 100cqh - 2 * var(--card-pad) - var(--hud-h) - var(--hint-h) - 3 * var(--gap) - var(--panel-min), 296px);box-sizing:border-box;width:min(100%,500px);min-height:0;padding:var(--card-pad);gap:var(--gap);color:#241f1a;align-items:stretch}@container (width<=599px){.pp-card.q-card{--card-pad:0px;background:0 0;border:none;border-radius:0}}@container (height>=760px){.pp-card.q-card{--panel-min:220px}}.q-hud{height:var(--hud-h);flex:none;grid-template-columns:repeat(3,minmax(0,1fr)) 52px auto;gap:8px;display:grid}.pp-stat.q-stat{flex-direction:column;justify-content:center;min-width:0;padding:0 8px;display:flex;position:relative;container-type:inline-size}.q-stat .pp-stat-value{font-size:min(22px, 100cqi / (var(--chars,1) * .62));white-space:nowrap;line-height:24px}.q-stat .pp-stat-value.is-low{color:#c8402f}.q-stat .pp-stat-value.is-beaten{color:#a85d0c}.q-float{color:#2f8a4b;pointer-events:none;font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:800;line-height:1;animation:.7s ease-out forwards q-float;position:absolute;bottom:100%;right:4px}@keyframes q-float{0%{opacity:0;transform:translateY(10px)}25%{opacity:1}to{opacity:0;transform:translateY(-4px)}}.q-icon-btn,.q-icon-btn:hover{min-width:0;box-shadow:none;color:#574f45;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #eadfce;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:none;display:flex}@media (hover:hover) and (pointer:fine){.q-icon-btn:hover:not(:disabled){border-color:var(--accent);color:#241f1a}}.q-icon-btn:disabled{color:#c9bfb1;cursor:default}.q-icon-btn svg,.q-new-icon,.q-key svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.q-i-play{fill:currentColor;stroke-width:1.6px}.q-icon-btn .q-i-play,.q-icon-btn.is-paused .q-i-pause{display:none}.q-icon-btn.is-paused .q-i-play{display:block}.pp-newgame.q-new{white-space:nowrap;touch-action:manipulation;justify-content:center;align-items:center;min-width:0;padding:0 16px;display:flex}.q-new-icon{display:none}@container (width<=419px){.q-hud{grid-template-columns:repeat(3,minmax(0,1fr)) 48px 48px;gap:6px}.pp-newgame.q-new{padding:0}.q-new-icon{display:block}.q-new-label{display:none}.pp-stat.q-stat{padding:0 6px}}.pp-newgame.q-new:focus-visible,.q-icon-btn:focus-visible,.q-key:focus-visible,.q-overlay-btn:focus-visible{outline-offset:2px;outline:3px solid #241f1a}.q-panel{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fffaf2;border:1px solid #eadfce;border-radius:20px;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden;container-type:size}.q-time{background:#f2ebdd;flex:none;height:6px}.q-time-fill{background:var(--accent);height:100%;transform:scaleX(var(--left,1));transform-origin:0;display:block}.q-panel.is-low .q-time-fill{background:#d64533}.q-meta{color:#8a7f70;flex:none;justify-content:space-between;gap:12px;padding:10px 16px 0;font-size:13px;font-weight:600;line-height:18px;display:flex}.q-streak.is-hot{color:#a85d0c}.q-last{flex:none;justify-content:center;align-items:center;height:28px;margin:4px 0 0;display:flex}.q-last-line{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:8px;font-family:Bricolage Grotesque,sans-serif;font-size:18px;font-weight:700;line-height:1;animation:.24s cubic-bezier(.2,.8,.3,1) q-rise;display:inline-flex}.q-last-line.is-right{color:#2f8a4b}.q-last-line.is-wrong{color:#c8402f}.q-last-mark{font-size:.9em}.q-last-given{color:#8a7f70;font-weight:600;text-decoration-thickness:2px}@keyframes q-rise{0%{opacity:0;transform:translateY(70%)scale(1.5)}}.q-question{--size:min(76px, 15cqw, 24cqh);justify-content:center;align-items:center;gap:calc(var(--size) * .2);min-height:0;padding:0 16px calc(var(--size) * .35);flex-direction:column;flex:auto;display:flex}.q-problem{max-width:100%;font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:var(--size);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1}.q-problem-text{display:block}.q-problem-text.is-entering{animation:.2s ease-out q-enter}@keyframes q-enter{0%{opacity:0;transform:translateY(30%)}}.q-entry{gap:calc(var(--size) * .12);font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:calc(var(--size) * .8);font-variant-numeric:tabular-nums;line-height:1.15;display:flex}.q-slot{box-sizing:border-box;color:#241f1a;border-bottom:max(3px,.06em) solid #e2d6c2;justify-content:center;align-items:center;width:.78em;height:1.2em;display:flex}.q-slot.is-next{border-bottom-color:var(--accent)}.q-slot.is-filled{border-bottom-color:#241f1a;animation:.12s ease-out q-type}@keyframes q-type{0%{opacity:.4;transform:scale(.7)}}.q-panel.is-covered .q-question,.q-panel.is-covered .q-last{visibility:hidden}.q-overlay{text-align:center;background:#fffaf2;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 20px;animation:.18s ease-out q-fade;display:flex;position:absolute;inset:6px 0 0}.q-overlay[hidden]{display:none}.q-overlay[data-initial]{animation:none}@keyframes q-fade{0%{opacity:0}}.q-overlay-title{letter-spacing:-.02em;color:#241f1a;margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(22px,9cqw,32px);font-weight:800;line-height:1.1}.q-overlay-text{color:#574f45;text-wrap:balance;max-width:30ch;margin:0;font-size:15px;line-height:1.4}.q-overlay-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.q-overlay-btn,.q-overlay-btn:hover{min-height:48px;box-shadow:none;background:var(--accent);color:var(--game-accent-ink,#fff);cursor:pointer;touch-action:manipulation;border:1px solid #0000;border-radius:12px;padding:0 26px;font-family:Instrument Sans,system-ui,sans-serif;font-size:16px;font-weight:600;transition:none}.q-overlay-btn.q-overlay-btn-quiet,.q-overlay-btn.q-overlay-btn-quiet:hover{color:#241f1a;background:#fff;border-color:#eadfce}.q-overlay-btn[hidden]{display:none}@media (hover:hover) and (pointer:fine){.q-overlay-btn:hover{filter:brightness(.95)}.q-overlay-btn.q-overlay-btn-quiet:hover{filter:none;border-color:var(--accent)}}@container (height<=190px){.q-overlay{gap:2px;padding:6px 16px}.q-overlay-title{font-size:20px}.q-overlay-text{font-size:13px;line-height:1.3}.q-overlay-actions{margin-top:6px}.q-overlay-btn,.q-overlay-btn:hover{min-height:44px;padding:0 18px;font-size:15px}.q-meta{padding-top:6px}.q-last{height:22px;margin-top:0}.q-last-line{font-size:15px}}.q-pad{height:var(--pad-h);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.q-pad .q-key,.q-pad .q-key:hover{color:#241f1a;min-width:0;min-height:0;font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:clamp(22px, var(--pad-h) * .11, 30px);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #eadfce;border-radius:14px;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;transition:none;display:flex;box-shadow:inset 0 -3px #efe6d6}.q-pad .q-key.q-key-quiet{color:#574f45;background:#f7f1e6}.q-pad .q-key.q-key-text{font-family:Instrument Sans,system-ui,sans-serif;font-size:16px;font-weight:600}.q-pad .q-key.is-pressed{box-shadow:none;background:#f2ebdd;transform:translateY(2px)}@media (hover:hover) and (pointer:fine){.q-pad:not(.is-idle) .q-key:hover{border-color:var(--accent)}}.q-pad.is-idle .q-key{color:#c9bfb1;cursor:default}.celebration-icon:has(.q-go-keys){background:0 0}.q-go-keys{grid-template-columns:repeat(2,30px);gap:4px;display:grid}.q-go-keys[data-count="2"]{grid-template-columns:repeat(2,34px)}.q-go-keys[data-count="3"] .q-go-key:last-child{grid-column:span 2;justify-self:center}.q-go-key{aspect-ratio:1;box-sizing:border-box;color:#a85d0c;background:#fff;border:1px solid #eadfce;border-radius:8px;justify-content:center;align-items:center;width:100%;font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:800;line-height:1;display:flex;box-shadow:inset 0 -2px #efe6d6}.q-go-keys[data-count="3"] .q-go-key:last-child{width:30px}.q-hint{height:var(--hint-h);text-align:center;color:#8a7f70;white-space:nowrap;text-overflow:ellipsis;flex:none;margin:0;font-size:14px;line-height:20px;overflow:hidden}.q-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.q-float,.q-last-line,.q-problem-text.is-entering,.q-slot.is-filled,.q-overlay{animation:none}.q-float{display:none}}@media (orientation:landscape) and (height<=500px){.pp-stage.q-stage{padding:8px 12px}.pp-card.q-card{--card-pad:0px;grid-template-columns:minmax(0,1fr) min(44%,300px);grid-template-rows:var(--hud-h) minmax(0, 1fr);background:0 0;border:none;border-radius:0;gap:10px 12px;width:min(100%,760px);display:grid}.q-hud{grid-area:1/1}.q-panel{grid-area:2/1}.q-pad{grid-area:1/2/span 2;gap:6px;height:auto}.q-pad .q-key,.q-pad .q-key:hover{border-radius:12px;font-size:24px}.q-hint{display:none}}body.pp.immersive .pp-stage.q-stage{padding:72px 16px 24px}body.pp.immersive .pp-card.q-card{--card-pad:16px;background:#fff;border:1px solid #eadfce;border-radius:22px;width:min(100%,520px);height:100%}@media (orientation:landscape) and (height<=500px){body.pp.immersive .pp-stage.q-stage{padding:12px 136px 12px 16px}body.pp.immersive .pp-card.q-card{--card-pad:12px;width:min(100%,760px);padding:12px}}