: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,#764ba2);--gradient-red:linear-gradient(135deg,#ff6b6b,#ee5a52);--spacing-xs:0.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 0.2s ease;--transition-medium:all 0.3s ease;--z-overlay:1000;--z-modal:9999;--font-size-sm:0.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{align-items:stretch;display:flex;gap:var(--spacing-lg);margin:0 auto;max-width:var(--max-width-content);width:100%}.centered,.centered-column{align-items:center;display:flex;justify-content:center}.centered-column{flex-direction:column}.glass-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border-radius:var(--radius-lg)}.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{align-items:center;border-radius:var(--radius-circle);cursor:pointer;display:flex;justify-content:center;transition:var(--transition-fast)}.form-input{background:var(--bg-glass-opaque);border:none;border-radius:var(--radius-md);color:var(--color-text-dark);display:block;font-size:16px;margin:0 auto var(--spacing-sm);max-width:var(--max-width-form);padding:12px;width:100%}.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}#root,body,html{height:100%}.App{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.loading-screen{align-items:center;background-color:var(--color-gray-light);display:flex;height:100vh;justify-content:center}.loading-content{align-items:center;display:flex;flex-direction:column;gap:20px;text-align:center}.loading-content p{color:var(--color-text-light);font-size:18px}.spinner{border:4px solid #f3f3f3;border-radius:var(--radius-circle);border-top:4px solid var(--color-primary);height:50px;width:50px}.spinner,.spinner-small{animation:spin 1s linear infinite}.spinner-small{border:2px solid #f3f3f3;border-radius:var(--radius-circle);border-top:2px solid var(--color-primary);display:inline-block;height:16px;margin-right:8px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}button{background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;font-size:16px;padding:10px 20px}button:hover{background-color:var(--color-primary-dark)}button:disabled{background-color:var(--color-gray);cursor:not-allowed}.toast-message{animation:slideDown .3s ease-out;left:50%;position:fixed;top:20px;transform:translateX(-50%);z-index:var(--z-modal)}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:inline-block;font-size:16px;font-weight:700;padding:12px 24px}.toast.correct{background-color:#d4eddaf2;border:1px solid #c3e6cb;color:#155724}.toast.incorrect{background-color:#f8d7daf2;border:1px solid #f5c6cb;color:#721c24}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.toast-message{left:0;padding:0 10px;right:0;top:50px;transform:none}.App:has(.timer-display.survival) .toast-message{top:90px}.toast{display:block;padding:10px 16px;text-align:center;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}}.landing-screen{align-items:center;background:var(--gradient-purple);color:var(--color-text-white);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;position:relative}.landing-footer{bottom:10px;font-size:.85em;left:0;opacity:.7;position:absolute;right:0;text-align:center}.landing-footer a{color:var(--color-text-white);text-decoration:none}.landing-footer a:hover{text-decoration:underline}.landing-content{align-items:stretch;display:flex;gap:var(--spacing-lg);margin:0 auto;max-width:var(--max-width-content);width:100%}.landing-column{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:1rem}.landing-left{text-align:left}.landing-center{justify-content:center}.landing-center,.landing-right{text-align:center}.landing-center h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xs);text-shadow:2px 2px 4px #0000004d}.landing-center .subtitle{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);opacity:.9}.instructions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border-radius:var(--radius-lg);height:fit-content;padding:var(--spacing-md)}.instructions h2{font-size:1.5rem;margin-bottom:1rem}.instructions ul{margin:0;padding-left:1.5rem;text-align:left}.instructions li{margin-bottom:.5rem;padding-left:.5rem}.start-game-form{margin-bottom:2rem}.city-select{background:var(--bg-glass-opaque);border:none;border-radius:var(--radius-md);color:var(--color-text-dark);cursor:pointer;display:block;font-size:16px;margin:0 auto var(--spacing-sm);max-width:var(--max-width-form);padding:12px;width:100%}.city-select:focus{background:var(--bg-white);box-shadow:var(--shadow-focus);outline:none}.nickname-input{background:var(--bg-glass-opaque);border:none;border-radius:var(--radius-md);color:var(--color-text-dark);display:block;font-size:16px;margin:0 auto var(--spacing-sm);max-width:var(--max-width-form);padding:12px;width:100%}.nickname-input:focus{background:var(--bg-white);box-shadow:var(--shadow-focus);outline:none}.landing-center .customize-button,.start-button{background:var(--color-success);border:none;border-radius:var(--radius-md);color:var(--color-text-white);cursor:pointer;font-size:18px;font-weight:700;padding:12px 30px;transition:var(--transition-fast);width:100%}.landing-center .customize-button{background:var(--color-gray);margin-top:10px}.landing-center .customize-button:hover{background:#5a6268;box-shadow:var(--shadow-md);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);box-shadow:none;cursor:not-allowed;transform:none}.high-scores{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border-radius:var(--radius-lg);height:fit-content;padding:var(--spacing-md)}.high-scores h2{font-size:1.5rem;margin-bottom:1rem}.high-scores ol{list-style:none;margin:0;padding:0}.high-scores li{align-items:center;background:#ffffff1a;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.high-scores .nickname{font-weight:700}.high-scores .score{color:var(--color-gold);font-size:var(--font-size-md)}.landing-screen:has(.customize-content){height:100vh;justify-content:flex-start;min-height:100vh;overflow:hidden;padding:0}.customize-content{align-items:stretch;gap:0;height:100vh;margin:0;max-width:none}.customize-settings-column{flex:1 1;height:100%;min-width:0;padding:0}.customize-map-column{display:flex;flex:2 1;height:100%;min-width:0;padding:0}.customize-settings-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;display:flex;flex-direction:column;gap:1.5rem;height:100%;max-height:100%;overflow-y:auto;padding:2rem}.customize-settings-panel h2{color:#fff;font-size:2rem;margin:0 0 .5rem}.customize-settings-panel .settings-section{display:flex;flex-direction:column;gap:.5rem}.customize-settings-panel .settings-section label{color:#fff;font-size:.95rem;font-weight:600}.customize-settings-panel .settings-hint{color:#fffc;font-size:.85rem;margin:0 0 .5rem}.timer-select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:all .2s ease}.timer-select:hover{background:#ffffff26;border-color:#ffffff80}.timer-select:focus{background:#fff3;border-color:var(--color-primary);outline:none}.timer-select option{background:#2d3748;color:#fff}.customize-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.customize-actions .back-button{background:var(--color-gray);border:none;border-radius:var(--radius-md);color:var(--color-text-white);cursor:pointer;font-size:16px;font-weight:700;height:auto;padding:12px 30px;transition:var(--transition-fast);width:100%}.customize-actions .back-button:hover{background:#5a6268;box-shadow:var(--shadow-md);transform:translateY(-2px)}.customize-map-panel{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.customize-map-panel .map-error,.customize-map-panel .map-loading{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.customize-map-panel .map-error p,.customize-map-panel .map-loading p{color:#fff;font-size:1.1rem}.customize-map{border-radius:10px;height:100%;width:100%}.map-loading{flex-direction:column;gap:20px}.map-error,.map-loading{align-items:center;display:flex;height:100%;justify-content:center}.map-error{color:#dc3545}.game-mode-selector{display:flex;gap:10px;margin-bottom:15px;width:100%}.mode-button{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:5px;padding:15px;transition:all .2s ease}.mode-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.mode-button.active{background:#ffffff40;border-color:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.mode-icon{font-size:24px}.mode-label{font-size:16px;font-weight:700}.mode-desc{font-size:12px;opacity:.9}.timer-mode-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);width:100%}.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{font-size:11px;opacity:.85;text-align:center}.mobile-nav-buttons{display:none;gap:10px;position:fixed;right:20px;top:20px;z-index:100}.mobile-nav-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;transition:all .2s ease;width:50px}.mobile-nav-button:hover{background:#ffffff4d;transform:scale(1.05)}.mobile-nav-button:active{transform:scale(.95)}.panel-header{display:none;margin-bottom:10px;padding:10px}.back-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.back-button:hover{background:#ffffff4d;transform:scale(1.05)}.scrollable-panel{display:flex;flex-direction:column;height:100%;justify-content:center;overflow-y:auto}@media (max-width:768px){.mobile-nav-buttons{display:flex}.landing-left,.landing-right{background:var(--gradient-purple);bottom:0;display:none;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:200}.landing-left.show-mobile,.landing-right.show-mobile{display:flex}.landing-left .panel-header,.landing-right .panel-header{display:block}.landing-content{flex-direction:column;gap:1rem}.landing-column{padding:.5rem}.landing-center{width:100%}.landing-center h1{font-size:2rem}.landing-center .subtitle{font-size:1rem}.high-scores h2,.instructions h2{font-size:1.2rem}.scrollable-panel{justify-content:flex-start;max-height:calc(100vh - 40px)}}.mobile-map-preview{display:none}@media (max-width:768px){.customize-content{flex-direction:column;height:100vh;overflow-y:auto}.customize-settings-column{flex:0 0 auto;height:auto;padding:0;width:100%}.customize-settings-panel{height:auto;max-height:none;overflow-y:visible;padding:15px}.customize-settings-panel h2{text-align:center}.customize-map-column{display:none}.mobile-map-preview{display:block;height:50vh;margin:20px 0;min-height:400px;width:100%}.mobile-map-preview .customize-map-panel{border-radius:0;height:100%}.mobile-map-preview .customize-map{border-radius:0}}@media (min-width:769px) and (max-width:1024px){.customize-content{flex-direction:column;height:100vh;overflow-y:auto}.customize-settings-column{flex:0 0 auto;height:auto;width:100%}.customize-settings-panel{height:auto;max-height:none}.customize-map-column{flex:0 0 auto;height:50vh;min-height:400px;width:100%}.customize-map-panel{height:100%}}.map-container{flex:1 1;overflow:hidden;position:relative}.score{color:var(--color-text-dark);font-size:16px;font-weight:700;margin-right:15px;white-space:nowrap}.score-display{background:var(--bg-glass-opaque);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);left:20px;padding:10px 15px;position:absolute;top:20px;z-index:var(--z-overlay)}.score-label{color:var(--color-text-dark);font-size:18px;font-weight:700}.timer-display{align-items:center;background:var(--bg-glass-opaque);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:8px;left:50%;padding:10px 15px;position:absolute;top:20px;transform:translateX(-50%);transition:all .3s ease;z-index:var(--z-overlay)}@media (max-width:768px){.timer-display{left:50%;top:10px;transform:translateX(-50%)}.timer-display.urgent:not(.survival){animation:pulse-centered 1s infinite!important}.timer-display.survival{background:var(--bg-glass-opaque);border-radius:0;justify-content:center;left:0;right:0;top:0;transform:none;width:100%}.timer-display.survival.urgent{animation:pulse 1s infinite!important}}.timer-display.survival{background:var(--bg-glass-opaque)}.timer-display.warning{background:#ffedd5f2}.timer-display.urgent{animation:pulse-centered 1s infinite;background:#fee2e2f2}.timer-display.survival.warning{background:#ffedd5f2}.timer-display.survival.urgent{animation:pulse 1s infinite;background:#fee2e2f2}@keyframes pulse-centered{0%,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.05)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.timer-icon{font-size:20px}.timer-text{color:var(--color-text-dark);font-size:18px;font-weight:700;min-width:45px}.timer-badge{background:#0003;border-radius:4px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.timer-display.survival .timer-badge{display:none}.timer-bar{background:#0000001a;border-radius:3px;height:6px;overflow:hidden;width:80px}.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{background:var(--bg-glass-opaque);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:5px;padding:10px;position:absolute;right:20px;top:20px;z-index:var(--z-overlay)}.heart{font-size:24px;transition:all .3s ease}.heart.filled{filter:brightness(1)}.heart.empty{filter:grayscale(1) brightness(.5)}.input-container{background-color:var(--bg-white);border-top:1px solid var(--color-gray-medium);flex-direction:column;flex-shrink:0;padding:15px;position:relative;z-index:var(--z-overlay)}.input-container,.input-container form{align-items:center;display:flex;gap:10px}.input-container form{max-width:800px;width:100%}.guess-input{border:1px solid var(--color-gray-medium);border-radius:var(--radius-sm);flex:1 1;font-size:16px;min-width:0;padding:10px}.guess-input:focus{border-color:var(--color-primary);outline:none}.button-row{display:flex;gap:10px}@media (max-width:768px){.score-display{align-items:center;display:flex;left:10px;min-height:36px;padding:6px 10px;top: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{font-size:14px;min-width:35px}.timer-icon{font-size:16px}.timer-bar{height:4px;width:60px}.timer-badge{font-size:8px;padding:2px 4px}.lives-display{align-items:center;display:flex;gap:5px;min-height:36px;padding:6px 10px;right:10px;top:10px}.lives-display .heart:not(:first-child){display:none}.heart{font-size:18px}.lives-display:after{color:var(--color-text-dark);content:"×" attr(data-lives);font-size:14px;font-weight:700}.input-container{gap:8px;padding:10px}.input-container form{flex-direction:column;gap:8px}.guess-input{font-size:16px;padding:8px;width:100%}.button-row{gap:8px;width:100%}.button-row button{flex:1 1;font-size:14px;padding:8px 10px}.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{align-items:center;display:flex;gap:10px;justify-content:center;max-width:800px;width:100%}.target-prompt{align-items:center;background:var(--bg-light);border:2px solid var(--color-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:5px;padding:10px 20px}.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 (max-width:768px){.reverse-mode-controls{flex-direction:column;gap:8px}.target-prompt{padding:8px 15px;width:100%}.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 1;font-size:14px;padding:8px 10px}}.zoom-controls{bottom:20px;display:flex;flex-direction:column;left:20px;position:absolute;z-index:1000}.zoom-btn{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#333;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;margin-bottom:5px;transition:all .2s ease;width:40px}.zoom-btn:hover:not(:disabled){background-color:#f5f5f5;border-color:#007bff;color:#007bff}.zoom-btn:disabled{background-color:#f8f9fa;border-color:#e9ecef;color:#6c757d;cursor:not-allowed;opacity:.6}.zoom-in{border-radius:4px 4px 0 0;margin-bottom:0}.zoom-out{border-radius:0 0 4px 4px;border-top:none}.recenter-control{bottom:20px;position:absolute;right:20px;z-index:1000}.recenter-btn{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:20px;height:45px;justify-content:center;transition:all .2s ease;width:45px}.recenter-btn:hover:not(:disabled){background-color:#f5f5f5;border-color:#007bff;transform:scale(1.05)}.recenter-btn:disabled{background-color:#f8f9fa;border-color:#e9ecef;cursor:not-allowed;opacity:.6}.game-over-screen{align-items:center;background:var(--gradient-red);color:var(--color-text-white);display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:20px}.game-over-layout{align-items:stretch;display:flex;gap:var(--spacing-lg);height:80vh;margin:0 auto;max-width:var(--max-width-content);width:100%}.game-over-column{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:1rem}.game-over-left{position:relative}.game-over-center{justify-content:center;text-align:center}.game-over-right{text-align:center}.last-street-map{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:100%;overflow:hidden;position:relative;width:100%}.street-name-overlay{background:var(--bg-overlay-darker);border-radius:5px;bottom:10px;color:var(--color-text-white);left:10px;padding:10px;position:absolute;right:10px;text-align:center;z-index:var(--z-overlay)}.street-name-overlay p{font-size:1.1rem;font-weight:700;margin:0}.game-over-content{margin:0 auto;max-width:var(--max-width-narrow);text-align:center}.game-over-content h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px #0000004d}.final-score{color:var(--color-gold);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm)}.high-score-status{border-radius:5px;font-size:1.1rem;font-weight:700;margin-bottom:2rem;padding:.5rem 1rem}.high-score-status.saved{background:#28a74533;border:1px solid #28a74580;color:#90ee90}.high-score-status.not-saved{background:#ffc10733;border:1px solid #ffc10780;color:gold}.high-score-status.no-nickname{background:#6c757d33;border:1px solid #6c757d80;color:#d3d3d3}.game-over-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.game-over-actions .back-button,.game-over-actions .play-again-button{border:none;border-radius:var(--radius-md);color:var(--color-text-white);cursor:pointer;flex:0 0 auto;font-size:18px;font-weight:700;min-width:180px;padding:12px 30px;transition:var(--transition-fast);white-space:nowrap}.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{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;overflow:hidden}.round-info-header{background:var(--bg-overlay-dark);border-bottom:1px solid #fff3;padding:var(--spacing-sm);text-align:center}.round-info-header h3{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.round-street-name{color:var(--color-gold);font-size:var(--font-size-md);font-weight:700;margin:0;word-break:break-word}.round-map{flex:1 1;min-height:300px;position:relative}.round-navigation{background:#0003;border-top:1px solid #fff3;gap:1rem;padding:1rem}.nav-arrow,.round-navigation{align-items:center;display:flex;justify-content:center}.nav-arrow{background:#ffffffe6;border:2px solid #ffffff4d;border-radius:50%;color:#333;cursor:pointer;font-size:20px;font-weight:700;height:40px;pointer-events:auto;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:40px;z-index:1000}.nav-arrow:hover:not(:disabled){background:var(--bg-white);border-color:var(--color-primary);box-shadow:var(--shadow-primary);color:var(--color-primary);transform:scale(1.1)}.nav-arrow:disabled{background:#6c757d80;border-color:#6c757d4d;color:#ffffff80;cursor:not-allowed;opacity:.6;transform:none}.round-counter{background:#0000004d;border:1px solid #fff3;border-radius:20px;color:#fff;font-size:1rem;font-weight:700;min-width:80px;padding:.5rem 1rem;text-align:center}@media (max-width:768px){.game-over-screen{align-items:flex-start;height:100vh;min-height:100vh;overflow-y:auto;padding:0}.game-over-layout{flex-direction:column;gap:0;height:auto;min-height:100vh;width:100%}.game-over-column{padding:0}.game-over-left{display:flex;flex:1 1;flex-direction:column;order:-1;padding:.5rem}.last-street-map{height:200px;min-height:200px}.round-review-section{display:flex;flex:1 1;flex-direction:column}.game-over-center{min-height:auto;padding:1rem}.game-over-content{padding:0}.game-over-content h1{font-size:2rem;margin-bottom:.75rem}.game-over-content .game-over-actions{flex-direction:column;gap:.75rem;margin-top:1rem;width:100%}.game-over-content .back-button,.game-over-content .play-again-button{font-size:16px;padding:12px 20px;width:100%}.final-score{font-size:1.5rem;margin-bottom:.5rem}.high-score-status{font-size:.9rem;line-height:1.3;margin-bottom:.75rem;padding:.5rem .8rem}.game-over-right{padding:1rem}.round-info-header{padding:.5rem}.round-info-header h3,.round-street-name{font-size:1rem}.round-map{flex:1 1;min-height:250px}.round-navigation{gap:.5rem;padding:.5rem}.nav-arrow{font-size:16px;height:35px;width:35px}.round-counter{font-size:.9rem;min-width:70px;padding:.4rem .8rem}}.admin-boundary-filter{margin:0 auto 1rem;max-width:300px;width:100%}.filter-toggle{align-items:center;background:#ffffffe6;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:12px;text-align:left;transition:all .2s ease;width:100%}.filter-toggle:hover{background:#fff;box-shadow:0 2px 4px #0000001a}.toggle-icon{font-size:12px;transition:transform .2s ease}.filter-count{color:#007bff;font-size:14px;font-weight:700;margin-left:auto}.filter-content{background:#fffffff2;border-radius:8px;margin-top:8px;max-height:300px;overflow-y:auto;padding:12px}.filter-loading{color:#666;padding:12px;text-align:center}.admin-level-group{margin-bottom:12px}.admin-level-group:last-child{margin-bottom:0}.admin-level-title{border-bottom:1px solid #e0e0e0;color:var(--color-text-dark);cursor:pointer;font-size:14px;font-weight:700;list-style:none;margin:0 0 8px;padding:8px 4px;transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.admin-level-title::-webkit-details-marker{display:none}.admin-level-title:before{content:"▶";display:inline-block;font-size:10px;margin-right:8px;transition:transform .2s ease}.admin-level-group[open] .admin-level-title:before{transform:rotate(90deg)}.admin-level-title:hover{background-color:#007bff0d;border-radius:var(--radius-sm)}.level-content{margin-top:8px}.select-all-checkbox{align-items:center;background-color:#007bff0d;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:8px;margin-bottom:8px;padding:6px 4px;transition:var(--transition-fast)}.select-all-checkbox:hover{background-color:#007bff1a}.select-all-checkbox input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.select-all-label{color:var(--color-primary);font-size:13px;font-weight:600;-webkit-user-select:none;user-select:none}.boundary-checkboxes{border-left:2px solid #007bff1a;display:flex;flex-direction:column;gap:6px;padding-left:8px}.boundary-checkbox{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:4px;transition:background-color .2s ease}.boundary-checkbox:hover{background-color:#007bff1a}.boundary-checkbox input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.boundary-name{color:#333;font-size:14px;-webkit-user-select:none;user-select:none}.normalization-selector{width:100%}.difficulty-toggle{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;gap:8px;justify-content:center;margin:12px 0 16px;padding:4px;width:100%}.difficulty-btn{background:#ffffff26;border:2px solid #0000;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.difficulty-btn:hover{background:#fff3}.difficulty-btn.active{background:#3b82f6;border-color:#2563eb;color:#fff}.normalization-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.normalization-option{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:10px;padding:15px;transition:all .2s ease}.normalization-option.verified,.normalization-option:hover{background:#ffffff26;border-color:#ffffff80}.normalization-option label{align-items:center;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-bottom:4px}.normalization-option input[type=checkbox]{cursor:pointer;height:18px;width:18px}.normalization-option input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.norm-name{align-items:center;color:#fff;display:flex;gap:6px}.verified-badge{color:#10b981;font-size:14px}.norm-description{color:#fffc;font-size:13px;margin:4px 0 8px 26px}.norm-example{align-items:center;display:flex;font-size:12px;gap:8px;margin-left:26px}.norm-example code{background:#ffffff26;border:1px solid #ffffff4d;border-radius:3px;color:#fff;padding:2px 6px}.norm-example .arrow{color:#fff9}.admin-city-create{display:flex;height:100vh;width:100vw}.admin-panel{background:var(--gradient-purple);border-right:1px solid var(--color-border);overflow-y:auto;padding:20px;width:33.333%}.admin-panel h2{color:var(--color-text-white);margin:0 0 20px}.admin-panel h3{border-bottom:2px solid #ffffff4d;color:var(--color-text-white);font-size:1.1em;margin:20px 0 10px;padding-bottom:5px}.admin-panel section{margin-bottom:25px}.admin-panel label{color:var(--color-text-white);display:block;font-weight:500;margin-bottom:15px}.admin-panel input,.admin-panel select{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:14px;margin-top:5px;padding:8px 12px;width:100%}.admin-panel input:focus,.admin-panel select:focus{border-color:var(--color-primary);box-shadow:0 0 0 .2rem #007bff40;outline:none}.help-text{color:#fffc;font-size:.9em;font-style:italic;margin:5px 0}.bound-control{align-items:center;display:flex;gap:10px;margin-bottom:10px}.bound-control label{color:var(--color-text-white);flex:0 0 160px;margin:0}.bound-button-group{align-items:center;background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex:1 1;gap:10px;padding:8px 12px}.draw-button{background:var(--bg-white);border:3px solid;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0003;color:var(--color-text-dark);cursor:pointer;font-weight:600;padding:6px 16px;transition:var(--transition-fast)}.draw-button:hover:not(:disabled){background:var(--bg-white);box-shadow:0 4px 6px #0000004d;transform:translateY(-1px)}.draw-button:disabled{cursor:not-allowed;opacity:.5}.bound-preview{background:var(--bg-light);border-radius:var(--radius-sm);color:var(--color-text-dark);font-family:monospace;font-size:.9em;font-weight:500;padding:6px 10px}.bound-preview-empty{color:var(--color-text-light);font-style:italic}.polygon-mode-toggle{align-items:center;display:flex}.toggle-switch{border:none;cursor:pointer;height:60px;padding:0;position:relative;transition:var(--transition-fast);width:28px;z-index:10}.toggle-switch,.toggle-switch:hover{background:#0000}.toggle-switch:disabled{cursor:not-allowed;opacity:.5}.toggle-track{background:#cbd5e1;border-radius:14px;bottom:0;left:0;position:absolute;right:0;top:0;transition:background .3s ease}.toggle-switch.active .toggle-track{background:#10b981}.toggle-thumb{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0003;height:24px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:24px}.toggle-switch.active .toggle-thumb{transform:translateY(32px)}.toggle-icon{align-items:center;color:#1e293b;display:flex;height:28px;justify-content:center;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);transition:color .3s ease;width:28px;z-index:1}.toggle-icon-top{top:0}.toggle-icon-bottom{bottom:0}.cancel-button{background:var(--color-danger);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;font-weight:500;margin-top:10px;padding:10px;transition:var(--transition-fast);width:100%}.cancel-button:hover{background:#c82333}.submit-button{background:var(--color-success);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px;transition:var(--transition-fast);width:100%}.submit-button:hover:not(:disabled){background:var(--color-success-dark)}.submit-button:disabled{background:var(--color-gray);cursor:not-allowed}.message{border-radius:var(--radius-sm);font-size:14px;margin-bottom:20px;padding:12px}.message-success{background:#d4eddaf2;border:1px solid #c3e6cb;color:#155724}.message-error{background:#f8d7daf2;border:1px solid #f5c6cb;color:#721c24}.message-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.admin-map{flex:1 1;position:relative}.boundary-editor{height:100%;width:100%}.map-legend{background:var(--bg-white);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);min-width:180px;padding:15px;position:absolute;right:10px;top:10px;z-index:var(--z-overlay)}.map-legend h4{font-size:14px;margin:0 0 10px}.legend-item,.map-legend h4{color:var(--color-text-dark)}.legend-item{align-items:center;display:flex;font-size:13px;gap:8px;margin-bottom:8px}.legend-color{display:block;height:3px;width:20px}.legend-marker{font-size:16px}.map-attribution{border-top:1px solid #fff3;color:#ffffffb3;font-size:11px;margin-top:20px;padding:10px;text-align:center}.map-attribution a{color:#ffffffb3;text-decoration:none}.map-attribution a:hover{text-decoration:underline}.custom-dropdown{position:relative;width:100%}.custom-dropdown-trigger{align-items:center;background:var(--bg-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:10px;justify-content:space-between;margin-top:5px;padding:8px 12px;text-align:left;transition:var(--transition-fast);width:100%}.custom-dropdown-trigger:hover:not(:disabled){background:var(--bg-white);border-color:var(--color-border)}.custom-dropdown-trigger:disabled{background:var(--bg-light);cursor:not-allowed;opacity:.6}.custom-dropdown-trigger-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.custom-dropdown-trigger-label{color:var(--color-text-dark);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-dropdown-trigger-url{color:var(--color-text-light);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-dropdown-trigger svg{color:var(--color-text-light);flex-shrink:0}.custom-dropdown-menu{background:var(--bg-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.custom-dropdown-option{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:3px;padding:10px 12px;text-align:left;transition:background .15s ease;width:100%}.custom-dropdown-option:hover{background:var(--bg-light)}.custom-dropdown-option:active{background:#e2e8f0}.custom-dropdown-option-label{color:var(--color-text-dark);font-size:14px;font-weight:500}.custom-dropdown-option-url{color:var(--color-text-light);font-size:11px;word-break:break-all}.zoom-control{align-items:flex-end;display:flex;gap:10px;margin-bottom:15px}.zoom-control label{flex:1 1;margin-bottom:0}.preview-zoom-button{background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:var(--transition-fast);white-space:nowrap}.preview-zoom-button:hover{background:#0056b3}.reset-zoom-button{background:var(--color-danger);border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:15px;padding:8px 12px;transition:var(--transition-fast);width:100%}.reset-zoom-button:hover{background:#c82333}.admin-boundaries{background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-sm);margin-top:15px;padding:12px}.admin-boundaries-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.admin-boundaries h4{color:var(--color-text-white);font-size:14px;font-weight:600;margin:0}.clear-boundary-button{background:#ef4444cc;border:none;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:var(--transition-fast)}.clear-boundary-button:hover{background:#ef4444}.admin-boundaries ul{list-style:none;margin:0;padding:0}.admin-boundaries li{border-bottom:1px solid #ffffff1a;color:var(--color-text-white);font-size:13px;padding:8px 0}.admin-boundaries li:last-child{border-bottom:none}.admin-boundaries strong{color:#ffffffe6;font-weight:600}.boundary-info{align-items:center;display:flex;gap:10px;justify-content:space-between}.boundary-text{flex:1 1;min-width:0}.visualize-boundary-button{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:var(--radius-sm);color:var(--color-text-white);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:4px;transition:var(--transition-fast);width:28px}.visualize-boundary-button:hover{background:#ffffff40;border-color:#ffffff80}
/*# sourceMappingURL=main.98fd62f1.css.map*/