@import url(https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap);.modal.flags-modal{width:800px}.flag-table{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding:20px;row-gap:40px;width:100%}.flag-table__country{align-items:center;color:var(--K800);display:flex;flex-direction:column;font-size:14px;font-weight:800;gap:8px;height:100px;text-align:center;width:110px}.flag-table__country--excluded{filter:grayscale(100%);opacity:.2;transition:all .2s ease}.flag-table__country--excluded:hover{filter:grayscale(0);opacity:1}.flag-table__country img{filter:drop-shadow(1px 2px 4px rgba(var(--K800-rgb),.1)) drop-shadow(3px 6px 8px rgba(var(--K800-rgb),.1));height:100px;object-fit:contain;width:100%}.settings-modal{width:340px}.settings{display:flex;flex-direction:column;gap:20px;padding:30px;width:100%}.settings .settings-pop-hint{align-items:center;background:var(--K100);border-radius:12px;display:flex;flex-direction:column;gap:4px;justify-content:center;line-height:1.3;padding:14px 20px;text-align:center}.settings .settings-pop-hint span:first-child{color:var(--K800);font-size:18px;font-weight:800}.settings .settings-pop-hint span:last-child{color:var(--K600);font-size:14px;font-weight:700}.settings .settings-reset-btn{color:var(--K600);font-size:16px;font-weight:800;transition:color .2s ease}.settings .settings-reset-btn:hover{color:var(--incorrect)}.mode-toggle.toggle-group--vertical .toggle-buttons{flex-direction:row}.mode-toggle.toggle-group--vertical .toggle-buttons .toggle{display:flex;flex:1 1;flex-direction:column;line-height:1}.select-toggle label{display:flex;flex-direction:column;gap:10px}.select-toggle label span{font-size:16px;font-weight:700;margin-right:auto;padding-right:12px}.select-toggle select{background:var(--white);border:1px solid var(--K300);border-radius:4px;color:var(--K800);font-size:16px;font-weight:750;height:40px;padding:8px 12px;transition:all .1s ease;width:100%}.select-toggle select:hover{border-color:var(--K400);box-shadow:0 0 8px rgba(var(--K700-rgb),.2)}.select-toggle select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.3);outline:none}.select-toggle select::placeholder{color:var(--K300)}.difficulty-toggle.toggle-group--vertical .toggle-buttons{align-items:center;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;box-shadow:none;flex-direction:row;justify-content:space-evenly}.difficulty-toggle.toggle-group--vertical .toggle-buttons .toggle{box-shadow:none;flex:1 1;font-size:0}.difficulty-toggle.toggle-group--vertical .toggle-buttons .toggle:first-child,.difficulty-toggle.toggle-group--vertical .toggle-buttons .toggle:first-child:hover{background:var(--difficulty-1)}.difficulty-toggle.toggle-group--vertical .toggle-buttons .toggle:nth-child(2),.difficulty-toggle.toggle-group--vertical .toggle-buttons .toggle:nth-child(2):hover{background:var(--difficulty-2)}.difficulty-toggle.toggle-group--vertical .toggle-buttons .toggle:nth-child(3),.difficulty-toggle.toggle-group--vertical .toggle-buttons .toggle:nth-child(3):hover{background:var(--difficulty-3)}.difficulty-toggle.toggle-group--vertical .toggle-buttons .toggle:nth-child(4),.difficulty-toggle.toggle-group--vertical .toggle-buttons .toggle:nth-child(4):hover{background:var(--difficulty-4)}.difficulty-toggle.toggle-group--vertical .toggle-buttons .toggle:nth-child(5),.difficulty-toggle.toggle-group--vertical .toggle-buttons .toggle:nth-child(5):hover{background:var(--difficulty-5)}.difficulty-toggle.toggle-group--vertical .toggle-buttons .toggle:hover{box-shadow:inset 0 0 0 8px rgba(var(--K800-rgb),.2)}.difficulty-toggle.toggle-group--vertical .toggle-buttons .toggle.toggle--current{box-shadow:inset 0 0 0 8px rgba(var(--K800-rgb),.6)}.toggle-group{border-radius:6px;display:flex;gap:10px}.toggle-group .toggle-label{font-size:16px;font-weight:700;margin-right:auto;padding-right:12px}.toggle-group .toggle-buttons{background:var(--K100);border-radius:6px;box-shadow:inset 0 0 12px rgba(var(--K700-rgb),.2);display:flex;gap:4px;overflow:hidden;padding:4px}.toggle-group .toggle{align-items:center;background:#0000;border-radius:6px;color:var(--K700);display:flex;font-size:16px;font-weight:750;height:42px;justify-content:center;padding:0 14px;position:relative;z-index:1}.toggle-group .toggle:not(.toggle--current):not(:disabled):hover{background:rgba(var(--accent-rgb),.1);color:var(--accent)}.toggle-group .toggle--current{background:var(--white);box-shadow:1px 2px 5px rgba(var(--K700-rgb),.15);color:var(--accent);z-index:2}.toggle-group .toggle:disabled{border-color:var(--K200);color:var(--K400);cursor:default;opacity:.4}.toggle-group .toggle:disabled.toggle--current{background:var(--K150);border-color:var(--K300)}@media(max-width:575.98px){.toggle-group--horizontal{flex-direction:column}}@media(min-width:576px){.toggle-group--horizontal{align-items:center;flex-direction:row}}.modal,.toggle-group--vertical,.toggle-group--vertical .toggle-buttons{flex-direction:column}.modal{background:var(--white);border:initial;border-radius:8px;bottom:auto;box-shadow:1px 2px 12px rgba(var(--K800-rgb),.3),2px 4px 24px rgba(var(--K800-rgb),.3);color:var(--K800);display:flex;left:50%;margin-right:-50%;max-width:calc(100vw - 40px);overflow:hidden;right:auto;top:50%;transform:translate(-50%,-50%);width:400px}.modal .modal-header{align-items:center;background:var(--K800);display:flex;flex-shrink:0;height:60px;padding:0 12px 0 20px}.modal .modal-header h2{color:var(--white);flex:1 1;font-size:20px;font-weight:700}.modal .modal-header .dialog-close-btn{align-items:center;display:flex;justify-content:center;padding:4px}.modal .modal-header .dialog-close-btn svg{fill:var(--K400);height:32px;width:32px}.modal .modal-header .dialog-close-btn:hover svg{fill:var(--incorrect)}.modal .modal-content{overflow-y:auto}.modal .modal-message{background:var(--K100);border-radius:12px;color:var(--K700);display:flex;font-size:16px;font-weight:700;justify-content:center;line-height:1.3;padding:20px;text-align:center;width:100%}::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(var(--K500-rgb),.5)}.layout{justify-content:center}.layout,.layout__center{align-items:center;display:flex;height:100vh;height:100dvh}.layout__center{flex-direction:column;max-width:400px;width:100%}@media(min-height:900px){.layout__center{justify-content:center}}.question{align-items:center;flex:1 1;flex-direction:column;gap:12px;max-height:700px;padding:20px 30px 30px}.question,.question__country{display:flex;justify-content:center;width:100%}.question__country{align-content:space-around;flex-direction:column;height:100%}.question__country span{color:var(--K600);font-size:14px;font-weight:600}.question__country__top{align-items:center;display:flex;gap:12px;width:100%}@media(max-height:480px){.question--mode-type .question__country__top{display:none}}.question__country__top__left{width:calc(100% - var(--minimap-size) - 12px)}.question__country__top__right{position:relative}@media(max-width:330px){.question__country__top__right{display:none}}.question__country__bottom{display:flex;flex:1 1;position:relative}.question__country__flag{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;width:100%}.question__country__flag img{filter:drop-shadow(1px 2px 4px var(--K400)) drop-shadow(2px 4px 16px var(--K300));height:200px;object-fit:contain;width:100%}@media(max-height:750px){.question__country__flag img{height:150px}}@media(max-height:700px){.question__country__flag img{height:120px}}@media(max-height:600px){.question__country__flag img{height:100px}}.question--mode-type .question__country__flag.question__country__flag{justify-content:flex-start;padding:30px 0 20px}@media(max-height:480px){.question--mode-type .question__country__flag.question__country__flag{padding:0}.question--mode-type .question__country__flag.question__country__flag img{height:120px}}.question__country__flag__capital{align-items:center;display:none;gap:6px}@media(max-height:480px){.question--mode-type .question__country__flag__capital.question__country__flag__capital{display:flex}}.question__country__flag__capital svg{fill:var(--K700);flex-shrink:0;height:20px;width:20px}.question__country__flag__capital span{color:var(--K700);font-size:15px;font-weight:800}.question__country .other-flag{background:var(--white);border-radius:8px;box-shadow:inset 0 0 0 2px rgba(var(--incorrect-rgb),.6),1px 2px 6px rgba(var(--K800-rgb),.15),6px 6px 20px rgba(var(--K800-rgb),.1);overflow:hidden;position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:var(--minimap-size);z-index:3}.question__country .other-flag__inner{align-items:center;background:rgba(var(--incorrect-rgb),.2);display:flex;flex-direction:column;gap:8px;justify-content:center;padding:12px 0;width:var(--minimap-size)}.question__country .other-flag span{color:var(--incorrect-dark);font-weight:800;text-align:center}.question__country .other-flag img{filter:drop-shadow(1px 2px 4px rgba(var(--K800-rgb),.2));height:70px;object-fit:contain;width:96px}.question .country-info{display:flex;flex-direction:column;gap:6px;justify-content:center;width:100%}.question .country-info div{align-items:center;display:flex;gap:10px}.question .country-info div svg{fill:var(--K700);flex-shrink:0;height:18px;width:18px}.question .country-info div span{color:var(--K700);font-size:14px;font-weight:800}.question .country-info div span.country-info-pale{color:var(--K300)}.question .country-info div span.country-info-large{font-size:22px;padding:8px 0}.question .answer-btns{display:flex;gap:6px;width:100%}.question .answer-btns--show-true{pointer-events:none}.question--mode-name.question .answer-btns{flex-direction:column}.question--mode-flag.question .answer-btns{flex-wrap:wrap}.question .answer-btns .answer-btn{background:rgba(var(--accent-rgb),.1);border:2px solid #0000;border-radius:8px;color:var(--accent);cursor:pointer;font-size:19px;font-weight:750;line-height:1;position:relative;transition:all .2s ease}.question--mode-name.question .answer-btns .answer-btn{height:48px;padding:0 12px;width:100%}.question--mode-flag.question .answer-btns .answer-btn{height:140px;padding:16px;width:calc(50% - 3px)}.question--mode-flag.question .answer-btns .answer-btn img{filter:drop-shadow(1px 2px 4px rgba(var(--K800-rgb),.2));height:100%;object-fit:contain;width:100%}.question .answer-btns .answer-btn:hover{background:rgba(var(--accent-hover-rgb),.15);border-color:var(--accent-hover);color:var(--accent-hover)}.question .answer-btns .answer-btn--correct{background:rgba(var(--correct-rgb),.2);border-color:var(--correct);color:var(--correct-dark)}.question .answer-btns .answer-btn--incorrect{background:rgba(var(--incorrect-rgb),.2);border-color:var(--incorrect);color:var(--incorrect-dark)}.question .answer-btns .answer-btn--neither{background:rgba(var(--K300-rgb),.1);color:var(--K300)}.question .answer-btns .answer-btn-bar{animation-name:animateWidth;animation-timing-function:ease;bottom:0;left:0;position:absolute;top:0;width:0}.question .answer-btns .answer-btn-bar--correct{background:rgba(var(--correct-rgb),.2)}.question .answer-btns .answer-btn-bar--incorrect{background:rgba(var(--incorrect-rgb),.2)}@keyframes animateWidth{0%{width:0}to{width:100%}}.question-typing{display:flex;flex-direction:column;gap:12px;width:100%}.question-typing__input{position:relative}.question-typing__input input[type=text]{background:var(--white);border:1px solid var(--K300);border-radius:8px;color:var(--K800);font-size:18px;font-weight:600;height:50px;padding:8px 12px;transition:all .1s ease;width:calc(100% - 60px)}.question-typing__input input[type=text]:hover{border-color:var(--K400);box-shadow:0 0 8px rgba(var(--K700-rgb),.2)}.question-typing__input input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.3);outline:none}.question-typing__input input[type=text]::placeholder{color:var(--K300)}.question-typing__input .question-typing-clear{display:flex;position:absolute;right:70px;top:50%;transform:translateY(-50%)}.question-typing__input .question-typing-clear svg{fill:var(--K400);height:24px;width:24px}.question-typing__input .question-typing-clear:hover svg{fill:var(--incorrect)}.question-typing__input .question-typing-hint{align-items:center;color:var(--accent);display:flex;font-size:16px;font-weight:700;height:50px;justify-content:center;position:absolute;right:0;top:0;width:60px}.question-typing__input .question-typing-hint:hover{color:var(--accent-hover)}.question-typing__input__matches{background:var(--white);border-radius:8px;bottom:100%;box-shadow:1px 2px 4px rgba(var(--K800-rgb),.1),2px 4px 12px rgba(var(--K800-rgb),.1);display:flex;flex-direction:column;left:0;margin-bottom:8px;overflow:hidden;position:absolute;right:0}.question-typing__input__matches button{align-items:center;background:#0000;color:var(--accent);display:flex;font-size:19px;font-weight:750;justify-content:center;line-height:1;min-height:50px;padding:0 12px;width:100%}.question-typing__input__matches button.match-btn--selected,.question-typing__input__matches button:hover{background:rgba(var(--accent-rgb),.15);color:var(--accent-hover)}.question-typing__input .question-typing-result-wrap{background:#fff;border-radius:8px;bottom:100%;height:50px;margin-bottom:8px;position:absolute;width:100%}.question-typing__input .question-typing-result-wrap .question-typing-result{align-items:center;background:#0000;border:2px solid #0000;border-radius:8px;display:flex;font-size:19px;font-weight:750;height:100%;justify-content:center;width:100%}.question-typing__input .question-typing-result-wrap .question-typing-result__bar{animation-name:animateWidth;animation-timing-function:ease;bottom:0;left:0;position:absolute;top:0;width:0}.question-typing__input .question-typing-result-wrap .question-typing-result--correct{background:rgba(var(--correct-rgb),.2);border-color:var(--correct);color:var(--correct-dark)}.question-typing__input .question-typing-result-wrap .question-typing-result--correct .question-typing-result__bar{background:rgba(var(--correct-rgb),.2)}.question-typing__input .question-typing-result-wrap .question-typing-result--incorrect{background:rgba(var(--incorrect-rgb),.2);border-color:var(--incorrect);color:var(--incorrect-dark)}.question-typing__input .question-typing-result-wrap .question-typing-result--incorrect .question-typing-result__bar{background:rgba(var(--incorrect-rgb),.2)}.question-typing .auto-pick{align-items:center;color:var(--K600);display:flex;font-weight:600;gap:6px}.globe-wrap{background:var(--map-water);border-radius:12px;box-shadow:1px 2px 6px rgba(var(--black-rgb),.1),1px 2px 16px rgba(var(--black-rgb),.1);flex-shrink:0;overflow:hidden;position:relative}.globe-wrap .globe{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.globe-wrap .globe svg{position:absolute}.globe-wrap .globe-na{align-items:center;color:var(--K500);display:flex;font-weight:700;height:100%;justify-content:center;width:100%}.score-modal{width:500px}.score-modal .modal-content{padding:12px}.score{margin-top:20px}.score,.score .score-table{display:flex;flex-direction:column}.score .score-table{gap:2px}.score .score-table hr{margin:8px 0}.score .score-table__row{align-items:center;border-radius:4px;display:flex;flex-wrap:wrap;gap:12px;padding:0 10px}.score .score-table__row:not(.score-table__row--total){cursor:pointer}.score .score-table__row:not(.score-table__row--total).score-table__row--selected{background:var(--K100)}.score .score-table__row:not(.score-table__row--total):hover{background:rgba(var(--accent-rgb),.1)}.score .score-table__row:not(.score-table__row--total):hover .score-table-cell--title{color:var(--accent-hover)}.score .score-table__row .score-table-cell{display:flex;font-weight:800;padding:10px 0}.score .score-table__row .score-table-cell--title{flex:1 1}.score .score-table__row .score-table-info{display:flex;flex-shrink:0;padding:24px 0 8px;width:100%}.score .score-table__row .score-table-info img{filter:drop-shadow(1px 2px 4px rgba(var(--K800-rgb),.1)) drop-shadow(3px 6px 8px rgba(var(--K800-rgb),.1));height:120px;object-fit:contain;width:100%}.score .score-details{align-items:center;display:flex;gap:10px}.score .score-details span:nth-child(3){text-align:right;width:50px}.score .score-details span:first-child,.score .score-details span:nth-child(2){text-align:center;width:24px}.score .score-details span:first-child{color:var(--correct)}.score .score-details span:nth-child(2){color:var(--incorrect)}.score .score-details span.score-details-pale{color:var(--K200)}.score .score-details .confidence-bar,.score .score-details .confidence-placeholder{width:60px}.confidence-bar{background:var(--K300);border-radius:5px;height:10px;overflow:hidden;position:relative;width:80px}.confidence-bar__indicator{background:var(--K700);height:100%;left:0;position:absolute;top:0;z-index:1}.header{align-items:center;border-bottom:1px solid var(--K200);display:flex;flex-shrink:0;padding:20px 10px 20px 30px;position:relative;width:100%}.header__left{display:flex;flex:1 1;flex-direction:column;gap:4px}.header__left h2{color:var(--K700);font-size:18px;font-weight:800}.header__left__info{align-items:center;display:flex;gap:20px}.header__left__info div{display:flex;gap:4px}.header__left__info div span{color:var(--K500);font-size:14px;font-weight:600;line-height:1}.header__left__info div button{color:var(--accent);font-size:14px;font-weight:800;line-height:1}.header__left__info div button:hover{color:var(--accent-hover)}@media(max-width:360px){.header__left__info div.header__left__info__win{display:none}}.header .header-menu-btn{display:flex}.header .header-menu-btn svg{fill:var(--accent);height:32px;width:32px}.header .header-menu-btn:disabled svg{fill:var(--K400)}.menu-backdrop{background:rgba(var(--K100-rgb),.4);bottom:0;left:0;position:fixed;right:0;top:0;z-index:10}.menu{background:var(--white);border:initial;border-radius:8px;box-shadow:1px 2px 12px rgba(var(--K800-rgb),.1),2px 4px 24px rgba(var(--K800-rgb),.1);display:flex;margin-top:-6px;max-width:calc(100vw - 40px);padding:12px 0;position:absolute;right:0;top:100%;width:260px;z-index:11}.menu__buttons{display:flex;flex-direction:column;width:100%}.menu__buttons button{align-items:center;color:var(--K700);display:flex;font-size:18px;font-weight:800;height:50px;padding:0 20px;transition:all .1s ease;width:100%}.menu__buttons button:hover{background:rgba(var(--accent-hover-rgb),.08);color:var(--accent-hover)}.about{display:flex;flex-direction:column;gap:20px;padding:30px}.about h3{font-size:18px;font-weight:700}.about h3 b{font-weight:850}.about .about-links{display:flex;gap:20px}.about .about-links a{color:var(--accent);font-size:16px;font-weight:800}.about .about-links a:hover{color:var(--accent-hover)}:root{--black:#000;--black-rgb:0,0,0;--white:#fff;--white-rgb:255,255,255;--K900:#333;--K900-rgb:51,51,51;--K800:#4d4d4d;--K800-rgb:77,77,77;--K700:#666;--K700-rgb:102,102,102;--K600:grey;--K600-rgb:128,128,128;--K500:#999;--K500-rgb:153,153,153;--K400:#b3b3b3;--K400-rgb:179,179,179;--K300:#ccc;--K300-rgb:204,204,204;--K200:#e0e0e0;--K200-rgb:224,224,224;--K150:#ebebeb;--K150-rgb:235,235,235;--K100:#f5f5f5;--K100-rgb:245,245,245;--K50:#fafafa;--K50-rgb:250,250,250;--correct:#30bf78;--correct-rgb:48,191,120;--correct-dark:#2d9c65;--correct-dark-rgb:45,156,101;--incorrect:#d33c3c;--incorrect-rgb:211,60,60;--incorrect-dark:#aa2a2a;--incorrect-dark-rgb:170,42,42;--accent:#3a8aa7;--accent-rgb:58,138,167;--accent-hover:#1b6079;--accent-hover-rgb:27,96,121;--orange:#f9a42d;--orange-rgb:249,164,45;--map-water:#e9f6fa;--map-water-rgb:233,246,250;--map-country:#b9cec0;--map-country-rgb:185,206,192;--map-country-border:#8ea696;--map-country-border-rgb:142,166,150;--map-selected:#177637;--map-selected-rgb:23,118,55;--map-selected-border:#0e4621;--map-selected-border-rgb:14,70,33;--difficulty-1:#1ac439;--difficulty-1-rgb:26,196,57;--difficulty-2:#ccf148;--difficulty-2-rgb:204,241,72;--difficulty-3:#ffec3a;--difficulty-3-rgb:255,236,58;--difficulty-4:#fe9738;--difficulty-4-rgb:254,151,56;--difficulty-5:#ff4f39;--difficulty-5-rgb:255,79,57;--font:"Red Hat Display",sans-serif;--minimap-size:120px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{align-items:center;background:#f5f5f5;background:var(--K100);color:#4d4d4d;color:var(--K800);display:flex;font-weight:400;justify-content:center;line-height:1;position:relative}*{font-family:Red Hat Display,sans-serif;font-family:var(--font)}button{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border:initial;cursor:pointer;padding:initial}h1,h2,h3,h4,h5,h6,p{font-family:Red Hat Display,sans-serif;font-family:var(--font);font-size:16px;font-weight:600;line-height:1.3}p{font-weight:500;margin:0 0 20px}p b{font-weight:700}a{font-weight:600;text-decoration:none}hr{border:initial;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--K200)}#root{width:100%}
/*# sourceMappingURL=main.679a6c25.css.map*/