.test-content-wrapper,.finish-content-wrapper{--u: min(2.5vw, 1.2vh);--u: min(2.5vw, 1.3svh);--m-enter: 2.8;--m-clear: 4;--m-feedback: 10;--m-correction: 6;--m-break-p: 3;--m-next-btn: 3.5;--quiz-content-w: calc(var(--u) * 32);--quiz-special-w: calc(var(--u) * 32);width:100%;max-width:60rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:calc(var(--u) * 2);padding-top:calc(var(--u) * 8);min-height:90vh;min-height:90dvh;gap:calc(var(--u) * 2.5);box-sizing:border-box}.question-display{text-align:center;font-size:calc(var(--u) * 7);font-weight:800;color:var(--text-color-primary);min-height:calc(var(--u) * 8);max-width:90%;display:flex;align-items:center;justify-content:center;transition:filter var(--transition-slow),transform var(--transition-slow),opacity var(--transition-slow);position:relative;text-shadow:2px 2px 4px rgba(0,0,0,.1);letter-spacing:.02em;line-height:1.2;padding:calc(var(--u) * 1.5);background:#ffffff08;border-radius:var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.question-display.blurred{filter:blur(20px);transform:scale(1.1);opacity:.5}.answer-display{text-align:center;font-size:calc(var(--u) * 5);font-weight:700;height:calc(var(--u) * 8);border:3px solid var(--border-color);border-radius:calc(var(--u) * 1.5);padding:calc(var(--u) * 1.5);background:var(--seat-bg);display:flex;align-items:center;justify-content:center;width:var(--quiz-content-w);position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a;transition:all var(--transition-base)}.answer-display:focus-within{border-color:var(--color-accent-primary);box-shadow:0 0 0 4px #00d9ff33,inset 0 2px 4px #0000001a}.timer-bar-fill{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,var(--color-accent-success) 0%,var(--color-accent-warning) 50%,var(--color-accent-error) 100%);z-index:1;opacity:.8;pointer-events:none;border-radius:inherit}body.reduced-motion .timer-bar-fill{background:var(--color-accent-warning);opacity:.6}.keypad{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--u) * 1.2);width:var(--quiz-content-w);transition:all var(--transition-base)}.keypad.has-special-keys{grid-template-columns:repeat(3,minmax(0,1fr)) calc(var(--u) * 6);width:var(--quiz-special-w)}.keypad.blurred{filter:blur(8px);pointer-events:none;opacity:.5}.key{background:linear-gradient(to bottom,var(--keypad-bg),var(--keypad-hover-bg));color:var(--text-color-primary);border:none;border-radius:calc(var(--u) * 2);font-size:calc(var(--u) * 3.5);font-weight:700;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px #0003,0 6px 10px #00000026,inset 0 1px #fff3;transform:translateY(0);position:relative;overflow:hidden;min-height:calc(var(--u) * 7);-webkit-user-select:none;user-select:none}.key:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .1s}.key:hover{transform:translateY(-2px);box-shadow:0 8px #0003,0 12px 16px #0003,inset 0 1px #fff3;filter:brightness(1.1)}.key:hover:before{opacity:1}.key:active{background:#282850e6}.key.enter{background:linear-gradient(to bottom,var(--btn-primary-bg),var(--btn-primary-hover));color:#fff;font-weight:800;font-size:calc(var(--u) * var(--m-enter))}.key.enter:active{background:var(--btn-primary-bg)}.key.clear{background:linear-gradient(to bottom,var(--btn-cancel-bg),#c0392b);color:#fff;font-size:calc(var(--u) * var(--m-clear))}.key.clear:active{background:var(--btn-cancel-bg)}#keypad .key{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#keypad .key.pressed{transform:translateY(2px) scale(.96);box-shadow:0 2px #0003,0 2px 4px #0000001a;filter:brightness(.9)}body.reduced-motion #keypad .key.pressed{transform:none;box-shadow:none;filter:brightness(.85)}.special-key{grid-column:4;font-size:var(--font-size-lg);animation:slideIn .3s var(--animation-bounce)}#keypad-decimal{grid-row:1}#keypad-slash{grid-row:2}#keypad-negative{grid-row:3}.keypad.has-special-keys .key[data-key="1"]{grid-area:1 / 1}.keypad.has-special-keys .key[data-key="2"]{grid-area:1 / 2}.keypad.has-special-keys .key[data-key="3"]{grid-area:1 / 3}.keypad.has-special-keys .key[data-key="4"]{grid-area:2 / 1}.keypad.has-special-keys .key[data-key="5"]{grid-area:2 / 2}.keypad.has-special-keys .key[data-key="6"]{grid-area:2 / 3}.keypad.has-special-keys .key[data-key="7"]{grid-area:3 / 1}.keypad.has-special-keys .key[data-key="8"]{grid-area:3 / 2}.keypad.has-special-keys .key[data-key="9"]{grid-area:3 / 3}.keypad.has-special-keys .key.clear{grid-area:4 / 1}.keypad.has-special-keys .key[data-key="0"]{grid-area:4 / 2}.keypad.has-special-keys .key.enter{grid-area:4 / 3}.progress{position:absolute;top:calc(var(--u) * 2);left:0;right:0;text-align:center;margin:0;color:var(--text-color-secondary);font-size:calc(var(--u) * 3);font-weight:600}.progress:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--color-accent-primary);border-radius:2px}@media(max-width:1024px){.keypad.has-special-keys{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));width:var(--quiz-special-w);overflow:visible}.keypad.has-special-keys .special-key{position:absolute;left:calc(100% + (var(--u) * 1.2));width:calc(var(--u) * 6);height:calc(var(--u) * 7)}.keypad.has-special-keys #keypad-decimal{grid-area:auto;top:0}.keypad.has-special-keys #keypad-slash{grid-area:auto;top:25%}.keypad.has-special-keys #keypad-negative{grid-area:auto;top:51.5%}.key:active{transform:scale(.95)}}@media(min-width:1025px){.test-content-wrapper,.finish-content-wrapper{--u: 1.35vh;--u: 1.45svh;padding-top:calc(var(--u) * 8);gap:calc(var(--u) * 1);justify-content:flex-start}}@media(max-width:1024px)and (orientation:landscape){.test-content-wrapper,.finish-content-wrapper{--u: 1.25vh;--u: 1.35svh;max-width:100%}}@media(max-width:1024px)and (orientation:portrait){.test-content-wrapper,.finish-content-wrapper{max-width:100%;--m-enter: 2.2;--m-clear: 3.5;--m-feedback: 7;--m-correction: 4;--m-break-p: 2.5;--m-next-btn: 3;--quiz-content-w: calc(var(--u) * 34);--quiz-special-w: calc(var(--u) * 28)}}.test-screen.in-break .test-content-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--u) * 2);padding-top:calc(var(--u) * 6);gap:calc(var(--u) * 2);position:relative}.test-screen.in-break{display:grid;justify-items:center}.test-screen.in-break #breakMessage{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center}.test-screen.in-break #feedbackMessage{position:static;transform:none;width:100%;font-size:calc(var(--u) * var(--m-feedback));font-weight:800;text-align:center;line-height:1.2;animation:bounceIn .5s var(--animation-bounce)}.test-screen.in-break #feedbackMessage.correct{color:var(--color-positive-feedback)}.test-screen.in-break #feedbackMessage.incorrect .feedback-title{color:var(--color-negative-feedback)}.test-screen.in-break #feedbackMessage.incorrect .feedback-correction{color:var(--text-color-primary);font-size:calc(var(--u) * var(--m-correction));margin-top:calc(var(--u) * 1)}.test-screen.in-break #feedbackMessage.incorrect .feedback-correction .correct-answer{color:var(--color-positive-feedback);font-weight:800}.test-screen.in-break #breakMessage p{font-size:calc(var(--u) * var(--m-break-p));color:var(--text-color-secondary);font-weight:400;text-align:center}.test-screen.in-break #nextQuestionBtn{box-sizing:border-box;font-size:calc(var(--u) * var(--m-next-btn));height:auto;min-height:0;width:auto;padding:calc(var(--u) * 2) calc(var(--u) * 4);white-space:nowrap;max-width:none}.finish-content-wrapper .results-display{font-size:calc(var(--u) * 4)}.finish-content-wrapper .final-score{font-size:calc(var(--u) * 8)}