.world-map-container{position:relative;width:100%;height:100%}.zoom-controls{position:absolute;top:20px;right:20px;z-index:500;display:flex;flex-direction:column;gap:8px;background-color:#ffffffe6;border-radius:8px;padding:8px;box-shadow:0 4px 12px #00000026;border:2px solid #d4dce6}body.dark-mode .zoom-controls{background-color:#2d3748e6;border-color:#4a5568;box-shadow:0 4px 12px #0006}.zoom-button{width:40px;height:40px;border:none;border-radius:6px;background-color:#2c5aa0;color:#fff;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}body.dark-mode .zoom-button{background-color:#60a5fa;color:#0f1419}.zoom-button:disabled{background-color:#9cb4cc;cursor:not-allowed}body.dark-mode .zoom-button:disabled{background-color:#4a5568;color:#64748b}.zoom-button:not(:disabled):hover{background-color:#234a87;transform:scale(1.05)}body.dark-mode .zoom-button:not(:disabled):hover{background-color:#3b82f6}.zoom-button.reset{font-size:16px}.zoom-separator{height:1px;background-color:#d4dce6;margin:4px 0}body.dark-mode .zoom-separator{background-color:#4a5568}.zoom-indicator{position:absolute;bottom:85px;right:20px;z-index:500;background-color:#ffffffe6;color:#2c3e50;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:700;box-shadow:0 4px 12px #00000026;border:2px solid #d4dce6}body.dark-mode .zoom-indicator{background-color:#2d3748e6;color:#e2e8f0;border-color:#4a5568;box-shadow:0 4px 12px #0006}.country-indicator{position:absolute;bottom:20px;right:20px;z-index:500;background-color:#ffffffe6;color:#2c3e50;padding:8px 12px;border-radius:8px;font-size:12px;box-shadow:0 4px 12px #00000026;border:2px solid #d4dce6;display:flex;flex-direction:column;gap:2px;width:180px;height:50px}body.dark-mode .country-indicator{background-color:#2d3748e6;color:#e2e8f0;border-color:#4a5568;box-shadow:0 4px 12px #0006}.country-indicator-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b}body.dark-mode .country-indicator-label{color:#94a3b8}.country-indicator-name{font-weight:700;font-size:13px;color:#2c5aa0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark-mode .country-indicator-name{color:#60a5fa}.world-map-svg{width:100%;height:100%;outline:none}.world-map-svg path{stroke:#1f2937;stroke-width:.8;transition:all .3s ease;cursor:pointer;outline:none}.world-map-svg path:focus{outline:none}.world-map-svg path:active,.world-map-svg path:focus-visible{outline:none}.world-map-svg path:hover{stroke:#111827;stroke-width:1.5}.country-blocked{fill:url(#horizontal-stripe)!important;stroke:#e74c3c!important;stroke-width:1.5!important;opacity:.85!important;cursor:not-allowed!important;transition:all .3s ease}.country-blocked:hover{stroke:#c0392b!important;stroke-width:2!important;opacity:1!important}.search-bar-container{position:relative;width:100%;max-width:550px;display:flex;align-items:center}.search-bar-input{width:100%;padding:.75rem 1.25rem .75rem 3rem;font-size:.95rem;background-color:#f8fafc;border:2px solid #d4dce6;border-radius:12px;color:#2c3e50;outline:none;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}body.dark-mode .search-bar-input{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0;box-shadow:0 2px 4px #0003}.search-bar-input::placeholder{color:#94a3b8;font-size:.9rem}body.dark-mode .search-bar-input::placeholder{color:#64748b}.search-bar-input:hover{border-color:#9cb4cc;box-shadow:0 3px 8px #00000014}body.dark-mode .search-bar-input:hover{border-color:#64748b;box-shadow:0 3px 8px #0000004d}.search-bar-input:focus{border-color:#2c5aa0;box-shadow:0 0 0 3px #2c5aa01a;background-color:#fff}body.dark-mode .search-bar-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33;background-color:#1e293b}.search-bar-icon-left{width:1.25rem;height:1.25rem;position:absolute;left:1rem;color:#64748b;transition:color .3s ease;pointer-events:none}.search-bar-container:hover .search-bar-icon-left,.search-bar-input:focus~.search-bar-icon-left{color:#2c5aa0}body.dark-mode .search-bar-icon-left{color:#94a3b8}body.dark-mode .search-bar-container:hover .search-bar-icon-left,body.dark-mode .search-bar-input:focus~.search-bar-icon-left{color:#60a5fa}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:#fffffffa;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000026;width:100%;max-width:32rem;border:2px solid #d4dce6;transition:all .3s ease-out}body.dark-mode .modal-content{background-color:#2d3748fa;border-color:#4a5568;box-shadow:0 25px 50px -12px #00000080}.modal-body{padding:1.5rem;position:relative}.modal-close-button{position:absolute;top:1rem;right:1rem;color:#64748b;background:none;border:none;cursor:pointer;transition:color .2s ease;padding:0}.modal-close-button:hover{color:#2c5aa0}body.dark-mode .modal-close-button{color:#94a3b8}body.dark-mode .modal-close-button:hover{color:#60a5fa}.modal-close-icon{width:1.5rem;height:1.5rem}.modal-title{font-size:1.5rem;font-weight:700;color:#2c5aa0;margin-bottom:1rem}body.dark-mode .modal-title{color:#60a5fa}.modal-sections{display:flex;flex-direction:column;gap:1rem}.modal-section{background-color:#667eea14;padding:.75rem;border-radius:.5rem;border:1px solid rgba(102,126,234,.2)}body.dark-mode .modal-section{background-color:#667eea26;border-color:#667eea4d}.modal-section.loading-section{min-height:80px;display:flex;align-items:center;justify-content:center}.section-label{font-size:.875rem;color:#64748b;margin-bottom:.25rem}body.dark-mode .section-label{color:#94a3b8}.section-text{color:#2c3e50;font-size:1.125rem;word-wrap:break-word;overflow-wrap:break-word}body.dark-mode .section-text{color:#e2e8f0}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.cache-badge{font-size:.75rem;background-color:#667eea26;color:#2c5aa0;padding:.125rem .5rem;border-radius:9999px;cursor:help;border:1px solid rgba(102,126,234,.3)}body.dark-mode .cache-badge{background-color:#667eea40;color:#60a5fa;border-color:#667eea66}.translation-text{color:#2c5aa0;font-size:1.5rem;font-weight:600;word-wrap:break-word;overflow-wrap:break-word}body.dark-mode .translation-text{color:#60a5fa}.error-text{color:#f87171;text-align:center}.spinner{border:4px solid #d4dce6;border-top-color:#2c5aa0;border-radius:50%;width:3rem;height:3rem;animation:spin 1s linear infinite}body.dark-mode .spinner{border-color:#4a5568;border-top-color:#60a5fa}.game-stats-floating{position:absolute;top:12px;left:12px;z-index:1000;display:flex;flex-direction:column;gap:6px;pointer-events:none}.stat-item-floating{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:.5rem .75rem;width:115px;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #00000026;border:1.5px solid rgba(102,126,234,.2);transition:all .3s ease;pointer-events:auto}.stat-item-floating:hover{transform:translate(5px);box-shadow:0 6px 20px #0003}body.dark-mode .stat-item-floating{background:rgba(45,55,72,.95);border-color:#667eea4d;box-shadow:0 4px 16px #0006}.stat-icon{font-size:1.25rem;line-height:1}.stat-content{display:flex;flex-direction:column;gap:.1rem}.stat-item-floating .stat-label{font-size:.625rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.3px}body.dark-mode .stat-item-floating .stat-label{color:#94a3b8}.stat-item-floating .stat-value{font-size:1.125rem;color:#2c3e50;font-weight:700;font-family:Fredoka,Nunito,sans-serif;line-height:1}body.dark-mode .stat-item-floating .stat-value{color:#e2e8f0}.stat-correct .stat-value{color:#10b981}.stat-lives .stat-value{color:#ef4444}.game-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1100;padding:1rem 2rem;border-radius:12px;box-shadow:0 15px 40px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:feedbackSlideIn .4s ease-out;border:3px solid;max-width:90%;text-align:center;pointer-events:none}@keyframes feedbackSlideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.game-feedback.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#34d399;color:#fff}.game-feedback.error{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#f87171;color:#fff}.feedback-content{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:600}.feedback-content svg{width:20px;height:20px}.feedback-content svg{flex-shrink:0}@media (max-width: 1024px){.stat-item-floating{min-width:90px;padding:.45rem .65rem}.stat-icon{font-size:1.125rem}.stat-item-floating .stat-value{font-size:1rem}}@media (max-width: 768px){.game-stats-floating{top:8px;left:8px;gap:5px}.stat-item-floating{min-width:85px;padding:.4rem .6rem}.stat-icon{font-size:1rem}.stat-item-floating .stat-label{font-size:.55rem}.stat-item-floating .stat-value{font-size:.95rem}.feedback-content{font-size:.9rem}}.flag-display-floating{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:1000;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px;padding:.75rem 1rem;box-shadow:0 8px 24px #0003;border:2px solid rgba(102,126,234,.3);min-width:160px;max-width:280px;text-align:center;transition:all .3s ease;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:.4rem}body.dark-mode .flag-display-floating{background:rgba(45,55,72,.98);border-color:#667eea80;box-shadow:0 8px 24px #00000080}.flag-image-container{width:140px;height:93px;border-radius:6px;overflow:hidden;box-shadow:0 4px 12px #0003;border:2px solid rgba(102,126,234,.4);background:#f0f0f0;display:flex;align-items:center;justify-content:center}body.dark-mode .flag-image-container{border-color:#667eea99;background:#2d3748}.flag-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.flag-image:hover{transform:scale(1.02)}.flag-loading-floating{display:flex;flex-direction:column;align-items:center;gap:.75rem;justify-content:center;color:#667eea;font-weight:600;font-size:1rem;padding:1rem}body.dark-mode .flag-loading-floating{color:#a5b4fc}.flag-loading-floating .loading-spinner-small{width:32px;height:32px;border:3px solid #d4dce6;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body.dark-mode .flag-loading-floating .loading-spinner-small{border-color:#4a5568;border-top-color:#a5b4fc}.flag-error-floating{color:#ef4444;font-weight:700;font-size:1.1rem;padding:1rem}.flag-game-mode-title{font-size:1.15rem;font-weight:600;color:#667eea;text-align:center;font-family:Fredoka,Nunito,sans-serif;text-transform:uppercase;letter-spacing:.5px}body.dark-mode .flag-game-mode-title{color:#a5b4fc}.hint-toast-flag{position:absolute;top:190px;left:12px;z-index:1000;background:rgba(99,102,241,.95);color:#fff;padding:.75rem 1rem;border-radius:10px;box-shadow:0 4px 12px #6366f166;border:2px solid #818cf8;animation:slideInLeft .3s ease-out;display:flex;align-items:center;gap:.5rem;min-width:180px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.hint-toast-flag .hint-toast-icon{font-size:1.25rem;line-height:1}.hint-toast-flag .hint-toast-content{display:flex;flex-direction:column;gap:.1rem}.hint-toast-flag .hint-toast-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.hint-toast-flag .hint-toast-continent{font-size:1rem;font-weight:700;font-family:Fredoka,Nunito,sans-serif}body.dark-mode .hint-toast-flag{background:rgba(129,140,248,.95);border-color:#a5b4fc;box-shadow:0 4px 12px #818cf880}@media (max-width: 768px){.flag-display-floating{min-width:140px;max-width:200px;padding:.65rem .875rem;top:15px}.flag-image-container{width:120px;height:80px}.hint-toast-flag{top:200px;left:8px;min-width:160px;padding:.65rem .875rem}.hint-toast-flag .hint-toast-icon{font-size:1.1rem}.hint-toast-flag .hint-toast-continent{font-size:.9rem}}@media (max-width: 480px){.flag-image-container{width:100px;height:67px}}.gameover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:9000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out;border-radius:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gameover-content{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:3rem 2.5rem;max-width:500px;width:100%;border:3px solid #a5b4fc;box-shadow:0 25px 80px #667eea66;animation:slideUp .4s ease-out;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}body.dark-mode .gameover-content{background:linear-gradient(135deg,#4f46e5 0%,#5b21b6 100%);border-color:#ef4444;box-shadow:0 25px 80px #dc262680}.gameover-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:2rem;text-shadow:0 4px 12px rgba(0,0,0,.3);font-family:Fredoka,Nunito,sans-serif}.gameover-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem}.gameover-stat{background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.25rem;border:2px solid rgba(255,255,255,.3);display:flex;flex-direction:column;gap:.5rem}.gameover-stat-label{font-size:.875rem;color:#ffffffe6;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.gameover-stat-value{font-size:2.5rem;color:#fff;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.3);font-family:Fredoka,Nunito,sans-serif}.gameover-stat-value.success{color:#4ade80}.gameover-restart-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1.25rem 2rem;font-size:1.25rem;font-weight:700;color:#dc2626;background:#ffffff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #0003;text-transform:uppercase;letter-spacing:.5px}.gameover-restart-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d;background:#fef2f2}.gameover-restart-button:active{transform:translateY(-1px)}@media (max-width: 768px){.gameover-content{padding:2rem 1.5rem}.gameover-title{font-size:2rem}.gameover-stats{grid-template-columns:1fr;gap:1rem}.gameover-stat{padding:1rem}.gameover-stat-value{font-size:2rem}.gameover-restart-button{font-size:1.125rem;padding:1rem 1.5rem}}.app-logo--large.logo-container{flex-direction:column;gap:.75rem}.app-logo--large .logo-globe{width:80px!important;height:80px!important}.app-logo--large .kanji{font-size:1.4rem}.app-logo--large .kanji-top{top:-10px;right:-18px}.app-logo--large .kanji-bottom{bottom:-10px;left:-18px}.app-logo--large .lang-arabic{top:-8px;left:-16px;font-size:1.2rem}.app-logo--large .lang-russian{bottom:-8px;right:-12px;font-size:1.2rem}.app-logo--large .app-title{font-size:3.5rem}.app-logo--medium .logo-globe{width:50px!important;height:50px!important}.app-logo--medium .kanji{font-size:1.1rem}.app-logo--medium .app-title{font-size:2rem}@media (max-width: 768px){.app-logo--large .logo-globe{width:60px!important;height:60px!important}.app-logo--large .kanji{font-size:1.2rem}.app-logo--large .app-title{font-size:2.5rem}}@media (max-width: 480px){.app-logo--large .lang-arabic,.app-logo--large .lang-russian{display:none}}.about-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:overlayFadeIn .3s ease-out}.about-modal-overlay.light{background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.about-modal-overlay.dark{background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.about-modal-content{position:relative;width:100%;max-width:700px;max-height:calc(100vh - 4rem);border-radius:20px;box-shadow:0 25px 60px #0000004d;animation:modalSlideIn .3s ease-out;overflow:hidden}.about-modal-overlay.light .about-modal-content{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);color:#2c3e50}.about-modal-overlay.dark .about-modal-content{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);color:#e2e8f0}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.about-modal-close{position:absolute;top:1rem;right:1rem;z-index:10;width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.about-modal-overlay.light .about-modal-close{background:rgba(0,0,0,.05);color:#64748b}.about-modal-overlay.light .about-modal-close:hover{background:rgba(0,0,0,.1);color:#2c3e50}.about-modal-overlay.dark .about-modal-close{background:rgba(255,255,255,.1);color:#94a3b8}.about-modal-overlay.dark .about-modal-close:hover{background:rgba(255,255,255,.15);color:#e2e8f0}.about-modal-scroll{max-height:calc(100vh - 4rem);overflow-y:auto;padding:2rem 1.5rem 2rem 2rem}.about-modal-scroll::-webkit-scrollbar{width:6px}.about-modal-scroll::-webkit-scrollbar-track{background:transparent}.about-modal-overlay.light .about-modal-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.about-modal-overlay.dark .about-modal-scroll::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.about-modal-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(102,126,234,.2)}.about-modal-logo{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#4d9de0 100%);color:#fff;box-shadow:0 8px 24px #667eea66}.about-modal-title{font-size:1.75rem;font-weight:700;margin:0;background:linear-gradient(135deg,#667eea 0%,#4d9de0 50%,#3bb2d0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-modal-section{margin-bottom:2rem}.about-modal-intro{font-size:1.1rem;line-height:1.7;text-align:center;margin:0}.about-modal-overlay.light .about-modal-intro{color:#475569}.about-modal-overlay.dark .about-modal-intro{color:#cbd5e0}.about-modal-section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.section-icon{font-size:1.5rem}.about-modal-modes{display:flex;flex-direction:column;gap:1rem}.about-mode-card{display:flex;gap:1rem;padding:1.25rem;border-radius:12px;transition:transform .2s ease}.about-modal-overlay.light .about-mode-card{background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.1)}.about-modal-overlay.dark .about-mode-card{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2)}.about-mode-card:hover{transform:translate(4px)}.about-mode-icon{font-size:2.5rem;flex-shrink:0}.about-mode-content h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#667eea}.about-mode-content p{margin:0 0 .75rem;font-size:.95rem;line-height:1.6}.about-modal-overlay.light .about-mode-content p{color:#64748b}.about-modal-overlay.dark .about-mode-content p{color:#94a3b8}.about-mode-content ul{margin:0;padding-left:1.25rem;font-size:.9rem}.about-mode-content li{margin-bottom:.25rem}.about-modal-overlay.light .about-mode-content li{color:#64748b}.about-modal-overlay.dark .about-mode-content li{color:#94a3b8}.about-modal-steps{margin:0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.75rem}.about-modal-steps li{line-height:1.6}.about-modal-overlay.light .about-modal-steps li{color:#64748b}.about-modal-overlay.dark .about-modal-steps li{color:#94a3b8}.about-modal-steps strong{color:#667eea}.about-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.about-feature{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;font-size:.95rem}.about-modal-overlay.light .about-feature{background:rgba(102,126,234,.05)}.about-modal-overlay.dark .about-feature{background:rgba(102,126,234,.1)}.feature-icon{font-size:1.25rem}.about-modal-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(102,126,234,.2);text-align:center}.about-modal-footer p{margin:0;font-size:.9rem;opacity:.7}@media (max-width: 768px){.about-modal-overlay{padding:1rem}.about-modal-scroll{padding:1.5rem}.about-modal-title{font-size:1.5rem}.about-modal-intro{font-size:1rem}.about-mode-card{flex-direction:column;align-items:center;text-align:center}.about-mode-content ul{text-align:left}.about-features-grid{grid-template-columns:1fr}}@media (max-width: 480px){.about-modal-logo{width:56px;height:56px}.about-modal-logo svg{width:32px;height:32px}}.landing-page{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:999999}.landing-page.light{background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);color:#2c3e50}.landing-page.dark{background:linear-gradient(135deg,#1a1f2e 0%,#0f1419 100%);color:#e2e8f0}.landing-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.europe-map-container{position:absolute;right:-20%;top:50%;transform:translateY(-50%);width:90%;height:110%;opacity:.6}.europe-map-svg{width:100%;height:100%}.sea-animation{position:absolute;left:-15%;top:0;width:40%;height:100%;overflow:hidden;pointer-events:none}.wave{position:absolute;width:200%;height:200%;opacity:.15;border-radius:43%;animation:waveRotate 15s linear infinite}.landing-page.light .wave{background:linear-gradient(135deg,#4d9de0 0%,#3bb2d0 50%,#667eea 100%)}.landing-page.dark .wave{background:linear-gradient(135deg,#1e3a5f 0%,#2d5a7b 50%,#3d7a9e 100%)}.wave1{left:-120%;top:-50%;animation-duration:18s}.wave2{left:-130%;top:-60%;animation-duration:22s;animation-delay:-5s;opacity:.12}.wave3{left:-140%;top:-40%;animation-duration:26s;animation-delay:-10s;opacity:.08}@keyframes waveRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landing-blur-overlay{position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:none}.landing-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;max-height:100vh;padding:1.5rem 2rem;text-align:center;gap:1.5rem}.landing-header{flex:0 0 auto;padding-top:0;width:100%;display:flex;flex-direction:column;align-items:center}.landing-about-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:2px solid transparent;border-radius:50px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease}.landing-page.light .landing-about-button{background:rgba(255,255,255,.8);color:#4a5568;border-color:#667eea33}.landing-page.dark .landing-about-button{background:rgba(45,55,72,.8);color:#e2e8f0;border-color:#667eea4d}.landing-about-button:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.landing-page.light .landing-about-button:hover{background:rgba(255,255,255,.95);color:#667eea}.landing-page.dark .landing-about-button:hover{background:rgba(45,55,72,.95);color:#a5b4fc}.landing-about-button svg{flex-shrink:0}.landing-top-buttons{position:fixed;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;z-index:1000}.landing-language-selector{position:relative}.landing-language-indicator{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border:2px solid transparent;border-radius:50px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease}.landing-page.light .landing-language-indicator{background:rgba(255,255,255,.8);color:#4a5568;border-color:#667eea33}.landing-page.dark .landing-language-indicator{background:rgba(45,55,72,.8);color:#e2e8f0;border-color:#667eea4d}.landing-language-indicator:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.landing-page.light .landing-language-indicator:hover{background:rgba(255,255,255,.95);color:#667eea}.landing-page.dark .landing-language-indicator:hover{background:rgba(45,55,72,.95);color:#a5b4fc}.landing-language-code{font-weight:600;text-transform:uppercase}.landing-dropdown-icon{transition:transform .2s ease}.landing-language-selector:hover .landing-dropdown-icon{transform:translateY(2px)}.landing-language-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:130px;border-radius:12px;box-shadow:0 8px 24px #0003;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;overflow:hidden}.landing-page.light .landing-language-dropdown{background:rgba(255,255,255,.95);border:2px solid rgba(102,126,234,.2)}.landing-page.dark .landing-language-dropdown{background:rgba(45,55,72,.95);border:2px solid rgba(102,126,234,.3)}.landing-language-selector:hover .landing-language-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.landing-language-option{width:100%;padding:.6rem 1rem;border:none;background:transparent;text-align:left;cursor:pointer;transition:background .2s ease;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.landing-page.light .landing-language-option{color:#4a5568}.landing-page.dark .landing-language-option{color:#e2e8f0}.landing-language-option:hover{background:rgba(102,126,234,.1)}.landing-language-option.active{background:rgba(102,126,234,.15);font-weight:600}.landing-page.light .landing-language-option.active{color:#667eea}.landing-page.dark .landing-language-option.active{color:#a5b4fc}.landing-logo-container{display:flex;flex-direction:column;align-items:center;gap:.75rem}.landing-logo-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.landing-logo-globe{width:80px;height:80px;filter:drop-shadow(0 4px 12px rgba(102,126,234,.4));transition:transform .3s ease;animation:floatGlobe 4s ease-in-out infinite}@keyframes floatGlobe{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.landing-kanji{position:absolute;font-size:1.4rem;font-weight:600;opacity:.85;z-index:1;font-family:Noto Sans JP,Yu Gothic,sans-serif;animation:floatKanjiLanding 3s ease-in-out infinite}.landing-page.light .landing-kanji{color:#667eea}.landing-page.dark .landing-kanji{color:#a5b4fc}.landing-kanji-top{top:-8px;right:-20px;transform:rotate(8deg)}.landing-kanji-bottom{bottom:-8px;left:-20px;transform:rotate(-8deg);animation-delay:1.5s}.landing-lang-char{position:absolute;font-size:1.2rem;font-weight:600;opacity:.75;z-index:1;animation:floatLangChar 4s ease-in-out infinite}.landing-page.light .landing-lang-char{color:#4d9de0}.landing-page.dark .landing-lang-char{color:#7dd3fc}.landing-lang-arabic{top:50%;right:-30px;transform:translateY(-50%) rotate(-5deg);font-family:Noto Sans Arabic,Amiri,sans-serif;animation-delay:.5s}.landing-lang-russian{bottom:50%;left:-30px;transform:translateY(50%) rotate(5deg);font-family:Noto Sans,sans-serif;animation-delay:2s}@keyframes floatKanjiLanding{0%,to{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-5px) rotate(8deg)}}@keyframes floatLangChar{0%,to{transform:translateY(-50%) rotate(-5deg)}50%{transform:translateY(calc(-50% - 5px)) rotate(-5deg)}}.landing-title{font-size:3.5rem;font-weight:700;letter-spacing:-1px;margin:0;background:linear-gradient(135deg,#667eea 0%,#4d9de0 50%,#3bb2d0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.landing-description{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem}.landing-description p{font-size:1.3rem;font-weight:500;max-width:500px;line-height:1.5;margin:0;opacity:.9}.landing-page.light .landing-description p{color:#4a5568}.landing-page.dark .landing-description p{color:#cbd5e0}.landing-actions{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding-bottom:1rem}.landing-start-button{padding:1rem 3rem;font-size:1.3rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#4d9de0 50%,#3bb2d0 100%);color:#fff;box-shadow:0 6px 20px #667eea66;transition:all .3s ease;position:relative;overflow:hidden}.landing-start-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#5a6fd6 0%,#3d8bc8 50%,#2a9aba 100%);opacity:0;transition:opacity .3s ease;z-index:0}.landing-start-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea80}.landing-start-button:hover:before{opacity:1}.landing-start-button span{position:relative;z-index:1}.landing-start-button:active{transform:translateY(-1px)}.landing-modes-container{display:flex;flex-direction:column;align-items:center;gap:.75rem}.modes-label{font-size:.9rem;opacity:.7;margin:0}.landing-modes-grid{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.landing-mode-button{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.8rem 1.2rem;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;min-width:100px}.landing-page.light .landing-mode-button{background:rgba(255,255,255,.8);border-color:#d4dce6;color:#2c3e50}.landing-page.dark .landing-mode-button{background:rgba(45,55,72,.8);border-color:#4a5568;color:#e2e8f0}.landing-mode-button:hover{transform:translateY(-2px);border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.mode-icon{display:flex;align-items:center;justify-content:center;font-size:1.5rem}.mode-icon-svg{width:28px;height:28px;stroke-width:1.8}.landing-page.light .mode-icon-svg{stroke:#667eea}.landing-page.dark .mode-icon-svg{stroke:#a5b4fc}.icon-fallback{font-size:1.5rem}.mode-name{font-size:.85rem;font-weight:500}@media (max-width: 768px){.landing-title{font-size:2.5rem}.landing-description p{font-size:1.1rem}.landing-logo-globe{width:60px;height:60px}.landing-kanji{font-size:1.2rem}.landing-lang-char{font-size:1rem}.landing-start-button{padding:.875rem 2.5rem;font-size:1.1rem}.europe-map-container{right:-20%;opacity:.4}.sea-animation{left:-25%;width:50%}.landing-about-button span{display:none}.landing-about-button{padding:.6rem}}@media (max-width: 480px){.landing-content{padding:1.5rem 1rem;gap:1rem}.landing-title{font-size:2rem}.landing-description p{font-size:1rem}.landing-modes-grid{flex-direction:column}.landing-mode-button{flex-direction:row;min-width:150px;justify-content:center}.landing-lang-arabic,.landing-lang-russian{display:none}}.app-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);color:#2c3e50;display:flex;flex-direction:column;transition:background .3s ease,color .3s ease}body.dark-mode{background:#0f1419}body.dark-mode .app-container{background:linear-gradient(135deg,#1a1f2e 0%,#0f1419 100%);color:#e2e8f0}.app-header{position:fixed;top:0;left:0;right:0;z-index:100000;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid #d4dce6;padding:1rem 2rem;display:grid;grid-template-columns:1fr 2fr 1fr;gap:1rem;align-items:center;box-shadow:0 2px 8px #00000014;transition:background .3s ease,border-color .3s ease}body.dark-mode .app-header{background:rgba(26,31,46,.95);border-bottom:2px solid #2d3748;box-shadow:0 2px 8px #0000004d}.header-left{display:flex;align-items:center;gap:1rem}.logo-container{display:flex;align-items:center;gap:.75rem}.logo-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.logo-globe{filter:drop-shadow(0 3px 6px rgba(0,0,0,.15));transition:transform .3s ease,filter .3s ease;position:relative;z-index:2;width:36px;height:36px}.logo-globe:hover{transform:scale(1.08);filter:drop-shadow(0 4px 8px rgba(44,90,160,.3))}body.dark-mode .logo-globe{filter:drop-shadow(0 3px 8px rgba(102,126,234,.5))}body.dark-mode .logo-globe:hover{filter:drop-shadow(0 4px 10px rgba(102,126,234,.7))}.kanji{position:absolute;font-size:.9rem;font-weight:600;color:#667eea;opacity:.85;z-index:1;transition:all .3s ease;font-family:Noto Sans JP,Yu Gothic,sans-serif;animation:floatKanji 3s ease-in-out infinite}.kanji-top{top:-8px;right:-6px;transform:rotate(8deg);animation-delay:0s}.kanji-bottom{bottom:-8px;left:-6px;transform:rotate(-8deg);animation-delay:1.5s}@keyframes floatKanji{0%,to{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-4px) rotate(8deg)}}.kanji-bottom{animation-name:floatKanjiBottom}@keyframes floatKanjiBottom{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-4px) rotate(-8deg)}}body.dark-mode .kanji{color:#a5b4fc;opacity:.9}.logo-wrapper:hover .kanji{animation-play-state:paused;transform:rotate(0) scale(1.1);color:#4f46e5}body.dark-mode .logo-wrapper:hover .kanji{color:#c7d2fe}.lang-char{position:absolute;font-size:.85rem;font-weight:600;opacity:.75;z-index:1;transition:all .3s ease;animation:floatLangChar 3s ease-in-out infinite}.lang-arabic{top:-6px;left:-8px;color:#10b981;transform:rotate(-12deg);font-family:Noto Sans Arabic,Arial,sans-serif;animation-delay:.75s}@keyframes floatLangArabic{0%,to{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-4px) rotate(-12deg)}}.lang-arabic{animation-name:floatLangArabic}.lang-russian{bottom:-6px;right:-4px;color:#ef4444;transform:rotate(12deg);font-family:Noto Sans,Arial,sans-serif;animation-delay:2.25s}@keyframes floatLangRussian{0%,to{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-4px) rotate(12deg)}}.lang-russian{animation-name:floatLangRussian}body.dark-mode .lang-char{opacity:.85}.logo-wrapper:hover .lang-char{animation-play-state:paused;transform:rotate(0) scale(1.08);opacity:.95}.app-title{font-size:1.85rem;font-weight:600;color:#2c5aa0;margin:0;letter-spacing:.5px;transition:color .3s ease;font-family:Fredoka,Nunito,sans-serif;text-transform:none}body.dark-mode .app-title{color:#60a5fa}.mode-selector{position:relative;z-index:200000}.mode-indicator{font-size:.9rem;color:#64748b;font-weight:500;background-color:#f1f5f9;padding:.4rem .8rem;border-radius:6px;border:2px solid #cbd5e1;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;white-space:nowrap}.mode-indicator:hover{background-color:#e0e7ff;border-color:#818cf8}body.dark-mode .mode-indicator{color:#94a3b8;background-color:#3b4252;border-color:#4c566a}body.dark-mode .mode-indicator:hover{background-color:#434c5e;border-color:#5e81ac}.dropdown-icon{transition:transform .2s ease}.mode-selector:hover .dropdown-icon{transform:translateY(2px)}.mode-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:auto;background:#ffffff;border:2px solid #d4dce6;border-radius:8px;box-shadow:0 8px 24px #0003;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:200000;overflow:hidden}body.dark-mode .mode-dropdown{background:#2d3748;border-color:#4a5568;box-shadow:0 8px 24px #00000080}.mode-selector:hover .mode-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.mode-option{width:100%;padding:.75rem 1rem;border:none;background:transparent;color:#2c3e50;text-align:left;cursor:pointer;transition:background .2s ease;font-size:.9rem;white-space:nowrap}.mode-option:hover{background:rgba(102,126,234,.1)}.mode-option.active{background:rgba(102,126,234,.15);color:#2c5aa0;font-weight:600}body.dark-mode .mode-option{color:#e2e8f0}body.dark-mode .mode-option:hover{background:rgba(102,126,234,.2)}body.dark-mode .mode-option.active{background:rgba(102,126,234,.25);color:#60a5fa}.header-center{display:flex;justify-content:center;width:100%}.header-right{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.dark-mode-toggle{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s ease}.dark-mode-toggle:hover{background-color:#e8ecf1}body.dark-mode .dark-mode-toggle:hover{background-color:#2d3748}.language-selector{position:relative;z-index:200000}.language-indicator{font-size:.85rem;color:#64748b;font-weight:500;background-color:#f1f5f9;padding:.4rem .7rem;border-radius:6px;border:2px solid #cbd5e1;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.language-indicator:hover{background-color:#e0e7ff;border-color:#818cf8}body.dark-mode .language-indicator{color:#94a3b8;background-color:#3b4252;border-color:#4c566a}body.dark-mode .language-indicator:hover{background-color:#434c5e;border-color:#5e81ac}.globe-icon{width:16px;height:16px}.language-code{font-weight:600;text-transform:uppercase}.language-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:max-content;min-width:120px;background:#ffffff;border:2px solid #d4dce6;border-radius:8px;box-shadow:0 8px 24px #0003;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:200000;overflow:hidden}body.dark-mode .language-dropdown{background:#2d3748;border-color:#4a5568;box-shadow:0 8px 24px #00000080}.language-selector:hover .language-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.language-option{width:100%;padding:.5rem .75rem;border:none;background:transparent;color:#2c3e50;text-align:left;cursor:pointer;transition:background .2s ease;font-size:.85rem;display:flex;align-items:center;gap:.5rem}.language-option:hover{background:rgba(102,126,234,.1)}.language-option.active{background:rgba(102,126,234,.15);color:#2c5aa0;font-weight:600}body.dark-mode .language-option{color:#e2e8f0}body.dark-mode .language-option:hover{background:rgba(102,126,234,.2)}body.dark-mode .language-option.active{background:rgba(102,126,234,.25);color:#60a5fa}.home-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:2px solid rgba(102,126,234,.3);border-radius:50%;background:rgba(255,255,255,.8);color:#4a5568;cursor:pointer;transition:all .3s ease}.home-button:hover{border-color:#667eea;background:rgba(255,255,255,.95);color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.home-button svg{width:20px;height:20px;flex-shrink:0}body.dark-mode .home-button{background:rgba(45,55,72,.8);color:#e2e8f0;border-color:#667eea66}body.dark-mode .home-button:hover{background:rgba(45,55,72,.95);color:#a5b4fc;border-color:#667eea}.toggle-switch{width:50px;height:28px;background-color:#d4dce6;border-radius:14px;position:relative;transition:background-color .3s ease;border:2px solid #b8c5d6;display:flex;align-items:center;justify-content:space-between;padding:0 4px}.toggle-switch.active{background-color:#667eea;border-color:#5569d8}.toggle-background-icon{z-index:1;transition:all .3s ease;pointer-events:none;stroke:none}.toggle-sun{color:#ff6b00;opacity:1;filter:drop-shadow(0 0 3px #FFA500)}.toggle-switch.active .toggle-sun{color:#94a3b8;opacity:1;filter:none}.toggle-moon{color:#6b7280;opacity:.3}.toggle-switch.active .toggle-moon{color:#fde047;opacity:1;filter:drop-shadow(0 0 2px #FDE047)}.toggle-circle{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003;z-index:2}.toggle-switch.active .toggle-circle{transform:translate(22px)}.app-main{width:100%;flex-grow:1;display:flex;flex-direction:column;align-items:center;padding:1.5rem;margin-top:80px}.map-wrapper{width:100%;max-width:1600px;height:calc(100vh - 140px);background:linear-gradient(135deg,#667eea 0%,#4d9de0 50%,#3bb2d0 100%);border-radius:12px;box-shadow:0 10px 40px #0000001f;overflow:hidden;border:2px solid #b8c5d6;transition:box-shadow .3s ease,border-color .3s ease}body.dark-mode .map-wrapper{box-shadow:0 10px 40px #0006;border-color:#4a5568}.app-footer{display:none}@media (max-width: 1024px){.app-header{grid-template-columns:auto 1fr auto;gap:1rem;padding:.875rem 1rem}.app-title{font-size:1.5rem}}.game-phrase-display{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.25rem 0}.phrase-loading-header{display:flex;align-items:center;gap:.75rem;color:#64748b;font-size:1rem}.loading-spinner-small{width:20px;height:20px;border:3px solid #d4dce6;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.phrase-question{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}body.dark-mode .phrase-question{color:#94a3b8}.phrase-text-header{font-size:1.35rem;font-weight:700;color:#2c5aa0;text-align:center;font-family:Fredoka,Nunito,sans-serif;line-height:1.2;max-width:100%;word-wrap:break-word}body.dark-mode .phrase-text-header{color:#60a5fa}.hint-toast{position:absolute;top:190px;left:12px;z-index:1000;background:rgba(251,191,36,.95);color:#78350f;padding:.75rem 1rem;border-radius:10px;box-shadow:0 4px 12px #fbbf2466;border:2px solid #fcd34d;animation:slideInLeft .3s ease-out;display:flex;align-items:center;gap:.5rem;min-width:180px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.hint-toast-icon{font-size:1.25rem;line-height:1}.hint-toast-content{display:flex;flex-direction:column;gap:.1rem}.hint-toast-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.hint-toast-language{font-size:1rem;font-weight:700;font-family:Fredoka,Nunito,sans-serif}body.dark-mode .hint-toast{background:rgba(245,158,11,.95);color:#451a03;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b80}.phrase-error-header{color:#ef4444;font-weight:600;font-size:1rem}.game-mode-title{font-size:1.15rem;font-weight:600;color:#667eea;text-align:center;font-family:Fredoka,Nunito,sans-serif;text-transform:uppercase;letter-spacing:.5px}body.dark-mode .game-mode-title{color:#a5b4fc}.game-action-buttons{display:flex;gap:.5rem;margin-top:.25rem}.game-icon-button{width:36px;height:36px;border-radius:6px;border:2px solid;background:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 6px #0000001a}.game-icon-button svg{width:18px;height:18px}.game-icon-button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.hint-button{color:#fbbf24;border-color:#fbbf24;order:3}.hint-button:hover:not(:disabled){background:#fef3c7;transform:translateY(-2px);box-shadow:0 4px 12px #fbbf244d}.skip-button{color:#667eea;border-color:#667eea}.skip-button:hover:not(:disabled){background:#eef2ff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.reset-button{color:#ef4444;border-color:#ef4444}.reset-button:hover:not(:disabled){background:#fef2f2;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}body.dark-mode .game-icon-button{background:#2d3748}body.dark-mode .hint-button:hover:not(:disabled){background:#78350f}body.dark-mode .skip-button:hover:not(:disabled){background:#4338ca}body.dark-mode .reset-button:hover:not(:disabled){background:#7f1d1d}@media (max-width: 768px){.app-header{grid-template-columns:auto 1fr auto;gap:.75rem;padding:.75rem;min-height:auto}.app-title{font-size:1.25rem}.map-wrapper{height:calc(100vh - 120px)}.phrase-text-header{font-size:1.25rem}.game-action-buttons{gap:.5rem}.game-icon-button{width:36px;height:36px}.game-icon-button svg{width:16px;height:16px}}.game-map-wrapper{width:100%;max-width:1600px;height:calc(100vh - 140px);background:linear-gradient(135deg,#667eea 0%,#4d9de0 50%,#3bb2d0 100%);border-radius:12px;box-shadow:0 10px 40px #0000001f;overflow:visible;border:2px solid #b8c5d6;transition:all .3s ease;position:relative}body.dark-mode .game-map-wrapper{box-shadow:0 12px 48px #0006;border-color:#4f46e566}.game-phrase-floating{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:1000;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px;padding:.875rem 1.5rem;box-shadow:0 8px 24px #0003;border:2px solid rgba(102,126,234,.3);min-width:320px;max-width:500px;text-align:center;transition:all .3s ease;pointer-events:none}body.dark-mode .game-phrase-floating{background:rgba(45,55,72,.98);border-color:#667eea80;box-shadow:0 8px 24px #00000080}.phrase-question-floating{font-size:.9rem;color:#667eea;font-weight:600;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}body.dark-mode .phrase-question-floating{color:#a5b4fc}.phrase-text-floating{font-size:1.75rem;font-weight:700;color:#2c3e50;font-family:Fredoka,Nunito,sans-serif;line-height:1.3;pointer-events:auto}body.dark-mode .phrase-text-floating{color:#e2e8f0}.phrase-loading-floating{display:flex;align-items:center;gap:.75rem;justify-content:center;color:#667eea;font-weight:600;font-size:1.1rem;pointer-events:auto}body.dark-mode .phrase-loading-floating{color:#a5b4fc}.phrase-error-floating{color:#ef4444;font-weight:700;font-size:1.25rem}.game-controls-floating{position:absolute;bottom:20px;left:20px;z-index:2000;display:flex;flex-direction:column;gap:.75rem;width:fit-content;pointer-events:none}.game-controls-floating>*{pointer-events:auto}.game-floating-button{width:56px;height:56px;border-radius:50%;border:3px solid;background:rgba(255,255,255,.95);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-floating-button svg{width:24px;height:24px}.game-floating-button:hover:not(:disabled){transform:scale(1.15) translateY(-3px);box-shadow:0 8px 24px #0000004d}.game-floating-button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.game-floating-button.hint-button{color:#fbbf24;border-color:#fbbf24}.game-floating-button.hint-button:hover:not(:disabled){background:#fef3c7;box-shadow:0 8px 24px #fbbf2480}.game-floating-button.skip-button{color:#667eea;border-color:#667eea}.game-floating-button.skip-button:hover:not(:disabled){background:#eef2ff;box-shadow:0 8px 24px #667eea80}.game-floating-button.reset-button{color:#ef4444;border-color:#ef4444}.game-floating-button.reset-button:hover:not(:disabled){background:#fee2e2;box-shadow:0 8px 24px #ef444480}body.dark-mode .game-floating-button{background:rgba(45,55,72,.95)}body.dark-mode .game-floating-button.hint-button:hover:not(:disabled){background:rgba(254,243,199,.2)}body.dark-mode .game-floating-button.skip-button:hover:not(:disabled){background:rgba(238,242,255,.2)}body.dark-mode .game-floating-button.reset-button:hover:not(:disabled){background:rgba(254,226,226,.2)}@media (max-width: 768px){.game-phrase-floating{min-width:90%;padding:1rem 1.5rem;top:15px}.phrase-text-floating{font-size:1.5rem}.game-controls-floating{bottom:15px;left:8px;gap:.6rem}.game-floating-button{width:48px;height:48px}.game-floating-button svg{width:20px;height:20px}.hint-toast{top:170px;left:8px;min-width:160px;padding:.65rem .875rem}.hint-toast-icon{font-size:1.1rem}.hint-toast-language{font-size:.9rem}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;min-height:100vh}