html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*,:after,:before{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,sans-serif;transition:background-color .2s ease,color .2s ease}.page{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 32px;width:100%}@media(max-width:640px){.container{padding:0 16px}}:root{--color-bg:#0c0c1e;--color-card:#13132a;--color-green:#84cc16;--color-red:#dc2626;--color-text:#fff;--color-text-muted:hsla(0,0%,100%,.5);--color-border:hsla(0,0%,100%,.15);--color-border-hover:hsla(0,0%,100%,.35);--color-footer-text:hsla(0,0%,100%,.35);--color-divider:hsla(0,0%,100%,.06);--color-placeholder-from:#1e1e3a;--color-placeholder-to:#2a2a4a}:root.light{--color-bg:#fff;--color-card:#f0f0f8;--color-text:#1e2341;--color-text-muted:rgba(30,35,65,.5);--color-border:rgba(30,35,65,.15);--color-border-hover:rgba(30,35,65,.4);--color-footer-text:rgba(30,35,65,.4);--color-divider:rgba(30,35,65,.08);--color-placeholder-from:#e0e0ee;--color-placeholder-to:#d4d4e8}.header{border-bottom:1px solid var(--color-divider);height:60px}.header,.header__inner{align-items:center;display:flex}.header__inner{justify-content:space-between}.header__logo{color:var(--color-text);font-size:18px;font-weight:600;letter-spacing:-.01em;text-decoration:none}.header__actions{align-items:center;display:flex;gap:8px}.header__lang{background:transparent;border:1px solid var(--color-border-hover);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:13px;font-weight:500;height:32px;padding:0 12px;transition:border-color .15s}.header__lang:hover{border-color:var(--color-text)}.header__theme{align-items:center;background:transparent;border:1px solid var(--color-border-hover);border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;height:32px;justify-content:center;transition:border-color .15s;width:32px}.header__theme:hover{border-color:var(--color-text)}.hero{padding:56px 0 48px;text-align:center}@media(max-width:640px){.hero{padding:32px 0 28px}}.hero__title{color:var(--color-text);font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:12px}@media(max-width:640px){.hero__title{font-size:30px}}.hero__subtitle{color:var(--color-text-muted);font-size:16px;line-height:1.5}@media(max-width:640px){.hero__subtitle{font-size:14px}}.games{flex:1;padding-bottom:48px}.games__grid{display:grid;gap:24px;grid-template-columns:1fr 1fr}@media(max-width:640px){.games__grid{gap:16px;grid-template-columns:1fr}}.game-card{display:flex;flex-direction:column}.game-card__title{color:var(--color-text);font-size:22px;font-weight:600;letter-spacing:-.01em;padding:0 0 16px;text-align:center}.game-card__image{aspect-ratio:16/10;background:var(--color-placeholder-from);border-radius:12px;flex-shrink:0;overflow:hidden}.game-card__image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.game-card__image--placeholder{background:linear-gradient(135deg,var(--color-placeholder-from) 0,var(--color-placeholder-to) 100%);height:100%;width:100%}.game-card__difficulty{display:flex;gap:8px;padding:16px 0 0}.game-card__btn{background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-muted);cursor:pointer;flex:1;font-size:14px;font-weight:500;height:38px;transition:all .15s}.game-card__btn:hover{border-color:var(--color-border-hover);color:var(--color-text)}.game-card__btn--active{background:var(--color-green);font-weight:600}.game-card__btn--active,.game-card__btn--active:hover{border-color:var(--color-green);color:#0c0c1e}.footer{border-top:1px solid var(--color-divider);padding:20px 0;text-align:center}.footer__text{color:var(--color-footer-text);font-size:13px}.quiz{align-items:center;display:flex;flex:1;flex-direction:column;padding:32px 16px 48px}@media(max-width:640px){.quiz{padding:16px 16px 32px}}.quiz__inner{display:flex;flex-direction:column;gap:16px;max-width:640px;width:100%}.quiz__progress{align-items:center;display:flex;justify-content:space-between}.quiz__counter{font-size:14px}.quiz__counter,.quiz__lives{color:var(--color-text-muted)}.quiz__lives{align-items:center;display:flex;font-size:13px;gap:6px}.flag-card{background:var(--color-card);border-radius:0;overflow:hidden}.flag-card__image{aspect-ratio:16/9;background:#1a1a30;width:100%}.flag-card__image img{display:block;width:100%}.flag-card__image--placeholder{background:linear-gradient(135deg,var(--color-placeholder-from) 0,var(--color-placeholder-to) 100%);height:100%;width:100%}.flag-card__caption{color:var(--color-text-muted)}.flag-card__caption,.flag-card__feedback{font-size:15px;margin:0;padding:16px;text-align:center}.flag-card__feedback{color:var(--color-green);font-weight:600}.flag-card__country{color:var(--color-text);font-size:20px;font-weight:700;margin:0;padding:16px 16px 0;text-align:center}.quiz-options{display:grid;gap:10px;grid-template-columns:1fr 1fr}.quiz-options__btn{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;font-size:15px;font-weight:500;height:52px;transition:all .15s}.quiz-options__btn:hover:not(:disabled){border-color:var(--color-border-hover)}.quiz-options__btn--correct{background:var(--color-green);border-color:var(--color-green);color:#0c0c1e;font-weight:600}.quiz-options__btn--wrong{background:var(--color-red);border-color:var(--color-red);color:#fff;font-weight:600}.quiz-options__btn--dim{cursor:default;opacity:.35}.quiz-options__btn:disabled{cursor:default}.quiz-results{align-items:center;display:flex;flex:1;flex-direction:column;gap:8px;justify-content:center;padding:48px 16px}@media(max-width:640px){.quiz-results{padding:32px 16px}}.quiz-results__trophy{margin-bottom:8px}.quiz-results__trophy-img{height:140px;width:140px}.quiz-results__title{color:var(--color-text);font-size:32px;font-weight:700;letter-spacing:-.02em}@media(max-width:640px){.quiz-results__title{font-size:24px}}.quiz-results__subtitle{color:var(--color-text-muted);font-size:14px;margin:0 0 16px}.quiz-results__card{align-items:center;background:var(--color-card);border-radius:16px;display:flex;flex-direction:column;gap:16px;max-width:480px;padding:32px 24px 24px;width:100%}@media(max-width:640px){.quiz-results__card{border-radius:8px;padding:24px 16px 16px}}.quiz-results__score{color:var(--color-text);font-size:56px;font-weight:700;letter-spacing:-.03em;line-height:1}@media(max-width:640px){.quiz-results__score{font-size:40px}}.quiz-results__stars{color:var(--color-green);display:flex;gap:4px}.quiz-results__stats{border-top:1px solid var(--color-divider);display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;padding-top:16px;width:100%}.quiz-results__stat{align-items:center;display:flex;flex-direction:column;gap:4px}.quiz-results__stat-value{color:var(--color-text);font-size:22px;font-weight:700}.quiz-results__stat-value--correct{color:var(--color-green)}.quiz-results__stat-value--wrong{color:var(--color-red)}.quiz-results__stat-label{color:var(--color-text-muted);font-size:12px}.quiz-results__actions{display:flex;gap:10px;margin-top:8px;max-width:480px;width:100%}.quiz-results__btn{border-radius:8px;cursor:pointer;flex:1;font-size:14px;font-weight:600;height:46px;transition:all .15s}.quiz-results__btn--primary{background:var(--color-green);border:1px solid var(--color-green);color:#0c0c1e}.quiz-results__btn--primary:hover{opacity:.9}.quiz-results__btn--outline{align-items:center;background:transparent;border:1px solid var(--color-border-hover);color:var(--color-text);display:flex;justify-content:center;text-decoration:none}.quiz-results__btn--outline:hover{border-color:var(--color-text)}