.card-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:200;background:#1a0a00;font-family:Courier New,Courier,monospace}.card-inner{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px 24px;width:100%;max-width:400px;text-align:center}.card-flag{font-size:5rem;line-height:1}.card-title{font-size:clamp(1.3rem,6vw,1.8rem);font-weight:800;color:#f7c325;text-shadow:2px 2px 0 #c0392b;margin:0}.card-fact{font-size:1rem;color:#ddd;line-height:1.6;background:#2a1200;border:2px solid #f7c325;border-radius:16px;padding:20px;max-width:340px;width:100%}.card-start-btn{display:block;width:100%;max-width:280px;min-height:56px;padding:14px 24px;border:none;border-radius:16px;font-family:inherit;font-size:clamp(1rem,4vw,1.25rem);font-weight:800;cursor:pointer;text-align:center;background:#e8192c;color:#fff;box-shadow:0 5px #8c0e19,0 7px 12px #0006;transition:transform .08s ease,box-shadow .08s ease;-webkit-tap-highlight-color:transparent}.card-start-btn:hover{background:#ff2a3f;box-shadow:0 6px #8c0e19,0 8px 16px #0006}.card-start-btn:active{transform:translateY(2px);box-shadow:none}.hud-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;font-family:Courier New,Courier,monospace}.hud-hearts{position:absolute;top:12px;left:12px;display:flex;gap:6px;align-items:center}.hud-heart{font-size:20px;line-height:1;transition:color .15s ease}.hud-heart--full{color:#e8192c}.hud-heart--empty{color:#888}.hud-progress{position:absolute;top:12px;left:50%;transform:translate(-50%);width:160px;height:14px;background:#444;border:2px solid #000000;border-radius:2px;overflow:hidden}.hud-progress-fill{height:100%;background:#f7c325;transition:width .1s linear}.hud-score{position:absolute;top:12px;right:12px;color:#fff;font-size:16px;font-weight:700}.results-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:150;background:#000000b8;font-family:Courier New,Courier,monospace;padding:24px 16px;box-sizing:border-box}.results-title{font-size:clamp(2rem,10vw,3.5rem);font-weight:900;text-align:center;line-height:1.1}.results-title--finished{color:#f7c325;text-shadow:3px 3px 0 #c0392b}.results-title--gameover{color:#e8192c;text-shadow:3px 3px 0 #7b1a0e}.results-stars{display:flex;gap:10px;align-items:center}.results-star{font-size:48px;line-height:1;color:#666}.results-star--filled{color:#f7c325;animation:star-pop .3s ease-out both}@keyframes star-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}.results-score{font-size:clamp(1rem,4vw,1.3rem);font-weight:800;color:#fff;text-align:center}.results-reward{background:#1a1a00;border:3px solid #f7c325;border-radius:16px;padding:16px 24px;text-align:center;animation:results-fadein .4s ease-out both;animation-delay:2.5s;opacity:0}.results-reward-title{color:#f7c325;font-size:1.1rem;font-weight:800;margin-bottom:4px}.results-reward-name{color:#fff;font-size:1rem;font-weight:700}.results-fact{font-size:.9rem;color:#aaa;text-align:center;max-width:340px;line-height:1.5;animation:results-fadein .4s ease-out both;animation-delay:2.5s;opacity:0}@keyframes results-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.results-buttons{display:flex;flex-direction:column;gap:14px;width:100%;max-width:300px}.results-btn{display:block;width:100%;min-height:52px;padding:12px 24px;border:none;border-radius:16px;font-family:inherit;font-size:clamp(1rem,4vw,1.2rem);font-weight:800;cursor:pointer;text-align:center;transition:transform .08s ease,box-shadow .08s ease;-webkit-tap-highlight-color:transparent}.results-btn:active{transform:translateY(2px);box-shadow:none!important}.results-btn--restart{background:#e8192c;color:#fff;box-shadow:0 5px #8c0e19,0 7px 12px #0006}.results-btn--restart:hover{background:#ff2a3f;box-shadow:0 6px #8c0e19,0 8px 16px #0006}.results-btn--home{background:#f7c325;color:#1a0a00;box-shadow:0 5px #a07d00,0 7px 12px #0006}.results-btn--home:hover{background:#ffd740;box-shadow:0 6px #a07d00,0 8px 16px #0006}@media(max-width:400px){.results-star{font-size:36px}.results-stars{gap:6px}}.collect-toast{position:fixed;top:64px;left:50%;transform:translate(-50%);background:#140800e0;border:2px solid #f7c325;border-radius:999px;padding:8px 24px;pointer-events:none;z-index:70;font-family:Courier New,Courier,monospace;font-size:clamp(1.1rem,5vw,1.4rem);font-weight:900;color:#f7c325;white-space:nowrap;text-shadow:2px 2px 0 rgba(0,0,0,.6);transition:opacity .25s ease}.collect-toast--visible{opacity:1;animation:collect-toast-pop .22s cubic-bezier(.22,1,.36,1) both}.collect-toast--hidden{opacity:0}@keyframes collect-toast-pop{0%{opacity:0;transform:translate(-50%) scale(.7)}60%{transform:translate(-50%) scale(1.12)}to{opacity:1;transform:translate(-50%) scale(1)}}.landmark-caption{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:420px;background:#140800d1;border:2px solid #f7c325;border-radius:14px;padding:12px 18px;pointer-events:none;z-index:60;font-family:Courier New,Courier,monospace;box-sizing:border-box;animation:landmark-slidein .35s cubic-bezier(.22,1,.36,1) both}@keyframes landmark-slidein{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.landmark-caption-name{font-size:clamp(1rem,4vw,1.2rem);font-weight:800;color:#f7c325;margin-bottom:4px;line-height:1.2}.landmark-caption-fact{font-size:clamp(.8rem,3vw,.95rem);color:#ddd;line-height:1.4}.quiz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:200;background:#000000d1;font-family:Courier New,Courier,monospace;padding:24px 16px;box-sizing:border-box;overflow-y:auto}.quiz-title{font-size:clamp(1.6rem,8vw,2.8rem);font-weight:900;color:#f7c325;text-shadow:3px 3px 0 #c0392b;text-align:center;line-height:1.1}.quiz-progress{font-size:clamp(.85rem,3vw,1rem);color:#aaa;font-weight:700;text-align:center}.quiz-question{font-size:clamp(1rem,4.5vw,1.35rem);font-weight:800;color:#fff;text-align:center;max-width:420px;line-height:1.4}.quiz-feedback{min-height:1.6em;font-size:clamp(1rem,4vw,1.2rem);font-weight:900;text-align:center}.quiz-feedback--correct{color:#4cd964}.quiz-feedback--wrong{color:#e8192c}.quiz-options{display:flex;flex-direction:column;gap:12px;width:100%;max-width:340px}.quiz-option-btn{display:block;width:100%;min-height:52px;padding:12px 20px;border:3px solid #555555;border-radius:16px;background:#1c1c2e;color:#fff;font-family:inherit;font-size:clamp(.9rem,3.5vw,1.1rem);font-weight:800;cursor:pointer;text-align:center;transition:border-color .08s ease,background .08s ease,transform .08s ease;-webkit-tap-highlight-color:transparent}.quiz-option-btn:not(:disabled):hover{border-color:#f7c325;background:#2a2a1a}.quiz-option-btn:not(:disabled):active{transform:translateY(2px)}.quiz-option-btn:disabled{cursor:default}.quiz-option-btn--correct{border-color:#4cd964!important;background:#0d2a12!important;color:#4cd964!important}.quiz-option-btn--wrong{border-color:#e8192c!important;background:#2a0a0a!important;color:#e8192c!important}.quiz-continue-btn{min-height:48px;padding:12px 32px;border:none;border-radius:16px;background:#f7c325;color:#1a0a00;font-family:inherit;font-size:clamp(.95rem,3.5vw,1.1rem);font-weight:800;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease;box-shadow:0 5px #a07d00,0 7px 12px #0006;-webkit-tap-highlight-color:transparent}.quiz-continue-btn:hover{background:#ffd740;box-shadow:0 6px #a07d00,0 8px 16px #0006}.quiz-continue-btn:active{transform:translateY(2px);box-shadow:none}.quiz-summary-bonus{font-size:clamp(1.3rem,6vw,1.8rem);font-weight:900;color:#4cd964;text-align:center;animation:results-fadein .4s ease-out both}.quiz-summary-reward{background:#1a1a00;border:3px solid #f7c325;border-radius:16px;padding:14px 22px;text-align:center;animation:results-fadein .4s ease-out both;animation-delay:.3s;opacity:0}.quiz-summary-reward-title{color:#f7c325;font-size:1.05rem;font-weight:800;margin-bottom:4px}.quiz-summary-reward-name{color:#fff;font-size:1rem;font-weight:700}.quiz-done-btn{min-height:52px;padding:14px 40px;border:none;border-radius:16px;background:#e8192c;color:#fff;font-family:inherit;font-size:clamp(1rem,4vw,1.2rem);font-weight:800;cursor:pointer;box-shadow:0 5px #8c0e19,0 7px 12px #0006;transition:transform .08s ease,box-shadow .08s ease;-webkit-tap-highlight-color:transparent}.quiz-done-btn:hover{background:#ff2a3f;box-shadow:0 6px #8c0e19,0 8px 16px #0006}.quiz-done-btn:active{transform:translateY(2px);box-shadow:none}.results-quiz-bonus{font-size:clamp(.9rem,3.5vw,1.1rem);font-weight:800;color:#4cd964;text-align:center;animation:results-fadein .4s ease-out both}.results-btn--quiz{background:#2e7d32;color:#fff;box-shadow:0 5px #1a4d1d,0 7px 12px #0006}.results-btn--quiz:hover{background:#388e3c;box-shadow:0 6px #1a4d1d,0 8px 16px #0006}#ui{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;background:#1a0a00;font-family:Courier New,Courier,monospace;overflow-y:auto}.screen{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px 16px 32px;width:100%;max-width:480px;min-height:100%;box-sizing:border-box}.game-title{font-size:clamp(2.4rem,10vw,4rem);font-weight:900;color:#f7c325;text-shadow:3px 3px 0 #c0392b,6px 6px 0 #7b1a0e;letter-spacing:.04em;text-align:center;line-height:1.1}.screen-title{font-size:clamp(1.3rem,6vw,1.8rem);font-weight:800;color:#f7c325;text-align:center;text-shadow:2px 2px 0 #c0392b;margin-bottom:4px}.button-group{display:flex;flex-direction:column;gap:14px;width:100%;max-width:300px}.btn{display:block;width:100%;min-height:52px;padding:12px 24px;border:none;border-radius:16px;font-family:inherit;font-size:clamp(1rem,4vw,1.2rem);font-weight:800;cursor:pointer;text-align:center;transition:transform .08s ease,box-shadow .08s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:translateY(2px);box-shadow:none!important}.btn-primary{background:#e8192c;color:#fff;box-shadow:0 5px #8c0e19,0 7px 12px #0006}.btn-primary:hover{background:#ff2a3f;box-shadow:0 6px #8c0e19,0 8px 16px #0006}.btn-secondary{background:#f7c325;color:#1a0a00;box-shadow:0 5px #a07d00,0 7px 12px #0006}.btn-secondary:hover{background:#ffd740;box-shadow:0 6px #a07d00,0 8px 16px #0006}.btn-back{background:transparent;color:#aaa;border:2px solid #444;box-shadow:none;min-height:44px;width:auto;padding:8px 20px;font-size:.95rem}.btn-back:hover{color:#fff;border-color:#888}.character-grid{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.character-card{display:flex;flex-direction:column;align-items:center;gap:12px;background:#2a1200;border:3px solid #f7c325;border-radius:20px;padding:24px 20px;cursor:pointer;min-width:120px;transition:transform .1s ease,background .1s ease;-webkit-tap-highlight-color:transparent}.character-card:hover,.character-card:focus{background:#3d1a00;transform:scale(1.04);outline:none}.character-card:active{transform:scale(.97)}.character-label{font-size:1.1rem;font-weight:800;color:#f7c325}.character-figure{position:relative;width:64px;height:100px}.char-head{position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:40px;background:#f7c325;border-radius:6px}.character-figure--boy .char-body{position:absolute;top:44px;left:50%;transform:translate(-50%);width:36px;height:32px;background:#1565c0;border-radius:4px}.character-figure--girl .char-body{position:absolute;top:44px;left:50%;transform:translate(-50%);width:36px;height:32px;background:#e91e63;border-radius:4px}.char-legs{position:absolute;top:78px;left:50%;transform:translate(-50%);width:36px;height:22px;background:#37474f;border-radius:0 0 4px 4px}.braid{position:absolute;width:8px;height:30px;background:#f7c325;border-radius:4px;top:28px}.braid-left{left:4px}.braid-right{right:4px}.character-figure--cat .char-head{border-radius:50% 50% 40% 40%;background:#f28c28}.character-figure--cat .char-body{position:absolute;top:44px;left:50%;transform:translate(-50%);width:36px;height:32px;background:#f28c28;border-radius:4px}.cat-ear{position:absolute;top:-10px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid #f7c325}.cat-ear--left{left:6px}.cat-ear--right{right:6px}.cat-tail{position:absolute;bottom:0;right:-8px;width:8px;height:28px;background:#f7c325;border-radius:4px 4px 6px 6px;transform:rotate(12deg);transform-origin:bottom center}.country-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:400px}@media(max-width:360px){.country-grid{grid-template-columns:repeat(2,1fr)}}.country-card{display:flex;flex-direction:column;align-items:center;gap:6px;background:#2a1200;border:2px solid #444;border-radius:14px;padding:14px 8px;min-height:100px;text-align:center}.country-card--unlocked{border-color:#f7c325;cursor:pointer;transition:transform .1s ease,background .1s ease}.country-card--unlocked:hover,.country-card--unlocked:focus{background:#3d1a00;transform:scale(1.04);outline:none}.country-card--unlocked:active{transform:scale(.97)}.country-card--locked{opacity:.55}.country-flag{font-size:2.4rem;line-height:1}.country-name{font-size:.8rem;font-weight:700;color:#f7c325}.lock-icon{font-size:1rem}.country-soon{font-size:.7rem;color:#888}.area-card{background:#2a1200;border:3px solid #f7c325;border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:340px;width:100%;text-align:center}.area-name{font-size:1.4rem;font-weight:800;color:#f7c325}.area-info{font-size:.95rem;color:#ddd;line-height:1.5}.wardrobe-preview{background:#2a1200;border:2px solid #f7c325;border-radius:16px;padding:20px 28px;display:flex;justify-content:center}.wardrobe-preview .character-figure{transform:scale(1.2)}.reward-list{display:flex;flex-direction:column;gap:10px;width:100%;max-width:360px}.reward-item{display:flex;align-items:center;gap:12px;background:#2a1200;border:2px solid #444;border-radius:14px;padding:14px 16px}.reward-item--unlocked{border-color:#f7c325}.reward-item--locked{opacity:.6}.reward-icon{font-size:1.5rem;flex-shrink:0}.reward-name{font-size:1rem;font-weight:700;color:#f7c325;flex:1}.reward-toggle{background:#e8192c;color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:800;min-width:48px;min-height:48px;cursor:pointer;font-family:inherit;transition:background .1s ease;-webkit-tap-highlight-color:transparent}.reward-toggle:hover{background:#ff2a3f}.reward-hint{font-size:.8rem;color:#888;font-style:italic}.wardrobe-character-switcher{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;width:100%;max-width:360px}.wardrobe-mini-card{display:flex;flex-direction:column;align-items:center;gap:8px;background:#2a1200;border:2px solid #444;border-radius:14px;padding:12px 10px;min-width:88px;min-height:48px;cursor:pointer;transition:transform .1s ease,background .1s ease;-webkit-tap-highlight-color:transparent}.wardrobe-mini-card:hover,.wardrobe-mini-card:focus{background:#3d1a00;outline:none}.wardrobe-mini-card:active{transform:scale(.97)}.wardrobe-mini-card--active{border-color:#f7c325;background:#3d1a00}.wardrobe-mini-label{font-size:.75rem;font-weight:700;color:#f7c325}.character-figure--mini{transform:scale(.55);transform-origin:top center;height:55px;width:64px;flex-shrink:0}.album-subtitle{font-size:.95rem;color:#ddd;text-align:center;margin:0;line-height:1.4}.album-section{width:100%;max-width:420px}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}@media(max-width:360px){.album-grid{grid-template-columns:repeat(2,1fr)}}.album-tile{display:flex;flex-direction:column;align-items:center;gap:6px;background:#2a1200;border:2px solid #444;border-radius:14px;padding:14px 8px 12px;text-align:center;min-height:120px}.album-tile--unlocked{border-color:#f7c325}.album-tile--locked{opacity:.6}.album-tile-icon{font-size:2.2rem;line-height:1}.album-tile--locked .album-tile-icon{font-size:2rem;color:#555}.album-tile-name{font-size:.78rem;font-weight:800;color:#f7c325;line-height:1.2}.album-tile--locked .album-tile-name{color:#888;font-style:italic;font-weight:600}.album-tile-fact{font-size:.68rem;color:#ccc;line-height:1.4;margin:0}