:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;gap:20px}.container{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;max-width:1200px;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.header{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:40px 30px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.header-title{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:8px}.header-logo{width:60px;height:60px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}h1{font-size:2.5em;margin-bottom:0;font-weight:700;letter-spacing:-.02em}.subtitle{font-size:1.1em;opacity:.8;font-weight:400}.setup-screen,.game-screen,.result-screen{padding:40px}.hidden{display:none}.option-group{margin-bottom:24px}.option-group label{display:block;font-size:.9em;margin-bottom:10px;color:#64748b;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.wine-submenu{margin-top:8px}.inline-control{display:flex;align-items:center;justify-content:space-between}.inline-control>label:first-child{margin-bottom:0}.inline-control .toggle-switch{margin-bottom:0}.pill-group{display:flex;gap:8px;flex-wrap:wrap}button{padding:16px 28px;font-size:1em;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:600;font-family:inherit}.pill-btn{background:#f1f5f9;color:#475569;padding:8px 18px;font-size:.9em;border-radius:20px;border:1.5px solid #e2e8f0;font-weight:500}.pill-btn:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1px)}.pill-btn.selected{background:#1e293b;color:#fff;border-color:#1e293b;box-shadow:0 2px 8px #1e293b40}.pill-btn:disabled{opacity:.4;cursor:not-allowed;background:#f8fafc;color:#94a3b8;border-color:#f1f5f9}.pill-btn:disabled:hover{transform:none;background:#f8fafc;border-color:#f1f5f9}.select-control{padding:10px 16px;font-size:.95em;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#1e293b;cursor:pointer;font-weight:500;font-family:inherit;transition:all .2s ease;min-width:140px}.select-control:hover{border-color:#cbd5e1;background:#f1f5f9}.select-control:focus{outline:none;border-color:#1e293b;box-shadow:0 0 0 3px #1e293b1a}.start-btn{background:#10b981;color:#fff;width:100%;margin-top:20px;font-size:1.2em;padding:20px;border:2px solid #10b981}.start-btn:hover{background:#059669;border-color:#059669;transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.game-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 24px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.info-item{text-align:center}.info-label{font-size:.75em;color:#64748b;margin-bottom:4px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:1.4em;font-weight:700;color:#1e293b}.question-box{background:#1e293b;color:#fff;padding:20px 28px;border-radius:12px;text-align:center;margin-bottom:20px;font-size:1.5em;font-weight:600;box-shadow:0 4px 16px #1e293b33;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:20px}.question-text{flex:0 1 auto}.timer-display{background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;padding:8px 20px;border-radius:25px;font-size:.75em;font-weight:700;box-shadow:0 2px 8px #0f766e4d;border:2px solid rgba(255,255,255,.2);letter-spacing:.05em;transition:all .3s ease;flex:0 0 auto;min-width:70px}.timer-display.timer-warning{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 2px 10px #dc262666;animation:pulse-timer 1s ease-in-out infinite}@keyframes pulse-timer{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.map-label-toggle{position:absolute;bottom:20px;left:20px;z-index:1000;background:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 4px 12px #00000026;border:1px solid #e2e8f0}.toggle-switch{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input[type=checkbox]{display:none}.toggle-slider{position:relative;display:block;width:48px;height:24px;background:#cbd5e1;border-radius:24px;transition:background .3s ease}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch input[type=checkbox]:checked+.toggle-slider{background:#10b981}.toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label{font-size:.9em;font-weight:600;color:#1e293b;white-space:nowrap}.map-container{position:relative;width:100%;height:450px;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a;border:1px solid #e2e8f0}#map{width:100%;height:100%}#map.clickable{cursor:crosshair}.leaflet-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.user-marker{background-color:#f44;width:20px;height:20px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);transform-origin:0% 100%;border:3px solid #fff;box-shadow:0 3px 10px #0006;animation:markerDrop .5s ease-out}@keyframes markerDrop{0%{transform:rotate(-45deg) translateY(-50px) scale(0);opacity:0}60%{transform:rotate(-45deg) translateY(5px) scale(1.1)}to{transform:rotate(-45deg) translateY(0) scale(1);opacity:1}}.distance-line{stroke:#ff6b6b;stroke-width:3;stroke-dasharray:10,5;animation:dashAnimation 20s linear infinite}@keyframes dashAnimation{to{stroke-dashoffset:-1000}}.feedback{margin-top:20px;padding:24px 28px;border-radius:12px;text-align:center;font-size:1.2em;animation:slideIn .4s ease-out;font-weight:600;border:2px solid transparent}@keyframes slideIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.feedback.excellent{background:#10b981;color:#fff;border-color:#059669;box-shadow:0 4px 16px #10b9814d}.feedback.good{background:#3b82f6;color:#fff;border-color:#2563eb;box-shadow:0 4px 16px #3b82f64d}.feedback.okay{background:#f59e0b;color:#fff;border-color:#d97706;box-shadow:0 4px 16px #f59e0b4d}.feedback.poor{background:#ef4444;color:#fff;border-color:#dc2626;box-shadow:0 4px 16px #ef44444d}.next-btn{background:#1e293b;color:#fff;width:100%;margin-top:20px;font-size:1.1em;padding:18px;border:2px solid #1e293b}.next-btn:hover{background:#0f172a;border-color:#0f172a;transform:translateY(-2px);box-shadow:0 6px 16px #1e293b4d}.results{text-align:center}.final-score{font-size:4em;color:#1e293b;font-weight:800;margin:20px 0;letter-spacing:-.02em}.score-message{font-size:1.3em;color:#475569;margin-bottom:30px;font-weight:500}.play-again-btn{background:#10b981;color:#fff;padding:20px 50px;font-size:1.2em;border:2px solid #10b981}.play-again-btn:hover{background:#059669;border-color:#059669;transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.round-results{margin:30px 0;text-align:left}.round-item{background:#f8fafc;padding:16px 20px;margin-bottom:8px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e2e8f0;transition:all .2s}.round-item:hover{background:#f1f5f9;border-color:#cbd5e1}.round-place{font-weight:600;color:#1e293b}.round-score{font-weight:700;color:#10b981;font-size:1.2em}.footer{text-align:center;padding:16px 20px;color:#ffffffb3;font-size:.9em}.footer p{margin:0}.footer a{color:#ffffffe6;text-decoration:none;font-weight:500;transition:color .2s ease}.footer a:hover{color:#10b981;text-decoration:underline}@media(max-width:768px){body{padding:8px;gap:12px}.container{border-radius:12px;max-width:100%}.header{padding:16px 20px}.header-logo{width:40px;height:40px}h1{font-size:1.6em;margin-bottom:0}.subtitle{font-size:.85em}.setup-screen,.game-screen,.result-screen{padding:20px 16px}.game-info{padding:8px 12px;margin-bottom:12px;border-radius:8px;gap:8px}.info-item{flex:1}.info-label{font-size:.65em;margin-bottom:2px;letter-spacing:.03em}.info-value{font-size:1.1em}.question-box{padding:12px 16px;margin-bottom:12px;font-size:1.1em;border-radius:8px;flex-wrap:wrap;gap:10px}.timer-display{font-size:.7em;padding:6px 16px;min-width:60px}.map-container{height:calc(100vh - 360px);min-height:280px;max-height:450px;border-radius:8px}.map-label-toggle{padding:8px 12px;bottom:12px;left:12px;border-radius:8px}.toggle-label{font-size:.8em}.toggle-slider{width:40px;height:20px}.toggle-slider:before{width:16px;height:16px}.toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translate(20px)}.feedback{padding:16px 20px;font-size:1em;margin-top:12px}.next-btn{padding:14px;font-size:1em;margin-top:12px}.start-btn{padding:16px;font-size:1.1em;margin-top:16px}.footer{padding:12px 16px;font-size:.8em}.option-group{margin-bottom:16px}.pill-btn{padding:6px 14px;font-size:.85em}}@media(max-width:480px){body{padding:4px;gap:8px}.header{padding:12px 16px}.header-logo{width:35px;height:35px}h1{font-size:1.4em}.subtitle{font-size:.8em}.setup-screen,.game-screen,.result-screen{padding:16px 12px}.game-info{padding:6px 10px;margin-bottom:10px}.info-label{font-size:.6em}.info-value{font-size:1em}.question-box{padding:10px 14px;margin-bottom:10px;font-size:1em}.timer-display{font-size:.65em;padding:5px 12px;min-width:50px}.map-container{height:calc(100vh - 340px);min-height:260px;max-height:400px}.map-label-toggle{padding:6px 10px;bottom:8px;left:8px;font-size:.85em}.toggle-label{font-size:.75em}.pill-btn{padding:5px 12px;font-size:.8em}.footer{font-size:.75em;padding:10px 12px}}