.time-pressure-game{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;position:relative;contain:layout style paint}.game-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;contain:layout style paint}.game-ui{flex:1;display:flex;flex-direction:column;padding:var(--space-xs);max-width:var(--container-lg);margin:0 auto;width:100%;contain:layout style paint}@media (min-width: 20em){.game-ui{padding:var(--space-sm)}}@media (min-width: 48em){.game-ui{padding:var(--space-md)}}@media (min-width: 64em){.game-ui{padding:var(--space-lg)}}.answer-btn,.answer-options .answer-btn,#answer-options .answer-btn,.answer-options button,#answer-options button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-primary);border:var(--border-width-thick) solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);text-align:left;cursor:pointer;transition:all var(--transition-base);min-height:var(--touch-target-standard);box-shadow:var(--shadow-md);width:100%;contain:layout style paint}@media (min-width: 48em){.answer-btn,.answer-options .answer-btn,#answer-options .answer-btn,.answer-options button,#answer-options button{padding:var(--space-md);font-size:var(--text-base);min-height:var(--touch-target-enhanced);border-radius:var(--radius-lg)}}.answer-btn:hover,.answer-options .answer-btn:hover,#answer-options .answer-btn:hover,.answer-options button:hover,#answer-options button:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-lg);background:var(--bg-secondary)}.answer-btn:active,.answer-options .answer-btn:active,#answer-options .answer-btn:active,.answer-options button:active,#answer-options button:active{background:var(--bg-tertiary);box-shadow:var(--shadow-sm)}.answer-btn:focus,.answer-options .answer-btn:focus,#answer-options .answer-btn:focus,.answer-options button:focus,#answer-options button:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.answer-btn.selected,.answer-options .answer-btn.selected,#answer-options .answer-btn.selected,.answer-options button.selected,#answer-options button.selected{background:var(--color-primary-100);border-color:var(--color-primary-600);box-shadow:var(--shadow-xl)}.answer-btn.correct,.answer-options .answer-btn.correct,#answer-options .answer-btn.correct,.answer-options button.correct,#answer-options button.correct{background:var(--color-success-100);border-color:var(--color-success-600);color:var(--color-success-900)}.answer-btn.incorrect,.answer-options .answer-btn.incorrect,#answer-options .answer-btn.incorrect,.answer-options button.incorrect,#answer-options button.incorrect{background:var(--color-error-100);border-color:var(--color-error-600);color:var(--color-error-900)}.answer-btn .answer-shortcut,.answer-btn .answer-text,.answer-options .answer-btn .answer-shortcut,.answer-options .answer-btn .answer-text,#answer-options .answer-btn .answer-shortcut,#answer-options .answer-btn .answer-text,.answer-options button .answer-shortcut,.answer-options button .answer-text,#answer-options button .answer-shortcut,#answer-options button .answer-text{pointer-events:none;z-index:1;position:relative}.answer-shortcut{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-primary-600);color:var(--color-white);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-bold);flex-shrink:0;margin-right:var(--space-sm);contain:layout style paint}@media (min-width: 48em){.answer-shortcut{width:var(--space-2xl);height:var(--space-2xl);font-size:var(--text-sm);border-radius:var(--radius-md)}}.answer-text{flex:1;line-height:1.4;font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm);text-align:left;contain:layout style}@media (min-width: 48em){.answer-text{font-size:var(--text-base);line-height:1.5}}.time-pressure-header{background:linear-gradient(135deg,var(--primary-600) 0%,var(--secondary-600) 100%);border-radius:var(--radius-lg);padding:var(--space-sm);margin-bottom:var(--space-md);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;contain:layout style paint}@media (min-width: 48em){.time-pressure-header{padding:var(--space-md);margin-bottom:var(--space-lg)}}.game-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs);margin-bottom:var(--space-sm);contain:layout style}@media (min-width: 48em){.game-stats{grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}}@media (max-width: 19.9375em){.game-stats{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xs);background:#ffffff26;backdrop-filter:blur(10px);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000001a;contain:layout style paint}@media (min-width: 48em){.stat-item{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md)}}.stat-item.timer-stat{position:relative}.stat-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);color:#ffffffe6;margin-bottom:var(--space-xs);contain:layout style paint}@media (min-width: 48em){.stat-icon{width:var(--icon-size-md);height:var(--icon-size-md)}}.stat-label{font-size:10px;color:#fffc;margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium);contain:layout style}@media (min-width: 48em){.stat-label{font-size:var(--text-xs)}}.stat-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-white);text-shadow:0 1px 2px rgba(0,0,0,.2);contain:layout style}@media (min-width: 48em){.stat-value{font-size:var(--text-xl)}}.countdown-circle-stat{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-xs);contain:layout style paint}@media (min-width: 48em){.countdown-circle-stat{width:32px;height:32px}}.countdown-svg-stat{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);contain:layout style paint}.countdown-bg-stat{fill:none;stroke:#ffffff4d;stroke-width:2}.countdown-progress-stat,#countdown-progress{fill:none;stroke:var(--color-white);stroke-width:2;stroke-linecap:round;stroke-dasharray:113;stroke-dashoffset:113;transition:stroke var(--transition-base);filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));contain:layout style paint}.countdown-progress-stat.urgent,#countdown-progress.urgent{stroke:var(--color-error)}.countdown-progress-stat.warning,#countdown-progress.warning{stroke:var(--color-warning)}.countdown-content-stat{display:flex;align-items:center;justify-content:center;text-align:center;contain:layout style}.countdown-time-stat{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-white);line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.2);contain:layout style}@media (min-width: 48em){.countdown-time-stat{font-size:var(--text-sm)}}.difficulty-indicator-stat{margin-top:var(--space-xs);contain:layout style}.difficulty-text-stat{font-size:10px;font-weight:var(--font-medium);color:#fffc;text-transform:uppercase;letter-spacing:.05em;contain:layout style}@media (min-width: 48em){.difficulty-text-stat{font-size:var(--text-xs)}}.timer-stat.easy .difficulty-text-stat{color:var(--color-success)}.timer-stat.medium .difficulty-text-stat{color:var(--color-warning)}.timer-stat.hard .difficulty-text-stat{color:var(--color-error)}.progress-container{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);contain:layout style}@media (min-width: 48em){.progress-container{gap:var(--space-md);margin-bottom:var(--space-md)}}.progress-bar{flex:1;height:6px;background:#fff3;border-radius:var(--radius-full);overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0000001a;contain:layout style paint}@media (min-width: 48em){.progress-bar{height:8px}}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-white) 0%,rgba(255,255,255,.8) 100%);border-radius:var(--radius-full);transition:width var(--transition-base) ease-out;position:relative;box-shadow:0 1px 3px #0003;contain:layout style paint}.progress-text{font-size:var(--text-xs);font-weight:var(--font-medium);color:#ffffffe6;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.2);contain:layout style}@media (min-width: 48em){.progress-text{font-size:var(--text-sm)}}.question-container{text-align:center;margin-bottom:var(--space-lg);padding:var(--space-md);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;contain:layout style paint}@media (min-width: 48em){.question-container{margin-bottom:var(--space-2xl);padding:var(--space-lg);border-radius:var(--radius-xl)}}.question-text{position:relative;z-index:1;font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:1.4;color:var(--text-primary);margin-bottom:var(--space-md);text-shadow:0 1px 2px rgba(0,0,0,.1);contain:layout style}@media (min-width: 48em){.question-text{font-size:var(--text-xl);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg)}}@media (min-width: 64em){.question-text{font-size:var(--text-2xl)}}@media (max-width: 19.9375em){.question-text{font-size:var(--text-base);line-height:1.3}}.question-image{margin:var(--space-lg) auto;max-width:300px;contain:layout style paint}.question-image img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.answer-options{display:grid;grid-template-columns:1fr;gap:var(--space-sm);margin-bottom:var(--space-lg);contain:layout style}@media (min-width: 48em){.answer-options{grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}}.game-controls{display:flex;justify-content:center;gap:var(--space-sm);margin-top:auto;padding:var(--space-sm);contain:layout style}@media (min-width: 48em){.game-controls{flex-direction:row;gap:var(--space-lg);padding:var(--space-md)}}@media (max-width: 47.9375em){.game-controls{flex-direction:column}}.control-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);min-height:var(--touch-target-standard);box-shadow:var(--shadow-md);position:relative;overflow:hidden;white-space:nowrap;text-decoration:none;contain:layout style paint}@media (min-width: 48em){.control-btn{padding:var(--space-md) var(--space-lg);font-size:var(--text-sm);min-height:var(--touch-target-enhanced);border-radius:var(--radius-lg)}}@media (max-width: 47.9375em){.control-btn{width:100%}}.control-btn .icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;contain:layout style paint}.control-btn .text{font-weight:var(--font-semibold);font-size:var(--text-sm);contain:layout style}.control-btn .skip-cost{font-size:var(--text-xs);opacity:.8;margin-left:var(--space-xs);contain:layout style}.control-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-100) 0%,var(--color-secondary-100) 100%);border-color:var(--color-primary-500);box-shadow:var(--shadow-lg);color:var(--color-primary-700)}.control-btn:active:not(:disabled){box-shadow:var(--shadow-xs)}.control-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.control-btn:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.control-btn svg{width:18px;height:18px;transition:transform var(--transition-base);contain:layout style paint}.control-btn:hover:not(:disabled) svg{transform:scale(1.1)}.skip-cost{font-size:var(--text-xs);color:var(--text-tertiary);contain:layout style}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.countdown-progress-stat,#countdown-progress,.progress-fill,.answer-btn,.control-btn,.stat-item,.countdown-circle-stat{transition:none;animation:none;transform:none}.countdown-circle-stat.urgent{animation:none}.game-ui,.game-ui>*{animation:none}.answer-btn:hover,.control-btn:hover:not(:disabled){transform:none;animation:none}}:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}