:root{--color-primary:#007bff;--color-primary-dark:#0056b3;--color-primary-light:#4da3ff;--color-success:#28a745;--color-success-dark:#218838;--color-warning:#ffc107;--color-warning-dark:#ffcd39;--color-danger:#dc3545;--color-gold:gold;--color-gold-light:#90ee90;--color-text-dark:#333;--color-text-light:#666;--color-text-white:#fff;--color-gray:#6c757d;--color-gray-light:#f5f5f5;--color-gray-medium:#ddd;--color-border:#e9ecef;--bg-white:#fff;--bg-light:#f8f9fa;--bg-overlay-dark:#0000004d;--bg-overlay-darker:#000000b3;--bg-glass:#ffffff1a;--bg-glass-medium:#fff3;--bg-glass-strong:#ffffff40;--bg-glass-opaque:#ffffffe6;--bg-glass-very-opaque:#fffffff2;--gradient-purple:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-red:linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:10px;--radius-circle:50%;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #0003;--shadow-lg:0 4px 12px #00000026;--shadow-focus:0 0 0 3px #ffffff4d;--shadow-primary:0 2px 8px #007bff4d;--transition-fast:all .2s ease;--transition-medium:all .3s ease;--z-overlay:1000;--z-modal:9999;--font-size-sm:.85rem;--font-size-base:1rem;--font-size-md:1.1rem;--font-size-lg:1.2rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:3rem;--max-width-content:1200px;--max-width-form:300px;--max-width-narrow:500px}.three-column-layout{max-width:var(--max-width-content);gap:var(--spacing-lg);align-items:stretch;width:100%;margin:0 auto;display:flex}.centered{justify-content:center;align-items:center;display:flex}.centered-column{flex-direction:column;justify-content:center;align-items:center;display:flex}.glass-panel{background:var(--bg-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-panel-opaque{background:var(--bg-glass-opaque);border-radius:var(--radius-md)}.btn-lift-hover:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-scale-hover:hover:not(:disabled){transform:scale(1.05)}.circular-btn{border-radius:var(--radius-circle);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.form-input{width:100%;max-width:var(--max-width-form);margin:0 auto var(--spacing-sm);border-radius:var(--radius-md);background:var(--bg-glass-opaque);color:var(--color-text-dark);border:none;padding:12px;font-size:16px;display:block}.form-input:focus{background:var(--bg-white);box-shadow:var(--shadow-focus);outline:none}.overlay-dark{background:var(--bg-overlay-dark)}.overlay-darker{background:var(--bg-overlay-darker)}.text-shadow{text-shadow:2px 2px 4px #0000004d}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}.App{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.loading-screen{background-color:var(--color-gray-light);justify-content:center;align-items:center;height:100vh;display:flex}.loading-content{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.loading-content p{color:var(--color-text-light);font-size:18px}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--color-primary);border-radius:var(--radius-circle);width:50px;height:50px;animation:1s linear infinite spin}.spinner-small{border:2px solid #f3f3f3;border-top:2px solid var(--color-primary);border-radius:var(--radius-circle);width:16px;height:16px;margin-right:8px;animation:1s linear infinite spin}.spinner-inline{display:inline-block}.error-boundary-button{background-color:var(--color-primary);color:var(--color-text-white);border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:20px;padding:10px 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{background-color:var(--color-primary);color:var(--color-text-white);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 20px;font-size:16px}button:hover{background-color:var(--color-primary-dark)}button:disabled{background-color:var(--color-gray);cursor:not-allowed}.toast-message{z-index:var(--z-modal);animation:.3s ease-out slideDown;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 24px;font-size:16px;font-weight:700;display:inline-block}.toast.correct{color:#155724;background-color:#d4eddaf2;border:1px solid #c3e6cb}.toast.incorrect{color:#721c24;background-color:#f8d7daf2;border:1px solid #f5c6cb}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=768px){.toast-message{padding:0 10px;top:50px;left:0;right:0;transform:none}.App:has(.timer-display.survival) .toast-message{top:90px}.toast{text-align:center;width:100%;padding:10px 16px;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}}.landing-screen{background:var(--gradient-purple);color:var(--color-text-white);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0;display:flex;position:relative}.login-button-fixed{z-index:1000;padding:8px 16px;font-size:14px;position:fixed;top:20px;right:20px}.user-info-container{margin-bottom:15px}.user-info-display{text-align:center;margin-bottom:12px}.user-info-buttons{gap:10px;display:flex}.user-info-button{flex:1}.auth-tabs{gap:10px;margin-bottom:20px;display:flex}.auth-tabs .secondary-button{flex:1}.auth-form{flex-direction:column;gap:15px;display:flex}.auth-form label{margin-bottom:5px;display:block}.auth-form input{width:100%;font-size:var(--font-size-base);padding:10px}.auth-error-message{color:var(--color-danger);border-radius:var(--radius-sm);background-color:#fee;padding:10px}.auth-submit-button{padding:12px;font-size:18px}.auth-benefits-list{text-align:left;line-height:1.6}.custom-area-button{width:100%;margin-top:12px}.custom-area-selected{border-radius:var(--radius-sm);background-color:#e8f5e9;margin-top:12px;padding:8px}.custom-area-selected-content{justify-content:space-between;align-items:center;display:flex}.custom-area-selected-text{color:#2e7d32;font-weight:500}.custom-area-clear-button{font-size:var(--font-size-sm);padding:4px 12px}.drawing-toolbar{background-color:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-overlay);align-items:center;gap:12px;padding:12px 20px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.drawing-toolbar-text{font-size:var(--font-size-sm);color:var(--color-text-light)}.drawing-toolbar-button{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-white);border:none;padding:6px 16px}.drawing-toolbar-finish{background-color:var(--color-success)}.drawing-toolbar-finish:disabled{background-color:var(--color-gray);cursor:not-allowed}.drawing-toolbar-cancel{background-color:var(--color-danger)}.theme-selector-overlay{z-index:var(--z-overlay);background:var(--bg-glass-opaque);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;top:10px;right:10px}.theme-selector-label{color:#333;text-shadow:none;align-items:center;font-size:18px;display:flex}.theme-selector-select{font-size:var(--font-size-sm);background:#fff;border:1px solid #ddd;min-width:120px;padding:6px 10px;color:#333!important}.page-header{text-align:left;pointer-events:none;align-self:flex-start;width:100%;padding:25px 20px 20px;position:relative}.page-header.clickable{pointer-events:auto;cursor:pointer;transition:var(--transition-fast);width:fit-content}.page-header.clickable:hover{opacity:.9;transform:scale(1.05)}.page-header.clickable:active{transform:scale(.95)}.page-header h1{font-size:var(--font-size-xl);text-shadow:2px 2px 4px #0000004d;margin:0}.page-header .subtitle{font-size:var(--font-size-lg);opacity:.9;margin:0}.landing-footer{text-align:center;opacity:.7;flex-shrink:0;margin-top:auto;padding:20px 0;font-size:.85em}.landing-footer a{color:var(--color-text-white);text-decoration:none}.landing-footer a:hover{text-decoration:underline}.landing-content{max-width:var(--max-width-content);flex-direction:column;flex:1 0 auto;align-items:stretch;gap:0;width:100%;margin:0 auto;padding:0 20px 20px;display:flex}.landing-content.has-columns{gap:var(--spacing-lg);flex-flow:wrap;align-items:flex-start}.landing-content.has-columns>.landing-column{flex:1;margin-block:auto}.landing-content.has-columns>.page-header{flex-shrink:0;flex-basis:100%;order:-1;width:100%;position:absolute;top:0;left:0}.landing-content.has-columns>.page-header.clickable{width:fit-content}.landing-column{flex-direction:column;flex:1;justify-content:flex-start;padding:1rem;display:flex}.landing-left{text-align:left}.landing-center{text-align:center;justify-content:center}.landing-right{text-align:center;justify-content:flex-start}.instructions{background:var(--bg-glass);border-radius:var(--radius-lg);padding:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:fit-content}.instructions h2{margin-bottom:1rem;font-size:1.5rem}.instructions ul{text-align:left;margin:0;padding-left:1.5rem}.instructions li{margin-bottom:.5rem;padding-left:.5rem}.start-game-form{margin-bottom:2rem}.city-selector-container{width:100%;margin:0 auto var(--spacing-sm);position:relative}.city-selector-header{gap:8px;width:100%;display:flex}.city-selector-toggle-wrap{border-radius:var(--radius-md);background:var(--bg-glass-opaque);flex:1;align-items:stretch;min-width:0;transition:background .2s,box-shadow .2s;display:flex;overflow:hidden}.city-selector-toggle-wrap:hover{background:var(--bg-white)}.city-selector-toggle-wrap:focus-within{background:var(--bg-white);box-shadow:var(--shadow-focus)}.city-selector-toggle{min-width:0;color:var(--color-text-dark);cursor:pointer;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;padding:12px;font-size:16px;display:flex}.city-selector-toggle:hover{background:0 0}.city-selector-toggle:focus{outline:none}.city-selector-toggle:disabled{cursor:default;opacity:.7}.city-selector-mode-toggle{border-radius:var(--radius-md);background:var(--bg-glass-opaque);color:#333;cursor:pointer;border:none;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:8px;font-size:24px;transition:background .2s,transform .2s;display:flex}.city-selector-mode-toggle:hover{background:var(--bg-white);transform:scale(1.05)}.city-selector-mode-toggle:focus{box-shadow:var(--shadow-focus);outline:none}.city-selector-selected{text-align:left;flex:1}.city-selector-arrow{opacity:.7;margin-left:8px;font-size:12px}.city-selector-dropdown{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;background:#fff;flex-direction:column;max-height:400px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0}.city-selector-search{border-bottom:1px solid #e0e0e0;padding:12px;position:relative}.city-search-input{color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:10px 32px 10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.city-search-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.city-search-input::placeholder{color:#999}.city-search-clear{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;transition:color .2s,background-color .2s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.city-search-clear:hover{color:#333;background-color:#0000000d}.city-selector-list{max-height:300px;overflow-y:auto}.city-selector-country-header{color:#666;text-transform:uppercase;letter-spacing:.5px;cursor:default;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;padding:10px 12px;font-size:12px;font-weight:600}.city-selector-item{color:#333;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f0f0f0;width:100%;padding:12px;font-size:14px;transition:background-color .2s;display:block}.city-selector-item.city{padding-left:24px}.city-fav-star+.city-selector-item.city{padding-left:4px}.city-selector-item:last-child{border-bottom:none}.city-selector-item:hover{background-color:#f5f5f5}.city-selector-item.selected{color:#1976d2;background-color:#e3f2fd;font-weight:500}.city-selector-item-row{border-bottom:1px solid #f0f0f0;align-items:stretch;display:flex}.city-selector-item-row:last-child{border-bottom:none}.city-selector-item-row .city-selector-item{border-bottom:none;flex:1}.city-fav-star{color:#cbd5e1;cursor:pointer;background:0 0;border:none;flex:none;width:42px;font-size:18px;line-height:1;transition:color .15s}.city-fav-star.is-fav{color:#f59e0b}.city-fav-star:hover{color:#f59e0b;background:0 0}.city-fav-star:focus{outline:none}.city-selector-favourites-header{color:#b45309;background-color:#fffbeb}.city-selector-no-results{text-align:center;color:#666;padding:20px;font-size:14px;font-style:italic}.world-map-selector-container{border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-lg);background:#fff;margin-top:8px;position:relative;overflow:hidden}.world-map-selector-map{width:100%;height:450px}.city-map-modal{background:#fff;border-radius:12px;flex-direction:column;width:92vw;max-width:900px;height:85vh;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000004d}.city-map-modal-header{color:#333;border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.city-map-modal-title{color:#333;font-size:1.05rem;font-weight:600}.city-map-modal-close{color:#888;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;line-height:1;transition:background .15s,color .15s;display:flex}.city-map-modal-close:hover{color:#222;background:#f0f0f0}.city-map-modal-close:focus-visible{outline:2px solid var(--color-primary,#6c5ce7);outline-offset:2px}.city-map-modal .world-map-selector-container{min-height:0;box-shadow:none;border-radius:0;flex:1;margin-top:0}.city-map-modal .world-map-selector-map{height:100%}.world-map-selector-map .maplibregl-ctrl-logo,.world-map-selector-map .maplibregl-ctrl-attrib,.world-map-selector-map .mapboxgl-ctrl-logo,.world-map-selector-map .mapboxgl-ctrl-attrib{display:none!important}.world-map-selector-hint{color:#666;pointer-events:none;z-index:10;background:#fffffff2;border-radius:6px;padding:8px 16px;font-size:14px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.world-map-bottom-bar{z-index:10;pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.world-map-bottom-bar>*{pointer-events:auto}.world-map-ugc-toggle{color:#444;white-space:nowrap;cursor:pointer;background:#fffffff2;border-radius:6px;flex-shrink:1;align-items:center;gap:6px;min-width:0;padding:6px 10px;font-size:13px;display:flex;box-shadow:0 2px 8px #00000026}.world-map-custom-area-button{white-space:nowrap;background:var(--color-primary,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:10px 18px;font-size:14px;font-weight:600;box-shadow:0 2px 10px #00000040}.world-map-custom-area-button:hover{filter:brightness(1.07)}.city-selector-ugc-toggle{color:#444;cursor:pointer;border-bottom:1px solid #eee;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.city-ugc-badge{color:#92400e;vertical-align:middle;background:#fef3c7;border-radius:999px;margin-left:8px;padding:1px 6px;font-size:11px;font-weight:600}.city-ugc-badge.own{color:#166534;background:#dcfce7}.city-marker{cursor:pointer;background-color:#ff6b6b;border:2px solid #fff;border-radius:50%;width:12px;height:12px;transition:all .2s;box-shadow:0 2px 4px #0000004d}.city-marker:hover,.city-marker.hovered{z-index:100;background-color:#ff5252;width:16px;height:16px;transform:translate(-2px,-2px)}.city-marker.selected{cursor:pointer;background-color:#007bff;border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 2px 4px #0000004d}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.city-marker-popup{font-size:13px;line-height:1.4}.city-marker-popup strong{color:#333;margin-bottom:2px;display:block}.settings-group{margin-bottom:var(--spacing-md)}.nickname-input{width:100%;margin:0 auto var(--spacing-sm);border-radius:var(--radius-md);background:var(--bg-glass-opaque);color:var(--color-text-dark);border:none;padding:12px;font-size:16px;display:block}.nickname-input:focus{background:var(--bg-white);box-shadow:var(--shadow-focus);outline:none}.start-button,.landing-center .customize-button{background:var(--color-success);color:var(--color-text-white);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;width:100%;padding:12px 30px;font-size:18px;font-weight:700}.landing-center .customize-button{background:var(--color-gray);margin-top:10px}.landing-center .customize-button:hover{box-shadow:var(--shadow-md);background:#5a6268;transform:translateY(-2px)}.start-button:hover:not(:disabled){background:var(--color-success-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.start-button:disabled{background:var(--color-gray);cursor:not-allowed;box-shadow:none;transform:none}.high-scores{background:var(--bg-glass);border-radius:var(--radius-lg);padding:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:fit-content}.high-scores h2{margin-bottom:1rem;font-size:1.5rem}.high-scores ol{margin:0;padding:0;list-style:none}.high-scores li{background:#ffffff1a;border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem;display:flex}.high-scores .nickname{font-weight:700}.high-scores .score{font-size:var(--font-size-md);color:var(--color-gold)}.landing-screen:has(.customize-content){justify-content:flex-start;height:100vh;padding:0;overflow:hidden}.landing-screen:has(.customize-content) .landing-footer{margin-top:0}.customize-content{align-items:stretch;gap:0;max-width:none;height:100vh;margin:0;flex-direction:row!important;padding:0!important}.customize-content>.page-header{display:none}.customize-settings-column{flex:1;min-width:0;min-height:100vh;padding:0}.customize-map-column{flex:2;min-width:0;min-height:100vh;padding:0;display:flex}.customize-settings-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;flex-direction:column;gap:1.5rem;min-height:100%;padding:2rem;display:flex;overflow-y:auto}.customize-settings-panel h2{color:#fff;margin:0 0 .5rem;font-size:2rem}.customize-settings-panel .settings-section{flex-direction:column;gap:.5rem;display:flex}.customize-settings-panel .settings-section label{color:#fff;font-size:.95rem;font-weight:600}.customize-settings-panel .settings-hint{color:#fffc;margin:0 0 .5rem;font-size:.85rem}.timer-select{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:5px;padding:.75rem;font-size:1rem;transition:all .2s}.timer-select:hover{background:#ffffff26;border-color:#ffffff80}.timer-select:focus{border-color:var(--color-primary);background:#fff3;outline:none}.timer-select option{color:#fff;background:#2d3748}.customize-actions{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.customize-actions .back-button{border-radius:var(--radius-md);background:var(--color-gray);width:100%;height:auto;color:var(--color-text-white);cursor:pointer;transition:var(--transition-fast);border:none;padding:12px 30px;font-size:16px;font-weight:700}.customize-actions .back-button:hover{box-shadow:var(--shadow-md);background:#5a6268;transform:translateY(-2px)}.customize-map-panel{flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.customize-map-panel .map-loading,.customize-map-panel .map-error{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;display:flex}.customize-map-panel .map-loading p,.customize-map-panel .map-error p{color:#fff;font-size:1.1rem}.customize-map{border-radius:10px;width:100%;height:100%}.map-loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;display:flex}.map-error{color:#dc3545;justify-content:center;align-items:center;height:100%;display:flex}.game-mode-selector{gap:10px;width:100%;margin-bottom:15px;display:flex}.mode-button{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:15px;transition:all .2s;display:flex}.mode-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.mode-button.active{background:#ffffff40;border-color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.mode-icon{font-size:24px}.mode-label{font-size:16px;font-weight:700}.mode-desc{opacity:.9;font-size:12px}.timer-mode-buttons{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.timer-mode-buttons .mode-button{padding:12px}.timer-mode-buttons .mode-icon{font-size:28px}.timer-mode-buttons .mode-name{font-size:14px;font-weight:700}.timer-mode-buttons .mode-desc{opacity:.85;text-align:center;font-size:11px}.difficulty-buttons{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.difficulty-button{color:#fff;cursor:pointer;text-align:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;flex:1;padding:12px 8px;font-size:14px;font-weight:600;transition:all .2s}.difficulty-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.difficulty-button.active{background:#ffffff40;border-color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.mobile-nav-buttons{z-index:100;gap:10px;display:none;position:fixed;top:20px;right:20px}.mobile-nav-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000004d}.mobile-nav-button:hover{background:#ffffff4d;transform:scale(1.05)}.mobile-nav-button:active{transform:scale(.95)}.hamburger-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:300;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:28px;transition:all .2s;display:none;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #0000004d}.hamburger-button:hover{background:#ffffff4d;transform:scale(1.05)}.hamburger-button:active{transform:scale(.95)}.menu-overlay{z-index:250;background:#000000b3;justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-content{background:var(--gradient-purple);flex-direction:column;width:280px;height:100%;animation:.3s slideIn;display:flex;box-shadow:-4px 0 12px #0000004d}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.menu-header{border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;padding:20px;display:flex}.menu-header h2{color:#fff;margin:0;font-size:1.5rem}.menu-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .2s;display:flex}.menu-close:hover{background:#ffffff4d;transform:scale(1.05)}.menu-items{flex:1;margin:0;padding:20px 0;list-style:none}.menu-items li{color:#fff;cursor:pointer;align-items:center;gap:12px;padding:15px 20px;font-size:18px;transition:background .2s;display:flex}.menu-items li:hover{background:#ffffff1a}.menu-items li:active{background:#fff3}.panel-header{margin-bottom:10px;padding:10px;display:none}.back-button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .2s;display:flex}.back-button:hover{background:#ffffff4d;transform:scale(1.05)}.scrollable-panel{flex-direction:column;justify-content:center;height:100%;display:flex;overflow-y:auto}@media (width<=768px){.hamburger-button{display:flex}.login-button-fixed{display:none}.landing-screen{justify-content:flex-start;padding-top:0;overflow-y:auto}.page-header h1{font-size:var(--font-size-lg)}.page-header{padding:15px 20px}.landing-left,.landing-right{z-index:200;background:var(--gradient-purple);padding:20px;display:none;position:fixed;inset:0;overflow-y:auto}.landing-left.show-mobile,.landing-right.show-mobile{display:flex}.landing-left .panel-header,.landing-right .panel-header{display:block}.landing-content.has-columns{flex-direction:column;gap:1rem;min-height:auto;padding-top:70px;padding-bottom:80px}.landing-content.has-columns>.page-header{flex-basis:auto}.landing-column{padding:.5rem}.landing-center{width:100%;margin:0}.start-game-form{padding-top:20px}.landing-center h1{font-size:2rem}.landing-center .subtitle{font-size:1rem}.instructions h2,.high-scores h2{font-size:1.2rem}.scrollable-panel{justify-content:flex-start;max-height:calc(100vh - 40px)}html,body{background:var(--gradient-purple)!important;background-attachment:fixed!important}html{min-height:100%}.landing-screen:has(.customize-content){height:auto;min-height:100vh;overflow-y:visible}.customize-content{flex-direction:column;height:auto;min-height:100vh;overflow-y:visible}.customize-settings-column{flex:none;width:100%;height:auto;padding:0}.customize-settings-panel{height:auto;max-height:none;padding:15px;overflow-y:visible}.customize-settings-panel h2{text-align:center}.customize-map-column{display:none}}@media (width>=769px) and (width<=1024px){.customize-content{flex-direction:column;height:100vh;overflow-y:auto}.customize-settings-column{flex:none;width:100%;height:auto}.customize-settings-panel{height:auto;max-height:none}.customize-map-column{flex:none;width:100%;height:50vh;min-height:400px}.customize-map-panel{height:100%}}.modal-overlay{z-index:10000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;max-width:90%;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-header h2{color:#333;margin:0 0 1rem;font-size:1.5rem}.modal-body{margin:1.5rem 0}.modal-actions{flex-wrap:wrap;gap:1rem;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;flex:1;min-width:150px;padding:.75rem 1.5rem;font-size:1rem;transition:all .2s}.btn-primary{color:#fff;background-color:#3498db}.btn-primary:hover{background-color:#2980b9;transform:translateY(-2px)}.btn-secondary{color:#fff;background-color:#95a5a6}.btn-secondary:hover{background-color:#7f8c8d}@media (width<=600px){.modal-content{padding:1.5rem}.modal-header h2{font-size:1.3rem}.modal-actions{flex-direction:column}.btn{width:100%}}.map-container{flex:1;position:relative;overflow:hidden}.score{color:var(--color-text-dark);white-space:nowrap;margin-right:15px;font-size:16px;font-weight:700}.score-display{z-index:var(--z-overlay);background:var(--bg-glass-opaque);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:10px 15px;position:absolute;top:20px;left:20px}.score-label{color:var(--color-text-dark);font-size:18px;font-weight:700}.timer-display{z-index:var(--z-overlay);background:var(--bg-glass-opaque);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:10px 15px;transition:all .3s;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}@media (width<=768px){.timer-display{top:10px;left:50%;transform:translate(-50%)}.timer-display.urgent:not(.survival){animation:1s infinite pulse-centered!important}.timer-display.survival{background:var(--bg-glass-opaque);border-radius:0;justify-content:center;width:100%;top:0;left:0;right:0;transform:none}.timer-display.survival.urgent{animation:1s infinite pulse!important}}.timer-display.survival{background:var(--bg-glass-opaque)}.timer-display.warning{background:#ffedd5f2}.timer-display.urgent{background:#fee2e2f2;animation:1s infinite pulse-centered}.timer-display.survival.warning{background:#ffedd5f2}.timer-display.survival.urgent{background:#fee2e2f2;animation:1s infinite pulse}@keyframes pulse-centered{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.05)}}.timer-icon{font-size:20px}.timer-text{min-width:45px;color:var(--color-text-dark);font-size:18px;font-weight:700}.timer-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#0003;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.timer-display.survival .timer-badge{display:none}.timer-bar{background:#0000001a;border-radius:3px;width:80px;height:6px;overflow:hidden}.timer-bar-fill{background:linear-gradient(90deg,#10b981,#3b82f6);height:100%;transition:width .1s linear}.timer-display.urgent .timer-bar-fill{background:linear-gradient(90deg,#ef4444,#f97316)}.lives-display{z-index:var(--z-overlay);background:var(--bg-glass-opaque);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:5px;padding:10px;display:flex;position:absolute;top:20px;right:20px}.heart{font-size:24px;transition:all .3s}.heart.filled{filter:brightness()}.heart.empty{filter:grayscale()brightness(.5)}.input-container{background-color:var(--bg-white);border-top:1px solid var(--color-gray-medium);z-index:var(--z-overlay);flex-direction:column;flex-shrink:0;align-items:center;gap:10px;padding:15px;display:flex;position:relative}.input-container form{align-items:center;gap:10px;width:100%;max-width:800px;display:flex}.guess-input{border:1px solid var(--color-gray-medium);border-radius:var(--radius-sm);flex:1;min-width:0;padding:10px;font-size:16px}.guess-input:focus{border-color:var(--color-primary);outline:none}.button-row{gap:10px;display:flex}@media (width<=768px){.score-display{align-items:center;min-height:36px;padding:6px 10px;display:flex;top:10px;left:10px}.score-label{font-size:14px}.map-container:has(.timer-display.survival) .score-display{top:50px}.timer-display{min-height:36px;padding:6px 10px}.timer-text{min-width:35px;font-size:14px}.timer-icon{font-size:16px}.timer-bar{width:60px;height:4px}.timer-badge{padding:2px 4px;font-size:8px}.lives-display{align-items:center;gap:5px;min-height:36px;padding:6px 10px;display:flex;top:10px;right:10px}.lives-display .heart:not(:first-child){display:none}.heart{font-size:18px}.lives-display:after{content:"×" attr(data-lives);color:var(--color-text-dark);font-size:14px;font-weight:700}.input-container{gap:8px;padding:10px}.input-container form{flex-direction:column;gap:8px}.guess-input{width:100%;padding:8px;font-size:16px}.button-row{gap:8px;width:100%}.button-row button{flex:1;padding:8px 10px;font-size:14px}.map-container{min-height:0}}.skip-button{background-color:var(--color-warning);color:#212529;font-weight:700}.skip-button:hover:not(:disabled){background-color:var(--color-warning-dark)}.skip-button:disabled{background-color:var(--color-gray);color:var(--color-text-white);cursor:not-allowed}.reverse-mode-controls{justify-content:center;align-items:center;gap:10px;width:100%;max-width:800px;display:flex}.target-prompt{background:var(--bg-light);border-radius:var(--radius-md);border:2px solid var(--color-primary);flex-direction:column;align-items:center;gap:5px;padding:10px 20px;display:flex}.prompt-label{color:var(--color-text-light);font-size:14px;font-weight:600}.target-name{color:var(--color-primary);font-size:20px;font-weight:700}@media (width<=768px){.reverse-mode-controls{flex-direction:column;gap:8px}.target-prompt{width:100%;padding:8px 15px}.prompt-label{font-size:12px}.target-name{font-size:16px}.reverse-mode-controls .button-row{gap:8px;width:100%}.reverse-mode-controls .button-row button,.reverse-mode-controls>button{flex:1;padding:8px 10px;font-size:14px}}.zoom-controls{z-index:1000;flex-direction:column;display:flex;position:absolute;bottom:20px;left:20px}.zoom-btn{cursor:pointer;color:#333;background-color:#fff;border:2px solid #ddd;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:5px;font-size:20px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.zoom-btn:hover:not(:disabled){color:#007bff;background-color:#f5f5f5;border-color:#007bff}.zoom-btn:disabled{color:#6c757d;cursor:not-allowed;opacity:.6;background-color:#f8f9fa;border-color:#e9ecef}.zoom-in{border-radius:4px 4px 0 0;margin-bottom:0}.zoom-out{border-top:none;border-radius:0 0 4px 4px}.recenter-control{z-index:1000;position:absolute;bottom:20px;right:20px}.recenter-btn{cursor:pointer;background-color:#fff;border:2px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.recenter-btn:hover:not(:disabled){background-color:#f5f5f5;border-color:#007bff;transform:scale(1.05)}.recenter-btn:disabled{cursor:not-allowed;opacity:.6;background-color:#f8f9fa;border-color:#e9ecef}.game-over-screen{background:var(--gradient-red);color:var(--color-text-white);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;overflow-y:auto}.game-over-screen.victory-screen{background:linear-gradient(135deg,#66bb6a 0%,#4caf50 100%)}.game-over-layout{max-width:var(--max-width-content);gap:var(--spacing-lg);align-items:stretch;width:100%;height:90vh;margin:0 auto;display:flex}.game-over-column{flex-direction:column;flex:1;justify-content:center;padding:1rem;display:flex}.game-over-left{flex:0 0 400px;max-width:400px;position:relative}.game-over-center{text-align:center;justify-content:center}.game-over-right{text-align:center}.last-street-map{border-radius:var(--radius-lg);width:100%;height:100%;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.street-name-overlay{background:var(--bg-overlay-darker);color:var(--color-text-white);text-align:center;z-index:var(--z-overlay);border-radius:5px;padding:10px;position:absolute;bottom:10px;left:10px;right:10px}.street-name-overlay p{margin:0;font-size:1.1rem;font-weight:700}.game-over-content{max-width:var(--max-width-narrow);text-align:center;margin:0 auto}.game-over-content h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px #0000004d}.final-score{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--color-gold);font-weight:700}.high-score-status{border-radius:5px;margin-bottom:2rem;padding:.5rem 1rem;font-size:1.1rem;font-weight:700}.high-score-status.saved{color:#90ee90;background:#28a74533;border:1px solid #28a74580}.high-score-status.not-saved{color:gold;background:#ffc10733;border:1px solid #ffc10780}.high-score-status.no-nickname{color:#d3d3d3;background:#6c757d33;border:1px solid #6c757d80}.game-over-fav-toggle{color:#f3f4f6;cursor:pointer;background:#f59e0b1f;border:1px solid #f59e0b99;border-radius:999px;align-items:center;gap:.4rem;margin-top:1.5rem;padding:8px 16px;font-size:.95rem;transition:background .2s,transform .2s;display:inline-flex}.game-over-fav-toggle.is-fav{color:#fde68a;background:#f59e0b47}.game-over-fav-toggle:hover{background:#f59e0b59;transform:scale(1.04)}.game-over-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.game-over-actions .play-again-button,.game-over-actions .back-button{color:var(--color-text-white);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:none;flex:none;min-width:180px;padding:12px 30px;font-size:18px;font-weight:700}.game-over-actions .play-again-button{background:var(--color-success)}.game-over-actions .play-again-button:hover{background:var(--color-success-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.game-over-actions .back-button{background:var(--color-primary)}.game-over-actions .back-button:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.round-review-section{background:var(--bg-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100%;box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow:hidden}.round-info-header{background:var(--bg-overlay-dark);padding:var(--spacing-sm);text-align:center;border-bottom:1px solid #fff3}.round-info-header h3{color:#fff;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.round-street-name{font-size:var(--font-size-md);color:var(--color-gold);word-break:break-word;margin:0;font-weight:700}.round-map{flex:1;min-height:300px;position:relative}.round-navigation{background:#0003;justify-content:center;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;margin-top:0!important}.nav-arrow{color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;z-index:1000;background:#ffffffe6;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;transition:all .2s;display:flex;position:relative}.nav-arrow:hover:not(:disabled){background:var(--bg-white);border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-primary);transform:scale(1.1)}.nav-arrow:disabled{color:#ffffff80;cursor:not-allowed;opacity:.6;background:#6c757d80;border-color:#6c757d4d;transform:none}.round-counter{color:#fff;text-align:center;background:#0000004d;border:1px solid #fff3;border-radius:20px;min-width:80px;padding:.5rem 1rem;font-size:1rem;font-weight:700}.street-feedback{z-index:10;background:#0000001a;justify-content:center;align-items:center;padding:.5rem;display:flex;position:relative}.dislike-button{color:#fff9;cursor:pointer;z-index:10;pointer-events:auto;background:0 0;border:1px solid #fff3;border-radius:15px;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.85rem;transition:all .2s;display:flex;position:relative}.dislike-button:hover{color:#fffc;background:#ffffff1a;border-color:#ffffff4d}.dislike-button:active{background:#ffffff26;transform:scale(.95)}.dislike-button:disabled{opacity:.5;cursor:not-allowed;color:#90ee90cc;background:#28a74533;border-color:#28a7454d}.dislike-button:disabled:hover{background:#28a74533;border-color:#28a7454d;transform:none}@media (width<=768px){.game-over-screen{align-items:flex-start;height:100vh;min-height:100vh;padding:0;overflow-y:auto}.game-over-layout{flex-direction:column;gap:0;width:100%;height:auto;min-height:100vh}.game-over-column{padding:0}.game-over-left{flex-direction:column;flex:1;order:-1;padding:.5rem;display:flex}.last-street-map{height:200px;min-height:200px}.round-review-section{flex-direction:column;flex:1;display:flex}.game-over-center{min-height:auto;padding:1rem}.game-over-content{padding:0}.game-over-content h1{margin-bottom:.75rem;font-size:2rem}.game-over-content .game-over-actions{flex-direction:column;gap:.75rem;width:100%;margin-top:1rem}.game-over-content .play-again-button,.game-over-content .back-button{width:100%;padding:12px 20px;font-size:16px}.final-score{margin-bottom:.5rem;font-size:1.5rem}.high-score-status{margin-bottom:.75rem;padding:.5rem .8rem;font-size:.9rem;line-height:1.3}.game-over-right{padding:1rem}.round-info-header{padding:.5rem}.round-info-header h3,.round-street-name{font-size:1rem}.round-map{flex:1;min-height:250px}.round-navigation{gap:.5rem;padding:.5rem}.nav-arrow{width:35px;height:35px;font-size:16px}.round-counter{min-width:70px;padding:.4rem .8rem;font-size:.9rem}}.game-over-content.victory{background:linear-gradient(135deg,#4caf5033,#388e3c4d);border:2px solid #4caf50;border-radius:12px;padding:2rem}.victory-title{text-shadow:0 2px 4px #1b5e204d;animation:2s ease-in-out infinite victoryPulse;color:#1b5e20!important}@keyframes victoryPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.admin-debug-container{flex-direction:column;height:100vh;display:flex}.admin-debug-header{color:#fff;background:#667eea;padding:15px}.admin-debug-back-button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500}.admin-debug-iframe{border:none;flex:1}.admin-boundary-filter{width:100%;max-width:300px;margin:0 auto 1rem}.filter-toggle{color:#333;cursor:pointer;text-align:left;background:#ffffffe6;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:12px;font-size:16px;transition:all .2s;display:flex}.filter-toggle:hover{background:#fff;box-shadow:0 2px 4px #0000001a}.toggle-icon{font-size:12px;transition:transform .2s}.filter-count{color:#007bff;margin-left:auto;font-size:14px;font-weight:700}.filter-content{background:#fffffff2;border-radius:8px;max-height:300px;margin-top:8px;padding:12px;overflow-y:auto}.filter-loading{text-align:center;color:#666;padding:12px}.filter-search{margin-bottom:12px;position:relative}.filter-search .search-input{color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:10px 32px 10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.filter-search .search-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.filter-search .search-input::placeholder{color:#999}.filter-search .search-clear{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;transition:color .2s,background-color .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.filter-search .search-clear:hover{color:#333;background-color:#0000000d}.no-results{text-align:center;color:#666;padding:16px;font-size:14px;font-style:italic}.level-count{color:#666;margin-left:6px;font-size:12px;font-weight:400}.admin-level-group{margin-bottom:12px}.admin-level-group:last-child{margin-bottom:0}.admin-level-title{color:var(--color-text-dark);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-fast);border-bottom:1px solid #e0e0e0;margin:0 0 8px;padding:8px 4px;font-size:14px;font-weight:700;list-style:none}.admin-level-title::-webkit-details-marker{display:none}.admin-level-title:before{content:"▶";margin-right:8px;font-size:10px;transition:transform .2s;display:inline-block}.admin-level-group[open] .admin-level-title:before{transform:rotate(90deg)}.admin-level-title:hover{border-radius:var(--radius-sm);background-color:#007bff0d}.level-content{margin-top:8px}.select-all-checkbox{cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background-color:#007bff0d;align-items:center;gap:8px;margin-bottom:8px;padding:6px 4px;display:flex}.select-all-checkbox:hover{background-color:#007bff1a}.select-all-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0}.select-all-label{color:var(--color-primary);-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600}.boundary-checkboxes{border-left:2px solid #007bff1a;flex-direction:column;gap:6px;padding-left:8px;display:flex}.boundary-checkbox{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:4px;transition:background-color .2s;display:flex}.boundary-checkbox:hover{background-color:#007bff1a}.boundary-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0}.boundary-name{color:#333;-webkit-user-select:none;user-select:none;font-size:14px}