html,body{height:100%;margin:0;padding:0}body{color:#fff;-webkit-overflow-scrolling:touch;background:#0a0a0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden}#root{width:100%;height:100%}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:0;visibility:hidden;background:#0a0a0fb3;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.modal-overlay.modal-visible{opacity:1;visibility:visible}.modal-content{-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-top-color:#ffffff4d;border-radius:16px;width:90%;max-width:420px;padding:clamp(20px,5vw,32px);transition:transform .3s;transform:scale(.9)translateY(20px);box-shadow:0 12px 48px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.modal-overlay.modal-visible .modal-content{transform:scale(1)translateY(0)}.modal-title{background:linear-gradient(135deg,#4ecdc4 0%,#5dd8d0 100%);-webkit-text-fill-color:transparent;text-align:center;text-shadow:0 0 20px #4ecdc44d;-webkit-background-clip:text;background-clip:text;margin:0 0 clamp(12px,3vw,16px);font-size:clamp(1.1rem,3vw,1.25rem)}.modal-message{color:#ffffffd9;text-align:center;margin:0 0 clamp(20px,4vw,28px);font-size:clamp(.9rem,2.5vw,1rem);line-height:1.6}.modal-content-custom{text-align:left;margin:0 0 clamp(20px,4vw,28px)}.modal-content-section{margin-bottom:clamp(16px,4vw,20px)}.modal-content-section:last-child{margin-bottom:0}.modal-content-header{color:#ffffffe6;justify-content:center;align-items:center;gap:10px;margin:0 0 clamp(12px,3vw,16px);font-size:clamp(.9rem,2.5vw,1rem);display:flex}.modal-content-header .header-icon{width:18px;height:18px}.modal-content-header .header-icon.info{color:#4ecdc4}.modal-content-header .header-icon.warning{color:#fbbf24}.modal-content-header .header-icon.success{color:#22c55e}.modal-content-item{color:#ffffffe6;align-items:flex-start;gap:10px;padding:clamp(6px,1.5vw,8px) 0;font-size:clamp(.85rem,2.2vw,.9rem);line-height:1.6;display:flex}.modal-content-item .item-icon{flex-shrink:0;width:16px;height:16px;margin-top:2px}.modal-content-item .item-icon.info,.modal-content-item .item-icon.globe{color:#4ecdc4}.modal-content-item .item-icon.lightbulb{color:#fbbf24}.modal-content-item .item-icon.chart{color:#ff8c00}.modal-content-item .item-icon.warning{color:#fbbf24}.modal-content-item .item-icon.game{color:#5eff36}.modal-content-item .item-icon.heatmap{color:#ff8c00}.modal-content-item .item-icon.settings{color:#94a3b8}.modal-content-item .item-icon.visibility{color:#a855f7}.modal-content-item .item-icon.success{color:#22c55e}.modal-content-item .item-text{flex:1}.modal-content-intro{color:#ffffffe6;text-align:center;margin:0 0 clamp(12px,3vw,16px);font-size:clamp(.9rem,2.5vw,1rem);line-height:1.6}.modal-content-warning{color:#ff4b4b;text-align:center;margin-top:clamp(12px,3vw,16px);font-size:clamp(.85rem,2.2vw,.9rem)}.modal-buttons{justify-content:center;gap:clamp(10px,3vw,16px);display:flex}.modal-button{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-top-color:#ffffff4d;border-radius:12px;min-width:100px;min-height:44px;padding:clamp(10px,2.5vw,14px) clamp(16px,4vw,28px);font-size:clamp(.85rem,2.2vw,.95rem);transition:all .3s;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff1a}.modal-cancel{color:#ffffffd9}.modal-cancel:hover{color:#fffffff2;background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 6px 20px #0000004d,inset 0 1px #fff3}.modal-cancel:active{transform:translateY(0);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a}.modal-confirm-default{color:#4ecdc4;text-shadow:0 0 10px #4ecdc44d}.modal-confirm-default:hover{color:#5dd8d0;text-shadow:0 0 15px #4ecdc480;background:#4ecdc426;border-color:#5dd8d0 #4ecdc4 #4ecdc4;transform:translateY(-1px);box-shadow:0 6px 20px #4ecdc44d,0 0 30px #4ecdc433,inset 0 1px #4ecdc44d}.modal-confirm-default:active{transform:translateY(0);box-shadow:0 2px 8px #4ecdc44d,inset 0 1px #4ecdc433}.modal-confirm-danger{color:#ef4444;text-shadow:0 0 10px #ef44444d}.modal-confirm-danger:hover{color:#f87171;text-shadow:0 0 15px #ef444480;background:#ef444426;border-color:#f87171 #ef4444 #ef4444;transform:translateY(-1px);box-shadow:0 6px 20px #ef44444d,0 0 30px #ef444433,inset 0 1px #ef44444d}.modal-confirm-danger:active{transform:translateY(0);box-shadow:0 2px 8px #ef44444d,inset 0 1px #ef444433}@media (width<=479px){.modal-content{width:92%;padding:20px 16px}.modal-buttons{flex-direction:column-reverse}.modal-button{width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-overflow-scrolling:touch;background:#0a0a0f;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden}:root{--scale-factor:clamp(.75, 1, min(100vw / 320, 1.25));--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--glass-bg:#ffffff14;--glass-bg-hover:#ffffff1f;--glass-border:#ffffff26;--glass-border-highlight:#ffffff4d;--glass-shadow:#0003;--glass-inner-shadow:inset 0 1px 0 #ffffff1a;--glass-blur:20px;--accent-gradient:linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%);--accent-glow:#4ecdc466}.app{width:100%;height:100svh;height:100dvh;position:relative;overflow:hidden}.liquid-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-highlight);box-shadow:0 8px 32px var(--glass-shadow), var(--glass-inner-shadow)}.header-container{top:calc(8px + var(--safe-area-top));z-index:10;justify-content:space-between;align-items:center;width:100%;padding:0 clamp(20px,4vw,40px);display:flex;position:absolute;left:0;right:0}.header{text-align:left;flex-shrink:0;align-items:center;display:flex}.header h1{background:linear-gradient(135deg,#4ecdc4 0%,#5dd8d0 50%,#44a08d 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #4ecdc466,0 0 60px #4ecdc433;-webkit-background-clip:text;background-clip:text;align-items:center;gap:2px;margin:0;font-size:1.5rem;display:flex}.header-icon{color:#4ecdc4;filter:drop-shadow(0 0 10px #4ecdc480);flex-shrink:0}.inline-icon{color:#ffffffd9;vertical-align:middle;margin-right:6px}.lightbulb-icon{color:#fbbf24}.globe-icon{color:#4ecdc4}.chart-icon{color:#ff8c00}.button-icon{color:inherit;vertical-align:middle;margin-right:6px}.reveal-btn .button-icon{color:#fbbf24}.recenter-btn .button-icon{color:#4ecdc4}.heatmap-btn .button-icon{color:#ff8c00}.reset-btn .button-icon{color:#ef4444}.reveal-btn:hover .button-icon{filter:drop-shadow(0 0 8px #fbbf2499)}.recenter-btn:hover .button-icon{filter:drop-shadow(0 0 8px #4ecdc499)}.heatmap-btn:hover .button-icon{filter:drop-shadow(0 0 8px #ff8c0099)}.reset-btn:hover .button-icon{filter:drop-shadow(0 0 8px #ef444499)}.subtitle{color:#ffffffb3;margin-top:clamp(3px,1.5vw,5px);font-size:clamp(.75rem,2.5vw,1rem)}.scoreboard{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-highlight);box-shadow:0 8px 32px var(--glass-shadow), inset 0 1px 0 #ffffff1a;border-radius:clamp(10px,2vw,16px);flex-shrink:0;justify-content:center;align-items:center;gap:clamp(5px,2vw,15px);padding:clamp(4px,1.5vw,8px) clamp(12px,3vw,24px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.score-item{flex-direction:column;flex-shrink:0;align-items:center;gap:clamp(2px,1vw,5px);display:flex}.score-item .label{color:#ffffffd9;letter-spacing:.5px;align-items:center;gap:4px;font-size:clamp(.6rem,1.2vw,.85rem);display:flex}.score-item .value{background:linear-gradient(135deg,#4ecdc4 0%,#5dd8d0 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #4ecdc44d;-webkit-background-clip:text;background-clip:text;align-items:center;gap:4px;font-size:clamp(.7rem,1vw,.9rem);font-weight:700;display:flex}.guessed-count{background:linear-gradient(135deg,#28a745 0%,#34d058 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #28a7454d;-webkit-background-clip:text;background-clip:text;display:inline}.score-item:nth-child(4) .value{gap:0}.globe-container{z-index:1;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.globe-container.keyboard-shift{transform:translateY(100px)}.message{text-align:center;z-index:10;width:fit-content;max-width:500px;-webkit-backdrop-filter:blur(var(--glass-blur));overflow-wrap:break-word;white-space:normal;border-radius:clamp(10px,2.5vw,16px);justify-content:center;align-items:center;margin:0 auto;padding:clamp(8px,2vw,12px) clamp(12px,3vw,24px);font-size:clamp(.8rem,2vw,1rem);font-weight:600;transition:all .3s;display:flex}.message:empty{display:none}.message.neutral{background:var(--glass-bg);border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-highlight);color:#ffffffd9;box-shadow:0 8px 32px var(--glass-shadow), inset 0 1px 0 #ffffff1a}.message.success{color:#4ade80;text-shadow:0 0 20px #4ade804d;background:linear-gradient(135deg,#22c55e40 0%,#16a34a40 100%);border:1px solid #22c55e66;border-top-color:#34d39999;box-shadow:0 8px 32px #22c55e33,inset 0 1px #4cde6433}.message.warning{color:#fbbf24;text-shadow:0 0 20px #fbbf244d;background:linear-gradient(135deg,#eab30840 0%,#ca8a0440 100%);border:1px solid #eab30866;border-top-color:#fbbf2499;box-shadow:0 8px 32px #eab30833,inset 0 1px #fbbf2433}.message.error{color:#f87171;text-shadow:0 0 20px #f871714d;background:linear-gradient(135deg,#ef444440 0%,#dc262640 100%);border:1px solid #ef444466;border-top-color:#f8717199;box-shadow:0 8px 32px #ef444433,inset 0 1px #f8717133}.bottom-section{bottom:calc(20px + var(--safe-area-bottom));z-index:10;flex-direction:column;gap:12px;width:100%;max-width:600px;padding:0 20px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.input-form{gap:clamp(8px,2vw,10px);width:100%;max-width:500px;margin:0 auto;display:flex}.country-input{border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-highlight);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));color:#fff;min-height:44px;box-shadow:0 4px 16px var(--glass-shadow), inset 0 1px 0 #ffffff1a;border-radius:clamp(10px,2.5vw,16px);outline:none;flex:1;padding:clamp(10px,2.5vw,15px) clamp(12px,3vw,20px);font-size:clamp(.85rem,2.2vw,1rem);transition:all .3s}.country-input::placeholder{color:#fff6}.country-input:focus{border-color:#5dd8d0 #4ecdc4 #4ecdc4;box-shadow:0 0 0 3px #4ecdc433,0 8px 32px #4ecdc44d,inset 0 1px #fff3}.submit-btn{border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-highlight);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));color:#4ecdc4;cursor:pointer;min-width:44px;min-height:44px;box-shadow:0 4px 16px var(--glass-shadow), inset 0 1px 0 #ffffff1a;text-shadow:0 0 10px #4ecdc44d;border-radius:clamp(10px,2.5vw,16px);padding:clamp(10px,2.5vw,15px) clamp(15px,4vw,30px);font-size:clamp(.85rem,2.2vw,1rem);font-weight:600;transition:all .3s}.submit-btn:hover{color:#5dd8d0;text-shadow:0 0 15px #4ecdc480;background:#4ecdc426;border-color:#5dd8d0 #4ecdc4 #4ecdc4;transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc44d,0 0 30px #4ecdc433,inset 0 1px #4ecdc44d}.submit-btn:active{transform:translateY(0);box-shadow:0 2px 8px #4ecdc44d,inset 0 1px #4ecdc433}.controls{flex-wrap:wrap;justify-content:center;gap:clamp(8px,2vw,15px);width:100%;max-width:500px;margin:0 auto;display:flex}.controls-row{flex-wrap:nowrap;max-width:400px}.controls-row .reveal-btn,.controls-row .recenter-btn,.controls-row .reset-btn{flex:1;min-width:80px;padding:clamp(8px,2vw,10px) clamp(8px,2vw,15px);font-size:clamp(.65rem,1.5vw,.85rem)}.reveal-btn,.recenter-btn,.heatmap-btn,.reset-btn{border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-highlight);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));color:#ffffffd9;cursor:pointer;white-space:nowrap;min-height:40px;box-shadow:0 4px 16px var(--glass-shadow), inset 0 1px 0 #ffffff1a;border-radius:clamp(10px,2.5vw,16px);padding:clamp(8px,2vw,12px) clamp(12px,3vw,25px);font-size:clamp(.7rem,1.8vw,.9rem);font-weight:600;transition:all .3s}.heatmap-btn[aria-pressed=true]{color:orange;background:linear-gradient(135deg,#ff8c004d 0%,#ff45004d 100%);border-color:orange #ff8c00 #ff8c00;box-shadow:0 4px 16px #ff8c004d,inset 0 1px #ffa5004d}.reveal-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 2px 8px var(--glass-shadow), inset 0 1px 0 #ffffff0d;background:#ffffff0a}.reveal-btn:hover,.recenter-btn:hover,.heatmap-btn:hover,.reset-btn:hover{color:#4ecdc4;background:#4ecdc426;border-color:#5dd8d0 #4ecdc4 #4ecdc4;transform:translateY(-1px);box-shadow:0 6px 20px #4ecdc44d,inset 0 1px #4ecdc44d}.heatmap-btn:hover{color:orange;background:#ff8c0033;border-color:orange #ff8c00 #ff8c00;box-shadow:0 6px 20px #ff8c004d,inset 0 1px #ffa5004d}.instructions{text-align:center;color:#fff6;width:100%;max-width:500px;margin:0 auto;font-size:clamp(.65rem,1.5vw,.85rem);line-height:1.6}.instructions strong{color:#fff9}.menu-btn{border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-highlight);background:var(--glass-bg);width:40px;height:40px;-webkit-backdrop-filter:blur(var(--glass-blur));color:#ffffffd9;cursor:pointer;z-index:20;box-shadow:0 4px 16px var(--glass-shadow), inset 0 1px 0 #ffffff1a;border-radius:10px;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.menu-btn:hover{color:#4ecdc4;border-color:#5dd8d0 #4ecdc4 #4ecdc4;box-shadow:0 6px 20px #4ecdc44d,inset 0 1px #4ecdc44d}.menu-btn[aria-expanded=true]{background:linear-gradient(135deg,#4ecdc433 0%,#44a08d33 100%);border-color:#5dd8d0 #4ecdc4 #4ecdc4;box-shadow:0 6px 20px #4ecdc44d,inset 0 1px #4ecdc44d}.dropdown-menu{top:calc(55px + var(--safe-area-top));-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-highlight);z-index:20;background:#0a0a0fd9;border-radius:16px;width:280px;padding:15px;position:absolute;right:10px;box-shadow:0 12px 48px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.dropdown-menu.hidden{display:none}.dropdown-menu h3{background:linear-gradient(135deg,#4ecdc4 0%,#5dd8d0 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 20px #4ecdc44d;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:.9rem}.dropdown-menu p{color:#fffc;margin-bottom:10px;font-size:.8rem;line-height:1.6}.dropdown-menu p:last-child{margin-bottom:0}.dropdown-menu strong{color:#fffffff2}.dropdown-menu .menu-divider{border:none;border-top:1px solid var(--glass-border);margin:16px 0}.dropdown-menu .setting-row{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.dropdown-menu .setting-row:first-child{padding-top:0}.dropdown-menu .setting-row:last-child{padding-bottom:0}.dropdown-menu .toggle-switch{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.dropdown-menu .toggle-switch input{opacity:0;width:0;height:0}.dropdown-menu .glass-slider{background:var(--glass-bg);width:48px;height:26px;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-highlight);box-shadow:0 2px 8px var(--glass-shadow), inset 0 1px 0 #ffffff14;cursor:pointer;border-radius:13px;transition:all .3s;position:relative}.dropdown-menu .glass-slider:before{content:"";background:linear-gradient(135deg,#ffffffe6 0%,#ffffffb3 100%);border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff80}.dropdown-menu .toggle-switch input:checked+.glass-slider{background:linear-gradient(135deg,#4ecdc44d 0%,#44a08d4d 100%);border-color:#5dd8d0 #4ecdc4 #4ecdc4;box-shadow:0 4px 12px #4ecdc44d,inset 0 1px #4ecdc44d}.dropdown-menu .toggle-switch input:checked+.glass-slider:before{background:linear-gradient(135deg,#4ecdc4 0%,#5dd8d0 100%);transform:translate(22px);box-shadow:0 2px 6px #4ecdc466,0 0 10px #4ecdc480}.dropdown-menu .toggle-switch input:focus+.glass-slider{box-shadow:0 0 0 3px #4ecdc433,0 4px 12px #4ecdc44d,inset 0 1px #4ecdc44d}.dropdown-menu .toggle-switch.heatmap-toggle .glass-slider{background:linear-gradient(135deg,#ff8c0026 0%,#ff450026 100%)}.dropdown-menu .toggle-switch.heatmap-toggle input:checked+.glass-slider{background:linear-gradient(135deg,#ff8c0059 0%,#ff450059 100%);border-color:orange #ff8c00 #ff8c00;box-shadow:0 4px 12px #ff8c004d,inset 0 1px #ff8c004d}.dropdown-menu .toggle-switch.heatmap-toggle input:checked+.glass-slider:before{background:linear-gradient(135deg,#ff8c00 0%,orange 100%);box-shadow:0 2px 6px #ff8c0066,0 0 10px #ff8c0080}.dropdown-menu .toggle-switch.heatmap-toggle input:focus+.glass-slider{box-shadow:0 0 0 3px #ff8c0033,0 4px 12px #ff8c004d,inset 0 1px #ff8c004d}.dropdown-menu .setting-label{color:#ffffffd9;align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.dropdown-menu .graphics-toggle{gap:8px;display:flex}.dropdown-menu .graphics-btn{border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-highlight);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));color:#ffffffb3;cursor:pointer;box-shadow:0 2px 8px var(--glass-shadow), inset 0 1px 0 #ffffff0d;border-radius:8px;flex:1;padding:8px 12px;font-size:.75rem;font-weight:600;transition:all .2s}.dropdown-menu .graphics-btn:hover{color:#ffffffe6;border-color:#4ecdc4;box-shadow:0 4px 12px #4ecdc433,inset 0 1px #4ecdc433}.dropdown-menu .graphics-btn.active{color:#4ecdc4;text-shadow:0 0 10px #4ecdc44d;background:linear-gradient(135deg,#4ecdc440 0%,#44a08d40 100%);border-color:#5dd8d0 #4ecdc4 #4ecdc4;box-shadow:0 4px 12px #4ecdc44d,inset 0 1px #4ecdc44d}.dropdown-menu .reset-all-btn{width:100%;-webkit-backdrop-filter:blur(var(--glass-blur));color:#f87171;cursor:pointer;background:linear-gradient(135deg,#ef444426 0%,#dc262626 100%);border:1px solid #ef444466;border-top-color:#f8717199;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #ef444433,inset 0 1px #ef44441a}.dropdown-menu .reset-all-btn:hover{color:#fca5a5;text-shadow:0 0 10px #ef44444d;background:linear-gradient(135deg,#ef444440 0%,#dc262640 100%);border-color:#f87171 #ef4444 #ef4444;box-shadow:0 4px 12px #ef44444d,inset 0 1px #ef444433}.dropdown-menu .reset-all-btn:active{transform:translateY(1px);box-shadow:0 2px 4px #ef44444d,inset 0 1px #ef44441a}.dropdown-menu .reset-all-btn .inline-icon{color:#f87171}.dropdown-menu .reset-all-btn:hover .inline-icon{filter:drop-shadow(0 0 8px #ef444499)}.loading{background:linear-gradient(135deg,#4ecdc4 0%,#5dd8d0 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #4ecdc480;z-index:100;-webkit-background-clip:text;background-clip:text;font-size:clamp(1rem,3vw,1.5rem);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.tooltip{-webkit-backdrop-filter:blur(10px);color:#1a1a2e;pointer-events:none;white-space:nowrap;background:#4ecdc4f2;border:1px solid #4ecdc480;border-radius:clamp(6px,2vw,10px);padding:clamp(4px,1.5vw,8px) clamp(8px,2vw,15px);font-size:clamp(10px,1.8vw,14px);font-weight:600;box-shadow:0 4px 16px #4ecdc466,inset 0 1px #ffffff4d}.guessed-label{-webkit-backdrop-filter:blur(10px);color:#fff;pointer-events:none;white-space:nowrap;background:#28a745f2;border:1px solid #4caf5080;border-radius:clamp(5px,1.5vw,8px);padding:clamp(3px,1.2vw,6px) clamp(6px,1.5vw,12px);font-size:clamp(8px,1.5vw,12px);font-weight:600;box-shadow:0 4px 12px #28a74566,inset 0 1px #fff3}.country-label{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));color:#fff;pointer-events:none;white-space:nowrap;box-shadow:0 4px 16px var(--glass-shadow), inset 0 1px 0 #ffffff1a;transform-origin:bottom;z-index:100;text-shadow:0 1px 2px #0000004d;border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-highlight);border-radius:clamp(4px,1.2vw,8px);padding:clamp(2px,1vw,4px) clamp(4px,1.5vw,8px);font-weight:600;line-height:1.2;position:absolute;transform:translate(-50%,-100%)}.heatmap-tooltip{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));color:#fff;pointer-events:none;white-space:nowrap;box-shadow:0 4px 16px var(--glass-shadow), inset 0 1px 0 #ffffff1a;border:1px solid var(--glass-border);z-index:100;text-shadow:0 1px 2px #0000004d;border-top:1px solid #ff8c0080;border-radius:clamp(6px,2vw,10px);margin-top:-35px;padding:clamp(4px,1.5vw,8px) clamp(8px,2vw,15px);font-size:clamp(10px,1.8vw,14px);font-weight:600;line-height:1.2;position:absolute;transform:translate(-50%,-100%)}.float-tooltip-kap{background:0 0!important;padding:0!important}.heatmap-tooltip-custom{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));color:#fff;pointer-events:none;white-space:nowrap;box-shadow:0 4px 16px var(--glass-shadow), inset 0 1px 0 #ffffff1a;border:1px solid var(--glass-border);z-index:1000;text-shadow:0 1px 2px #0000004d;border-top:1px solid #ff8c0080;border-radius:clamp(6px,2vw,10px);padding:clamp(4px,1.5vw,8px) clamp(8px,2vw,15px);font-size:clamp(10px,1.8vw,14px);font-weight:600;line-height:1.2;position:fixed;transform:translate(-50%,-120%)}@media (width<=479px){.header-container{top:calc(8px + var(--safe-area-top));gap:8px;padding:0 8px}.header h1{gap:2px;font-size:1.5rem}.header-icon{font-size:20px}.scoreboard{gap:6px;padding:6px 10px}.score-item .label{font-size:.6rem}.score-item .value{font-size:.7rem}.message{max-width:90%}.bottom-section{bottom:calc(15px + var(--safe-area-bottom));gap:10px}.input-form{gap:8px}.country-input{padding:10px 14px;font-size:.9rem}.submit-btn{padding:10px 20px;font-size:.9rem}.controls{flex-wrap:wrap;gap:6px}.reveal-btn,.recenter-btn,.heatmap-btn,.reset-btn{border-radius:10px;padding:8px 10px;font-size:.7rem}}@media (width>=480px) and (width<=767px){.header-container{top:calc(10px + var(--safe-area-top));gap:12px;padding:0 12px}.header h1{gap:2px;font-size:1.5rem}.header-icon{font-size:24px}.scoreboard{gap:8px;padding:8px 14px}.score-item .label{font-size:.65rem}.score-item .value{font-size:.85rem}.message{max-width:85%}.bottom-section,.input-form{gap:10px}.country-input{padding:11px 16px;font-size:.95rem}.submit-btn{padding:11px 24px;font-size:.95rem}.controls{flex-wrap:wrap;gap:8px}.reveal-btn,.recenter-btn,.heatmap-btn,.reset-btn{padding:9px 12px;font-size:.75rem}}@media (width>=768px) and (width<=1023px){.header-container{top:calc(12px + var(--safe-area-top));gap:18px;padding:0 16px}.header h1{gap:2px;font-size:1.5rem}.header-icon{font-size:28px}.scoreboard{gap:12px;padding:10px 18px}.score-item .label{font-size:.75rem}.score-item .value{font-size:1rem}.message{max-width:70%}.bottom-section,.input-form{gap:12px}.country-input{padding:12px 18px;font-size:.95rem}.submit-btn{padding:12px 26px;font-size:.95rem}.controls{gap:10px}.reveal-btn,.recenter-btn,.heatmap-btn,.reset-btn{padding:10px 18px;font-size:.8rem}.instructions{font-size:.75rem}}@media (width>=1024px){.header-container{top:calc(12px + var(--safe-area-top));gap:25px;padding:0 20px}.header h1{gap:2px;font-size:1.5rem}.header-icon{font-size:32px}.scoreboard{gap:12px;padding:6px 16px}.score-item .label{font-size:.8rem}.score-item .value{font-size:.9rem}.message{max-width:500px}.bottom-section{gap:12px}}@media (height<=500px) and (orientation:landscape){.header-container{top:calc(5px + var(--safe-area-top));gap:8px;padding:0 8px}.header h1{gap:2px;font-size:1rem}.header-icon{font-size:20px}.scoreboard{gap:6px;padding:5px 10px}.score-item .label{font-size:.45rem}.score-item .value{font-size:.7rem}.message{padding:4px 8px;font-size:.7rem}.bottom-section{bottom:calc(10px + var(--safe-area-bottom));gap:8px}.input-form{gap:6px}.country-input{min-height:38px;padding:8px 12px;font-size:.85rem}.submit-btn{min-height:38px;padding:8px 16px;font-size:.85rem}.controls{gap:5px}.reveal-btn,.recenter-btn,.heatmap-btn,.reset-btn{min-height:36px;padding:6px 8px;font-size:.65rem}.instructions{display:none}}