*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light}:root{--brand-purple-dark:#3c0f8d;--brand-purple-medium:#8965bf;--brand-purple:#6d45ad;--brand-purple-light:#ba99e1;--bg-primary:#f6f2fb;--bg-purple-light:#ede2f8;--bg-purple-lighter:#e9e1fc;--bg-purple-lightest:#f4eefb;--bg-surface:#fff;--bg-gray-light:#f8f9fa;--accent-pink:#facbdd;--accent-pink-dark:#e9a9cd;--accent-pink-alt:#f9bad4;--accent-purple:#6d45ad;--accent-purple-dark:#3c0f8d;--accent-yellow:#ffc107;--accent-gold:gold;--color-success:#4caf50;--color-success-bg:#d4edda;--color-success-text:#155724;--color-error:#f44336;--color-error-bg:#f8d7da;--color-error-text:#721c24;--color-warning:#ffc107;--color-warning-bg:#fff3cd;--color-warning-text:#856404;--color-info:#007bff;--color-info-bg:#d1ecf1;--color-info-text:#0c5460;--text-primary:#000;--text-secondary:#333;--text-tertiary:#666;--text-disabled:#999;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#ddd;--gray-400:#ccc;--gray-500:#999;--gray-600:#666;--gray-700:#555;--gray-800:#333;--gray-900:#000;--color-text:#111827;--color-text-secondary:#6b7280;--color-border:#6d45ad;--border-radius:8px;--font-size-sm:16px;--font-size-base:20px;--font-size-lg:28px;--font-size-xl:32px;--font-size-2xl:40px;--line-height-instructions:1.6;--line-height-phase-text:1.4}:root[data-theme=high-contrast]{--color-primary:#000;--color-background:#fff;--color-surface:#fff;--color-text:#000;--color-border:#000}:root[data-theme=high-contrast] .btn-primary,:root[data-theme=high-contrast] .btn-primary:hover:not(:disabled){color:#fff!important}:root[data-theme=high-contrast] button{background-color:#000!important;color:#fff!important;border-color:#000!important}:root[data-theme=high-contrast] button:hover:not(:disabled){background-color:#333!important;color:#fff!important}:root[data-theme=high-contrast] .header{background-color:#000!important}:root[data-font-size=large]{--font-size-sm:18px;--font-size-base:22px;--font-size-lg:30px;--font-size-xl:36px;--font-size-2xl:44px;--line-height-instructions:30px;--line-height-phase-text:31px}:root[data-font-size=x-large]{--font-size-sm:20px;--font-size-base:24px;--font-size-lg:32px;--font-size-xl:36px;--font-size-2xl:40px;--line-height-instructions:33px;--line-height-phase-text:34px}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;min-height:100dvh}h1{font-size:var(--font-size-2xl)}h1,h2{margin-bottom:calc(var(--spacing-unit) * 2)}h3{margin-bottom:var(--spacing-unit)}button{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);min-height:44px;min-width:44px}button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:var(--font-size-base);padding:calc(var(--spacing-unit) * 1.5);border:2px solid var(--brand-purple);border-radius:var(--border-radius);width:100%;min-height:44px}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(79,70,229,.1)}a{font-weight:500}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.container{max-width:1200px;padding:0 calc(var(--spacing-unit) * 2)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 3);box-shadow:0 1px 3px rgba(0,0,0,.1)}.btn-primary{background-color:var(--color-primary);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);color:#fff}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-background)}.exit-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);z-index:10000;animation:fadeIn .2s ease-in-out}.exit-confirm-dialog{background:var(--color-surface);border-radius:var(--radius-lg);padding:2rem;max-width:400px;width:90%;box-shadow:0 10px 40px rgba(0,0,0,.3);text-align:center}.exit-confirm-dialog h3{color:var(--color-primary);margin-bottom:1rem;font-size:var(--font-size-xl);font-weight:600}.exit-confirm-dialog p{color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.6;font-size:var(--font-size-lg)}.exit-confirm-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.exit-confirm-buttons button{flex:1 1;min-width:120px;padding:.75rem .5rem;border:none;border-radius:var(--radius-md);font-weight:600;font-size:22px;cursor:pointer;transition:all .2s;text-align:center;white-space:normal;word-wrap:break-word}.exit-confirm-buttons .btn-secondary{background-color:var(--color-primary)!important;color:#fff!important;border:none!important}.exit-confirm-buttons .btn-secondary:hover:not(:disabled){background-color:var(--color-primary-dark)!important}.exit-confirm-buttons .btn-primary{background-color:var(--color-error)!important;color:#fff!important}.exit-confirm-buttons .btn-primary:hover:not(:disabled){background-color:#b91c1c!important}.test-results-card{background:var(--color-surface);border-radius:var(--border-radius);padding:var(--spacing-xl);box-shadow:var(--shadow-md);max-width:500px;margin:0 auto}.test-results-header{text-align:center;margin-bottom:var(--spacing-lg)}.test-results-header h2{font-weight:600;margin:0;color:var(--color-primary)}.test-completion-message{text-align:center;padding:var(--spacing-xl) 0}.test-completion-text{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md)}.test-info-text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6}.test-button-group{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.test-home-button,.test-progress-button{flex:1 1;padding:var(--spacing-md);border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.test-progress-button{background:var(--accent-pink);color:#000}.test-progress-button:hover{background:var(--accent-pink-dark);transform:translateY(-2px)}.test-home-button{background:var(--bg-purple-light);color:#000}.test-home-button:hover{background:var(--bg-purple-lighter);transform:translateY(-2px)}.virtual-keyboard-container{margin-top:1rem;padding:.5rem;background:hsla(0,0%,100%,.3);border-radius:var(--border-radius)}.virtual-keyboard-row{display:flex;justify-content:center;gap:.25rem;margin-bottom:.25rem}.virtual-keyboard-row:last-child{margin-bottom:0}.virtual-key{width:34px;height:55px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;font-size:18px;font-weight:600;cursor:pointer;transition:all .15s ease;color:var(--color-text);display:flex;align-items:center;justify-content:center;text-transform:uppercase}.virtual-key:hover{background:var(--color-primary);color:var(--color-surface);transform:translateY(-2px);box-shadow:0 2px 8px rgba(109,69,173,.3)}.virtual-key:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.2)}.virtual-key-backspace{width:50px;height:55px;background:#f4d03f;border:1px solid #d4a017;border-radius:4px;font-size:20px;font-weight:600;cursor:pointer;transition:all .15s ease;color:var(--color-text);display:flex;align-items:center;justify-content:center}.virtual-key-backspace:hover{background:#e6c02f;transform:translateY(-2px);box-shadow:0 2px 8px rgba(212,160,23,.3)}.virtual-key-backspace:active{transform:translateY(0)}.virtual-keyboard-controls{display:flex;gap:.5rem;justify-content:center;margin-top:.5rem}.virtual-key-clear{padding:.75rem 1.5rem;background:#f4d03f;border:1px solid #d4a017;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;color:var(--color-text);min-width:100px}.virtual-key-clear:hover{background:#e6c02f;transform:translateY(-2px);box-shadow:0 2px 8px rgba(212,160,23,.3)}.virtual-key-clear:active{transform:translateY(0)}.virtual-key-submit{padding:.75rem 1.5rem;background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;color:var(--color-surface);min-width:100px}.virtual-key-submit:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 2px 8px rgba(109,69,173,.3)}.virtual-key-submit:active{transform:translateY(0)}.virtual-key-backspace:disabled,.virtual-key-clear:disabled,.virtual-key-submit:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (max-width:768px){.virtual-keyboard-container{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:2px solid var(--color-border);border-radius:0;padding:.75rem .75rem calc(.75rem + env(safe-area-inset-bottom));box-shadow:0 -4px 12px rgba(0,0,0,.1);z-index:100}.virtual-key{width:30px;height:50px;font-size:16px}.virtual-key-backspace{width:45px;height:50px;font-size:18px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.test-intro-card{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 4);text-align:center;max-width:800px;width:100%;margin:0 auto}.test-intro-card h2{color:var(--color-primary);font-size:var(--font-size-xl)}.test-instructions,.test-intro-card h2{margin-bottom:calc(var(--spacing-unit) * 3)}.test-instructions{text-align:left}.test-instructions p{margin-bottom:calc(var(--spacing-unit) * 2);line-height:1.4;color:var(--color-text-secondary);font-size:var(--font-size-base)}.test-instructions h3{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-top:calc(var(--spacing-unit) * 2);margin-bottom:var(--spacing-unit);font-weight:600}.test-instructions ul{margin-left:calc(var(--spacing-unit) * 3);margin-bottom:calc(var(--spacing-unit) * 2);list-style-type:disc}.test-instructions li{margin-bottom:var(--spacing-unit);line-height:1.4;color:var(--color-text-secondary);font-size:var(--font-size-base)}.test-start-button{background:#6d45ad!important;background-color:#6d45ad!important;color:#fff!important;border:none;padding:1rem 3rem;font-size:var(--font-size-lg);font-weight:600;border-radius:var(--border-radius);cursor:pointer;transition:all .2s;min-height:44px}.test-start-button:hover:not(:disabled){background:#5a3a8f!important;background-color:#5a3a8f!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.test-start-button:active:not(:disabled){transform:translateY(0)}.test-start-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.test-intro-card{padding:calc(var(--spacing-unit) * 2)}.test-instructions ul{margin-left:calc(var(--spacing-unit) * 2)}.test-start-button{padding:.875rem 2.5rem;font-size:var(--font-size-base)}}@media (max-width:480px){.test-intro-card{padding:var(--spacing-unit) * 1.5}.test-instructions ul{margin-left:calc(var(--spacing-unit) * 1.5)}}:root{--color-primary:#6d45ad;--color-primary-dark:#3c0f8d;--color-secondary:#facbdd;--color-background:#f6f2fb;--color-surface:#fff;--color-text:#000;--color-text-secondary:#333;--color-border:#fff;--color-error:#ef4444;--spacing-unit:8px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-4xl:96px;--border-radius-sm:6px;--border-radius:12px;--border-radius-lg:16px;--border-radius-xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:48px;--font-size-6xl:60px;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:#000;background-color:#f4f1ec;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:var(--font-size-5xl);letter-spacing:-.025em;margin-bottom:var(--spacing-lg)}h1,h2{font-family:Poppins,sans-serif;font-weight:800;line-height:var(--line-height-tight);color:#000}h2{font-size:var(--font-size-xl);letter-spacing:-.02em;margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-lg);letter-spacing:-.01em;margin-bottom:var(--spacing-md);color:#000}h3,h4{font-family:Poppins,sans-serif;font-weight:800;line-height:var(--line-height-normal)}h4{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm);color:var(--color-text)}h5{font-size:var(--font-size-xl)}h5,h6{font-weight:600;line-height:var(--line-height-normal);margin-bottom:var(--spacing-sm);color:var(--color-text)}h6{font-size:var(--font-size-lg)}p{line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}button,p{font-size:var(--font-size-base)}button{font-family:inherit;font-weight:500;cursor:pointer;border:none;border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-xl);transition:all .2s ease;box-shadow:var(--shadow-sm)}button:hover{box-shadow:var(--shadow);transform:translateY(-1px)}button:active{transform:translateY(0)}.btn-primary,button[class*=primary]{background:var(--color-primary);color:#fff;border:none}.btn-primary:hover,button[class*=primary]:hover{background:var(--color-primary-dark);color:#fff}.btn-secondary,button[class*=secondary]{background:var(--color-primary);color:#fff;border:2px solid #fff}.btn-secondary:hover,button[class*=secondary]:hover{background:var(--color-primary-dark);color:#000}[class*=Card],[class*=card]{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:0;box-shadow:var(--shadow);border:1px solid var(--color-border);transition:all .3s ease}[class*=Card]:hover,[class*=card]:hover{box-shadow:var(--shadow-md)}section{padding:var(--spacing-3xl) 0}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-xl)}header{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--border-radius);padding:var(--spacing-md);transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(91,76,245,.1)}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-dark)}@media (max-width:768px){:root{--font-size-5xl:36px;--font-size-4xl:30px;--font-size-3xl:24px;--font-size-2xl:20px}h1{margin-bottom:var(--spacing-md)}section{padding:var(--spacing-2xl) 0}.container{padding:0 var(--spacing-md)}}@media (max-width:480px){:root{--font-size-5xl:30px;--font-size-4xl:24px;--font-size-3xl:20px}}.pageHeader{width:100%;max-width:1400px;margin:0 auto;padding:var(--spacing-md) var(--spacing-xl);padding-bottom:0;justify-content:flex-start}.backButton,.pageHeader{display:flex;align-items:center}.backButton{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:none;border:2px solid var(--brand-purple);border-radius:var(--radius-md);color:var(--color-text);font-weight:500;cursor:pointer;transition:all .2s ease;width:-moz-fit-content;width:fit-content}.backButton:hover{background-color:var(--brand-purple);color:#fff}.backButton:active{transform:none}.mobileBackButton{display:none;position:fixed;left:calc(13px + env(safe-area-inset-left, 0px));top:calc(3px + env(safe-area-inset-top, 0px));background:transparent;border:none;cursor:pointer;color:var(--bg-purple-lightest);padding:8px;border-radius:var(--radius-sm);z-index:102;align-items:center;justify-content:center;transition:background-color .2s ease,opacity .2s ease}.mobileBackButton:hover{background-color:hsla(0,0%,100%,.1)}.mobileBackButton:active{opacity:.7}.headerWrapper{position:relative}@media (max-width:768px){.mobileBackButton{display:flex}.pageHeader{display:none}}.test-game-area{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--spacing-unit) * 2);position:relative}.test-game-area-top{justify-content:flex-start;padding-top:calc(var(--spacing-unit) * 3)}.test-game-area-upper{justify-content:flex-start!important;padding-top:clamp(1.5rem,5vh,3.5rem)!important}.test-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:20px;box-shadow:0 8px 16px #0000001a;padding:calc(var(--spacing-unit) * 4);max-width:650px;width:100%;animation:test-card-fade-in .5s ease-out}@keyframes test-card-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.test-game-title{font-size:var(--font-size-2xl);color:var(--color-primary);margin-bottom:calc(var(--spacing-unit) * 2);text-align:center;font-weight:700}.test-game-subtitle{font-size:var(--font-size-xl);color:var(--color-text);font-weight:700}.test-game-instructions,.test-game-subtitle{text-align:center;margin-bottom:var(--spacing-md)}.test-game-instructions{font-size:var(--font-size-base);line-height:1.4;color:var(--color-text-secondary)}.test-game-instructions strong{color:#000;font-weight:600}.test-question-section{margin-top:calc(var(--spacing-unit) * 3)}.test-question-word{font-size:2.5rem;color:var(--color-text);font-weight:700;text-align:center;margin-bottom:var(--spacing-md)}.test-question-text{font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:400;text-align:center;margin-bottom:calc(var(--spacing-unit) * 3)}.test-question-text strong{font-weight:700}.informacion-test .test-question-text{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.test-progress-text{color:var(--color-text-secondary);font-size:var(--font-size-base);text-align:center;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 2)}.test-input-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:calc(var(--spacing-unit) * 3)}.test-input{width:100%;padding:14px 16px;border:2px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease;color:var(--color-text);background:#fff}.test-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(103,58,183,.15)}.test-numeric-input{width:180px;text-align:center;font-size:var(--font-size-xl);font-weight:600}.test-input-unit{font-size:var(--font-size-lg);font-weight:600}.test-help-text,.test-input-unit{color:var(--color-text-secondary)}.test-help-text{font-size:var(--font-size-sm);text-align:center;font-style:italic;margin-top:var(--spacing-sm)}.test-feedback-inline{color:var(--color-text);font-size:var(--font-size-base);font-weight:600;text-align:center;margin:calc(var(--spacing-unit) * 2) 0;padding:var(--spacing-md);background-color:var(--bg-purple-lightest);border-radius:var(--border-radius);border:1px solid var(--color-border)}.test-options-grid{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5);margin-bottom:calc(var(--spacing-unit) * 3)}.test-options-grid-2col{display:grid;grid-template-columns:repeat(2,1fr)}.test-options-grid-3col{display:grid;grid-template-columns:repeat(3,1fr)}.test-option-button{gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2);font-size:var(--font-size-base);color:var(--color-text);background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;text-align:left;font-weight:400;line-height:1.5;position:relative}.test-option-button,.test-option-button:before{display:flex;align-items:center;transition:all .2s ease}.test-option-button:before{content:attr(data-number);justify-content:center;min-width:32px;height:32px;background:#f1f5f9;color:#64748b;border-radius:6px;font-weight:600;font-size:var(--font-size-sm);flex-shrink:0}.test-option-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.test-option-button:active:not(:disabled){transform:translateY(0)}.test-option-button:disabled{cursor:not-allowed;opacity:.5}.test-option-selected{background:#ede2f8;border-color:#6d45ad;color:#3c0f8d;font-weight:500}.test-option-selected:before{background:#6d45ad;color:#fff}.test-option-correct{background:#e8f5e9;border-color:#4caf50;color:#1b5e20;font-weight:500}.test-option-correct:before{background:#4caf50;color:#fff}.test-feedback-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:24px 16px;z-index:1000;animation:test-feedback-fade-in .3s ease-out}@keyframes test-feedback-fade-in{0%{opacity:0}to{opacity:1}}.test-feedback-box{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 4);text-align:center;box-shadow:0 8px 16px rgba(0,0,0,.1);animation:test-feedback-scale-in .3s ease-out;width:100%;max-width:500px}@keyframes test-feedback-scale-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.test-feedback-icon{font-size:4rem;margin-bottom:calc(var(--spacing-unit) * 2)}.test-feedback-box h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.test-feedback-box p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:calc(var(--spacing-unit) * 2);white-space:pre-line}.test-feedback-correct{border-top:6px solid #4caf50}.test-feedback-correct .test-feedback-icon{color:#4caf50}.test-feedback-incorrect{border-top:6px solid #f44336}.test-feedback-incorrect .test-feedback-icon{color:#f44336}.test-feedback-neutral{border-top:6px solid #9e9e9e}.test-continue-button{width:100%;max-width:400px;margin:0 auto;padding:calc(var(--spacing-unit) * 2);font-size:22px;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;display:block;box-shadow:0 2px 8px rgba(103,58,183,.3)}.test-continue-button:hover{background:#5e35b1;transform:translateY(-2px);box-shadow:0 4px 12px rgba(103,58,183,.4)}.test-continue-button:active{transform:translateY(0)}@media (max-width:768px){.test-game-area{padding:var(--spacing-md)}.test-card{padding:calc(var(--spacing-unit) * 3)}.test-game-title{font-size:var(--font-size-xl)}.test-game-subtitle{font-size:var(--font-size-lg)}.test-question-word{font-size:2.3rem}.test-options-grid-2col,.test-options-grid-3col{grid-template-columns:1fr}.test-option-button{padding:var(--spacing-md);font-size:var(--font-size-base)}}@media (max-width:480px){.test-card{padding:calc(var(--spacing-unit) * 4)}.test-question-word{font-size:1.75rem}.test-game-instructions{font-size:var(--font-size-base)}}.test-saving-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:999}.test-saving-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.test-saving-spinner{width:60px;height:60px;border:4px solid var(--color-border);border-top-color:var(--brand-purple);border-radius:50%;animation:test-saving-spin 1s linear infinite}@keyframes test-saving-spin{to{transform:rotate(1turn)}}.test-saving-title{font-size:var(--font-size-xl);font-weight:600;color:var(--brand-purple);text-align:center;margin:0;background-color:#fff;padding:1rem 2rem;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1)}@media (max-width:768px){.test-question-section{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}}