*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:radial-gradient(ellipse at top,#1e3a8a,#0b1437 60%,#050a1f);touch-action:manipulation;overscroll-behavior:none;color:#fef9c3}#app{display:flex;flex-direction:column;position:relative}.screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px;position:relative}.screen.scroll{justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch}.title{font-size:clamp(36px,8vw,72px);font-weight:900;text-align:center;text-shadow:3px 3px 0 rgba(0,0,0,.35);line-height:1.05;letter-spacing:1px}.subtitle{font-size:clamp(18px,3vw,26px);font-weight:700;color:#fde68a;text-align:center;opacity:.9}.big-button{font-size:clamp(28px,5vw,44px);font-weight:900;padding:24px 56px;border:none;border-radius:32px;background:#f59e0b;color:#fff;box-shadow:0 8px #b45309,0 14px 28px #00000059;cursor:pointer;transition:transform .08s,box-shadow .08s;min-width:240px;min-height:96px;letter-spacing:2px}.big-button:active{transform:translateY(4px);box-shadow:0 4px #b45309,0 6px 12px #00000040}.back-btn{background:#fff;border:none;border-radius:50%;width:64px;height:64px;font-size:32px;font-weight:800;color:#1e3a8a;box-shadow:0 4px #94a3b8,0 6px 14px #0000004d;cursor:pointer;position:absolute;top:16px;left:16px;z-index:20;display:flex;align-items:center;justify-content:center}.back-btn:active{transform:translateY(2px);box-shadow:0 2px #94a3b8,0 3px 8px #0003}.start-screen .hero-row{display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,2vw,24px)}.start-screen .planet{font-size:clamp(110px,24vw,200px);animation:spin 14s linear infinite;filter:drop-shadow(0 12px 32px rgba(56,189,248,.5));line-height:1}.start-screen .willy{display:flex;flex-direction:column;align-items:center;line-height:.85;animation:bobble 2.5s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.start-screen .willy .hat{font-size:clamp(36px,8vw,72px);margin-bottom:-.4em;z-index:2}.start-screen .willy .lion{font-size:clamp(70px,16vw,140px)}.start-screen .tico{font-size:clamp(60px,13vw,110px);animation:bobble 2s ease-in-out infinite;animation-delay:-.6s;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4));line-height:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bobble{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}.willy-header{display:flex;align-items:center;gap:12px;width:100%;max-width:600px;margin-bottom:-8px}.willy-mini{flex-shrink:0;display:flex;flex-direction:column;align-items:center;line-height:.85;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.willy-mini .hat{font-size:28px;margin-bottom:-.4em;z-index:2}.willy-mini .lion{font-size:56px}.tico-mini{flex-shrink:0;font-size:64px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));animation:bobble 2s ease-in-out infinite}.willy-bubble{background:#fff;color:#1e293b;padding:12px 18px;border-radius:22px;font-weight:700;font-size:clamp(15px,2.5vw,19px);position:relative;box-shadow:0 6px 14px #0000004d;flex:1;cursor:pointer}.willy-bubble:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);border:10px solid transparent;border-right-color:#fff}.willy-bubble:active{transform:translateY(2px)}.flag-frame{border:none;background:#fff;cursor:pointer;position:relative}.flag-frame .flag-tap{font-size:12px;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:1px;margin-top:8px;opacity:.7}.flag-frame:active{transform:translateY(2px)}.globe-flag{width:46px;height:32px;border-radius:5px;overflow:visible;box-shadow:0 3px 10px #0000008c,0 0 0 2px #fff;cursor:pointer;transform:translate(-50%,-50%);transition:transform .15s,box-shadow .15s;pointer-events:auto;background:#fff;position:relative}.globe-flag img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;border-radius:3px}.globe-flag:hover,.globe-flag:active{transform:translate(-50%,-50%) scale(1.25);box-shadow:0 5px 16px #000000b3,0 0 0 3px #fde68a}.globe-flag.visited{box-shadow:0 3px 10px #0000008c,0 0 0 3px #fbbf24}.globe-flag .flag-check{position:absolute;bottom:-8px;right:-8px;background:#16a34a;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;box-shadow:0 2px 6px #00000080;border:2px solid white;pointer-events:none}.globe-hud{position:absolute;top:16px;right:16px;z-index:20;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.hud-chip{background:#fff;border:none;border-radius:22px;padding:10px 14px;display:flex;align-items:center;gap:8px;box-shadow:0 6px 16px #00000059;cursor:pointer;transition:transform .08s}.hud-chip:active{transform:translateY(2px)}.passport-counter .passport-icon{font-size:28px;line-height:1}.passport-counter .passport-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.passport-counter .passport-num{font-size:18px;font-weight:700;color:#78350f}.passport-counter .passport-num strong{font-size:22px;font-weight:900;color:#b45309}.passport-counter .passport-label{font-size:10px;font-weight:700;text-transform:uppercase;color:#92400e;letter-spacing:1px}.passport-counter.complete{background:linear-gradient(135deg,#fde68a,#fbbf24);animation:passportPulse 1.8s ease-in-out infinite}@keyframes passportPulse{0%,to{transform:scale(1);box-shadow:0 6px 16px #00000059}50%{transform:scale(1.05);box-shadow:0 8px 22px #fbbf2499}}.stars-chip .stars-icon{font-size:22px;line-height:1}.stars-chip .stars-num{font-size:20px;font-weight:900;color:#b45309}.mission-banner{position:absolute;top:16px;left:88px;right:200px;max-width:380px;background:#fffffff2;border-radius:22px;padding:10px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 6px 16px #00000059;z-index:19;cursor:pointer}.mission-banner:active{transform:translateY(2px)}.mission-tico{font-size:38px;line-height:1}.mission-body{display:flex;flex-direction:column;gap:4px;min-width:0}.mission-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#92400e}.mission-flags{display:flex;gap:8px}.mission-flag{position:relative;width:38px;height:26px;border-radius:4px;overflow:visible;background:#fff;box-shadow:0 0 0 2px #0000001a}.mission-flag img{width:100%;height:100%;display:block;object-fit:cover;border-radius:3px}.mission-flag.found{box-shadow:0 0 0 3px #16a34a}.mission-flag .mini-check{position:absolute;bottom:-6px;right:-6px;background:#16a34a;color:#fff;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;border:2px solid white}.adv-calendar{position:absolute;top:16px;left:88px;background:linear-gradient(135deg,#facc15,#f97316);border:none;border-radius:22px;padding:10px 16px;display:flex;align-items:center;gap:8px;box-shadow:0 6px 16px #f9731680;z-index:20;color:#fff;cursor:pointer}.adv-calendar:active{transform:translateY(2px)}.adv-cal-icon{font-size:26px;line-height:1}.adv-cal-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.adv-cal-days{font-size:18px;font-weight:700;color:#fff}.adv-cal-days strong{font-size:22px;font-weight:900}.adv-cal-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.9}.globe-bottombar{position:absolute;bottom:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:10}.globe-bottombar .globe-hint{position:static;transform:none;margin:0}.bottom-btn{background:#fffffff2;border:none;border-radius:22px;padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:22px;font-weight:800;color:#1e3a8a;cursor:pointer;box-shadow:0 6px 14px #0000004d;transition:transform .08s}.bottom-btn span{font-size:14px;font-weight:800}.bottom-btn:active{transform:translateY(2px)}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:600px}@media (max-width: 520px){.mode-grid{grid-template-columns:1fr}}.mode-card{background:#fff;border:4px solid #fbbf24;border-radius:28px;padding:22px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;box-shadow:0 6px #d97706,0 10px 18px #00000040;transition:transform .08s,box-shadow .08s}.mode-card:active{transform:translateY(3px);box-shadow:0 3px #d97706,0 5px 10px #0003}.mode-card .mode-icon{font-size:clamp(56px,12vw,88px);line-height:1}.mode-card .mode-label{font-size:clamp(16px,3vw,22px);font-weight:900;color:#78350f;letter-spacing:1px}.mode-card .mode-desc{font-size:clamp(11px,2vw,14px);font-weight:700;color:#92400e;text-align:center;opacity:.85}.mode-card.adventure{background:linear-gradient(135deg,#f97316,#dc2626);border-color:#fbbf24;color:#fff}.mode-card.adventure .mode-label,.mode-card.adventure .mode-desc{color:#fff}.quiz-screen{padding:24px 16px}.quiz-card{max-width:600px;margin:60px auto 0;display:flex;flex-direction:column;align-items:center;gap:18px;width:100%}.quiz-round{font-size:clamp(16px,3vw,22px);font-weight:800;color:#fde68a;letter-spacing:1px}.quiz-prompt{font-size:clamp(20px,4vw,28px);font-weight:800;color:#fff;text-align:center;text-shadow:2px 2px 0 rgba(0,0,0,.35)}.quiz-flag{width:min(340px,80vw);background:#fff;border-radius:22px;padding:14px;box-shadow:0 10px 28px #0006;display:flex;align-items:center;justify-content:center}.quiz-flag img{width:100%;height:auto;max-height:200px;display:block;border-radius:10px;object-fit:contain}.quiz-flag .big-star{font-size:100px}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:540px}.quiz-option{background:#fff;border:3px solid #fbbf24;border-radius:20px;padding:18px 14px;font-size:clamp(15px,2.6vw,19px);font-weight:800;color:#1e3a8a;cursor:pointer;box-shadow:0 5px #d97706;transition:transform .08s,background-color .2s,box-shadow .2s}.quiz-option:active{transform:translateY(2px);box-shadow:0 2px #d97706}.quiz-option.right{background:#86efac;border-color:#16a34a;box-shadow:0 5px #15803d;animation:bounce .5s ease}.quiz-option.wrong{background:#fecaca;border-color:#dc2626;box-shadow:0 5px #b91c1c;animation:shake .4s ease;opacity:.7}.quiz-feedback{font-size:clamp(18px,3.5vw,24px);font-weight:800;color:#fff;text-align:center;min-height:30px}.quiz-feedback.good{color:#4ade80}.quiz-feedback.bad{color:#fca5a5}.quiz-feedback.end{display:flex;flex-direction:column;gap:16px;align-items:center}@keyframes bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-18px)}60%{transform:translateY(-6px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.album-screen{padding:70px 16px 40px}.album-header{text-align:center;margin-bottom:24px}.album-icon{font-size:80px;line-height:1}.album-grid{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.album-country{background:#ffffff14;border:2px solid rgba(255,255,255,.18);border-radius:18px;padding:14px}.album-country-name{display:flex;align-items:center;gap:10px;font-size:clamp(16px,2.8vw,20px);font-weight:800;color:#fde68a;margin-bottom:10px}.album-country-name img{width:28px;height:20px;border-radius:3px;box-shadow:0 0 0 1px #ffffff4d}.album-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.album-card{background:#fff;border-radius:16px;padding:12px 8px;text-align:center;cursor:pointer;box-shadow:0 4px #fbbf24}.album-card:active{transform:translateY(2px);box-shadow:0 2px #fbbf24}.album-card.locked{background:#ffffff1a;box-shadow:0 4px #ffffff1a;border:2px dashed rgba(255,255,255,.25);opacity:.6}.album-card .card-emoji{font-size:44px;line-height:1}.album-card .card-name{font-size:12px;font-weight:800;color:#1e293b;margin-top:6px;line-height:1.15}.album-card.locked .card-name{color:#ffffff80}.section-title .hint-small{font-size:12px;font-weight:700;color:#fde68a;opacity:.7;letter-spacing:.5px;text-transform:none}.monument{position:relative}.monument.collected{border:3px solid #16a34a}.monument .mon-check{position:absolute;top:-6px;right:-6px;background:#16a34a;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;border:2px solid white}.monument.just-collected{animation:bounce .5s ease}.adventure-screen{padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.adv-intro,.adv-result{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.adv-hero{display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,2vw,24px)}.adv-hero .planet{font-size:clamp(90px,22vw,180px);animation:spin 14s linear infinite}.adv-hero .willy{display:flex;flex-direction:column;align-items:center;line-height:.85;animation:bobble 2.5s ease-in-out infinite}.adv-hero .willy .hat{font-size:clamp(32px,7vw,60px);margin-bottom:-.4em}.adv-hero .willy .lion{font-size:clamp(60px,14vw,120px)}.adv-hero .tico{font-size:clamp(54px,12vw,100px);animation:bobble 2s ease-in-out infinite;animation-delay:-.5s}.adv-warn{background:#0000004d;border-radius:16px;padding:12px 18px;font-size:clamp(13px,2.4vw,17px);color:#fde68a;font-weight:700;line-height:1.5}.adv-emoji{font-size:clamp(80px,18vw,140px);line-height:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.adv-result.won .adv-emoji{animation:bobble 1.5s ease-in-out infinite}.big-button.secondary{background:#ffffff2e;box-shadow:0 6px #0000004d;color:#fff}.big-button.secondary:active{box-shadow:0 2px #0000004d}.flag-wrapper{position:relative;display:inline-block}.stamp{position:absolute;top:-14px;right:-28px;width:110px;height:110px;border-radius:50%;border:5px solid #dc2626;color:#dc2626;background:#fee2e28c;transform:rotate(-12deg);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;opacity:.88;pointer-events:none;z-index:5;box-shadow:0 4px 12px #dc262640}.stamp .stamp-inner{display:flex;flex-direction:column;align-items:center;line-height:1;gap:3px}.stamp .stamp-top{font-size:11px;letter-spacing:1.5px}.stamp .stamp-mid{font-size:13px;letter-spacing:.5px;max-width:80px;line-height:1.05}.stamp .stamp-bot{font-size:18px}.stamp.is-new{animation:stampLand .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes stampLand{0%{transform:rotate(-50deg) scale(3);opacity:0}55%{transform:rotate(-8deg) scale(1.25);opacity:1}75%{transform:rotate(-15deg) scale(.95)}to{transform:rotate(-12deg) scale(1);opacity:.88}}.final-cta{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#78350f;border:none;border-radius:22px;padding:14px 22px;font-size:clamp(16px,2.8vw,20px);font-weight:800;box-shadow:0 6px #b45309,0 10px 20px #0000004d;cursor:pointer;animation:passportPulse 1.6s ease-in-out infinite}.final-cta:active{transform:translateY(3px);box-shadow:0 3px #b45309}.celebration-screen{background:radial-gradient(ellipse at top,#1e3a8a,#0b1437 60%,#050a1f);overflow:hidden}.celebration-hero{display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,2vw,24px)}.celebration-hero .planet.big{font-size:clamp(110px,24vw,200px);animation:spin 12s linear infinite;filter:drop-shadow(0 12px 32px rgba(56,189,248,.6));line-height:1}.celebration-hero .willy.big{display:flex;flex-direction:column;align-items:center;line-height:.85;animation:bobble 2.5s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.celebration-hero .willy.big .hat{font-size:clamp(36px,8vw,72px);margin-bottom:-.4em}.celebration-hero .willy.big .lion{font-size:clamp(70px,16vw,140px)}.celebration-hero .tico.big{font-size:clamp(60px,13vw,110px);animation:bobble 2s ease-in-out infinite;animation-delay:-.6s;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4));line-height:1}.cel-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.fireworks{position:absolute;inset:0;pointer-events:none;overflow:hidden}.fireworks .spark{position:absolute;font-size:clamp(20px,4vw,36px);animation:sparkFly 3s ease-in-out infinite;opacity:0}.fireworks .spark-0{top:10%;left:15%;animation-delay:0s}.fireworks .spark-1{top:18%;right:12%;animation-delay:.3s}.fireworks .spark-2{top:30%;left:8%;animation-delay:.6s}.fireworks .spark-3{top:35%;right:18%;animation-delay:.9s}.fireworks .spark-4{top:50%;left:4%;animation-delay:1.2s}.fireworks .spark-5{top:55%;right:6%;animation-delay:1.5s}.fireworks .spark-6{top:70%;left:18%;animation-delay:1.8s}.fireworks .spark-7{top:75%;right:22%;animation-delay:2.1s}.fireworks .spark-8{top:12%;left:45%;animation-delay:.4s}.fireworks .spark-9{top:22%;left:60%;animation-delay:.8s}.fireworks .spark-10{top:80%;left:50%;animation-delay:1.4s}.fireworks .spark-11{top:85%;right:40%;animation-delay:1.8s}.fireworks .spark-12{top:5%;left:25%;animation-delay:2.2s}.fireworks .spark-13{top:90%;left:30%;animation-delay:2.6s}@keyframes sparkFly{0%{opacity:0;transform:scale(.5) rotate(0)}20%{opacity:1;transform:scale(1.2) rotate(180deg)}40%{opacity:1;transform:scale(1) rotate(360deg)}to{opacity:0;transform:scale(.5) rotate(540deg)}}.globe-screen{width:100%;height:100%;position:relative;overflow:hidden}.globe-container{width:100%;height:100%}.globe-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#00000073;backdrop-filter:blur(10px);color:#fff;padding:14px 24px;border-radius:24px;font-size:clamp(14px,2.4vw,20px);font-weight:600;letter-spacing:.3px;text-align:center;z-index:10;pointer-events:none;animation:float 2.5s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}.country-tooltip{position:absolute;background:#fffffff2;color:#1e293b;padding:10px 18px;border-radius:16px;font-weight:800;font-size:18px;pointer-events:none;box-shadow:0 8px 20px #0006;z-index:15;white-space:nowrap;display:none}.country-screen{width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#1e3a8a,#0b1437);padding:80px 20px 40px}.country-card{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:24px;align-items:center}.flag-frame{background:#fff;border-radius:28px;padding:18px;box-shadow:0 12px 40px #00000080;width:min(420px,80vw);display:flex;flex-direction:column;align-items:center}.flag-frame img{width:100%;height:auto;max-height:240px;display:block;border-radius:12px;box-shadow:0 2px 8px #0003;object-fit:contain}.country-name{font-size:clamp(40px,8vw,72px);font-weight:900;color:#fff;text-align:center;text-shadow:3px 3px 0 rgba(0,0,0,.4);margin-top:-4px}.greeting-bubble{background:#fbbf24;color:#78350f;padding:14px 28px;border-radius:999px;font-weight:800;font-size:clamp(20px,3.5vw,28px);box-shadow:0 6px #d97706;cursor:pointer}.greeting-bubble:active{transform:translateY(3px);box-shadow:0 3px #d97706}.info-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:600px}@media (min-width: 720px){.info-row{grid-template-columns:repeat(4,1fr)}}.info-chip{background:#ffffff1f;border:3px solid rgba(255,255,255,.3);border-radius:20px;padding:14px 12px;text-align:center;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:transform .08s,background .2s}.info-chip:active{transform:translateY(2px);background:#fff3}.info-chip .icon{font-size:clamp(40px,8vw,60px);line-height:1}.info-chip .label-small{font-size:11px;font-weight:700;text-transform:uppercase;color:#fde68a;letter-spacing:1px;opacity:.85}.info-chip .label-big{font-size:clamp(14px,2.5vw,18px);font-weight:800;color:#fff}.section-title{color:#fde68a;font-weight:800;font-size:clamp(20px,3.5vw,28px);margin-top:8px;text-align:center;letter-spacing:1px}.facts-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:600px}.fact-card{background:#fffffff2;color:#1e293b;border-radius:22px;padding:18px 20px;font-size:clamp(16px,2.6vw,20px);font-weight:600;line-height:1.4;display:flex;gap:14px;align-items:center;box-shadow:0 6px 18px #00000040;cursor:pointer;transition:transform .08s}.fact-card:active{transform:translateY(2px)}.fact-card .fact-icon{font-size:36px;flex-shrink:0}.monuments-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;width:100%}.monument{background:#fff;border-radius:22px;padding:16px 12px;width:130px;text-align:center;box-shadow:0 6px #fbbf24,0 10px 18px #00000040;cursor:pointer;transition:transform .08s,box-shadow .08s}.monument:active{transform:translateY(3px);box-shadow:0 3px #fbbf24,0 5px 10px #0003}.monument .mon-emoji{font-size:56px;line-height:1}.monument .mon-name{font-size:13px;font-weight:700;color:#1e293b;margin-top:8px;line-height:1.2}.loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at top,#1e3a8a,#050a1f);z-index:50;color:#fde68a;font-weight:700;font-size:20px}.loader .planet-loading{font-size:80px;animation:spin 2s linear infinite}