.playing .theme-1 #question{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;width:100%;font-size:clamp(28px,4vw,48px);padding:6px;margin:0}.math-stick-row{display:grid;grid-template-columns:38px 64px minmax(0,1fr);align-items:center;gap:12px;min-height:62px;padding:5px 10px;background:#ffffffc9;border:2px solid #fff;border-radius:16px;box-shadow:0 3px 0 #cadfd5}.stick-operator{position:relative;color:#bf6a58;min-width:0;text-align:center;line-height:1.1}.stick-operator small{display:block;font-size:9px;letter-spacing:.8px;line-height:1.2;margin-top:2px}.operand-number{text-align:center;min-width:0;font-size:inherit;font-weight:900;line-height:1.2;background:transparent;box-shadow:none}.math-stick-line{display:flex;flex-wrap:wrap;gap:5px;align-items:center;min-width:0;justify-content:flex-start;padding:2px 0}.count-stick{display:block;position:relative;flex:0 0 auto;width:9px;height:37px;border:1px solid #197e83;border-radius:4px;background:linear-gradient(90deg,#288f99,#8be3d5 48%,#2ca6a9);box-shadow:0 3px 0 #b3cbc0;animation:dot-arrive .35s both;animation-delay:var(--dot-delay)}.sticks-b .count-stick{background:linear-gradient(90deg,#e5a03e,#ffe18b 48%,#eaa53e);border-color:#b27d35}.count-stick.stick-five{margin-right:7px}.count-stick.stick-taken{opacity:.62}.stick-taken:after{content:'';position:absolute;left:-5px;top:45%;width:18px;height:3px;background:#ce4c77;transform:rotate(-40deg);border-radius:3px}.result-row{border-top:3px solid #bca6dd;background:#f5eefe}.result-row .math-answer{font-size:inherit;min-width:0;padding:0;border:0;background:none;box-shadow:none;line-height:1.2}.sticks-result .count-stick{background:linear-gradient(90deg,#5cb173,#abeb99 48%,#5eb274);border-color:#4e9461;height:30px;width:7px}.sticks-result{gap:4px}.stick-unknown,.zero-sticks{font-size:13px;color:#8b73aa;font-weight:750;line-height:1.25}.playing .theme-1 .quiz-board{gap:8px}.playing .theme-1 .math-tip{font-size:13px}.playing .theme-1 .stage{grid-template-columns:minmax(140px,.7fr) minmax(0,1.7fr)}
@media(max-width:700px) and (orientation:portrait){.playing #quiz.theme-1 .stage{grid-template-columns:minmax(0,1fr);grid-template-rows:66px minmax(0,1fr);padding:6px;gap:4px}.theme-1 .quiz-character{height:66px;flex-direction:row;justify-content:center;gap:10px;align-items:center}.theme-1 .character-art{height:66px;width:66px;flex:none;max-height:66px}.theme-1 .character-speech{font-size:11px;max-width:190px;padding:6px 9px}.playing .theme-1 .quiz-board{min-height:0;gap:5px}.playing .theme-1 #question{font-size:28px;gap:5px;padding:0}.math-stick-row{grid-template-columns:23px 42px minmax(0,1fr);gap:7px;min-height:42px;padding:3px 6px;border-radius:11px;box-shadow:0 2px 0 #cadfd5}.stick-operator small{font-size:7px;letter-spacing:0}.math-stick-line{gap:4px}.count-stick{width:6px;height:27px;border-radius:3px}.count-stick.stick-five{margin-right:4px}.stick-taken:after{left:-3px;width:12px;height:2px}.sticks-result .count-stick{width:5px;height:22px}.sticks-result{gap:3px}.stick-unknown,.zero-sticks{font-size:10px}.playing .theme-1 .math-tip{font-size:10px;line-height:1.2;margin:0}}
@media(orientation:portrait) and (max-height:620px){.playing #quiz.theme-1 .stage{grid-template-rows:48px minmax(0,1fr);gap:3px}.theme-1 .quiz-character,.theme-1 .character-art{height:48px}.theme-1 .character-art{width:48px;max-height:48px}.theme-1 .character-speech{font-size:10px}.playing .theme-1 #question{font-size:24px;gap:4px}.math-stick-row{min-height:35px;padding:2px 5px}.count-stick{height:22px}.sticks-result .count-stick{height:18px}.playing .theme-1 .math-tip{font-size:9px}}
@media(orientation:landscape) and (max-height:520px){.playing #quiz.theme-1 .stage{grid-template-columns:minmax(60px,.55fr) minmax(0,1.6fr);padding:5px;gap:5px}.playing .theme-1 #question{font-size:24px;gap:5px;padding:0}.math-stick-row{grid-template-columns:22px 39px minmax(0,1fr);gap:5px;min-height:37px;padding:3px 5px;border-radius:10px}.count-stick{width:5px;height:24px}.math-stick-line{gap:3px}.count-stick.stick-five{margin-right:3px}.stick-operator small{font-size:7px}.sticks-result .count-stick{width:4px;height:19px}.sticks-result{gap:2px}.stick-unknown,.zero-sticks{font-size:9px}.playing .theme-1 .math-tip{font-size:9px}.theme-1 .character-speech{font-size:9px}}
@media(prefers-reduced-motion:reduce){.count-stick{animation:none!important}}