#container{display:flex;height:100%;width:100%;position:absolute;top:0;left:0;overflow:hidden}#leftPanel{width:15%;min-width:260px;padding:20px;background-color:#f5f5f5;overflow-y:scroll}@media (prefers-color-scheme: dark){#leftPanel{background-color:#2d2d2d}}#rightPanel{position:relative;width:85%;overflow:hidden}#dashboard{margin-top:20px}@media (max-width: 768px){#container{flex-direction:column-reverse}#leftPanel,#rightPanel{width:100%;min-width:0;flex:1;box-sizing:border-box}#leftPanel{padding:15px;height:50%}#rightPanel{height:50%}}input[type=text]{background-color:#fff;color:#333;border:1px solid #ccc;border-radius:4px;padding:4px}@media (prefers-color-scheme: dark){input[type=text]{background-color:#444;color:#e0e0e0;border:1px solid #666}}input[type=text]:focus{background-color:#f8f9fa;border-color:#2563eb;outline:none}@media (prefers-color-scheme: dark){input[type=text]:focus{background-color:#555;border-color:#6af}}input[type=text]::placeholder{color:#999}input[type=text].locked{background-color:#f5f5f5;color:#999;border:1px solid #ddd;cursor:not-allowed}@media (prefers-color-scheme: dark){input[type=text].locked{background-color:#222;color:#666;border:1px solid #333}}input[type=text].valid{background-color:#f0f8f0;color:#333;border:1px solid #4a8c4a}@media (prefers-color-scheme: dark){input[type=text].valid{background-color:#2d4a2d;color:#e0e0e0;border:1px solid #4a8c4a}}input[type=text].invalid{background-color:#f8f0f0;color:#333;border:1px solid #8c4a4a}@media (prefers-color-scheme: dark){input[type=text].invalid{background-color:#4a2d2d;color:#e0e0e0;border:1px solid #8c4a4a}}@media (max-width: 768px){#cityInputs>div{display:flex;align-items:center;gap:8px;margin-bottom:12px}#cityInputs input[type=text]{flex:1;padding:10px 8px;font-size:16px}}#titlePanel{text-align:center;padding:40px 20px}#titlePanel h1{font-size:3rem;margin:0 0 15px;color:#2563eb;font-weight:700}@media (prefers-color-scheme: dark){#titlePanel h1{color:#6af}}#titlePanel p{font-size:1.2rem;margin:0 0 40px;color:#666}@media (prefers-color-scheme: dark){#titlePanel p{color:#bbb}}.title-buttons{display:flex;flex-direction:column;gap:20px;align-items:center;max-width:200px;margin:0 auto}.title-button{width:180px;padding:15px 30px;font-size:1.1rem;font-weight:400;border:2px solid;border-radius:4px;cursor:pointer;transition:background-color .2s ease;background-color:#f5f5f5}@media (prefers-color-scheme: dark){.title-button{background-color:#333}}.play-button{border-color:#4caf50;color:#4caf50}.play-button:hover{background-color:#4caf50;color:#fff}.tutorial-button{border-color:#2196f3;color:#2196f3}.tutorial-button:hover{background-color:#2196f3;color:#fff}@media (max-width: 768px){#titlePanel{padding:30px 15px}#titlePanel h1{font-size:2.2rem}#titlePanel p{font-size:1rem;margin-bottom:25px}.title-button{width:100%}}.errorItem{margin-bottom:15px;padding:10px;background-color:#fef2f2;color:#dc2626;border-radius:5px;box-shadow:0 2px 4px #dc26261a;border:1px solid #fecaca}@media (prefers-color-scheme: dark){.errorItem{background-color:#450a0a;color:#fca5a5;box-shadow:0 2px 4px #dc262633;border:1px solid #7f1d1d}}.errorItem:empty{display:none}.histogram h4{margin:0 0 8px}.histogram-wrapper{position:relative;width:100%;padding-bottom:40px;box-sizing:border-box}.histogram-bars{display:flex;align-items:flex-end;height:200px}.histogram-bin{flex:1;display:flex;justify-content:center}.bar{width:60%;border-radius:2px;background-color:#000}.bar.user{background-color:red}.histogram-axis{position:absolute;left:0;right:0;height:2px;background:#000;bottom:40px}.tick{position:absolute;width:1px;height:6px;background:#000;bottom:40px;transform:translate(-50%)}.tick-label{position:absolute;font-size:12px;color:#000;white-space:nowrap;bottom:20px;transform:translate(-50%)}.user-score{color:red}.top-scores ol{counter-reset:score-list;padding:0;margin:0}.top-scores li{display:flex;justify-content:space-between;padding:2px 0;list-style:none}.top-scores li:before{counter-increment:score-list;content:counter(score-list) ". ";margin-right:8px}@media (prefers-color-scheme: dark){body,html{background-color:#1a1a1a;color:#e0e0e0}.bar{background-color:#fff}.bar.user{background-color:red}.histogram-axis,.tick{background:#fff}.tick-label{color:#fff}}.panel{display:none;position:absolute;background-color:#fffffff2;padding:20px;border-radius:5px;border:3px solid #ddd;box-shadow:0 4px 12px #00000026;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%)}@media (prefers-color-scheme: dark){.panel{background-color:#2d2d2df2;border:3px solid #444;box-shadow:0 4px 12px #0006}}.panel button{width:100%}.panel input[type=text]{width:200px}#cityInputs div{margin-bottom:10px}@media (max-width: 768px){.panel{position:fixed;z-index:9999;width:90%;max-height:90vh;overflow-y:auto;box-sizing:border-box;padding:20px 15px}.panel input[type=text]{width:100%;box-sizing:border-box;padding:10px;font-size:16px}}.resultItem{margin-bottom:15px;padding:10px;background-color:#f8f9fa;color:#333;border-radius:5px;box-shadow:0 2px 4px #0000001a;border:3px solid #ddd}@media (prefers-color-scheme: dark){.resultItem{background-color:#333;color:#e0e0e0;box-shadow:0 2px 4px #0000004d;border:3px solid #444}}.resultItem p{margin:0;padding:2px 0}.resultItem .area{font-weight:700;color:#2563eb}@media (prefers-color-scheme: dark){.resultItem .area{color:#6af}}button{background-color:#fff;color:#333;border:1px solid #ccc;border-radius:4px;padding:4px;cursor:pointer;transition:background-color .2s}@media (prefers-color-scheme: dark){button{background-color:#444;color:#e0e0e0;border:1px solid #666}}button:hover{background-color:#f5f5f5}@media (prefers-color-scheme: dark){button:hover{background-color:#555}}button:active{background-color:#e5e5e5}@media (prefers-color-scheme: dark){button:active{background-color:#333}}@media (max-width: 768px){button{padding:12px 16px;font-size:16px;width:100%;box-sizing:border-box}}#targetDisplay{position:absolute;top:10px;right:10px;background-color:#fffffff2;color:#333;padding:5px 10px;border-radius:5px;border:1px solid #ddd;z-index:1000}@media (prefers-color-scheme: dark){#targetDisplay{background-color:#2d2d2df2;color:#e0e0e0;border:1px solid #444}}@media (max-width: 768px){#targetDisplay,#tourButton{font-size:14px;padding:6px 10px}}#tourButton{position:absolute;top:10px;left:10px;background-color:#fffffff2;color:#333;padding:5px 10px;border-radius:5px;border:1px solid #ddd;z-index:1000;cursor:pointer;opacity:1;transform:translateY(0);transition:all .8s ease-in-out}#tourButton.hidden{opacity:0;transform:translateY(-20px);pointer-events:none}@media (prefers-color-scheme: dark){#tourButton{background-color:#2d2d2df2;color:#e0e0e0;border:1px solid #444}}.tg-dialog.custom{background-color:#fffffff2;border:1px solid #ddd;color:#333}@media (prefers-color-scheme: dark){.tg-dialog.custom{background-color:#2d2d2df2;border:1px solid #444;color:#e0e0e0}}@media (max-width: 768px){#tourButton{width:auto;font-size:14px;padding:6px 10px}}.debugItem{display:none}body,html{margin:0;padding:0;height:100%;font-family:Arial,sans-serif;color-scheme:light dark;overflow:hidden;overscroll-behavior:none}body,html{background-color:#fff;color:#333}@media (prefers-color-scheme: dark){body,html{background-color:#1a1a1a;color:#e0e0e0}}h2{color:#333;margin:0 0 10px}@media (prefers-color-scheme: dark){h2{color:#e0e0e0}}#mapCanvas{position:absolute;left:-9999px;top:-9999px;visibility:hidden}#confetti_id canvas{pointer-events:none}[data-tg-tour]{scroll-margin:30px 0}.tg-backdrop{position:absolute;align-items:center;justify-content:center;display:none;z-index:99;border-radius:7px;box-shadow:#212121cc 0 0 1px 2px,#212121cc 0 0 0 1000vh;border:1px solid rgba(193,192,232,.5);top:50vh;left:50vw;width:0;height:0}.tg-backdrop.tg-backdrop-animate{transition:all .3s}.tg-dialog{border-radius:12px;animation-delay:.1s;min-height:120px;background:#fff;color:#252525;max-width:340px;width:max-content;z-index:9999;display:none;position:absolute;top:0;left:0;padding:0;font-size:.9rem}.tg-dialog .tg-dialog-header{display:flex;align-items:center;padding:25px 25px 0}.tg-dialog .tg-dialog-header .tg-dialog-title{font-size:1rem;font-weight:700;margin-right:auto}.tg-dialog .tg-dialog-header .tg-dialog-title+.tg-dialog-body{padding:18.75px 25px}.tg-dialog .tg-dialog-header .tg-dialog-close-btn{width:12px;height:12px;margin-left:10px;opacity:.4;cursor:pointer;white-space:nowrap}.tg-dialog .tg-dialog-header .tg-dialog-close-btn:hover{opacity:8}.tg-dialog .tg-dialog-header .tg-dialog-close-btn:focus{opacity:1}.tg-dialog .tg-dialog-header .tg-dialog-spinner{display:none;opacity:.4;margin-top:-1px;-webkit-animation:tg-spin 1s linear infinite;-moz-animation:tg-spin 1s linear infinite;-o-animation:tg-spin 1s linear infinite;animation:tg-spin 1s linear infinite}@keyframes tg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.tg-dialog .tg-dialog-progress-bar{background:#f1f1f1;height:5px;display:block;margin-top:18.75px;position:relative}.tg-dialog .tg-dialog-progress-bar>.tg-bar{position:absolute;top:0;left:0;min-width:4px;background:#414144;height:100%;display:block;transition:all .3s}.tg-dialog .tg-dialog-body{padding:25px;font-weight:400}.tg-dialog .tg-dialog-dots{display:flex;align-items:center;justify-content:center;padding:15px 0;margin-bottom:10px;border-top:1px solid #dedee7;border-bottom:1px solid #dedee7}.tg-dialog .tg-dialog-dots>span.tg-dot{display:inline-block;width:9px;height:9px;background:#c2c7ce;border-radius:12px;margin:0 4px}.tg-dialog .tg-dialog-dots>span.tg-dot.tg-dot-active{background:#5362d9}.tg-dialog .tg-dialog-footer{padding:12.5px 25px 25px;display:flex;align-items:center}.tg-dialog .tg-dialog-footer button.tg-dialog-btn{padding:5px 10px;border:1px solid #cbcfd5;color:#6f727e;border-radius:4px;font-weight:500;font-size:.82rem;white-space:nowrap}.tg-dialog .tg-dialog-footer button.tg-dialog-btn+button{margin-left:auto}.tg-dialog .tg-dialog-footer button.tg-dialog-btn.disabled{pointer-events:none;opacity:.6}.tg-dialog .tg-dialog-footer button.tg-dialog-btn:hover{color:#464852;border:1px solid #b5b7c2;outline:none;box-shadow:none}.tg-dialog .tg-dialog-footer button.tg-dialog-btn:focus{outline:none;box-shadow:none}.tg-dialog .tg-dialog-footer button.tg-dialog-btn:active{color:#4655cb;background:#f1f2ff;border:1px solid #5362d9;outline:none;box-shadow:none}.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup{margin:0 auto;padding:0 10px;text-align:center;line-height:1}.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-step-progress{font-size:.78rem;font-weight:700;margin:0 auto;opacity:.4;letter-spacing:1px;display:inline-block}.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots{padding:0;margin:0;border:none}.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots>span.tg-dot{width:8px;height:8px;margin:0 3px}.tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots+.tg-step-progress{margin-top:10px;font-size:.68rem}.tg-dialog .tg-arrow{position:absolute;background:#fff;width:9px;height:9px;border-radius:1px;transform:rotate(45deg)}.tg-dialog.tg-dialog-fixed{transition:none;animation-delay:0ms}.tg-dialog.animate-position{transition:all .3s}.tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-title{opacity:.4}.tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-close-btn{display:none}.tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-spinner{display:inline-block}.tg-dialog.tg-dialog-loading .tg-dialog-body{opacity:.4;pointer-events:none}.tg-dialog.tg-dialog-loading .tg-dialog-footer{pointer-events:none;opacity:.4}