*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;font-family:Inter,sans-serif;padding:20px}.header{background:#fff;border:1px solid #ddd;border-radius:8px;flex-wrap:wrap;justify-content:space-between;margin:0 auto 20px;max-width:1630px;padding:12px 20px;@media (min-width:1024px) and (max-width:1449.98px){max-width:984px;padding-bottom:8px;padding-left:15px;padding-right:15px;padding-top:8px}@media (min-width:1450px) and (max-width:1919.98px){max-width:1410px;padding-bottom:10px;padding-left:18px;padding-right:18px;padding-top:10px}}.header,.header-brand{align-items:center;display:flex;gap:10px}.header-brand img{display:block}.header-title{color:#333;font-size:22px;font-weight:700}.header-tagline{color:#777;font-size:14px}.container{display:flex;justify-content:space-between;margin:0 auto;max-width:1630px;@media (min-width:1024px) and (max-width:1449.98px){max-width:984px}@media (min-width:1450px) and (max-width:1919.98px){max-width:1410px}}.sidebar,.sidebar-box{display:flex;flex-direction:column}.sidebar{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;flex:0 0 auto;height:fit-content;margin-right:20px;padding:20px;width:250px;@media (min-width:1024px) and (max-width:1449.98px){margin-right:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;padding-top:10px;width:150px}@media (min-width:1450px) and (max-width:1919.98px){margin-right:15px;padding-bottom:15px;padding-left:15px;padding-right:15px;padding-top:15px;width:180px}}.capital-placeholder{margin-bottom:15px;@media (min-width:1024px) and (max-width:1449.98px){margin-bottom:10px}@media (min-width:1450px) and (max-width:1919.98px){margin-bottom:13px}}.map-container{background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden;padding:20px;position:relative;@media (min-width:1024px) and (max-width:1449.98px){flex:0 1 auto;padding-bottom:10px;padding-left:10px;padding-right:10px;padding-top:10px}@media (min-width:1450px) and (max-width:1919.98px){flex:0 1 auto;padding-bottom:15px;padding-left:15px;padding-right:15px;padding-top:15px}p{margin-top:20px;@media (min-width:1024px) and (max-width:1449.98px){margin-top:10px}@media (min-width:1450px) and (max-width:1919.98px){margin-top:15px}span{color:red}}h1{margin-bottom:20px;@media (min-width:1024px) and (max-width:1449.98px){font-size:24px;margin-bottom:10px}@media (min-width:1450px) and (max-width:1919.98px){font-size:28px;margin-bottom:15px}}}.map-svg{svg{@media (min-width:1024px) and (max-width:1449.98px){height:auto;width:802px}@media (min-width:1450px) and (max-width:1919.98px){height:auto;width:1183px}}}.reset-btn{background-color:#d31717;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:15px 35px;@media (min-width:1024px) and (max-width:1449.98px){font-size:16px;margin-top:10px;padding-bottom:10px;padding-left:15px;padding-right:15px;padding-top:10px}@media (min-width:1450px) and (max-width:1919.98px){margin-top:15px;padding-bottom:10px;padding-left:15px;padding-right:15px;padding-top:10px}}.reset-btn:hover{background-color:#e93a3a}.capital-none{height:50px;@media (min-width:1024px) and (max-width:1449.98px){height:30px}@media (min-width:1450px) and (max-width:1919.98px){height:40px}}.capital,.capital-on-country{background-color:#007bff;border-radius:5px;color:#fff;cursor:grab;font-family:Inter,sans-serif;font-size:18px;height:50px;line-height:50px;margin:0;padding:0;text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;width:150px;@media (min-width:1024px) and (max-width:1449.98px){font-size:16px;height:30px;line-height:30px;width:120px}@media (min-width:1450px) and (max-width:1919.98px){font-size:17px;height:40px;line-height:40px;width:130px}}.capital-on-country{background-color:#28a745;cursor:default;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.capital-on-country:active,.capital:active{cursor:grabbing}.country{background-color:initial;border:1px dashed #aaa;border-radius:5px;height:50px;position:absolute;transform:translate(-50%,-50%);width:150px;@media (min-width:1024px) and (max-width:1449.98px){height:30px;width:120px}@media (min-width:1450px) and (max-width:1919.98px){height:40px;width:130px}}.country.correct{border:2px solid #28a745}.country-content{color:#fff0;height:100%;justify-content:center;position:relative;text-align:center;width:100%}.country-content,.footer{align-items:center;display:flex}.footer{background:#fff;border:1px solid #ddd;border-radius:8px;color:#777;flex-wrap:wrap;font-size:14px;gap:10px;justify-content:space-between;margin:20px auto 0;max-width:1630px;padding:15px 20px;@media (min-width:1024px) and (max-width:1449.98px){font-size:13px;max-width:984px;padding-bottom:10px;padding-left:15px;padding-right:15px;padding-top:10px}@media (min-width:1450px) and (max-width:1919.98px){max-width:1410px}}.footer-copyright{display:flex;flex-direction:column;gap:4px}.footer-developed-by{color:#777;text-decoration:none}.footer-developed-by b{color:#007bff}.footer-developed-by:hover,.footer-developed-by:hover b{color:#0056b3}.drag-overlay{background-color:#007bff;border-radius:5px;color:#fff;cursor:grabbing;font-family:Inter,sans-serif;font-size:16px;height:50px;line-height:50px;opacity:.8;text-align:center;-webkit-user-select:none;user-select:none;width:150px;@media (min-width:1024px) and (max-width:1449.98px){font-size:16px;height:30px;line-height:30px;width:120px}@media (min-width:1450px) and (max-width:1919.98px){font-size:17px;height:40px;line-height:40px;width:130px}}@media (max-width:1023.98px){body{padding:10px}.header{margin-bottom:10px;padding:10px 15px}.header-title{font-size:18px}.header-tagline{font-size:12px}.container{flex-direction:column;gap:10px}.sidebar,.sidebar-box{width:100%}.sidebar{flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:center;margin-right:0;padding:10px}.capital-placeholder{margin-bottom:0}.capital{font-size:12px;line-height:30px}.capital,.capital-none{height:30px;width:96px}.reset-btn{flex-basis:100%;font-size:14px;margin-top:6px;padding:10px 15px}.map-container{padding:10px}.map-container h1{font-size:17px;margin-bottom:10px}.map-container p{font-size:12px;margin-top:10px}.map-svg{position:relative}.map-svg svg{display:block;height:auto;width:100%}.country{border-radius:4px;height:min(calc(4.65vw - 2px),30px);width:min(calc(14.6vw - 6px),96px)}.country-content{font-size:clamp(7px,2.6vw,12px)}.capital-on-country,.drag-overlay{border-radius:4px;font-size:clamp(7px,2.6vw,12px);height:min(calc(4.65vw - 2px),30px);line-height:min(calc(4.65vw - 2px),30px);width:min(calc(14.6vw - 6px),96px)}.footer{align-items:flex-start;flex-direction:column;font-size:12px;margin-top:10px;padding:12px 15px}}
/*# sourceMappingURL=main.47dd6e4f.css.map*/