:root{--bg: #0f172a;--bg2: #1e293b;--bg3: #0f172a;--surface: rgba(15, 23, 42, .7);--surface-hover: rgba(30, 41, 59, .8);--border: rgba(255, 255, 255, .1);--border-active: #f59e0b;--accent: #005EB8;--accent2: #0038b8;--accent-glow: rgba(0, 94, 184, .4);--primary: #005EB8;--secondary: #E2E8F0;--gold: #005EB8;--gold-dim: rgba(0, 94, 184, .1);--green: #10b981;--orange: #f97316;--red: #ef4444;--text: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--radius: 16px;--radius-sm: 8px;--radius-lg: 20px;--shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow-glow: 0 15px 30px -10px var(--accent-glow);--font-heading: "Crimson Pro", serif;--font-body: "Atkinson Hyperlegible", sans-serif;--transition: all .4s cubic-bezier(.4, 0, .2, 1)}body.light-mode{--bg: #F8FAFC;--bg2: #ffffff;--bg3: #E2E8F0;--surface: rgba(255,255,255,.9);--surface-hover: rgba(255,255,255,1);--border: #CBD5E1;--border-active: var(--primary);--accent: #005EB8;--accent2: #0038b8;--accent-glow: rgba(0, 94, 184, .2);--text: #020617;--text-muted: #475569;--text-dim: #94a3b8;--shadow: 0 8px 32px rgba(0, 94, 184, .1);--shadow-glow: 0 15px 30px -10px var(--accent-glow)}body.light-mode .glass-card{background:#ffffffd9}body.light-mode .logo-subtitle{color:#1e293b;font-weight:600}body.light-mode .home-bg{background:radial-gradient(ellipse at 50% 0%,#cbd5e1 0%,var(--bg) 70%)}body.light-mode .game-hud{background:#fcfcf9f2}body.light-mode .map-hint{background:#fffffff2;color:var(--text);border:1px solid var(--border)}body.light-mode .leaflet-container{background:#e5e7eb!important}body.light-mode .leaflet-control-attribution{background:#ffffffd9!important;color:var(--text-muted)!important}body.light-mode .result-overlay{background:linear-gradient(to top,#fffc,#fff0 60%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.hidden{display:none!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}html,body{height:100%;font-family:var(--font-body);background:var(--bg);color:var(--text);overflow:hidden}.screen{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease;overflow-y:auto}.screen.active{opacity:1;pointer-events:all;transform:translateY(0);z-index:10}.btn-icon-only{background:var(--surface);border:1px solid var(--border);border-radius:50%;width:44px;height:44px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);color:var(--text)}.btn-icon-only:hover{background:var(--surface-hover);transform:scale(1.05);box-shadow:var(--shadow-glow)}.theme-toggle-home{position:absolute;top:20px;left:20px;z-index:100}.glass-card{background:var(--surface);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}#screen-home{display:flex;align-items:center;justify-content:center;min-height:100vh;overflow-y:auto}.home-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/israel_flag_bg-DhL53q5h.png) center/cover no-repeat;filter:brightness(.55) saturate(1.2);z-index:-1}.home-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#005eb81a,#0f172acc)}@keyframes bgPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.home-content{display:flex;flex-direction:column;align-items:center;gap:32px;padding:40px 20px;width:100%;max-width:580px}.logo{text-align:center}.waving-flag-container{display:flex;align-items:center;justify-content:center;width:220px;height:140px;margin-bottom:.5rem;animation:float 4s ease-in-out infinite,flag-skew 6s ease-in-out infinite}.flag-logo-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 35px rgba(0,0,0,.4))}@keyframes flag-skew{0%,to{transform:skewY(0)}50%{transform:skewY(2deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.logo-title{font-family:var(--font-heading);font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;background:linear-gradient(to bottom,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.2rem;letter-spacing:-1px}.logo-subtitle{color:var(--text-muted);font-size:1.05rem;margin-top:6px}.settings-card{width:100%;padding:28px;display:flex;flex-direction:column;gap:24px}.setting-group{display:flex;flex-direction:column;gap:10px}.setting-group>label{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.setting-hint{font-size:.78rem;color:var(--text-dim);padding-right:2px;min-height:1.1em;transition:color var(--transition)}.btn-group{display:flex;gap:8px;flex-wrap:wrap}.btn-option{flex:1;min-width:60px;min-height:44px;padding:10px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn-option:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-active)}.btn-option.active{background:linear-gradient(135deg,#63b3ed33,#a78bfa26);border-color:var(--accent);color:var(--accent);font-weight:700;box-shadow:0 0 12px #63b3ed26}.btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:1.2rem 3rem;background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;border-radius:16px;color:#fff;font-family:var(--font-body);font-size:1.15rem;font-weight:800;cursor:pointer;transition:var(--transition);box-shadow:0 15px 30px -10px var(--accent-glow)}.btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px -8px var(--accent-glow);filter:brightness(1.1)}.btn-primary:active{transform:translateY(-1px) scale(.99)}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:.9rem 2.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:var(--text);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--accent);transform:translateY(-2px)}.btn-icon{font-size:1.1rem}.home-stats{display:flex;gap:32px}.stat-item{text-align:center}.stat-num{display:block;font-size:1.8rem;font-weight:900;color:var(--accent)}.stat-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}#screen-game{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.game-hud{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#0d1117eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;gap:12px}.hud-left,.hud-right{min-width:120px;display:flex;align-items:center}.hud-right{justify-content:flex-end}.hud-round,.hud-score{display:flex;flex-direction:column;align-items:center;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim)}.hud-round span:not(.hud-label):not(.hud-sep),.hud-score span:not(.hud-label){font-size:1.6rem;font-weight:900;color:var(--accent);line-height:1}.hud-sep{font-size:1rem;color:var(--text-dim);margin:0 2px}.hud-center{flex:1;text-align:center}.question-box{display:inline-block;background:#63b3ed14;border:1px solid rgba(99,179,237,.2);border-radius:var(--radius);padding:8px 20px}.question-prefix{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.question-name{font-size:1.4rem;font-weight:900;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}#map-container{flex:1;position:relative;overflow:hidden}#map{width:100%;height:100%}.map-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#0d1117d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:100px;padding:8px 20px;font-size:.82rem;color:var(--text-muted);z-index:500;pointer-events:none;white-space:nowrap;transition:opacity var(--transition)}.map-hint.hidden{opacity:0}.leaflet-container{background:var(--bg3)!important}.leaflet-control-attribution{background:var(--bg)!important;color:var(--text-dim)!important;opacity:.8}.leaflet-control-zoom a{background:var(--bg2)!important;color:var(--text)!important;border-color:var(--border)!important;min-height:44px!important;min-width:44px!important;display:flex;align-items:center;justify-content:center}.player-pin{width:32px;height:32px;background:var(--accent);border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 4px 12px #63b3ed80}.target-pin{width:32px;height:32px;background:var(--gold);border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 4px 12px #f6c90e80}.result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:600;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .3s ease}.result-overlay.hidden{opacity:0;pointer-events:none}.result-content{width:100%;max-width:500px;padding:20px 24px;display:flex;flex-direction:column;gap:14px;animation:slideUp .35s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}.result-header{display:flex;align-items:center;gap:14px}.result-emoji{font-size:2.4rem;flex-shrink:0}.result-texts{flex:1}.result-verdict{font-size:1.25rem;font-weight:900;color:var(--text)}.result-distance{font-size:.9rem;color:var(--text-muted);margin-top:2px}.result-score-badge{font-size:1.5rem;font-weight:900;color:var(--gold);background:var(--gold-dim);border:1px solid rgba(246,201,14,.3);border-radius:var(--radius-sm);padding:6px 14px;white-space:nowrap;flex-shrink:0}.result-locality-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.result-locality-name{font-weight:700;font-size:1rem;color:var(--accent)}.result-locality-pop{font-size:.8rem;color:var(--text-dim);background:var(--surface);border-radius:100px;padding:3px 10px}.level-up-msg{font-weight:700;color:var(--gold);text-align:center;padding:10px;background:var(--gold-dim);border:1px solid rgba(246,201,14,.3);border-radius:var(--radius-sm);animation:pulse 1.5s infinite}.level-up-msg.hidden{display:none}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #f6c90e66}70%{transform:scale(1.02);box-shadow:0 0 0 10px #f6c90e00}to{transform:scale(1);box-shadow:0 0 #f6c90e00}}.exit-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:700;display:flex;align-items:center;justify-content:center;padding:20px;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.exit-confirm-card{width:100%;max-width:380px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.exit-confirm-icon{font-size:3rem}.exit-confirm-title{font-size:1.3rem;font-weight:800;color:var(--text)}.exit-confirm-text{font-size:.9rem;color:var(--text-muted);line-height:1.6}.exit-confirm-text strong{color:var(--accent);font-size:1.1rem}.exit-confirm-buttons{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:4px}.exit-btn-yes{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 10px 25px -8px #10b98166!important}.exit-btn-no{border-color:#fff3!important}#screen-summary{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(246,201,14,.08) 0%,transparent 70%),var(--bg);overflow-y:auto}.summary-content{width:100%;max-width:560px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:28px}.summary-header{text-align:center}.summary-trophy{font-size:4rem;animation:bounce .8s cubic-bezier(.34,1.56,.64,1) .2s both;display:block;margin-bottom:8px}@keyframes bounce{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.summary-title{font-size:1.8rem;font-weight:900;color:var(--text)}.summary-score-big{margin:12px 0 6px;display:flex;align-items:baseline;justify-content:center;gap:8px}#summary-score-final{font-size:4rem;font-weight:900;color:var(--gold);text-shadow:0 0 30px rgba(246,201,14,.4)}.summary-score-label{font-size:1.1rem;color:var(--text-muted)}.summary-grade{font-size:1.1rem;font-weight:700;color:var(--accent);padding:6px 20px;background:var(--accent-glow);border-radius:100px;display:inline-block}.summary-table-wrap{width:100%;overflow:hidden}.summary-table{width:100%;border-collapse:collapse;font-size:.9rem;direction:rtl}.summary-table th{padding:12px 16px;text-align:right;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);border-bottom:1px solid var(--border)}.summary-table td{padding:12px 16px;text-align:right;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.summary-table tr:last-child td{border-bottom:none}.summary-table tr:hover td{background:#ffffff08}.td-round{color:var(--text-dim);font-weight:700}.td-name{color:var(--text);font-weight:600}.score-great{color:var(--green)}.score-ok{color:var(--orange)}.score-bad{color:var(--red)}.summary-actions{display:flex;gap:12px;width:100%}.summary-actions .btn-primary{flex:2}.summary-actions .btn-secondary{flex:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}#screen-summary{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;background:radial-gradient(circle at center,var(--bg2) 0%,var(--bg) 100%);overflow-y:auto}.summary-content{width:100%;max-width:550px;padding:40px 24px;text-align:center;display:flex;flex-direction:column;gap:32px;animation:slideUp .6s cubic-bezier(.4,0,.2,1);background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05)}.summary-header{display:flex;flex-direction:column;align-items:center;gap:10px}.summary-trophy{font-size:4.5rem;margin-bottom:10px;filter:drop-shadow(0 0 20px var(--accent-glow))}.summary-score-final{font-size:3.5rem;font-weight:800;color:var(--accent);line-height:1}.summary-grade{font-size:1.5rem;font-weight:700;padding:6px 16px;border-radius:100px;background:var(--bg2);border:1px solid var(--border)}.summary-table-wrap{overflow-x:auto;overflow-y:auto;border-radius:var(--radius);background:#ffffff08;max-height:480px}.summary-table{width:100%;border-collapse:collapse;font-size:.9rem}.summary-table th,.summary-table td{padding:12px 8px;border-bottom:1px solid var(--border)}.summary-table th{color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;background:#0000001a}.td-round{color:var(--text-dim);width:40px}.td-name{text-align:right;font-weight:500}.td-dist{color:var(--text-muted)}.td-score{font-weight:700}.summary-actions{display:flex;flex-direction:column;gap:12px}.submit-score-box{padding:20px;display:flex;flex-direction:column;gap:15px;margin-bottom:10px;transition:all .3s ease}.submit-score-box.highlight-pulse{border:1px solid var(--gold)!important;box-shadow:0 0 15px #f6c90e40!important;animation:pulseGold 2s infinite alternate}@keyframes pulseGold{0%{box-shadow:0 0 10px #f6c90e26}to{box-shadow:0 0 25px #f6c90e73}}.edit-name-btn{background:transparent;border:none;color:var(--accent);text-decoration:underline;cursor:pointer;font-size:.85rem;margin-right:8px;font-weight:600}.submit-score-box label{font-size:.9rem;color:var(--text-muted)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.summary-content{padding:30px 16px;gap:20px}.summary-score-final{font-size:2.8rem}.summary-trophy{font-size:3.5rem}.summary-table{font-size:.8rem}.summary-table th,.summary-table td{padding:10px 5px}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;justify-content:center;align-items:center;padding:20px}.modal{transition:all var(--transition)}.modal.hidden{opacity:0;pointer-events:none;visibility:hidden}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-blur:4px}.modal-content{position:relative;width:100%;max-width:500px;max-height:80vh;overflow-y:auto;padding:30px;display:flex;flex-direction:column;gap:20px}.modal-header{display:flex;align-items:center;justify-content:space-between}.btn-close{background:none;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;transition:color var(--transition)}.btn-close:hover{color:var(--text)}#leaderboard-table{width:100%;border-collapse:collapse}#leaderboard-table th{text-align:right;padding:12px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.8rem;text-transform:uppercase}#leaderboard-table td{padding:12px;border-bottom:1px solid var(--border);font-size:.95rem}#leaderboard-tbody tr:last-child td{border-bottom:none}.summary-actions{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%}.submit-score-box{width:100%;max-width:450px;padding:24px;margin-bottom:10px;display:flex;flex-direction:column;gap:16px;text-align:center}.input-group{display:flex;flex-direction:column;gap:12px;width:100%}@media (min-width: 480px){.input-group{flex-direction:row}}.input-group input{flex:1;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 15px;min-height:52px;color:var(--text);font-family:inherit;outline:none;font-size:1rem}.app-version-bar{position:fixed;bottom:0;left:0;right:0;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:12px 20px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;font-size:.85rem;color:var(--text-muted);z-index:2000;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));transition:transform .3s ease}@media (min-width: 768px){.app-version-bar{flex-direction:row;justify-content:space-between;gap:32px;padding:10px 40px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}}body.in-game .app-version-bar{transform:translateY(100%)}body.light-mode .app-version-bar{background:#f0f4f8f2;border-top-color:#0000001a}.app-version-bar a{color:var(--accent);text-decoration:none;font-weight:600;transition:var(--transition)}.app-version-bar a:hover{text-decoration:underline;color:var(--accent2)}.input-group input:focus{border-color:var(--accent)}.submit-msg{font-size:.85rem}.submit-msg.success{color:var(--green)}.submit-msg.error{color:var(--red)}.loading-spinner,.empty-msg{text-align:center;padding:40px 0;color:var(--text-dim)}.current-player-row{background:#005eb833!important;border-left:4px solid var(--accent)}#leaderboard-check-msg{padding:30px 10px;color:var(--text-dim);font-style:italic;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 600px){.waving-flag-container{width:120px;height:80px;margin-bottom:0}.logo-title{font-size:2.2rem}.home-content{gap:14px;padding:15px 10px}.settings-card{padding:16px;gap:14px}.home-stats{gap:15px;margin-top:5px}.question-name{font-size:1.1rem;max-width:120px}.question-box{padding:6px 12px}.btn-option{font-size:.82rem;padding:9px 6px}.game-hud{padding:8px 16px;gap:6px}.hud-left,.hud-right{min-width:auto}.hud-round span:not(.hud-label):not(.hud-sep),.hud-score span:not(.hud-label){font-size:1.2rem}.btn-icon-only{width:34px;height:34px;font-size:1rem}.theme-toggle-home{top:12px;left:12px}.leaflet-control-attribution{display:none!important}#screen-summary{align-items:flex-start;padding-top:15px;padding-bottom:85px}.summary-content{margin-bottom:80px;padding:20px 16px;gap:20px}.result-overlay{inset:auto 0 0 0;align-items:flex-end;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 60%,transparent 100%);-webkit-backdrop-filter:none;backdrop-filter:none;padding:0 8px calc(28px + env(safe-area-inset-bottom,8px));pointer-events:none}.result-overlay>*{pointer-events:auto}.result-content{padding:12px 14px;gap:8px;border-radius:var(--radius)}.result-header{flex-direction:row;text-align:right;gap:10px;align-items:center}.result-emoji{font-size:1.8rem}.result-verdict{font-size:1rem}.result-distance{font-size:.82rem;margin-top:1px}.result-score-badge{font-size:1.15rem;padding:4px 10px;align-self:center}.result-locality-info{justify-content:center;gap:6px;font-size:.82rem}.result-locality-name{font-size:.88rem}.result-locality-pop{font-size:.72rem;padding:2px 8px}.level-up-msg{padding:6px 8px;font-size:.85rem}.result-content .btn-primary{padding:.8rem 1.5rem;font-size:1rem;min-height:42px}}