html,body{margin:0;padding:0;box-sizing:border-box;width:var(--main-width);height:var(--main-height);overflow:hidden;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none}body{margin-top:var(--sat);font-family:Roboto,Helvetica Neue,sans-serif;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}*{box-sizing:border-box}h2{text-align:center;margin-top:20px}button{font-family:inherit}:root{--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--main-color: #15D18C;--primary: #15D18C;--primary-dark: #11b678;--primary-light: #4ee3a8;--bg-dark: #0f172a;--card: #ffffff;--text: #0f172a;--wrong: #ef4444;--correct: #22c55e}.country-list::-webkit-scrollbar{width:6px}.country-list::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}@supports (height: 100dvh){:root{--main-height: 100dvh;--main-width: 100dvw}}@supports not (height: 100dvh){:root{--main-height: 100vh;--main-width: 100vw}}