:root{--color-bg: #FDF6EC;--color-primary: #C87A6A;--color-gold: #D4AF37;--color-correct: #5A8C5A;--color-wrong: #D4756A;--color-text: #3E2F23;--color-text-light: #7A6858;--color-cream: #FAEDD6;--color-white: #FFFFFF;--font-size-base: 18px;--font-size-question: 28px;--font-size-button: 22px;--font-size-heading: 42px;--font-size-subheading: 24px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 20px;--spacing-lg: 32px;--spacing-xl: 48px;--min-tap-height: 80px;--max-width: 700px;--radius: 16px;--radius-lg: 24px;--font-heading: "Libre Baskerville", Georgia, serif;--font-body: "Lato", "Segoe UI", sans-serif;--transition-speed: .3s}.font-large{--font-size-base: 22px;--font-size-question: 34px;--font-size-button: 26px;--font-size-heading: 50px;--font-size-subheading: 28px}.font-extra-large{--font-size-base: 26px;--font-size-question: 40px;--font-size-button: 30px;--font-size-heading: 58px;--font-size-subheading: 34px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-body);font-size:var(--font-size-base);background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden;-webkit-font-smoothing:antialiased}.app-container{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-md);min-height:100vh;display:flex;flex-direction:column;align-items:center}.game-btn{display:flex;align-items:center;justify-content:center;width:100%;height:var(--min-tap-height);min-height:var(--min-tap-height);font-family:var(--font-body);font-size:var(--font-size-button);font-weight:700;border:none;border-radius:var(--radius);cursor:pointer;transition:background-color var(--transition-speed),transform .1s;text-align:center;padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-xs) 0}.game-btn:active{transform:scale(.97)}.game-btn.primary{background-color:var(--color-primary);color:var(--color-white)}.game-btn.correct{background-color:var(--color-correct);color:var(--color-white)}.game-btn.wrong{background-color:var(--color-wrong);color:var(--color-white)}.game-btn.gold{background-color:var(--color-gold);color:var(--color-text)}.game-btn:disabled{opacity:.4;cursor:not-allowed}.game-btn.gold-btn{background-color:var(--color-gold);color:var(--color-text)}.question-card{width:100%;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:calc(var(--spacing-md) + 8px);box-shadow:0 2px 8px #3e2f2314}.question-text{font-family:var(--font-heading);font-size:var(--font-size-question);line-height:1.6;text-align:center;margin-bottom:var(--spacing-md)}.category-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:var(--spacing-md)}.category-badge{font-family:var(--font-heading);font-size:var(--font-size-subheading);color:var(--color-primary)}.round-indicator{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-light);background:var(--color-cream);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius)}.answers-column{width:100%;display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}.answers-column .game-btn{width:100%;max-width:65%}.answers-column .answer-btn{justify-content:center}.replay-btn{background:none;border:2px solid var(--color-primary);border-radius:var(--radius);color:var(--color-primary);font-family:var(--font-body);font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;margin:var(--spacing-sm) auto var(--spacing-sm) auto;display:block;min-height:44px;width:fit-content}.screen{width:100%;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg) 0}.splash-title{font-family:var(--font-heading);font-size:var(--font-size-heading);color:var(--color-primary);margin-bottom:var(--spacing-sm);text-align:center}.splash-subtitle{font-size:var(--font-size-subheading);color:var(--color-text-light);margin-bottom:var(--spacing-xl);text-align:center}.spin-box{animation:spin-reveal .8s ease-out;text-align:center;font-size:var(--font-size-heading);margin-bottom:var(--spacing-md)}.spin-box .category-name{font-family:var(--font-heading);font-size:var(--font-size-subheading);color:var(--color-primary)}@keyframes spin-reveal{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}.photo-reveal{width:100%;display:block;border-radius:var(--radius);background:var(--color-cream)}.placeholder-photo{width:min(80vw,360px);height:min(80vw,360px);background:var(--color-cream);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-subheading);color:var(--color-text-light);margin:var(--spacing-md) 0;flex-direction:column;gap:var(--spacing-sm)}.reward-message{font-family:var(--font-heading);font-size:var(--font-size-subheading);text-align:center;color:var(--color-primary);margin:var(--spacing-md) 0;line-height:1.5}.settings-group{width:100%;margin-bottom:var(--spacing-lg)}.settings-label{font-size:var(--font-size-subheading);margin-bottom:var(--spacing-sm);display:block}.settings-option-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.settings-option-btn{padding:var(--spacing-sm) var(--spacing-md);min-height:50px;font-size:var(--font-size-base);border:2px solid var(--color-primary);border-radius:var(--radius);background:transparent;color:var(--color-primary);cursor:pointer;font-family:var(--font-body)}.settings-option-btn.selected{background:var(--color-primary);color:var(--color-white)}.toggle-switch{width:64px;height:var(--min-tap-height);display:flex;align-items:center;cursor:pointer;background:var(--color-cream);border-radius:32px;position:relative;transition:background var(--transition-speed);border:2px solid var(--color-primary)}.toggle-switch.active{background:var(--color-correct);border-color:var(--color-correct)}.toggle-knob{width:48px;height:48px;background:var(--color-white);border-radius:50%;position:absolute;left:8px;transition:left var(--transition-speed);box-shadow:0 2px 4px #00000026}.toggle-switch.active .toggle-knob{left:calc(100% - 56px)}.toggle-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-sm) 0}.back-btn{background:none;border:none;color:var(--color-text-light);font-size:var(--font-size-base);cursor:pointer;padding:var(--spacing-sm);font-family:var(--font-body)}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3e2f2399;display:flex;align-items:center;justify-content:center;z-index:100}.confirm-box{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;max-width:400px;width:90%;box-shadow:0 4px 16px #0003}.confirm-box .game-btn{margin:var(--spacing-sm) auto;max-width:200px}