:root{--flw-bg-primary: #eef7f6;--flw-bg-secondary: #e1f0ee;--flw-bg-card: #ffffff;--flw-bg-card-hover: #f4fbfa;--flw-accent-teal: #1d9a8f;--flw-accent-teal-dim: #167a71;--flw-accent-orange: #ff9d4d;--flw-accent-orange-dim: #d97f33;--flw-text-primary: #1c2b2a;--flw-text-secondary: #4d6361;--flw-success: #34a853;--flw-error: #e0533d}html body{background-color:var(--flw-bg-primary);background-image:radial-gradient(circle at 85% 10%,rgba(29,154,143,.08) 0%,transparent 55%);color:var(--flw-text-primary)}html a{color:var(--flw-accent-teal)}html a:hover{color:var(--flw-accent-orange)}.flaggenwelt-app{min-height:100vh;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;padding:var(--space-6) var(--space-4)}.screen[hidden]{display:none}html .btn-home{background-color:var(--flw-bg-card);color:var(--flw-accent-teal)}html .btn-home:hover{box-shadow:0 0 20px #1d9a8f4d;color:var(--flw-accent-orange)}html .btn{font-family:var(--font-display)}html .btn--primary{background-color:var(--flw-accent-teal);color:#fff}html .btn--primary:hover{background-color:var(--flw-accent-teal-dim)}html .btn--secondary{background-color:var(--flw-bg-card);color:var(--flw-text-primary);border:1px solid var(--flw-accent-teal-dim)}html .btn--secondary:hover{background-color:var(--flw-bg-card-hover)}.mode-select-screen{align-items:center;justify-content:center;text-align:center;gap:var(--space-4)}.mode-select-screen__title{color:var(--flw-accent-teal)}.mode-select-screen__subtitle{color:var(--flw-text-secondary);margin-bottom:var(--space-4)}.mode-select{display:grid;grid-template-columns:1fr;gap:var(--space-4);width:100%;max-width:360px}.mode-btn{min-height:var(--touch-min);padding:var(--space-4) var(--space-6);border:2px solid var(--flw-accent-teal);border-radius:var(--border-radius-lg);background-color:var(--flw-bg-card);color:var(--flw-accent-teal);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;cursor:pointer}.mode-btn:hover{background-color:var(--flw-accent-teal);color:#fff}.round-screen{align-items:center;gap:var(--space-4)}.round-header{display:flex;justify-content:space-between;width:100%;max-width:480px;margin-top:var(--space-12);font-family:var(--font-display);font-weight:700;color:var(--flw-accent-teal)}.flag-image{width:100%;max-width:320px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);background-color:var(--flw-bg-card)}.answer-buttons{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:420px}.answer-btn{min-height:var(--touch-min);padding:var(--space-3) var(--space-6);border:2px solid var(--flw-accent-teal-dim);border-radius:var(--border-radius-md);background-color:var(--flw-bg-card);color:var(--flw-text-primary);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;cursor:pointer}.answer-btn:not(:disabled):hover{background-color:var(--flw-bg-card-hover)}.answer-btn--correct{background-color:var(--flw-success);border-color:var(--flw-success);color:#fff}.answer-btn--wrong{background-color:var(--flw-error);border-color:var(--flw-error);color:#fff;opacity:.6}.answer-btn:disabled{cursor:default}.feedback-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;max-width:420px;padding:var(--space-4);background-color:var(--flw-bg-secondary);border-radius:var(--border-radius-md);text-align:center}.feedback-panel__text{color:var(--flw-text-primary);font-weight:700}#dialog-quit-round{border:none;border-radius:var(--border-radius-lg);padding:var(--space-8);text-align:center;max-width:280px;width:90%;background-color:var(--flw-bg-card);color:var(--flw-text-primary)}#dialog-quit-round::backdrop{background-color:#0006}#dialog-quit-round p{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-6)}.dialog-quit__buttons{display:flex;gap:var(--space-4);justify-content:center}.btn-quit{min-width:80px;padding:var(--space-3) var(--space-6);border:none;border-radius:9999px;font-family:var(--font-display);font-weight:700;cursor:pointer}.btn-quit--confirm{background-color:var(--flw-error);color:#fff}.btn-quit--cancel{background-color:var(--flw-accent-teal);color:#fff}.summary-screen{align-items:center;justify-content:center;text-align:center;gap:var(--space-4)}.summary-screen__title{color:var(--flw-accent-teal)}.summary-screen__score{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--flw-accent-orange)}.summary-screen__buttons{display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width:600px){.mode-select{grid-template-columns:1fr 1fr;max-width:480px}.answer-buttons{max-width:480px}.summary-screen__buttons{flex-direction:row}}@media(prefers-reduced-motion:reduce){.mode-btn,.answer-btn,.btn-home{transition:none}}