:root{--bg-primary: #070707;--bg-secondary: #121212;--bg-tertiary: #181818;--bg-quaternary: #1e1e1e;--bg-glass: rgba(255, 255, 255, .03);--bg-glass-hover: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #a8b2d1;--text-tertiary: var(--text-primary);--text-muted: #4a5568;--primary-color: #6366f1;--primary-light: #8b5cf6;--primary-dark: #4f46e5;--secondary-color: #06b6d4;--accent-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--success-color: #10b981;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #10b981 100%);--gradient-warm: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-cool: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-glass: linear-gradient(145deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.05) 100%);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(99, 102, 241, .4);--shadow-glass: 0 8px 32px rgba(31, 38, 135, .37);--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--text-xxs: .6rem;--text-xs: .75rem;--text-sm: .85rem;--text-base: .95rem;--text-lg: 1.05rem;--text-xl: 1.15rem;--text-2xl: 1.4rem;--text-3xl: 1.75rem;--text-4xl: 2.1rem;--text-5xl: 2.8rem;--space-xxs: .15rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: .9rem;--space-lg: 1.4rem;--space-xl: 1.8rem;--space-2xl: 2.8rem;--space-3xl: 3.6rem;--transition-fast: .15s ease-out;--transition-base: .25s ease-out;--transition-slow: .35s ease-out;--transition-all: all var(--transition-base);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .05);--border-hover: rgba(99, 102, 241, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);background-image:radial-gradient(circle at 25% 25%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(16,185,129,.1) 0%,transparent 50%);background-attachment:fixed;min-height:100dvh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-quaternary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-md);color:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary)}.glass-hover:hover{background:var(--bg-glass-hover);border-color:var(--border-hover)}.loading-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);z-index:var(--z-modal);gap:var(--space-lg)}.loading-spinner{width:48px;height:48px;border:3px solid rgba(99,102,241,.2);border-top:3px solid var(--primary-color);border-radius:var(--radius-full);animation:spin 1s linear infinite}.loading-text{font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-align:center}.app-container{max-width:1600px;margin:0 auto;padding:var(--space-lg);display:flex;flex-direction:column;min-height:100dvh}.app-main{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto}.app-header{display:flex;align-items:center;padding:var(--space-lg) 0;border-bottom:1px solid var(--border-primary);margin-bottom:var(--space-lg)}.header-content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.app-title{margin:0;font-size:var(--text-3xl);font-weight:var(--font-weight-extrabold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.header-controls{display:flex;align-items:center;gap:var(--space-md)}.app-navigation{display:flex;gap:var(--space-xs);padding:var(--space-md) 0;margin-bottom:var(--space-2xl);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-sm)}.nav-btn{flex:1;background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);font-size:var(--text-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);position:relative;overflow:hidden}.nav-btn:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:var(--transition-all);border-radius:inherit}.nav-btn:hover{color:var(--text-primary);transform:translateY(-2px)}.nav-btn:hover:before{opacity:.1}.nav-btn.active{color:var(--text-primary);background:var(--gradient-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.nav-btn.active:before{opacity:0}.screen{display:none;animation:fadeIn .4s ease-out}.screen.active{display:block;flex-grow:1}.screen h2.centered{text-align:center;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl);margin-top:var(--space-2xl)}.topic-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);cursor:pointer;transition:var(--transition-all);position:relative;overflow:hidden}.topic-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:var(--transition-all)}.topic-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--primary-color);box-shadow:var(--shadow-xl),var(--shadow-glow)}.topic-card:hover:before{opacity:.05}.topic-icon{width:200px;height:200px;margin:0 auto var(--space-md) auto;display:flex;justify-content:center;align-items:center;background-color:var(--bg-secondary);border-radius:50%;padding:var(--space-sm);transition:var(--transition-all)}.topic-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.topic-card:hover .topic-icon{transform:scale(1.1) rotate(5deg)}.topic-name{margin:0 0 var(--space-sm) 0;font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.topic-description{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:var(--transition-all);position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-header-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;border-radius:6px}#fullscreen-btn.btn-header-icon{background:#0000004d;border:1px solid rgba(255,255,255,.2);color:var(--text-primary)}#quit-game.btn-header-icon{background:var(--error-color);border:1px solid var(--error-color);color:#fff;border-radius:0}#quit-game.btn-header-icon:hover{background:brown;border-color:brown}.btn-header-icon svg{width:20px;height:20px;margin-right:0}.btn:not(:disabled):hover{transform:translateY(-2px)}.btn:not(:disabled):active{transform:translateY(0)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-secondary{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:var(--shadow-md)}.btn-danger:hover{box-shadow:var(--shadow-lg),0 0 20px #ef444466}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-glass);border-color:var(--border-primary);color:var(--text-primary)}.btn-small{padding:var(--space-xs) var(--space-sm)!important;font-size:var(--text-sm)!important}.game-over-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-backdrop{position:absolute;inset:0;background:#000c}.game-results-modal{background:var(--bg-secondary);padding:60px;border-radius:10px;text-align:center;max-width:400px;width:90%}.game-results-modal h3{margin-top:0}.modal-actions{margin-top:20px;display:flex;gap:20px;justify-content:center;flex-wrap:wrap;width:100%}.modal-content-inner{background:var(--bg-secondary);padding:var(--space-3xl);border-radius:var(--radius-xl);text-align:center;max-width:500px;width:90%;box-shadow:var(--shadow-xl);border:1px solid var(--border-primary)}.mode-selector-container{margin:var(--space-2xl) 0}.leaderboard-container,.profile-container{margin-top:var(--space-2xl)}.leaderboard-table{width:100%;border-collapse:collapse;margin-top:var(--space-lg);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.leaderboard-table th,.leaderboard-table td{padding:var(--space-lg) var(--space-xl);text-align:left;border-bottom:1px solid var(--border-primary)}.leaderboard-table th{background:#6366f11a;font-weight:var(--font-weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:var(--text-sm)}.leaderboard-table td{font-size:var(--text-base);color:var(--text-primary)}.leaderboard-table tr:last-child td{border-bottom:none}.leaderboard-table tr:hover{background:#6366f10d}.leaderboard-table td:first-child,.leaderboard-table th:first-child{width:15%;text-align:center;font-weight:var(--font-weight-bold)}.leaderboard-table td:nth-child(2),.leaderboard-table th:nth-child(2){width:60%}.leaderboard-table td:nth-child(3),.leaderboard-table th:nth-child(3){width:25%;text-align:right;font-weight:var(--font-weight-bold);color:var(--primary-color)}.leaderboard-table tr:nth-child(1) td:first-child{color:gold;font-size:var(--text-xl)}.leaderboard-table tr:nth-child(2) td:first-child{color:silver;font-size:var(--text-xl)}.leaderboard-table tr:nth-child(3) td:first-child{color:#cd7f32;font-size:var(--text-xl)}#game-screen{display:flex;flex-direction:column;height:100%;position:relative;padding-top:-3rem}@media (min-width: 769px){.score-display-top-left{position:absolute;top:5rem;left:.5rem;z-index:10}}.game-info{display:flex;gap:var(--space-lg);align-items:center}.current-topic,.current-mode{font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.game-board-container{flex-grow:1;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-xl);overflow-y:hidden;width:100%;margin-top:0}.game-board{margin:0 auto;width:100%;max-width:1200px;min-height:650px}.game-controls-top-right{position:absolute;top:6rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:10}.game-control-btn{width:40px;height:40px;border-radius:50%;background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out;padding:0}.game-control-btn:hover{background:#00000080;border-color:#ffffff4d;transform:scale(1.1)}.game-control-btn.muted{background:#ef44444d;border-color:#ef444480}.game-control-btn.muted:hover{background:#ef444480}.game-control-btn:hover{background:#0006;transform:scale(1.1)}.game-control-btn svg{width:20px;height:20px}.quit-game-btn-style{background:var(--error-color)!important;border:1px solid var(--error-color)!important;color:#fff!important;width:36px;height:36px;border-radius:6px}.quit-game-btn-style:hover{background:brown!important;border-color:brown!important}.mobile-score-display,.mobile-game-controls{display:none}@media (max-width: 1024px) and (min-width: 769px){.app-container{padding:var(--space-md)}.app-header{padding:var(--space-lg) 0}.header-content{flex-direction:column;align-items:stretch;gap:var(--space-md)}.app-title{text-align:center;font-size:var(--text-2xl)}.header-controls{justify-content:center}.app-navigation{flex-direction:column;gap:var(--space-xs)}.topic-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.topic-card{padding:var(--space-xl)}.game-header{flex-direction:column;gap:var(--space-md);text-align:center}.game-info{flex-direction:column;gap:var(--space-sm)}.game-board{padding:var(--space-md);max-width:95%}.game-board-container{padding:var(--space-md)}.higher-lower-game,.countries-container{gap:var(--space-xl)}.country-card{width:350px;height:350px;padding:var(--space-md)}.country-flag{width:140px;height:105px}.country-name{font-size:var(--text-lg);height:50px}.country-value{font-size:var(--text-base);min-height:35px;padding:var(--space-xs) var(--space-sm)}.vs-text{font-size:var(--text-2xl);padding:var(--space-sm)}.game-question{padding:var(--space-md) var(--space-lg)}.question-text{font-size:var(--text-xl)}.game-board[data-topic=movies] .country-card.movie-card-height,.game-board[data-topic=premier-league] .country-card.movie-card-height,.game-board[data-topic=soccer-players] .country-card.movie-card-height,.game-board[data-topic=anime-characters] .country-card.movie-card-height,.game-board[data-topic=tv-shows] .country-card.movie-card-height{min-height:380px;padding:var(--space-sm)}.game-board[data-topic=movies] .movie-poster-flag-container,.game-board[data-topic=premier-league] .movie-poster-flag-container,.game-board[data-topic=soccer-players] .movie-poster-flag-container,.game-board[data-topic=anime-characters] .movie-poster-flag-container,.game-board[data-topic=tv-shows] .movie-poster-flag-container{width:180px;height:270px}.identification-game,.identification-container{gap:var(--space-xl)}.flag-display{width:200px;height:150px}.country-input{padding:var(--space-md) var(--space-lg);font-size:var(--text-base);min-width:250px}.attempts-info{padding:var(--space-xs) var(--space-sm)}.attempts-count{font-size:var(--text-lg);min-width:35px}.hint-container{padding:var(--space-sm)}.hint-text{font-size:var(--text-sm)}}@media (max-width: 768px){.app-container{padding:var(--space-sm)}.app-header{padding:var(--space-md) 0}.header-content{flex-direction:column;align-items:stretch;gap:var(--space-md)}.app-title{text-align:center;font-size:var(--text-xl)}.header-controls{justify-content:center}.app-navigation{flex-direction:column;gap:var(--space-xs);padding:var(--space-xs)}.topic-grid{grid-template-columns:1fr;gap:var(--space-lg)}.topic-card{padding:var(--space-lg)}#game-screen{display:flex;flex-direction:column;padding:var(--space-sm);position:relative}.score-display-top-left,.game-controls-top-right{display:none!important}.mobile-score-display{display:flex!important;justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-sm) 0;background:transparent;border:none;border-radius:0;margin-bottom:var(--space-md);-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;font-size:var(--text-lg);font-weight:var(--font-weight-bold)}#mobileScoreDisplay{display:flex!important;justify-content:center;align-items:center;gap:var(--space-xl);padding:var(--space-sm) 0;background:transparent;border:none;border-radius:0;margin-bottom:var(--space-md);width:100%;font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}#mobileScoreDisplay .mobile-score-item{display:flex;align-items:center;gap:var(--space-xs);color:inherit}#mobileScoreDisplay .mobile-score-item span:last-child{color:var(--primary-color);font-weight:var(--font-weight-bold)}.game-board-container{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:0;overflow-y:hidden;margin-bottom:0;margin-top:var(--space-md)}.mobile-game-controls{display:flex!important;justify-content:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-top:var(--space-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-control-btn{flex:1;padding:var(--space-md);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:48px}.mobile-control-btn:hover{background:var(--bg-glass-hover);border-color:var(--primary-color);transform:translateY(-1px)}.mobile-control-btn.quit-btn:hover{background:brown;border-color:brown}.fullscreen-required-modal .game-results-modal{padding:var(--space-xl)}.fullscreen-required-modal .game-results-modal h2{font-size:var(--text-2xl);margin-bottom:var(--space-sm)}.fullscreen-required-modal .game-results-modal p{font-size:var(--text-base);margin-bottom:var(--space-lg)}.fullscreen-required-modal .modal-actions{flex-direction:column;gap:var(--space-md)}.fullscreen-required-modal .modal-actions .btn{width:100%}.game-over-modal .game-results-modal{padding:var(--space-xl)}.game-over-modal .game-results-modal h2{font-size:var(--text-2xl);margin-bottom:var(--space-sm)}.game-over-modal .game-results-modal p{font-size:var(--text-base);margin-bottom:var(--space-lg)}.game-over-modal .modal-actions{flex-direction:column;gap:var(--space-md)}.game-over-modal .modal-actions .btn{width:100%}}.mobile-fullscreen-btn{display:none;position:fixed;top:20px;left:10px;z-index:1001;background:var(--primary-color);border:1px solid var(--primary-color);color:#fff;padding:var(--space-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);cursor:pointer;transition:var(--transition-all)}.mobile-fullscreen-btn:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-xl)}@media (max-width: 768px){.mobile-fullscreen-btn{display:block}}@media (max-width: 480px){.app-container{padding:var(--space-xs)}.btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.topic-card{padding:var(--space-md)}.topic-icon{font-size:2.5rem}.mobile-score-display{flex-direction:column;gap:var(--space-sm);align-items:center}.mobile-game-controls{flex-direction:column;gap:var(--space-sm)}.mobile-control-btn{min-height:44px}}@media (prefers-contrast: high){:root{--border-primary: rgba(99, 102, 241, .7);--border-secondary: rgba(99, 102, 241, .4)}.btn{border:2px solid transparent}.btn-primary{border-color:var(--primary-color)}.btn-secondary{border-color:var(--border-primary)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-spinner{animation:none;border:3px solid var(--primary-color)}}.header-logo{width:40px;height:40px;margin-right:10px;vertical-align:middle}body.fullscreen-mode{overflow:hidden}body.fullscreen-mode #game-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:var(--bg-primary);padding:0;box-sizing:border-box}body.fullscreen-mode .game-board-container{padding:0;overflow-y:auto;height:100vh;display:flex;align-items:center;justify-content:center;margin:0}@media (min-width: 769px){body.fullscreen-mode .game-board{position:fixed;top:0;left:0;width:100vw;height:100vh;max-width:none;margin:0;padding:var(--space-lg);border-radius:0;box-sizing:border-box;display:flex;flex-direction:column}body.fullscreen-mode .higher-lower-game,body.fullscreen-mode .identification-game{display:flex;flex-direction:column;height:100%;flex-grow:1}body.fullscreen-mode .game-question{flex-shrink:0}body.fullscreen-mode .countries-container,body.fullscreen-mode .identification-container{flex-grow:1;display:flex;align-items:center;justify-content:center;margin:var(--space-lg) 0}body.fullscreen-mode .game-controls{flex-shrink:0;margin-top:auto;padding-bottom:0}body.fullscreen-mode .score-display-top-left{position:absolute;top:var(--space-md);left:var(--space-md);z-index:10000;background:var(--bg-glass);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body.fullscreen-mode .game-controls-top-right{position:absolute;top:var(--space-md);right:var(--space-md);z-index:10000}}@media (max-width: 768px){body.fullscreen-mode #mobileScoreDisplay{top:var(--space-md);left:50%;transform:translate(-50%);width:auto;padding:var(--space-sm) var(--space-lg)}body.fullscreen-mode .mobile-fullscreen-btn{top:var(--space-md);left:var(--space-md)}body.fullscreen-mode .quit-game-btn-mobile{top:var(--space-md);right:var(--space-md)}body.fullscreen-mode .game-controls-bottom{bottom:var(--space-md);width:calc(100% - 2 * var(--space-md));max-width:500px}body.fullscreen-mode .game-board{margin:0;padding:var(--space-lg)}body.fullscreen-mode .game-board-container{height:100vh;width:100vw;margin:0;padding:0}}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-quaternary: #e2e8f0;--bg-glass: rgba(255, 255, 255, .8);--bg-glass-hover: rgba(255, 255, 255, .95);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--primary-color: #6366f1;--primary-light: #8b5cf6;--primary-dark: #4f46e5;--secondary-color: #06b6d4;--accent-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--success-color: #10b981;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #10b981 100%);--gradient-warm: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-cool: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-glass: linear-gradient(145deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.6) 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .16);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .02);--shadow-glow: 0 0 20px rgba(99, 102, 241, .25);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .12);--border-primary: rgba(99, 102, 241, .5);--border-secondary: rgba(99, 102, 241, .25);--border-hover: rgba(99, 102, 241, .8)}[data-theme=light] .score-display-top-left{color:#000}@media (prefers-color-scheme: light){[data-theme=auto]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-quaternary: #e2e8f0;--bg-glass: rgba(255, 255, 255, .8);--bg-glass-hover: rgba(255, 255, 255, .95);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--gradient-glass: linear-gradient(145deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.6) 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .16);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .02);--shadow-glow: 0 0 20px rgba(99, 102, 241, .25);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .12);--border-primary: rgba(99, 102, 241, .5);--border-secondary: rgba(99, 102, 241, .25);--border-hover: rgba(99, 102, 241, .8)}}[data-theme=purple]{--primary-color: #8b5cf6;--primary-light: #a78bfa;--primary-dark: #7c3aed;--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--shadow-glow: 0 0 20px rgba(139, 92, 246, .4)}[data-theme=green]{--primary-color: #10b981;--primary-light: #34d399;--primary-dark: #059669;--gradient-primary: linear-gradient(135deg, #10b981 0%, #059669 100%);--shadow-glow: 0 0 20px rgba(16, 185, 129, .4)}[data-theme=blue]{--primary-color: #3b82f6;--primary-light: #60a5fa;--primary-dark: #2563eb;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--shadow-glow: 0 0 20px rgba(59, 130, 246, .4)}[data-theme=orange]{--primary-color: #f97316;--primary-light: #fb923c;--primary-dark: #ea580c;--gradient-primary: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--shadow-glow: 0 0 20px rgba(249, 115, 22, .4)}.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--radius-full);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.theme-toggle:hover{background:var(--bg-glass-hover);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-toggle:active{transform:translateY(0)}.theme-toggle-icon{width:20px;height:20px;transition:var(--transition-all)}.theme-toggle[data-theme=light] .theme-icon-sun{opacity:1;transform:rotate(0)}.theme-toggle[data-theme=light] .theme-icon-moon{opacity:0;transform:rotate(90deg)}.theme-toggle[data-theme=dark] .theme-icon-sun{opacity:0;transform:rotate(-90deg)}.theme-toggle[data-theme=dark] .theme-icon-moon{opacity:1;transform:rotate(0)}.theme-icon-sun,.theme-icon-moon{position:absolute;transition:var(--transition-all)}.theme-selector{position:relative;display:inline-block}.theme-selector-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:var(--transition-all);min-width:120px}.theme-selector-button:hover{background:var(--bg-glass-hover);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.theme-selector-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.theme-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-xs);background:var(--bg-secondary);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);opacity:0;transform:translateY(-10px);visibility:hidden;transition:var(--transition-all);min-width:160px}.theme-selector.open .theme-dropdown{opacity:1;transform:translateY(0);visibility:visible}.theme-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);width:100%;background:none;border:none;text-align:left;cursor:pointer;transition:var(--transition-base);font-size:var(--text-sm);color:var(--text-primary)}.theme-option:hover,.theme-option:focus{background:var(--bg-glass);outline:none}.theme-option.active{background:#6366f11a;color:var(--primary-color)}.theme-preview{width:16px;height:16px;border-radius:var(--radius-sm);border:1px solid var(--border-primary);flex-shrink:0}.theme-preview.light{background:linear-gradient(135deg,#fff,#f8fafc)}.theme-preview.dark{background:linear-gradient(135deg,#0f172a,#1e293b)}.theme-preview.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.theme-preview.green{background:linear-gradient(135deg,#10b981,#059669)}.theme-preview.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.theme-preview.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.theme-name{flex:1;font-weight:var(--font-weight-medium)}.theme-checkmark{color:var(--primary-color);font-weight:var(--font-weight-bold);margin-left:auto}.theme-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=light] body{background-image:radial-gradient(circle at 25% 25%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(16,185,129,.05) 0%,transparent 50%)}[data-theme=light] .loading-screen{background:var(--bg-primary)}[data-theme=light] .loading-spinner{border-color:#6366f133;border-top-color:var(--primary-color)}[data-theme=light] .modal-content{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=light] .modal-content h2,[data-theme=light] .modal-content p{color:var(--text-primary)}[data-theme=light] .modal-actions .btn-danger{background:var(--error-color);color:#fff}[data-theme=light] .modal-actions .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=light] .modal-content-inner{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=light] .modal-content-inner h2,[data-theme=light] .modal-content-inner p{color:var(--text-primary)}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-tertiary)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--bg-quaternary)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.theme-fade-in{animation:themeIn .4s ease-out}.theme-fade-out{animation:themeOut .4s ease-out}@keyframes themeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes themeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}[data-theme=light] .game-board:before{background:var(--gradient-primary);opacity:.3}[data-theme=light] .vs-text{background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .app-title{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (prefers-contrast: high){[data-theme=light]{--border-primary: rgba(99, 102, 241, .7);--border-secondary: rgba(99, 102, 241, .4)}[data-theme=dark]{--border-primary: rgba(255, 255, 255, .5);--border-secondary: rgba(255, 255, 255, .25)}.theme-toggle,.theme-selector-button,.theme-dropdown{border-width:3px}}@media (max-width: 768px){.theme-selector-button{min-width:100px;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.theme-dropdown{min-width:140px;right:-20px}.theme-option{padding:var(--space-sm);font-size:var(--text-xs)}.theme-preview{width:14px;height:14px}}@media print{[data-theme=dark]{--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-tertiary: #ffffff;--bg-glass: rgba(255, 255, 255, .9);--text-primary: #000000;--text-secondary: #333333;--text-tertiary: #666666;--border-primary: rgba(0, 0, 0, .2)}.theme-toggle,.theme-selector{display:none!important}}@media (prefers-reduced-motion: reduce){.theme-transition,.theme-toggle,.theme-selector-button,.theme-dropdown,.theme-option{transition:none!important;animation:none!important}.theme-toggle-icon,.theme-icon-sun,.theme-icon-moon{transition:none!important}}:fullscreen,:fullscreen:-webkit-full-screen{background-color:var(--bg-primary)}:fullscreen body,:fullscreen:-webkit-full-screen body{background-color:var(--bg-primary);background-image:none}:fullscreen .container,:fullscreen:-webkit-full-screen .container{max-width:100%;height:100%;padding:1rem;display:flex;flex-direction:column;justify-content:center}:fullscreen .game-header,:fullscreen:-webkit-full-screen .game-header{padding:.5rem;margin-bottom:.5rem}:fullscreen .game-board,:fullscreen:-webkit-full-screen .game-board{width:100%;height:auto;max-height:90vh}:fullscreen .score-card,:fullscreen:-webkit-full-screen .score-card{font-size:1.5rem}:fullscreen .game-question,:fullscreen:-webkit-full-screen .game-question{padding:.5rem;margin-bottom:.5rem}:fullscreen .question-text,:fullscreen:-webkit-full-screen .question-text{font-size:1.5rem;line-height:1.3}:fullscreen .answer-btn,:fullscreen:-webkit-full-screen .answer-btn{font-size:1.2rem;padding:1rem}html[data-theme=light]:fullscreen,html[data-theme=light]:-webkit-full-screen{--bg-primary: #ffffff;--text-primary: #0f172a}html[data-theme=dark]:fullscreen,html[data-theme=dark]:-webkit-full-screen{--bg-primary: #0f172a;--text-primary: #f8fafc}:fullscreen .game-board.movies-topic,:fullscreen:-webkit-full-screen .game-board.movies-topic{height:900px!important}:fullscreen .game-board.movies-topic,:fullscreen:-webkit-full-screen .game-board.movies-topic{height:900px}.game-board{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-lg);background:var(--bg-glass);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transition:var(--transition-all);position:relative;overflow:hidden;box-sizing:border-box;height:fit-content}.game-board:fullscreen{height:100vh;max-height:none;overflow-y:auto}.game-board.movies-topic:fullscreen{height:100vh;max-height:none}.game-board[data-topic=movies],.game-board[data-topic=premier-league],.game-board[data-topic=soccer-players],.game-board[data-topic=anime-characters],.game-board[data-topic=tv-shows]{margin-top:0;min-height:650px;padding-top:var(--space-xs)}@media (max-width: 768px){.game-board[data-topic=movies],.game-board[data-topic=premier-league],.game-board[data-topic=soccer-players],.game-board[data-topic=anime-characters],.game-board[data-topic=tv-shows]{min-height:unset;padding-top:var(--space-xs)}}.game-board[data-topic=movies] .countries-container,.game-board[data-topic=premier-league] .countries-container,.game-board[data-topic=soccer-players] .countries-container,.game-board[data-topic=anime-characters] .countries-container,.game-board[data-topic=tv-shows] .countries-container{margin:var(--space-sm) 0}.game-board[data-topic=anime-characters],.game-board[data-topic=tv-shows]{height:auto;min-height:600px;padding-bottom:20px}.game-board:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:.6}.game-board.transitioning{opacity:.7;transform:scale(.98)}.game-board.success-pulse{animation:successPulse 1.2s cubic-bezier(.4,0,.2,1)}.game-board.failure-shake{animation:failureShake .8s cubic-bezier(.4,0,.2,1)}@keyframes successPulse{0%{transform:scale(1)}30%{transform:scale(1.03);box-shadow:var(--shadow-xl),0 0 40px #10b98199;border-color:var(--success-color)}to{transform:scale(1)}}@keyframes failureShake{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-12px) rotate(-1deg)}30%{transform:translate(12px) rotate(1deg)}45%{transform:translate(-8px) rotate(-.5deg)}60%{transform:translate(8px) rotate(.5deg)}75%{transform:translate(-4px) rotate(-.25deg)}90%{transform:translate(4px) rotate(.25deg)}}.higher-lower-game{display:flex;flex-direction:column;gap:var(--space-2xl);min-height:500px}.game-question{text-align:center;padding:var(--space-lg) var(--space-xl);background:var(--bg-glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);position:relative;overflow:hidden}.game-question:before{content:"";position:absolute;inset:0;background:var(--gradient-cool);opacity:.03;pointer-events:none}.question-text{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;letter-spacing:-.02em;position:relative;z-index:1}.countries-container{display:flex;align-items:center;gap:var(--space-2xl);justify-content:center;margin:var(--space-xl) 0}.country-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-lg);text-align:center;box-shadow:var(--shadow-lg);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:400px;height:380px;cursor:pointer}.country-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:var(--transition-slow)}.country-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);transform:rotate(45deg);transition:var(--transition-slow);opacity:0}.country-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--primary-color);box-shadow:var(--shadow-xl),var(--shadow-glow)}.country-card:hover:before{opacity:.05}.country-card:hover:after{animation:shimmer 1.5s ease-out;opacity:1}.score-display{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-lg) var(--space-xl);background:var(--primary-color);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:0 0 20px #00000080;position:relative;overflow:hidden}.score-display:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:.03;pointer-events:none}.score-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);position:relative;z-index:1}.score-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-sm)}.score-value{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);min-height:40px;display:flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);background:#6366f11a;border-radius:var(--radius-lg);border:1px solid rgba(99,102,241,.2);min-width:80px;transition:var(--transition-all)}.score-value.updated{animation:scoreUpdate .6s cubic-bezier(.4,0,.2,1);background:#10b98126;border-color:#10b9814d;color:var(--success-color)}@keyframes scoreUpdate{0%{transform:scale(1);background:#6366f11a}50%{transform:scale(1.15);background:#10b98140;box-shadow:0 0 20px #10b98166}to{transform:scale(1);background:#10b98126}}.streak-item .score-value{background:#06b6d41a;border-color:#06b6d433;color:var(--secondary-color)}.streak-item .score-value.updated{background:#f59e0b26;border-color:#f59e0b4d;color:var(--warning-color);animation:streakUpdate .8s cubic-bezier(.4,0,.2,1)}@keyframes streakUpdate{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(5deg);background:#f59e0b40;box-shadow:0 0 25px #f59e0b80}50%{transform:scale(1.15) rotate(-3deg)}75%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0)}}.score-item.high-score .score-value{background:var(--gradient-secondary);color:#fff;animation:highScoreGlow 2s ease-in-out infinite;box-shadow:var(--shadow-lg)}@keyframes highScoreGlow{0%,to{box-shadow:var(--shadow-lg),0 0 20px #10b98166}50%{box-shadow:var(--shadow-xl),0 0 30px #10b98199;transform:scale(1.02)}}.streak-item.hot-streak .score-value{background:var(--gradient-warm);color:#fff;animation:fireEffect 1.5s ease-in-out infinite;position:relative;overflow:hidden}.streak-item.hot-streak .score-value:after{content:"🔥";position:absolute;top:-5px;right:-5px;font-size:var(--text-sm);animation:fireFlicker .8s ease-in-out infinite alternate}@keyframes fireEffect{0%,to{box-shadow:0 0 20px #f9731680}50%{box-shadow:0 0 30px #f97316b3;filter:brightness(1.1)}}@keyframes fireFlicker{0%{opacity:.8;transform:scale(.9) rotate(-5deg)}to{opacity:1;transform:scale(1.1) rotate(5deg)}}.score-separator{width:1px;height:40px;background:var(--border-primary);opacity:.5}@media (min-width: 769px){.score-display{gap:var(--space-xl);padding:var(--space-lg) var(--space-xl)}.score-value{font-size:var(--text-2xl);min-width:80px;padding:var(--space-sm) var(--space-md)}.score-label{font-size:var(--text-sm)}}[data-theme=light] .score-value{background:#fffc;border-color:#6366f14d}[data-theme=light] .streak-item .score-value{background:#06b6d414;border-color:#06b6d426}.score-item[aria-label]{cursor:help}[data-theme=light] .score-label{color:#fff}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.country-card.correct{animation:correctPulse 1.8s cubic-bezier(.4,0,.2,1);border-color:var(--success-color)}.country-card.incorrect{animation:incorrectShake 1.2s cubic-bezier(.4,0,.2,1);border-color:var(--error-color)}@keyframes correctPulse{0%{transform:scale(1)}20%{transform:scale(1.08);box-shadow:var(--shadow-xl),0 0 40px #10b981cc;border-color:var(--success-color)}40%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes incorrectShake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-10px) rotate(-2deg)}40%{transform:translate(10px) rotate(2deg)}60%{transform:translate(-6px) rotate(-1deg)}80%{transform:translate(6px) rotate(.5deg)}}.country-flag{width:160px;height:120px;margin:0 auto var(--space-lg) auto;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border-primary);background-color:var(--bg-secondary);flex-shrink:0;position:relative}.country-flag img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast;filter:contrast(105%) saturate(110%)}.object-fit-cover{object-fit:cover!important}.movie-poster-flag-container{width:200px;height:300px;margin:0 auto var(--space-lg) auto;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border-primary);background-color:var(--bg-secondary);flex-shrink:0;position:relative}.movie-poster-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.movie-card-height{height:auto;min-height:480px;max-height:90vh;padding-bottom:var(--space-md)}@media (max-width: 1200px){.game-board[data-topic=movies] .country-card.movie-card-height,.game-board[data-topic=premier-league] .country-card.movie-card-height{min-height:420px}}.game-board[data-topic=anime-characters] .country-card.movie-card-height,.game-board[data-topic=tv-shows] .country-card.movie-card-height{height:auto;min-height:380px;padding:var(--space-lg) var(--space-lg) var(--space-sm) var(--space-lg)}.game-board[data-topic=anime-characters] .movie-poster-flag-container,.game-board[data-topic=tv-shows] .movie-poster-flag-container{margin-bottom:var(--space-sm)}.country-name{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-sm) 0;letter-spacing:-.01em;height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.country-value{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color);transition:all .6s cubic-bezier(.4,0,.2,1);min-height:40px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md)}.country-value.hidden{opacity:0;transform:scale(.8) translateY(20px)}.country-value.revealed{opacity:1;transform:scale(1) translateY(0);animation:valueReveal .8s cubic-bezier(.4,0,.2,1)}@keyframes valueReveal{0%{opacity:0;transform:scale(.8) translateY(30px) rotate(10deg)}60%{opacity:1;transform:scale(1.05) translateY(-5px) rotate(-2deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(0)}}.animated-number{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:#007bff;min-height:40px;display:flex;align-items:center;justify-content:center;transition:var(--transition-base);background:#06b6d41a;border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md)}.animated-number.counting{color:#007bff;animation:numberPulse .15s infinite alternate;background:#007bff26}@keyframes numberPulse{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.08);filter:brightness(1.2)}}.vs-divider{display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);position:relative;z-index:1}.vs-text{background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:var(--space-md);border-radius:var(--radius-full);border:2px solid var(--border-primary);background-color:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:vsFloat 3s ease-in-out infinite}@keyframes vsFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(2deg)}}.game-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);margin-top:auto;padding-bottom:var(--space-lg)}.guess-buttons{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.btn{padding:var(--space-xs) var(--space-sm);border:none;border-radius:var(--radius-xl);font-size:var(--text-xs);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;min-width:160px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-user-select:none;user-select:none}#quit-game,#fullscreen-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:none;text-transform:none;letter-spacing:normal;transition:all .3s ease;gap:var(--space-sm)}#fullscreen-btn{background:var(--bg-glass)!important;border:1px solid var(--border-primary)!important;color:var(--text-primary)!important}#fullscreen-btn:hover{background:var(--bg-glass-hover)!important;border-color:var(--primary-color)!important;box-shadow:var(--shadow-sm)!important;transform:translateY(-1px)}#quit-game{background:#c0392b!important;border:1px solid #c0392b!important;color:#fff!important}#quit-game:hover{background:brown!important;filter:none!important;box-shadow:var(--shadow-sm)!important;transform:translateY(-1px)}#quit-game svg,#fullscreen-btn svg{width:18px;height:18px}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);transform:translate(-100%);transition:var(--transition-slow)}.btn:active{transform:translateY(2px) scale(.98)}.btn-simple{padding:var(--space-xs) var(--space-sm);border:none;border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;min-width:100px}.btn-simple-higher{background:#00b359}.btn-simple-lower{background:#cc1236}.btn-higher{background:linear-gradient(135deg,#00b359,#094);color:#fff;border:1px solid rgba(0,179,89,.5);box-shadow:var(--shadow-lg),0 0 20px #10b9814d;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.btn-higher:before{content:"▲";margin-right:var(--space-sm)}.btn-higher:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl),0 0 30px #10b98180;border-color:var(--success-color)}.btn-lower{background:linear-gradient(135deg,#cc1236,#a00000);color:#fff;border:1px solid rgba(204,18,54,.5);box-shadow:var(--shadow-lg),0 0 20px #ef44444d;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.btn-lower:before{content:"▼";margin-right:var(--space-sm)}.btn-next,.btn-submit{background:var(--gradient-primary);color:#fff;border:1px solid rgba(99,102,241,.3);box-shadow:var(--shadow-lg),var(--shadow-glow);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.btn-next:before,.btn-submit:before{content:"▶";margin-right:var(--space-sm)}.btn-next:hover,.btn-submit:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl),0 0 30px #6366f199;border-color:var(--primary-color)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.arrow-up,.arrow-down{display:inline-block;width:0;height:0;margin-right:var(--space-sm)}.arrow-up{border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid currentColor}.arrow-down{border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid currentColor}.identification-game{display:flex;flex-direction:column;gap:var(--space-2xl)}.identification-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xl)}.flag-display{width:240px;height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);background-color:var(--bg-secondary)}.flag-image{width:100%;height:100%;object-fit:contain;display:block;transition:var(--transition-base);image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast;filter:contrast(105%) saturate(110%)}.flag-image:hover{transform:scale(1.03);box-shadow:var(--shadow-lg)}.guess-input-container{display:flex;gap:var(--space-lg);align-items:center;flex-wrap:wrap;justify-content:center;width:100%}.country-input{padding:var(--space-lg) var(--space-xl);border:2px solid var(--border-primary);border-radius:var(--radius-xl);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-weight-medium);min-width:300px;text-align:center;transition:var(--transition-all);box-shadow:var(--shadow-md)}.country-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.country-input::placeholder{color:var(--text-tertiary);font-style:italic}.country-input.wrong-shake{animation:inputShake .8s cubic-bezier(.4,0,.2,1);border-color:var(--error-color)}@keyframes inputShake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-12px) rotate(-1deg)}40%{transform:translate(12px) rotate(1deg)}60%{transform:translate(-8px) rotate(-.5deg)}80%{transform:translate(8px) rotate(.5deg)}}.game-info{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;width:100%;max-width:500px;margin:0 auto}.attempts-info{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-lg);color:var(--text-secondary);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-sm) var(--space-md)}.attempts-count{font-weight:var(--font-weight-bold);color:var(--accent-color);font-size:var(--text-xl);background:#10b9811a;padding:var(--space-sm);border-radius:var(--radius-lg);min-width:40px;text-align:center}.hint-container{padding:var(--space-md);background:linear-gradient(135deg,#f59e0b26,#d9770626);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-xl);animation:hintAppear .6s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;width:100%;max-width:500px;margin:0 auto}.hint-container:before{content:"";position:absolute;inset:0;background:var(--gradient-warm);opacity:.05;pointer-events:none}@keyframes hintAppear{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hint-text{display:flex;align-items:center;gap:var(--space-md);color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--text-base);position:relative;z-index:1}.hint-icon{font-size:var(--text-xl);color:var(--warning-color)}.feedback-container{padding:var(--space-sm);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:feedbackAppear .4s cubic-bezier(.4,0,.2,1);min-height:50px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;margin:var(--space-xs) 0 0 0;width:100%;max-width:500px;box-sizing:border-box}.feedback-container:before{content:"";position:absolute;inset:0;opacity:.1;pointer-events:none}.feedback-container.success{background:linear-gradient(135deg,#10b98133,#05966933);border:1px solid rgba(16,185,129,.4)}.feedback-container.success:before{background:var(--gradient-secondary)}.feedback-container.error{background:linear-gradient(135deg,#ef444433,#dc262633);border:1px solid rgba(239,68,68,.4)}.feedback-container.error:before{background:linear-gradient(135deg,#ef4444,#dc2626)}@keyframes feedbackAppear{0%{opacity:0;transform:scale(.9) rotateX(20deg)}to{opacity:1;transform:scale(1) rotateX(0)}}.feedback-content{display:flex;flex-direction:row;align-items:center;gap:var(--space-md);text-align:center;position:relative;z-index:1;width:100%;justify-content:center}.feedback-text{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.01em;text-align:center;word-break:break-word;overflow-wrap:break-word}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);text-align:center;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.loading-spinner{width:60px;height:60px;border:4px solid rgba(99,102,241,.2);border-top:4px solid var(--primary-color);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--space-xl)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:var(--text-xl);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.error-container{color:var(--text-primary)}.error-icon{font-size:4rem;margin-bottom:var(--space-lg);color:var(--error-color)}.error-text{font-size:var(--text-xl);margin-bottom:var(--space-xl);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.btn-retry{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:1px solid rgba(249,115,22,.3);box-shadow:var(--shadow-lg),0 0 20px #f9731666}.btn-retry:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl),0 0 30px #f9731699}.mode-selector{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.mode-option{min-width:200px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);cursor:pointer;transition:var(--transition-all);text-align:center;position:relative;overflow:hidden;font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:center}.mode-option:before{content:"▶";font-size:1.2rem;position:absolute;left:var(--space-md);flex-shrink:0}.mode-option:after{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:var(--transition-all);border-radius:inherit}.mode-option:hover{color:var(--text-primary);transform:translateY(-2px)}.mode-option:hover:before{opacity:.1}.mode-option.active{color:var(--text-primary);background:var(--gradient-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px);border-color:transparent}.mode-option.active:before{opacity:0}.hidden{display:none!important}.morphing{animation:morphTransition 1.4s cubic-bezier(.4,0,.2,1)}.flowing{animation:flowingGradient 3s ease-in-out infinite}@keyframes morphTransition{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.03) rotate(1deg)}50%{transform:scale(1.06) rotate(-1deg)}75%{transform:scale(1.03) rotate(.5deg)}to{transform:scale(1) rotate(0)}}@keyframes flowingGradient{0%,to{background-position:0% 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(30deg)}}.score-display-fixed{position:fixed;top:280px;right:5px;z-index:9999!important;will-change:transform;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.score-display-fixed .score-item{background:#00000080;color:#fff;padding:10px 20px;border-radius:10px;font-size:24px;font-weight:700;text-shadow:1px 1px 2px black;display:flex;align-items:center;gap:10px;min-width:150px}.score-display-fixed .score-label{font-size:16px;font-weight:400}.score-display-fixed .score-value{min-width:50px;text-align:right}.score-display-fixed .score-value.updated{animation:scoreUpdate .5s ease-in-out}.game-board.movies-topic{margin-top:0}.game-board[data-topic=anime-characters]{min-height:600px;height:fit-content;padding-bottom:40px}.mode-selector-container{max-width:900px;margin:var(--space-2xl) auto;padding:var(--space-xl)}.mode-selector-header{text-align:center;margin-bottom:var(--space-2xl)}.mode-selector-header h1{font-size:var(--text-4xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-sm);background:var(--gradient-cool);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mode-selector-header p{font-size:var(--text-lg);color:var(--text-secondary)}.modes-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-xl)}.mode-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-xl);transition:var(--transition-all);display:flex;flex-direction:column;gap:var(--space-lg)}.mode-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl),var(--shadow-glow);border-color:var(--primary-color)}.mode-card-clickable{cursor:pointer}.mode-card-header{text-align:center}.mode-card-icon{font-size:2.5rem;display:block;margin-bottom:var(--space-md)}.mode-card-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xs) 0;color:var(--text-primary)}.mode-card-description{font-size:var(--text-base);color:var(--text-secondary);margin:0}.mode-card-body{margin-top:var(--space-lg)}.sub-modes-container{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;align-items:stretch}.sub-mode-btn{background:var(--gradient-primary);color:#fff;border:2px solid var(--primary-color);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);font-weight:var(--font-weight-bold);font-size:var(--text-xl);transition:var(--transition-all);display:flex;flex-direction:row;justify-content:center;align-items:center;flex:1 1 150px;max-width:220px;box-shadow:var(--shadow-lg);cursor:pointer;position:relative;overflow:hidden;text-align:center}.start-game-btn{background:var(--gradient-primary);color:#fff;border:2px solid var(--primary-color);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);font-weight:var(--font-weight-bold);font-size:var(--text-xl);transition:var(--transition-all);display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;max-width:220px;box-shadow:var(--shadow-lg);cursor:pointer;position:relative;overflow:hidden;text-align:center;margin:0 auto}.start-game-btn:before{content:"▶";font-size:1.5rem;position:absolute;left:var(--space-md);flex-shrink:0}.start-game-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;transform:translate(-100%);transition:transform .6s ease}.start-game-btn:hover:after{transform:translate(100%)}.start-game-btn:hover{background:var(--gradient-secondary);color:#fff;border-color:var(--primary-light);transform:translateY(-5px);box-shadow:var(--shadow-xl),0 0 30px #6366f199}.start-game-btn:active{transform:translateY(0);box-shadow:var(--shadow-lg)}.mode-card-clickable{cursor:default}.sub-mode-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;transform:translate(-100%);transition:transform .6s ease}.sub-mode-btn:hover:before{transform:translate(100%)}.sub-mode-btn:hover{background:var(--gradient-secondary);color:#fff;border-color:var(--primary-light);transform:translateY(-5px);box-shadow:var(--shadow-xl),0 0 30px #6366f199}.sub-mode-btn:active{transform:translateY(0);box-shadow:var(--shadow-lg)}.sub-mode-btn.selected{background:var(--gradient-warm);border-color:var(--warning-color);box-shadow:var(--shadow-xl),0 0 30px #f59e0b99;transform:translateY(-3px)}@media (max-width: 768px){.mode-option{padding:var(--space-md);font-size:var(--text-xs);justify-content:center}.mode-option:before{font-size:1rem;left:var(--space-sm)}.modes-container{grid-template-columns:1fr;gap:var(--space-lg)}.mode-card{padding:var(--space-lg)}.sub-mode-btn{flex:1 1 100%;max-width:none;font-size:var(--text-lg);padding:var(--space-md)}.start-game-btn{max-width:none;width:100%;font-size:var(--text-lg);padding:var(--space-md)}}@media (max-width: 480px){.game-board{padding:var(--space-md)}.country-card{width:240px;height:240px;padding:var(--space-sm)}.country-flag{width:80px;height:60px}.movie-poster-flag-container{width:100px;height:150px}.movie-card-height{height:300px}.question-text{font-size:var(--text-base)}.country-name{font-size:var(--text-sm);height:36px}.vs-text{font-size:var(--text-lg)}.flag-display{width:160px;height:120px}.country-input{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}}@media (max-width: 768px) and (prefers-reduced-motion: reduce){.country-card,.btn,.flag-image,.country-input,.animated-number,.loading-spinner{animation:none!important;transition:none!important}.btn:hover,.country-card:hover,.flag-image:hover{transform:none!important}}@media (max-width: 768px) and (prefers-contrast: high){.country-card,.flag-display,.feedback-container,.hint-container,.mobile-control-btn{border-width:3px;border-color:var(--primary-color)}}.game-controls-bottom{display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;gap:var(--space-lg);padding:var(--space-md);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.score-display-top{background:var(--primary-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.quit-game-btn-mobile{display:none;position:fixed;top:var(--space-md);right:var(--space-md);z-index:1001;background:#c0392b;border:1px solid #c0392b;color:#fff;padding:var(--space-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);cursor:pointer;transition:var(--transition-all)}.quit-game-btn-mobile:hover{background:brown;transform:translateY(-1px);box-shadow:var(--shadow-xl)}.mobile-control-btn{background:var(--gradient-primary);color:#fff;border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);font-size:var(--text-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-all);min-width:120px;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md)}.mobile-control-btn:active{transform:scale(.95);box-shadow:var(--shadow-sm)}.mobile-control-btn.higher{background:linear-gradient(135deg,#00b359,#094);border-color:#00b35980}.mobile-control-btn.lower{background:linear-gradient(135deg,#cc1236,#a00000);border-color:#cc123680}.mobile-arrow-up{display:inline-block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid currentColor}.mobile-arrow-down{display:inline-block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid currentColor}@media (max-width: 768px){.game-controls-bottom{display:flex}.score-display-top{display:block;position:fixed;top:var(--space-md);left:50%;transform:translate(-50%);z-index:1000}.quit-game-btn-mobile{display:block}.game-controls,.score-display-container,.score-display-top-left{display:none}.game-board{margin-top:var(--space-xl);margin-bottom:var(--space-xl);padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.game-board[data-topic=movies],.game-board[data-topic=premier-league],.game-board[data-topic=anime-characters]{margin-top:var(--space-md);margin-bottom:var(--space-md);padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.movie-card-height{height:auto;min-height:200px}.countries-container{margin:var(--space-md) 0}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideFromNew{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-out-left{animation:slideOutLeft .4s ease-out forwards}.slide-in-right{animation:slideInRight .4s ease-out forwards}.slide-to-reference,.slide-from-new{position:relative}.profile-user-info{display:flex;align-items:center;gap:1rem;width:fit-content;padding:.75rem 1.25rem .75rem .75rem;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid rgba(148,163,184,.2);border-radius:60px;box-shadow:0 4px 16px #33415514,0 1px 3px #3341550f;transition:all .3s ease;margin-bottom:2rem}.profile-user-info:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3341551f,0 2px 6px #33415514;border-color:#4755694d}.profile-user-info .user-avatar{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#1e293b,#334155,#475569);display:flex;align-items:center;justify-content:center;font-size:6rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3);box-shadow:0 8px 32px #1e293b4d,0 0 0 4px #fff,0 0 0 6px #94a3b84d;flex-shrink:0;transition:all .3s ease;overflow:hidden}.profile-user-info:hover .user-avatar{transform:scale(1.02);box-shadow:0 12px 40px #1e293b59,0 0 0 4px #fff,0 0 0 6px #64748b66}.profile-user-info .user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile-user-info .username-display{font-size:4rem;font-weight:800;color:#1e293b;letter-spacing:-.03em;line-height:.9;margin:0;text-transform:none;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.profile-user-info.blue-theme .user-avatar{background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa)}.profile-user-info.blue-theme .username-display{background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-user-info.green-theme .user-avatar{background:linear-gradient(135deg,#166534,#22c55e,#4ade80)}.profile-user-info.green-theme .username-display{background:linear-gradient(135deg,#166534,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-user-info.purple-theme .user-avatar{background:linear-gradient(135deg,#581c87,#8b5cf6,#a78bfa)}.profile-user-info.purple-theme .username-display{background:linear-gradient(135deg,#581c87,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 640px){.profile-user-info{flex-direction:column;text-align:center;padding:1rem;border-radius:24px;gap:.75rem}.profile-user-info .user-avatar{width:160px;height:160px;font-size:5rem}.profile-user-info .username-display{font-size:3rem;white-space:normal;word-break:break-word}}@media (prefers-color-scheme: dark){.profile-user-info{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#4755694d}.profile-user-info:hover{border-color:#64748b66}.profile-user-info .username-display{background:linear-gradient(135deg,#f1f5f9,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}.best-scores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-top:var(--space-2xl)}.score-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);text-align:center;transition:all .3s ease}.score-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--primary-color)}.score-card h4{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-sm)}.score-card p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-xs)}.score-card p:last-child{margin-bottom:0}.app-title{cursor:pointer;transition:opacity .3s ease}.app-title:hover{opacity:.8}.app-title:focus{outline:2px solid var(--primary-color);outline-offset:2px}.topic-card.coming-soon{opacity:.7;position:relative;cursor:not-allowed;border:2px dashed var(--border-primary)}.topic-card.coming-soon:hover{transform:none;box-shadow:var(--shadow-lg);border-color:var(--border-primary)}.coming-soon-tag{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-weight:var(--font-weight-bold);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 6px #f9731633;animation:pulse 2s infinite;position:relative;overflow:hidden}.coming-soon-tag:before{content:"⚠️ ";margin-right:5px}@keyframes pulse{0%{box-shadow:0 0 #f9731666}70%{box-shadow:0 0 0 10px #f9731600}to{box-shadow:0 0 #f9731600}}.dev-topic{border:2px solid var(--success-color);position:relative}.dev-topic:hover{border-color:var(--success-color);box-shadow:var(--shadow-lg),0 0 20px #10b98166}.dev-tag{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:var(--font-weight-bold);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px}#change-name-btn{background:#6366f11a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-lg);color:var(--primary-color);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;margin-top:var(--space-md);min-height:auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs)}#change-name-btn:hover{background:#6366f133;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}#change-name-btn:active{transform:translateY(0);box-shadow:0 2px 6px #6366f11a}#change-name-btn:before{content:"✏️";font-size:var(--text-xs)}.autocomplete-dropdown{position:absolute;bottom:100%;left:50%;transform:translate(-50%);z-index:10000;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:150px;overflow-y:auto;margin-bottom:10px;background-color:#ffffffe6;min-width:200px}[data-theme=dark] .autocomplete-dropdown{background-color:#1e1e1ee6}.autocomplete-list{list-style:none;padding:0;margin:0}.autocomplete-list li{padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:1px solid var(--border-primary);transition:var(--transition-all);color:var(--text-primary);font-size:var(--text-base)}.autocomplete-list li:last-child{border-bottom:none}.autocomplete-list li:hover,.autocomplete-list li.selected{background:#6366f133;color:var(--primary-color)}.autocomplete-list li:focus{outline:2px solid var(--primary-color);outline-offset:-2px}.guess-input-container{position:relative;width:100%;max-width:500px;margin:0 auto}@media (max-width: 768px){.autocomplete-dropdown{background-color:#fffffff2;min-width:150px}[data-theme=dark] .autocomplete-dropdown{background-color:#1e1e1ef2}.autocomplete-list li{padding:var(--space-sm);font-size:var(--text-sm)}}@media (max-width: 768px){.game-board:fullscreen{margin-top:0;margin-bottom:0;padding-top:var(--space-md);padding-bottom:var(--space-md)}}@media (max-width: 1024px) and (min-width: 769px){.game-board{padding:var(--space-md);max-width:95%}.game-board-container{padding:var(--space-md)}.higher-lower-game,.countries-container{gap:var(--space-xl)}.country-card{width:350px;height:350px;padding:var(--space-md)}.country-flag{width:140px;height:105px}.country-name{font-size:var(--text-lg);height:50px}.country-value{font-size:var(--text-base);min-height:35px;padding:var(--space-xs) var(--space-sm)}.vs-text{font-size:var(--text-2xl);padding:var(--space-sm)}.game-question{padding:var(--space-md) var(--space-lg)}.question-text{font-size:var(--text-xl)}.game-board[data-topic=movies] .country-card.movie-card-height,.game-board[data-topic=premier-league] .country-card.movie-card-height,.game-board[data-topic=anime-characters] .country-card.movie-card-height,.game-board[data-topic=tv-shows] .country-card.movie-card-height{min-height:380px;padding:var(--space-sm)}.game-board[data-topic=movies] .movie-poster-flag-container,.game-board[data-topic=premier-league] .movie-poster-flag-container,.game-board[data-topic=anime-characters] .movie-poster-flag-container,.game-board[data-topic=tv-shows] .movie-poster-flag-container{width:180px;height:270px}.identification-game,.identification-container{gap:var(--space-xl)}.flag-display{width:200px;height:150px}.country-input{padding:var(--space-md) var(--space-lg);font-size:var(--text-base);min-width:250px}.attempts-info{padding:var(--space-xs) var(--space-sm)}.attempts-count{font-size:var(--text-lg);min-width:35px}.hint-container{padding:var(--space-sm)}.hint-text{font-size:var(--text-sm)}}@media (min-width: 769px){body.fullscreen-mode .game-board{position:fixed;top:0;left:0;width:100vw;height:100vh;max-width:none;margin:0;padding:var(--space-lg);border-radius:0;box-sizing:border-box}body.fullscreen-mode .score-display-top-left{position:absolute;top:var(--space-md);left:var(--space-md);z-index:1000;background:var(--bg-glass);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body.fullscreen-mode .game-controls-top-right{position:absolute;top:var(--space-md);right:var(--space-md);z-index:1000}body.fullscreen-mode .higher-lower-game,body.fullscreen-mode .identification-game{height:100%;display:flex;flex-direction:column}body.fullscreen-mode .game-question{flex-shrink:0}body.fullscreen-mode .countries-container,body.fullscreen-mode .identification-container{flex-grow:1;display:flex;align-items:center;justify-content:center;margin:var(--space-lg) 0}body.fullscreen-mode .game-controls{flex-shrink:0;margin-top:auto;padding-bottom:var(--space-md)}}.auth-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-modal.hidden{opacity:0;visibility:hidden;pointer-events:none}.auth-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-modal-content{position:relative;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 40px #0006;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;transform:scale(1) translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.auth-modal.hidden .auth-modal-content{transform:scale(.95) translateY(-20px)}.auth-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2xl) var(--space-2xl) var(--space-lg) var(--space-2xl);border-bottom:1px solid var(--border-primary);position:relative}.auth-modal-header:after{content:"";position:absolute;bottom:0;left:var(--space-2xl);right:var(--space-2xl);height:1px;background:var(--gradient-primary);opacity:.6}.auth-modal-header h2{margin:0;color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.auth-close-btn{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);font-size:var(--text-xl);color:var(--text-secondary);cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:var(--transition-all)}.auth-close-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.auth-modal-body{padding:var(--space-2xl)}.auth-form{display:none;animation:formSlideIn .3s ease-out}.auth-form.active{display:block}@keyframes formSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.form-group{margin-bottom:var(--space-xl);position:relative}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:var(--space-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--text-sm);letter-spacing:.01em}.form-group input{width:100%;padding:var(--space-lg) var(--space-lg);border:2px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-weight-medium);transition:var(--transition-all);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-primary);box-sizing:border-box;position:relative}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #6366f11a,var(--shadow-md);transform:translateY(-2px)}.form-group input::placeholder{color:var(--text-tertiary);font-weight:var(--font-weight-normal)}.form-group input.error{border-color:var(--error-color);animation:inputError .5s ease-out}.form-group input.error:focus{border-color:var(--error-color);box-shadow:0 0 0 4px #ef44441a,var(--shadow-md)}@keyframes inputError{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.form-error{display:block;color:var(--error-color);font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-sm);opacity:0;transform:translateY(-8px);transition:var(--transition-all);background:#ef44441a;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.2)}.form-error.visible{opacity:1;transform:translateY(0)}.form-help{display:block;color:var(--text-tertiary);font-size:var(--text-sm);margin-top:var(--space-sm);font-weight:var(--font-weight-normal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;transition:var(--transition-all);min-height:48px;position:relative;width:100%;overflow:hidden;letter-spacing:.01em;-webkit-user-select:none;user-select:none}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);transform:translate(-100%);transition:var(--transition-slow)}.btn:hover:before{transform:translate(100%)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:disabled:before{display:none}.btn-primary{background:var(--gradient-primary);color:#fff;border:1px solid transparent;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-secondary{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-md)}.btn-google{background:#fff;color:#1f2937;border:1px solid #d1d5db;box-shadow:var(--shadow-sm);font-weight:var(--font-weight-medium)}.btn-google:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-google.loading{opacity:.8;pointer-events:none}.google-icon{flex-shrink:0;width:20px;height:20px}.btn-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:var(--radius-full);animation:spin 1s linear infinite}.form-actions{margin:var(--space-2xl) 0 var(--space-lg) 0}.form-links{display:flex;flex-direction:column;gap:var(--space-md);align-items:center}.link-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:var(--transition-all);padding:var(--space-sm);border-radius:var(--radius-md)}.link-btn:hover{color:var(--primary-dark);background:#6366f11a;transform:translateY(-1px)}.link-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.social-login{margin:var(--space-xl) 0}.guest-mode{margin:var(--space-lg) 0 0 0}.guest-note{display:block;text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);margin-top:var(--space-sm);font-weight:var(--font-weight-normal);font-style:italic}.divider{position:relative;text-align:center;margin:var(--space-xl) 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-primary),transparent)}.divider span{background:var(--bg-primary);padding:0 var(--space-lg);color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.notification{position:fixed;top:var(--space-lg);right:var(--space-lg);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);color:#fff;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);z-index:var(--z-toast);transform:translate(100%);opacity:0;transition:var(--transition-all);max-width:360px;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.notification.show{transform:translate(0);opacity:1}.notification-success{background:linear-gradient(135deg,#10b981e6,#059669e6);border-color:#10b9814d}.notification-error{background:linear-gradient(135deg,#ef4444e6,#dc2626e6);border-color:#ef44444d}.notification-info{background:linear-gradient(135deg,#06b6d4e6,#0891b2e6);border-color:#06b6d44d}.notification-warning{background:linear-gradient(135deg,#f59e0be6,#d97706e6);border-color:#f59e0b4d}.auth-controls{display:flex;align-items:center;gap:var(--space-md)}.auth-controls-group{display:flex;align-items:center;gap:var(--space-xs)}.user-avatar-btn{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);color:var(--text-primary);font-weight:var(--font-weight-medium);min-height:48px;font-size:var(--text-base)}.user-avatar{width:24px!important;height:24px!important;font-size:.8rem!important;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover}.username-display{padding:0 var(--space-sm);font-size:var(--text-sm)}.user-avatar-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.auth-status{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid}.auth-status.guest{background:linear-gradient(135deg,#f59e0b1a,#d977061a);color:#d97706;border-color:#f59e0b4d}.auth-status.authenticated{background:linear-gradient(135deg,#10b9811a,#0596691a);color:#059669;border-color:#10b9814d}.auth-status.unverified{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:#dc2626;border-color:#ef44444d}.password-input-container{position:relative}.password-toggle{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:var(--transition-base)}.password-toggle:hover{color:var(--text-secondary);background:var(--bg-glass)}.form-group.success input{border-color:var(--success-color);box-shadow:0 0 0 4px #10b9811a}.form-success{color:var(--success-color);font-size:var(--text-sm);margin-top:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs);opacity:0;transform:translateY(-8px);transition:var(--transition-all);background:#10b9811a;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid rgba(16,185,129,.2)}.form-success.visible{opacity:1;transform:translateY(0)}.form-loading{position:relative;opacity:.7;pointer-events:none}.form-loading:after{content:"";position:absolute;inset:0;background:#ffffff0d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit;display:flex;align-items:center;justify-content:center}.form-checkbox,.form-radio{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary)}.form-checkbox input,.form-radio input{width:auto;margin:0;accent-color:var(--primary-color)}.two-factor-input{display:flex;gap:var(--space-sm);justify-content:center;margin:var(--space-xl) 0}.two-factor-digit{width:50px;height:50px;text-align:center;border:2px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-weight-bold);transition:var(--transition-all)}.two-factor-digit:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;transform:translateY(-2px)}@media (max-width: 768px){.auth-modal-content{width:95%;margin:var(--space-lg);max-height:calc(100vh - 2rem)}.auth-modal-header,.auth-modal-body{padding:var(--space-xl)}.auth-modal-header{padding-bottom:var(--space-md)}.auth-modal-header h2{font-size:var(--text-xl)}.notification{top:var(--space-md);right:var(--space-md);left:var(--space-md);max-width:none;transform:translateY(-100%)}.notification.show{transform:translateY(0)}.user-menu-dropdown{right:-var(--space-sm);min-width:180px}.two-factor-digit{width:45px;height:45px}}@media (max-width: 480px){.form-group input{font-size:16px}.btn{padding:var(--space-lg);min-height:52px;font-size:var(--text-base)}.auth-modal-header{flex-direction:column;gap:var(--space-md);text-align:center}.auth-close-btn{position:absolute;top:var(--space-md);right:var(--space-md)}.two-factor-input{gap:var(--space-xs)}.two-factor-digit{width:40px;height:40px;font-size:var(--text-base)}}@media (prefers-contrast: high){.form-group input,.btn,.auth-modal-content,.user-menu-dropdown{border-width:2px}.auth-close-btn:focus,.link-btn:focus,.user-menu-trigger:focus{outline:3px solid var(--primary-color);outline-offset:2px}}@media (prefers-reduced-motion: reduce){.auth-modal,.auth-modal-content,.notification,.user-menu-dropdown,.form-error,.form-success,.btn,.form-group input{transition:none!important;animation:none!important}.btn:hover:not(:disabled),.user-menu-trigger:hover,.form-group input:focus{transform:none!important}.btn-loading{animation:none!important;border-color:var(--primary-color)}}@media print{.auth-modal,.notification,.user-menu-dropdown,.user-menu{display:none!important}.auth-status{background:none!important;border:1px solid #000!important;color:#000!important}}.form-group input:focus-visible,.btn:focus-visible,.link-btn:focus-visible,.auth-close-btn:focus-visible,.user-menu-trigger:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}[data-theme=dark] .btn-google{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}[data-theme=dark] .btn-google:hover:not(:disabled){background:var(--bg-quaternary);border-color:var(--border-hover)}[data-theme=light] .auth-modal-overlay{background:#0009}[data-theme=light] .notification{border:1px solid rgba(0,0,0,.1)}[data-theme=light] .user-avatar{border-color:#0000001a}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.auth-success{animation:slideInFromTop .5s ease-out}.auth-error{animation:slideInFromRight .5s ease-out}.auth-modal-appear{animation:fadeInScale .4s cubic-bezier(.4,0,.2,1)}[dir=rtl]{text-align:right;direction:rtl}[dir=rtl] .container{direction:rtl}body.rtl,[dir=rtl]{font-family:Inter,Segoe UI,Arabic UI Text,Droid Arabic Naskh,Thabit,SF Arabic,Helvetica Neue,Arial,sans-serif}body.rtl .language-selector,body.rtl .game-board,body.rtl .auth-form{direction:rtl}.language-selector{position:relative;display:inline-block;z-index:var(--z-dropdown)}.language-selector-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:var(--transition-all);min-width:120px;position:relative;overflow:hidden}.language-selector-button:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:var(--transition-all)}.language-selector-button:hover{background:var(--bg-glass-hover);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.language-selector-button:hover:before{opacity:.05}.language-selector-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.language-selector-button.loading{opacity:.7;pointer-events:none;cursor:wait}.language-selector-button.feedback-success{border-color:var(--success-color);background:#10b9811a;animation:successFeedback 2s ease-out}.language-selector-button.feedback-error{border-color:var(--error-color);background:#ef44441a;animation:errorFeedback 2s ease-out}@keyframes successFeedback{0%{transform:scale(1)}20%{transform:scale(1.05);box-shadow:0 0 20px #10b98166}to{transform:scale(1)}}@keyframes errorFeedback{0%{transform:scale(1)}20%{transform:scale(1.05);box-shadow:0 0 20px #ef444466}to{transform:scale(1)}}.language-code{font-weight:var(--font-weight-bold);color:var(--primary-color);font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);background:#6366f11a;border-radius:var(--radius-sm);position:relative;z-index:1}.language-name{flex:1;text-align:left;font-weight:var(--font-weight-medium);color:var(--text-primary);position:relative;z-index:1}[dir=rtl] .language-name{text-align:right}.dropdown-arrow{transition:var(--transition-all);color:var(--text-secondary);font-size:var(--text-lg);position:relative;z-index:1}.language-selector.open .dropdown-arrow{transform:rotate(180deg);color:var(--primary-color)}.language-dropdown{position:absolute;top:calc(100% + var(--space-sm));left:0;right:0;background:var(--bg-primary);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);opacity:0;transform:translateY(-15px) scale(.95);visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);max-height:280px;overflow-y:auto;overflow-x:hidden}[dir=rtl] .language-dropdown{left:auto;right:0}.language-selector.open .language-dropdown{opacity:1;transform:translateY(0) scale(1);visibility:visible}.language-dropdown::-webkit-scrollbar{width:6px}.language-dropdown::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.language-dropdown::-webkit-scrollbar-thumb{background:var(--bg-quaternary);border-radius:var(--radius-sm)}.language-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.language-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);width:100%;background:none;border:none;text-align:left;cursor:pointer;transition:var(--transition-base);font-size:var(--text-sm);position:relative;overflow:hidden}.language-option:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-color);opacity:0;transition:var(--transition-base)}[dir=rtl] .language-option{text-align:right}[dir=rtl] .language-option:before{left:auto;right:0}.language-option:hover,.language-option:focus{background:var(--bg-glass);outline:none;transform:translate(4px)}[dir=rtl] .language-option:hover,[dir=rtl] .language-option:focus{transform:translate(-4px)}.language-option:hover:before,.language-option:focus:before{opacity:1}.language-option.active{background:#6366f11a;color:var(--primary-color);font-weight:var(--font-weight-semibold)}.language-option.active:before{opacity:1}.lang-code{font-weight:var(--font-weight-bold);color:var(--primary-color);min-width:32px;padding:var(--space-xs) var(--space-sm);background:#6366f11a;border-radius:var(--radius-sm);text-align:center;font-size:var(--text-xs);text-transform:uppercase}.lang-native{flex:1;font-weight:var(--font-weight-medium);color:var(--text-primary)}.lang-english{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-weight-normal);font-style:italic}.checkmark{color:var(--success-color);font-weight:var(--font-weight-bold);font-size:var(--text-lg);margin-left:auto;opacity:0;transform:scale(0);transition:var(--transition-all)}[dir=rtl] .checkmark{margin-left:0;margin-right:auto}.language-option.active .checkmark{opacity:1;transform:scale(1)}.nav-language-selector{margin-left:auto}[dir=rtl] .nav-language-selector{margin-left:0;margin-right:auto}.language-selector-button.loading:after{content:"";width:16px;height:16px;border:2px solid rgba(99,102,241,.3);border-top:2px solid var(--primary-color);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-left:var(--space-sm)}[dir=rtl] .language-selector-button.loading:after{margin-left:0;margin-right:var(--space-sm)}.lang-flag{width:24px;height:18px;border-radius:var(--radius-xs);object-fit:cover;border:1px solid var(--border-primary);flex-shrink:0}[dir=rtl] .form-group input,[dir=rtl] .form-group select,[dir=rtl] .form-group textarea{text-align:right;direction:rtl}[dir=rtl] .form-group label{text-align:right}[dir=rtl] .btn{text-align:center;direction:rtl}[dir=rtl] .score-display{direction:rtl}[dir=rtl] .score-item{text-align:right}[dir=rtl] .game-question,[dir=rtl] .option-button{text-align:right;direction:rtl}[dir=rtl] .leaderboard-entry{direction:rtl}[dir=rtl] .leaderboard-rank{margin-left:0;margin-right:var(--space-md)}[dir=rtl] .modal-content,[dir=rtl] .modal-header{text-align:right;direction:rtl}[dir=rtl] .nav-links{direction:rtl}[dir=rtl] .nav-link{text-align:right}[dir=rtl] .countries-container,[dir=rtl] .vs-divider,[dir=rtl] .game-controls,[dir=rtl] .guess-buttons{direction:rtl}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6,[dir=rtl] p{text-align:right;direction:rtl}[dir=rtl] .slide-in-right{animation:slideInLeft .3s ease-out}[dir=rtl] .slide-in-left{animation:slideInRight .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}[dir=rtl] .dropdown-arrow{transform:scaleX(-1)}[dir=rtl] .language-selector.open .dropdown-arrow{transform:scaleX(-1) rotate(180deg)}[dir=rtl] .arrow-up,[dir=rtl] .arrow-down{margin-right:0;margin-left:var(--space-sm)}@media (max-width: 768px){.language-selector-button{min-width:100px;padding:var(--space-sm) var(--space-md);font-size:var(--text-xs)}.language-name{display:none}.language-dropdown{min-width:200px;left:50%;transform:translate(-50%) translateY(-15px) scale(.95)}.language-selector.open .language-dropdown{transform:translate(-50%) translateY(0) scale(1)}[dir=rtl] .language-dropdown{right:50%;left:auto;transform:translate(50%) translateY(-15px) scale(.95)}[dir=rtl] .language-selector.open .language-dropdown{transform:translate(50%) translateY(0) scale(1)}.lang-english{display:none}.language-option{padding:var(--space-md)}}@media (max-width: 480px){.language-selector-button{min-width:80px;padding:var(--space-sm)}.language-code{font-size:var(--text-xs);padding:2px var(--space-xs)}.language-dropdown{max-height:200px}.language-option{gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.lang-code{min-width:28px;font-size:10px}.lang-flag{width:20px;height:15px}}@media (prefers-contrast: high){.language-selector-button,.language-dropdown{border-width:2px}.language-option:focus{outline:2px solid var(--primary-color);outline-offset:-2px}.lang-code{border:1px solid var(--primary-color)}.lang-flag{border-width:2px}}@media (prefers-reduced-motion: reduce){.dropdown-arrow,.language-dropdown,.language-selector-button,.language-option{transition:none!important;animation:none!important}.language-selector-button.loading:after{animation:none!important;border-color:var(--primary-color)}.language-option:hover,.language-option:focus{transform:none!important}[dir=rtl] .language-option:hover,[dir=rtl] .language-option:focus{transform:none!important}}@media print{.language-selector,.language-dropdown{display:none!important}}.language-selector-button:focus-visible,.language-option:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}:lang(ar){font-family:Inter,Arabic UI Text,Tahoma,sans-serif}:lang(he){font-family:Inter,Hebrew UI Text,Tahoma,sans-serif}:lang(fa){font-family:Inter,Persian UI Text,Tahoma,sans-serif}:lang(zh){font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}:lang(ja){font-family:Inter,Hiragino Kaku Gothic Pro,Meiryo,sans-serif}:lang(ko){font-family:Inter,Apple SD Gothic Neo,Malgun Gothic,sans-serif}:lang(ar),:lang(he),:lang(fa){letter-spacing:0;word-spacing:.1em}:lang(zh),:lang(ja),:lang(ko){letter-spacing:.05em}.language-selector[aria-expanded=true] .language-dropdown{opacity:1;transform:translateY(0) scale(1);visibility:visible}.language-option[aria-selected=true]{background:#6366f126;color:var(--primary-color)}.language-option[aria-selected=true] .checkmark{opacity:1;transform:scale(1)}.lang-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){body.game-active{overflow:hidden}.game-board-container{transition:transform .3s ease;will-change:transform}body.keyboard-active .game-board-container{transition:transform .3s ease}.feedback-container{padding:var(--space-sm);border-radius:var(--radius-lg);min-height:60px;margin-top:var(--space-xs);max-width:100%;width:100%}.feedback-content{flex-direction:column;gap:var(--space-md);text-align:center}.feedback-image{width:100px;max-width:100px}.feedback-text{font-size:var(--text-lg);max-width:100%;text-align:center}.game-board{display:flex;flex-direction:column;height:auto;min-height:unset;padding:var(--space-md);width:100%;max-width:100%;margin:var(--space-md) auto;box-sizing:border-box}.game-board[data-topic=movies] .game-question,.game-board[data-topic=premier-league] .game-question,.game-board[data-topic=soccer-players] .game-question,.game-board[data-topic=anime-characters] .game-question,.game-board[data-topic=tv-shows] .game-question{display:none}.game-board[data-topic=movies] .countries-container,.game-board[data-topic=premier-league] .countries-container,.game-board[data-topic=soccer-players] .countries-container,.game-board[data-topic=anime-characters] .countries-container,.game-board[data-topic=tv-shows] .countries-container{gap:var(--space-sm);margin:var(--space-sm) 0}.game-board[data-topic=anime-characters] .countries-container,.game-board[data-topic=tv-shows] .countries-container{gap:var(--space-md);margin:var(--space-md) 0 var(--space-sm) 0}.game-board[data-topic=movies] .country-card.movie-card-height,.game-board[data-topic=premier-league] .country-card.movie-card-height,.game-board[data-topic=soccer-players] .country-card.movie-card-height,.game-board[data-topic=anime-characters] .country-card.movie-card-height,.game-board[data-topic=tv-shows] .country-card.movie-card-height{height:auto;min-height:200px;padding:var(--space-xs)}.game-board[data-topic=anime-characters] .country-card.movie-card-height,.game-board[data-topic=tv-shows] .country-card.movie-card-height{min-height:180px;padding:var(--space-sm) var(--space-sm) var(--space-xxs) var(--space-sm)}.game-board[data-topic=anime-characters] .movie-poster-flag-container,.game-board[data-topic=tv-shows] .movie-poster-flag-container{margin-bottom:var(--space-xs)}.game-board[data-topic=movies] .movie-poster-flag-container,.game-board[data-topic=premier-league] .movie-poster-flag-container,.game-board[data-topic=soccer-players] .movie-poster-flag-container,.game-board[data-topic=anime-characters] .movie-poster-flag-container,.game-board[data-topic=tv-shows] .movie-poster-flag-container{width:100%;height:160px;max-width:120px;margin:0 auto var(--space-xs)}.game-board[data-topic=movies] .country-name,.game-board[data-topic=premier-league] .country-name,.game-board[data-topic=soccer-players] .country-name,.game-board[data-topic=anime-characters] .country-name,.game-board[data-topic=tv-shows] .country-name{font-size:var(--text-sm);height:auto;min-height:36px;margin-bottom:var(--space-xs)}.game-board[data-topic=movies] .country-value,.game-board[data-topic=premier-league] .country-value,.game-board[data-topic=soccer-players] .country-value,.game-board[data-topic=anime-characters] .country-value,.game-board[data-topic=tv-shows] .country-value{font-size:var(--text-xs);min-height:24px;padding:var(--space-xxs)}.game-board[data-topic=premier-league] .countries-container{gap:var(--space-xs);margin:var(--space-xs) 0}.game-board[data-topic=premier-league] .country-card.movie-card-height{min-height:260px;padding:var(--space-xxs)}.game-board[data-topic=soccer-players] .countries-container{gap:var(--space-xs);margin:var(--space-xs) 0}.game-board[data-topic=soccer-players] .country-card.movie-card-height{min-height:260px;padding:var(--space-xxs)}.game-board[data-topic=movies],.game-board[data-topic=premier-league],.game-board[data-topic=soccer-players]{margin-top:var(--space-md);margin-bottom:var(--space-md);padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.game-board[data-topic=anime-characters]{min-height:auto;height:fit-content;margin-top:var(--space-md);margin-bottom:var(--space-md)}.game-board.success-pulse-mobile{animation:successPulseMobile 1.2s cubic-bezier(.4,0,.2,1)}@keyframes successPulseMobile{0%{box-shadow:var(--shadow-xl)}30%{box-shadow:var(--shadow-xl),0 0 40px #10b98199;border-color:var(--success-color)}to{box-shadow:var(--shadow-xl)}}.guess-buttons{display:none!important}.higher-lower-game{gap:var(--space-md)}.country-card.correct{animation:correctPulseMobile 1.8s cubic-bezier(.4,0,.2,1)}@keyframes correctPulseMobile{0%{transform:scale(1)}20%{transform:scale(1);box-shadow:var(--shadow-xl),0 0 40px #10b981cc;border-color:var(--success-color)}40%{transform:scale(1)}to{transform:scale(1)}}.country-card.incorrect{animation:incorrectShakeMobile 1.2s cubic-bezier(.4,0,.2,1)}@keyframes incorrectShakeMobile{0%,to{transform:translate(0) rotate(0) scale(1)}20%{transform:translate(-10px) rotate(-2deg) scale(1)}40%{transform:translate(10px) rotate(2deg) scale(1)}60%{transform:translate(-6px) rotate(-1deg) scale(1)}80%{transform:translate(6px) rotate(.5deg) scale(1)}}.game-question{padding:var(--space-sm) var(--space-md)}.countries-container{order:1;flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-lg)}.vs-divider{padding:var(--space-sm)}.vs-text{padding:var(--space-sm);font-size:var(--text-2xl)}.game-controls{order:2;display:flex;flex-direction:row;justify-content:space-around;width:100%;padding:var(--space-sm) 0}.country-card{width:100%;height:auto;padding:var(--space-sm);max-width:300px;margin:0 auto}.country-flag{width:100px;height:75px}.country-name{font-size:var(--text-lg);margin:0 0 var(--space-sm) 0;height:44px}.country-value{font-size:var(--text-base);min-height:32px;padding:var(--space-xs) var(--space-sm)}.game-controls-bottom{display:flex;position:fixed;bottom:var(--space-md);left:50%;transform:translate(-50%);z-index:1000;gap:var(--space-md);padding:var(--space-md);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--space-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:90%;box-sizing:border-box;max-width:500px}.game-board[data-topic=anime-characters]+.game-controls-bottom,.game-board[data-topic=tv-shows]+.game-controls-bottom{bottom:10px}.game-controls-bottom.hidden{display:none!important}.mobile-control-btn{flex:1;padding:var(--space-md);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:48px}.mobile-control-btn:hover{background:var(--bg-glass-hover);border-color:var(--primary-color);transform:translateY(-1px)}.mobile-control-btn:active{transform:scale(.95)}.mobile-control-btn.higher{background:linear-gradient(135deg,#00b359,#094);border-color:#00b35980;color:#fff}.mobile-control-btn.lower{background:linear-gradient(135deg,#cc1236,#a00000);border-color:#cc123680;color:#fff}.game-board[data-topic=movies],.game-board[data-topic=premier-league],.game-board[data-topic=soccer-players],.game-board[data-topic=anime-characters],.game-board[data-topic=tv-shows]{margin-top:var(--space-md)!important;margin-bottom:var(--space-md)!important;min-height:auto!important;height:fit-content!important}}@media (max-width: 480px){.feedback-container{padding:var(--space-xs);min-height:50px;margin-top:var(--space-xxs)}.feedback-content{gap:var(--space-xs)}.feedback-image{width:60px;max-width:60px}.feedback-text{font-size:var(--text-sm)}}.mobile-mute-btn{display:none;position:fixed!important;top:70px;left:10px;z-index:1001;width:40px;height:40px;background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;box-shadow:var(--shadow-lg);cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.mobile-mute-btn:hover{background:#00000080;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:var(--shadow-xl)}.mobile-mute-btn.muted{background:#ef44444d;border-color:#ef444480}.mobile-mute-btn.muted:hover{background:#ef444480}@media (max-width: 768px){.mobile-fullscreen-btn,.mobile-mute-btn{display:flex}}