:root{--primary-color:#3498db;--secondary-color:#2ecc71;--background-color:#f0f2f5;--text-color:#2c3e50;--button-hover:#2980b9;--button-correct:#27ae60;--button-incorrect:#e74c3c;--shadow-color:rgba(0,0,0,0.1);--border-radius:8px;--transition-speed:0.3s;--new-game-button:#f39c12;--new-game-hover:#e67e22}*{box-sizing:border-box}body{height:100vh;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background-color);color:var(--text-color);background-image:linear-gradient(135deg,var(--background-color) 0,white 100%);background-attachment:fixed}.root{height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.container{display:flex;gap:32px;max-width:1200px;align-items:center;&:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}@media (orientation:portrait){flex-direction:column;width:100%;gap:24px}@media (orientation:landscape){height:100%}}.map{object-fit:contain;filter:drop-shadow(0 0 12px var(--shadow-color));@media (orientation:portrait){width:100%;max-height:50vh}@media (orientation:landscape){height:100%;max-height:70vh}}.loading{filter:blur(8px);opacity:.5;transition:all .5s ease}.options{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:8px;@media (orientation:portrait){width:100%;align-items:stretch}@media (orientation:landscape){width:calc(max(330px, 30vw))}}button{background-color:var(--primary-color);color:white;border:none;padding:12px 16px;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease;box-shadow:0 2px 4px var(--shadow-color);letter-spacing:.5px;&:active,&:hover{background-color:var(--button-hover)}}button.new-game{background-color:var(--new-game-button);font-weight:600;margin-top:8px;&:hover{background-color:var(--new-game-hover)}}.error-message,.success-message{font-size:1.1rem;margin:0;border-radius:var(--border-radius);text-align:center;box-shadow:0 2px 4px var(--shadow-color)}.score{font-size:1rem;margin:0;text-align:center}.error-message,.success-message{padding:16px}.success-message{background-color:rgba(46,204,113,.2);color:var(--button-correct);border-left:4px solid var(--button-correct)}.error-message{background-color:rgba(231,76,60,.2);color:var(--button-incorrect);border-left:4px solid var(--button-incorrect)}.correct-country-name{font-weight:700}.build-info{position:fixed;bottom:0;right:0;padding:16px;font-size:.8rem;text-align:right;color:gray;>p{margin:0}.commit{font-family:monospace}@media (max-width:767px) or (max-height:767px){display:none}}.github-link{position:absolute;top:0;left:0;padding:16px;opacity:10%;transition:opacity .1s ease;>img{width:48px}&:hover{opacity:100%}}