*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Helvetica,sans-serif;margin:0;background:#0a0e27;overflow:hidden;height:100vh;width:100vw}body.game-mode{padding-top:80px}#globeContainer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}#globeContainer canvas{display:block;position:absolute;top:0;left:0;width:100%;height:100%}#gameControls{position:fixed;top:20px;left:20px;z-index:1000}body.game-mode #gameControls{display:none}#gameModeToggle{padding:10px 20px;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;min-height:44px;min-width:44px;touch-action:manipulation}#gameModeToggle:hover{background-color:#555}#gameUI{position:fixed;top:0;left:0;right:0;background-color:#fff;padding:10px;z-index:500;pointer-events:auto;display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box}#gameQuestion{display:flex;align-items:center;gap:15px;flex-wrap:wrap;justify-content:center;width:100%;text-align:center}.flag-label{font-size:18px;font-weight:700;color:#333}#questionFlag{width:80px;height:auto;border:2px solid #ddd;border-radius:5px}#giveUpButton{padding:8px 16px;background-color:#ffc107;color:#333;border:none;border-radius:5px;cursor:pointer;font-size:14px}#giveUpButton:hover{background-color:#e0a800}#gameResult{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}#gameResultButtons{display:flex;gap:10px;justify-content:center;align-items:center}#gameResult h3{margin:0}#nextQuestion,#endGameResult{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-size:20px}#nextQuestion{background-color:#007bff;color:#fff}#nextQuestion:hover{background-color:#0056b3}#endGameResult{background-color:#dc3545;color:#fff}#endGameResult:hover{background-color:#c82333}#langSelector{position:fixed;top:20px;right:20px;z-index:1000}body.game-mode #langSelector{display:none}#langButton{background-color:#333;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:14px;min-width:108px;min-height:44px;touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;gap:6px}#langButton:hover{background-color:#555}.dropdown-content{display:none;position:absolute;right:0;background-color:#f9f9f9;min-width:150px;box-shadow:0 8px 16px #0003;border-radius:5px;z-index:1001;max-height:300px;overflow-y:auto}.dropdown-content a{color:#000;padding:8px 12px;text-decoration:none;display:block;font-size:13px}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown-content a:first-child{border-radius:5px 5px 0 0}.dropdown-content a:last-child{border-radius:0 0 5px 5px}#langSelector.show .dropdown-content{display:block}#copyrightNotice{position:fixed;left:14px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:900;pointer-events:none;color:#ffffffc7;font-size:clamp(9px,1.8vw,12px);line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.6);user-select:none}.flag-list-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background-color:#333;color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 8px #0000004d;transition:background-color .3s;z-index:999;text-align:center;touch-action:manipulation;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;line-height:1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Emoji","Apple Color Emoji",sans-serif}body.game-mode .flag-list-button{display:none}.flag-list-button:hover{background-color:#555}.modal{display:none;position:fixed;z-index:1001;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6;align-items:center;justify-content:center;flex-direction:column;padding:20px;box-sizing:border-box}.modal.show{display:flex;will-change:opacity,transform;transform:translateZ(0)}.modal-inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:min(96vw,1400px);height:min(90vh,980px);padding:20px 20px 58px}.modal-close{position:fixed;top:20px;right:30px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s;cursor:pointer;z-index:1002;background:none;border:none;padding:5px;line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.modal-close:hover{color:#bbb;transform:scale(1.1)}.modal-flag{display:block;max-width:100%;max-height:calc(100% - 64px);width:auto;height:auto;border:1px solid #333;object-fit:contain;image-rendering:-webkit-optimize-contrast;box-shadow:0 8px 30px #00000073}.modal-country-name{color:#fff;font-size:22px;font-weight:700;text-align:center;padding:8px 14px;background-color:#000000b3;border-radius:5px;max-width:92%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-info-btn{position:absolute;right:14px;bottom:12px;width:46px;height:46px;border-radius:50%;border:none;background:#fffffff2;color:#17305f;font-size:30px;line-height:1;font-family:Georgia,Times New Roman,serif;cursor:pointer;box-shadow:0 3px 10px #00000059}.modal-info-btn:hover{transform:scale(1.05)}.modal-anthem-btn{position:absolute;left:14px;bottom:12px;width:46px;height:46px;border-radius:50%;border:none;background:#fffffff2;color:#17305f;font-size:24px;line-height:1;font-family:Segoe UI Symbol,"Apple Color Emoji",sans-serif;cursor:pointer;box-shadow:0 3px 10px #00000059}.modal-anthem-btn:hover{transform:scale(1.05)}.country-anthem-dialog{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#0000008c;z-index:1003;padding:20px}.country-anthem-dialog.show{display:flex}.country-anthem-card{position:relative;width:min(92vw,760px);background:#f7f9ff;color:#0f1f42;border-radius:14px;padding:18px 18px 16px;box-shadow:0 14px 40px #00000073}.country-anthem-close{position:absolute;right:10px;top:8px;border:none;background:transparent;color:#3d4d74;font-size:28px;cursor:pointer;line-height:1}.country-anthem-title{margin:0 28px 12px 0;font-size:22px}.country-anthem-frame-wrap{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:10px;overflow:hidden}.country-anthem-frame{width:100%;height:100%;border:0}.country-anthem-fallback{margin-top:12px;font-size:14px;color:#2f4275}.country-anthem-fallback a{color:#1d4ed8;text-decoration:underline}.country-info-dialog{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#0000008c;z-index:1003;padding:20px}.country-info-dialog.show{display:flex}.country-info-card{position:relative;width:min(92vw,620px);max-height:min(82vh,760px);overflow-y:auto;background:#f7f9ff;color:#0f1f42;border-radius:14px;padding:18px 18px 16px;box-shadow:0 14px 40px #00000073}.country-info-close{position:absolute;right:10px;top:8px;border:none;background:transparent;color:#3d4d74;font-size:28px;cursor:pointer;line-height:1}.country-info-title{margin:0 28px 12px 0;font-size:22px}.country-info-content{display:flex;flex-direction:column;gap:10px;font-size:15px}.country-info-row{display:grid;grid-template-columns:1fr;gap:4px;padding-bottom:10px;border-bottom:1px solid rgba(23,48,95,.16)}.country-info-label{font-weight:700;color:#263b70}.country-info-value{color:#1a2744;word-break:break-word}.country-info-source{margin-top:8px;font-size:13px;color:#2f4275}.flag-list-content{background-color:#fefefe;margin:5% auto;padding:20px;border:1px solid #888;width:90%;max-width:800px;max-height:80vh;overflow-y:auto;border-radius:10px;position:relative}.flag-list-close{color:#aaa;font-size:60px;font-weight:700;position:absolute;top:10px;right:20px;cursor:pointer;background:none;border:none;line-height:1}.flag-list-close:hover{color:#000}.region-section{margin-bottom:30px}.region-title{font-size:20px;font-weight:700;margin-bottom:15px;color:#333;border-bottom:2px solid #4CAF50;padding-bottom:5px}.flags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.flag-item{display:flex;flex-direction:column;align-items:center;padding:10px;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;will-change:transform;backface-visibility:hidden}.flag-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.flag-item img{width:60px;height:auto;margin-bottom:8px;border:1px solid #ccc;image-rendering:-webkit-optimize-contrast;transform:translateZ(0)}.flag-item .country-name{font-size:12px;text-align:center;color:#666;font-weight:500}button{-webkit-tap-highlight-color:rgba(0,0,0,.3);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-appearance:none;appearance:none}#gameModeToggle,#langButton{touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.3);pointer-events:auto;position:relative}.flag-list-button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.3);pointer-events:auto}@media (max-width: 768px){#gameQuestion{flex-direction:column;gap:10px;text-align:center}.flag-label{font-size:16px}#gameUI{padding:8px 10px}}@media (prefers-reduced-motion: reduce){#globeContainer{will-change:auto}.flag-item{transition:none!important}}