:root,body.dark{--accent-gold-light:#d4a76a}.main-title,.main-title span{-webkit-text-fill-color:transparent}#theme-toggle,.game-menu{display:flex;position:fixed}#game-area,.container{width:100%;max-width:800px;text-align:center}#play-again:hover,.arrow-btn:active,.game-over-card button:hover,.menu-toggle:hover{background:var(--accent-gold-light)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color:#fbfbfd;--text-color:#1d1d1f;--text-soft:#4a4a4e;--text-light:#6e6e73;--text-credit:#8e8e93;--accent-gold:#bf7f3f;--border-light:#d2d2d7;--border-medium:#e6e6e9;--card-bg:#ffffff;--header-bg:#f8f8fa;--option-bg:#f5f5f7;--shadow:rgba(0, 0, 0, 0.1);--icon-bg:#bf7f3f;--icon-color:white;--progress-bg:#e6e6e9;--progress-fill:linear-gradient(90deg, #bf7f3f, #d4a76a);--title-gradient-1:linear-gradient(135deg, #1d1d1f 0%, #3a3a3c 100%);--title-gradient-2:linear-gradient(135deg, #bf7f3f, #d4a76a)}body.dark{--bg-color:#1a1a1e;--text-color:#f5f5f7;--text-soft:#a0a0a5;--text-light:#b0b0b5;--text-credit:#c0c0c5;--accent-gold:#b88a5c;--border-light:#3a3a40;--border-medium:#4a4a50;--card-bg:#2c2c32;--header-bg:#25252a;--option-bg:#2c2c32;--shadow:rgba(0, 0, 0, 0.5);--icon-bg:#b88a5c;--icon-color:#1a1a1e;--progress-bg:#3a3a40;--progress-fill:linear-gradient(90deg, #b88a5c, #9578b0);--title-gradient-1:linear-gradient(135deg, #e0e0e0 0%, #ffffff 100%);--title-gradient-2:linear-gradient(135deg, #b88a5c, #d4a76a)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-color);color:var(--text-color);height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;position:relative;transition:background .3s,color .3s}#theme-toggle{top:20px;right:20px;background:var(--accent-gold);border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 5px 15px var(--shadow);z-index:1001;transition:background .2s,transform .2s}#theme-toggle:hover,.back-home:hover{transform:scale(1.1);background:var(--accent-gold-light)}.container{padding:2rem;max-height:100vh;z-index:2;-webkit-overflow-scrolling:touch}.main-title{font-size:clamp(3rem, 10vw, 5rem);font-weight:600;letter-spacing:-.02em;margin-bottom:.5rem;background:var(--title-gradient-1);-webkit-background-clip:text;background-clip:text;animation:1.5s ease-out fadeScale}.main-title span{background:var(--title-gradient-2);-webkit-background-clip:text;background-clip:text;animation:1.5s ease-out .2s both fadeScale}.subtitle{font-size:1.6rem;font-weight:300;color:var(--text-light);margin-bottom:1.5rem;animation:1.2s ease-out .4s both fadeUp}.description{font-size:1.15rem;color:var(--text-soft);max-width:600px;margin:0 auto 2.5rem;font-weight:350;animation:1.2s ease-out .6s both fadeUp}.credit{font-size:.9rem;color:var(--text-credit);border-top:1px solid var(--border-light);padding-top:2rem;margin-top:2rem;animation:1.2s ease-out .8s both fadeUp}.credit a{color:var(--accent-gold);text-decoration:none;font-weight:500;transition:color .2s}#final-score,#game-result h3,#question-counter,.game-header h2{font-weight:600}.credit a:hover{color:var(--accent-gold-light);text-decoration:underline}@keyframes fadeScale{0%{opacity:0;transform:scale(.95)}100%{opacity:1;transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.game-menu{z-index:1000;flex-direction:column;align-items:flex-end}.menu-toggle{width:70px;height:70px;background:var(--icon-bg);border:none;border-radius:50%;color:var(--icon-color);font-size:32px;cursor:pointer;box-shadow:0 10px 25px var(--shadow);transition:transform .3s cubic-bezier(.175, .885, .32, 1.275),background .2s;animation:3s ease-in-out infinite float;display:flex;align-items:center;justify-content:center;z-index:1002}.back-home,.menu-item{border-radius:50%;box-shadow:0 5px 15px var(--shadow);text-decoration:none;display:flex;color:#fff}.menu-toggle:hover{transform:scale(1.15)}.menu-items{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:opacity .3s ease-out,transform .4s cubic-bezier(.34, 1.56, .64, 1);transform-origin:bottom right}.game-menu.open .menu-items{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.menu-item{width:60px;height:60px;align-items:center;justify-content:center;font-size:24px;transition:transform .2s,filter .2s}.menu-item:hover{transform:scale(1.15);filter:brightness(1.1)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}body.game-page{display:block;padding:0;background:var(--bg-color);overflow:hidden}.back-home{position:fixed;top:20px;left:20px;width:50px;height:50px;background:var(--accent-gold);align-items:center;justify-content:center;font-size:1.5rem;z-index:1001;transition:background .2s,transform .2s}.game-page-container{height:100vh;display:flex;flex-direction:column;padding:80px 20px 20px;max-width:1000px;margin:0 auto;overflow:hidden}.game-body,.game-header{margin-bottom:10px;display:flex}.game-header{justify-content:space-between;align-items:center;flex-shrink:0}.game-header h2{font-size:1.8rem;color:var(--accent-gold);margin:0}.game-controls .score-display{font-size:1.2rem;color:var(--text-light)}.game-controls .score-display span{color:var(--accent-gold);font-weight:600;font-size:1.5rem;margin-left:5px}.game-body{flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;min-height:0;overflow:visible;padding:0;background:0 0;border:none;box-shadow:none;position:relative}#game-area{margin:0 auto}.game-footer{flex-shrink:0;display:flex;align-items:center;gap:20px;background:var(--header-bg);border-radius:60px;padding:1rem 2rem;border:1px solid var(--border-medium);margin-top:5px}.arrow-row,.level-indicator,.snake-controls{gap:15px;display:flex}.level-indicator{align-items:center;justify-content:center;margin-bottom:20px;background:var(--header-bg);padding:10px 20px;border-radius:60px;width:fit-content;margin-left:auto;margin-right:auto;border:1px solid var(--border-medium)}#game-result,.game-over-card{text-align:center;padding:2rem}.level-indicator i{color:var(--accent-gold);font-size:1.5rem}.level-indicator span{font-size:1.2rem;color:var(--text-color)}#final-score,#question-counter,.game-over-card h3{color:var(--accent-gold)}#snakeCanvas{background:var(--card-bg);border-radius:24px;box-shadow:0 10px 30px var(--shadow);border:3px solid var(--accent-gold);width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:1/1;display:block;flex-shrink:1;min-width:0;min-height:0}.snake-controls{flex-shrink:0;margin-top:15px;flex-wrap:wrap;justify-content:center}.arrow-btn{background:var(--accent-gold);border:none;color:#fff;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;box-shadow:0 5px 12px var(--shadow);transition:transform .1s,background .2s;display:flex;align-items:center;justify-content:center;touch-action:manipulation}#end-game-btn,.option-btn{cursor:pointer;transition:.2s}.arrow-btn:active{transform:scale(.9)}.arrow-row{justify-content:center}.game-over-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);border-radius:24px;display:flex;align-items:center;justify-content:center;z-index:10}.game-over-card{background:var(--card-bg);border-radius:44px;box-shadow:0 20px 40px var(--shadow);border:2px solid var(--accent-gold);max-width:300px;width:80%}.game-over-card h3{font-size:2rem;margin-bottom:1rem}#game-result h3,.game-over-card p,.option-btn,.question-text{color:var(--text-color)}.game-over-card h3 i{margin-right:8px}.game-over-card p{font-size:1.2rem;margin-bottom:1.5rem}#end-game-btn:hover,#end-game-close,#end-game-close:hover,#play-again,.game-over-card button{background:var(--accent-gold);color:#fff}.game-over-card button{border:none;padding:12px 30px;border-radius:50px;font-size:1.2rem;cursor:pointer;transition:background .2s}.question-text{font-size:1.5rem;margin-bottom:2rem;font-weight:400}.flag-image{max-width:150px;max-height:100px;margin:0 auto 2rem;border-radius:16px;box-shadow:0 8px 20px var(--shadow);border:1px solid var(--border-medium)}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:20px}.option-btn{background:var(--option-bg);border:none;padding:18px 12px;border-radius:40px;font-size:1.1rem;font-weight:450;border:1px solid var(--border-medium);box-shadow:0 2px 5px var(--shadow)}.option-btn:hover:not(:disabled){background:var(--card-bg);border-color:var(--accent-gold);transform:scale(1.02);box-shadow:0 5px 15px rgba(191,127,63,.1)}.option-btn:disabled{opacity:.5;cursor:not-allowed}.option-btn.correct{background:#d4edda;border-color:#28a745;color:#155724;animation:.3s correctPulse}.option-btn.wrong{background:#f8d7da;border-color:#dc3545;color:#721c24;animation:.3s wrongShake}@keyframes correctPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes wrongShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}#game-result{animation:.5s fadeIn}#game-result h3{font-size:2.5rem;margin-bottom:1rem}#game-result p{font-size:1.5rem;color:var(--text-soft)}#final-score{font-size:2.8rem;margin-left:8px}.result-actions{display:flex;justify-content:center;gap:15px;margin-top:2rem;flex-wrap:wrap}#end-game-close,#play-again{border:1px solid transparent;font-weight:500;padding:14px 32px;border-radius:50px;font-size:1.1rem;cursor:pointer;transition:.3s}#end-game-btn,#end-game-close{background:0 0;color:var(--accent-gold)}#play-again:hover{transform:scale(1.02)}#end-game-close{border:2px solid var(--accent-gold)}#progress-container{flex:1;min-width:200px;height:10px;background:var(--progress-bg);border-radius:20px;overflow:hidden}#progress-bar{height:100%;width:0%;background:var(--progress-fill);border-radius:20px;transition:width .3s}#end-game-btn{border:1px solid var(--accent-gold);padding:8px 20px;border-radius:40px;font-size:.9rem}.hidden{display:none!important}@keyframes fadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:600px),(max-height:600px){.container{padding:1rem}.main-title{font-size:clamp(2.5rem, 8vw, 4rem);margin-bottom:.25rem}.subtitle{font-size:1.2rem;margin-bottom:.75rem}.description{font-size:.95rem;margin-bottom:1rem}.credit{padding-top:1rem;margin-top:1rem;font-size:.8rem}.menu-toggle{width:60px;height:60px;font-size:28px}.menu-item{width:50px;height:50px;font-size:20px}#theme-toggle,.back-home{width:44px;height:44px;font-size:1.2rem}.game-page-container{padding:70px 10px 10px}.game-header h2{font-size:1.4rem}.level-indicator i,.question-text{font-size:1.2rem}.game-body{padding:0}.level-indicator{padding:6px 12px;margin-bottom:12px}.game-over-card p,.level-indicator span{font-size:1rem}.question-text{margin-bottom:1rem}.flag-image{max-width:80px;max-height:60px;margin-bottom:1rem}.options-grid{gap:8px}.option-btn{padding:12px 6px;font-size:.9rem}.game-footer{flex-direction:column;align-items:stretch;padding:.75rem 1rem}.result-actions{flex-direction:column}#end-game-close,#play-again{width:100%;padding:12px 20px;font-size:1rem}.arrow-btn{width:45px;height:45px;font-size:1.3rem}.snake-controls{margin-top:10px}.game-over-card{padding:1.5rem}.game-over-card h3{font-size:1.6rem}.game-over-card button{padding:10px 24px;font-size:1rem}}@media (max-height:500px){.container{padding:.5rem}.main-title{font-size:2rem;margin-bottom:0}.subtitle{font-size:1rem;margin-bottom:.5rem}.description{font-size:.85rem;margin-bottom:.5rem}.credit{padding-top:.5rem;margin-top:.5rem}.menu-toggle{width:50px;height:50px;font-size:24px}.menu-item{width:40px;height:40px;font-size:18px}}@media (min-width:601px) and (min-height:601px){.game-footer,.level-indicator{background:var(--header-bg);border:1px solid var(--border-medium)}#progress-container{height:14px!important}.level-indicator{box-shadow:0 2px 8px var(--shadow)}.game-footer{box-shadow:0 4px 12px var(--shadow)}}.container{overflow-y:hidden!important}.game-menu{bottom:30px!important;right:30px!important;left:auto!important;top:auto!important}@media only screen and (max-width:600px){.game-header h2,.score-display span{font-size:1.2rem!important}.game-footer,.game-footer.snake-footer,.snake-footer{display:flex!important;visibility:visible!important;opacity:1!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:8px 12px!important;margin:8px 0!important;background:var(--header-bg)!important;border-radius:40px!important;border:1px solid var(--border-medium)!important;box-shadow:0 4px 8px var(--shadow)!important;width:100%!important}#end-game-btn,#restart-btn,.arrow-btn,.footer-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;touch-action:manipulation!important;min-width:48px!important;min-height:48px!important;padding:10px!important;font-size:1rem!important}.snake-footer .arrow-btn{width:48px!important;height:48px!important;font-size:1.4rem!important}#birdCanvas{max-height:60vh!important;width:auto!important;max-width:100%!important;margin-top:10px!important}#end-game-btn{background:var(--accent-gold)!important;color:#fff!important;border:none!important}.game-page-container{padding-bottom:5px!important;overflow-y:auto!important}.game-body{flex:0 1 auto!important;min-height:0!important;max-height:65vh!important}.game-header h2{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}