body{max-width:100dvw;max-height:100dvh}h1,h2,h3,h4,h5,p{margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.title{text-align:center;animation:fadeIn .6s ease-out}.prompt-text{text-align:center;padding:8px 0}#country-name{animation:slideInDown .5s ease-out}#borders-blurb{animation:slideInDown .5s ease-out .1s backwards}.map-container{width:100%;height:50dvh;position:relative;overflow:hidden;margin:8px 0;animation:fadeIn .8s ease-out}svg{min-width:100%;max-height:100%;transition:transform .5s ease-out;transform-origin:center;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}svg:active{cursor:grabbing}.svg-container{width:100%;height:50dvh;overflow:hidden;position:relative;margin:8px 0}#guess-container{display:flex;flex-direction:column;align-items:center}#err-notice{width:300px;color:red;padding:8px 8px 0;min-height:20px}#err-notice:not(:empty){animation:shake .5s ease-in-out}.input-wrapper{position:relative;width:300px;max-width:90dvw;margin:8px 0;animation:slideInUp .5s ease-out .2s backwards}#guess-input{width:100%;height:40px;border-radius:12px;padding:0 50px 0 12px;border:1px solid #ccc;box-sizing:border-box;font-size:16px;transition:border-color .2s ease,box-shadow .2s ease}#guess-input:focus{outline:none;border-color:#89cff0;box-shadow:0 0 0 3px #89cff033}#guess-input::placeholder{font-weight:500}.submit-button{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:32px;background-color:#89cff0;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .2s ease}.submit-button:hover{background-color:#6ab5d8}.submit-button:active{background-color:#5aa3c5;transform:translateY(-50%) scale(.95)}#guesses-list{max-width:90dvw;padding:0 8px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;list-style:none;margin:4px}#guesses-list>li{border-radius:12px;padding:12px 16px;text-align:center;animation:scaleIn .3s ease-out}.correct{background-color:#97c597}.incorrect{background-color:#b95e5e}.highlighted-country{fill:#89cff0;stroke:#89cff0;transition:fill .3s ease,stroke .3s ease;animation:pulse 2s ease-in-out infinite}.highlighted-country:hover{fill:#6ab5d8;stroke:#6ab5d8;cursor:pointer;animation:none}.correct-border-country{fill:#4caf50;stroke:#4caf50;transition:fill .3s ease,stroke .3s ease;animation:scaleIn .4s ease-out}.correct-border-country:hover{fill:#45a049;stroke:#45a049;cursor:pointer}.play-again-button{padding:12px 16px;border:none;background-color:#6fc6e3;border-radius:10px;margin-bottom:8px;transition:all .2s ease;animation:slideInUp .5s ease-out .3s backwards}.play-again-button:hover{cursor:pointer;filter:brightness(.9);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.play-again-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.end-of-game-container{display:flex;flex-direction:column;align-items:center;gap:12px}.end-of-game-container>p{animation:slideInDown .5s ease-out}.zoomed{transform:scale(2)}.zoom-controls{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:5px;z-index:1;animation:slideInDown .5s ease-out .3s backwards}.zoom-button{width:32px;height:32px;border:1px solid #ccc;background-color:#fff;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.zoom-button:hover{background-color:#f0f0f0;box-shadow:0 3px 6px #00000026}.zoom-button:active{background-color:#e0e0e0;transform:translateY(1px);box-shadow:0 1px 2px #0000001a}