*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #1a5c38;--green-light: #e8f3ed;--ink: #111;--ink-soft: #555;--ink-faint: #999;--border: #e0e0e0;--bg: #fafaf8;--white: #fff;--correct: #1a5c38;--correct-bg: #e8f3ed;--wrong: #b91c1c;--wrong-bg: #fef2f2;--radius: 10px;--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif}html,body,#root{height:100%;background:var(--bg);font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px 40px}.game-wrap{min-height:100vh;display:flex;flex-direction:column}.question-screen{flex:1;padding:0;align-items:stretch;width:100%;max-width:640px;margin:0 auto}.landing{justify-content:center}.landing-inner{width:100%;max-width:520px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:8px}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.brand-name{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--green);text-transform:uppercase}.landing-title{font-family:var(--font-display);font-size:clamp(28px,6vw,42px);line-height:1.15;color:var(--ink)}.landing-sub{font-size:15px;color:var(--ink-soft);line-height:1.6}.country-grid{display:flex;flex-direction:column;gap:12px}.country-card{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s;width:100%}.country-card:hover{border-color:var(--green);box-shadow:0 2px 12px #1a5c381a}.country-flag{font-size:28px;line-height:1}.country-label{font-size:17px;font-weight:500;color:var(--ink)}.landing-footer{font-size:12px;color:var(--ink-faint)}.landing-footer a{color:var(--green);text-decoration:none}.q-header{padding:20px 20px 0;display:flex;flex-direction:column;gap:12px}.q-progress-bar{height:3px;background:var(--border);border-radius:2px;overflow:hidden}.q-progress-fill{height:100%;background:var(--green);border-radius:2px;transition:width .3s ease}.q-meta{display:flex;justify-content:space-between;align-items:center}.q-count{font-size:13px;font-weight:600;color:var(--ink)}.q-count-of{font-weight:400;color:var(--ink-faint)}.q-category{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.q-body{padding:28px 20px 20px;display:flex;flex-direction:column;gap:24px}.q-text{font-family:var(--font-display);font-size:clamp(18px,4vw,24px);line-height:1.4;color:var(--ink)}.options-list{display:flex;flex-direction:column;gap:10px}.option-btn{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:border-color .15s,background .15s;width:100%}.option-btn:hover:not(:disabled){border-color:var(--green);background:var(--green-light)}.option-btn:disabled{cursor:default}.option-letter{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--bg);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--ink-soft);margin-top:1px}.option-text{font-size:15px;line-height:1.5;color:var(--ink)}.option-correct{border-color:var(--correct)!important;background:var(--correct-bg)!important}.option-correct .option-letter{background:var(--correct);border-color:var(--correct);color:var(--white)}.option-correct .option-text{color:var(--correct);font-weight:500}.option-wrong{border-color:var(--wrong)!important;background:var(--wrong-bg)!important}.option-wrong .option-letter{background:var(--wrong);border-color:var(--wrong);color:var(--white)}.option-wrong .option-text{color:var(--wrong)}.option-dim{opacity:.45}.next-bar{position:sticky;bottom:0;padding:16px 20px;background:var(--bg);border-top:1px solid var(--border)}.btn-next{width:100%;padding:15px;background:var(--green);color:var(--white);border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-next:hover{opacity:.88}.results-screen{justify-content:flex-start;padding-top:40px}.results-inner{width:100%;max-width:520px;display:flex;flex-direction:column;gap:28px}.results-flag{font-size:40px}.score-display{display:flex;align-items:baseline;gap:4px}.score-num{font-family:var(--font-display);font-size:72px;line-height:1;color:var(--ink)}.score-denom{font-size:28px;color:var(--ink-faint);font-weight:300}.score-message{font-size:17px;color:var(--ink-soft);line-height:1.5;margin-top:-12px}.cat-breakdown{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius)}.cat-row{display:grid;grid-template-columns:130px 1fr 36px;align-items:center;gap:10px}.cat-name{font-size:12px;color:var(--ink-soft);font-weight:500}.cat-bar-wrap{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.cat-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}.cat-stat{font-size:12px;color:var(--ink-faint);text-align:right}.results-actions{display:flex;flex-direction:column;gap:10px}.btn-primary{padding:15px;background:var(--green);color:var(--white);border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s;text-align:center}.btn-primary:hover{opacity:.88}.btn-secondary{padding:14px;background:transparent;color:var(--ink);border:1.5px solid var(--border);border-radius:var(--radius);font-family:var(--font-body);font-size:15px;font-weight:500;cursor:pointer;transition:border-color .15s;text-align:center}.btn-secondary:hover{border-color:var(--ink)}.btn-wa{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:#25d366;color:var(--white);border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:opacity .15s}.btn-wa:hover{opacity:.88}.learn-more-box{padding:20px;background:var(--green-light);border-radius:var(--radius);border-left:3px solid var(--green)}.learn-more-box p{font-size:14px;color:var(--ink-soft);line-height:1.6;margin-bottom:12px}.learn-more-link{font-size:14px;font-weight:600;color:var(--green);text-decoration:none}.learn-more-link:hover{text-decoration:underline}@media (max-width: 400px){.cat-row{grid-template-columns:110px 1fr 30px}.cat-name{font-size:11px}}.select-wrap{display:flex;flex-direction:column;gap:12px}.select-inner{position:relative;display:flex;align-items:center}.select-flag{position:absolute;left:14px;font-size:22px;pointer-events:none;z-index:1}.country-select{width:100%;padding:15px 16px 15px 48px;font-family:var(--font-body);font-size:16px;color:var(--ink);background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;transition:border-color .15s}.country-select:focus{border-color:var(--green)}.country-select:not([value=""]){padding-left:48px}.btn-begin{width:100%;padding:16px;background:var(--green);color:var(--white);border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:16px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-begin:hover:not(:disabled){opacity:.88}.btn-begin:disabled{opacity:.35;cursor:not-allowed}