.notification{display:flex;justify-content:center;align-items:center;gap:1rem;position:fixed;top:6rem;left:50%;transform:translate(-50%);max-width:calc(100vw - 3rem);padding:1.2rem 2.6rem;border:var(--border);border-radius:99rem;box-shadow:var(--lift);font-family:var(--font-head);font-weight:800;font-size:2.2rem;color:var(--ink);z-index:1000;pointer-events:none;transition:opacity .25s ease-in-out,transform .25s ease-out}@starting-style{.notification{opacity:0;transform:translate(-50%) translateY(-1rem)}}.notification-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--ink);color:#fff;font-size:1.8rem}.notification.correct{background-color:var(--good-bg)}.notification.incorrect{background-color:var(--bad-bg)}.action-btn{font-size:clamp(2rem,3vw,2.6rem);padding:clamp(1.4rem,2.4vw,2.2rem) 2rem;border-radius:var(--r-lg)}.action-btn-icon{font-size:1.3em;flex-shrink:0}.action-btn-text{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;text-align:left}.action-btn-text small{font-family:var(--font-body);font-weight:600;font-size:1.3rem;opacity:.75}.ghost-btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-head);font-weight:700;font-size:1.8rem;text-decoration:none;color:var(--ink);background:transparent;border:.25rem solid var(--ink);border-radius:99rem;padding:.8rem 1.8rem;transition:background-color .15s ease,transform .12s ease}.ghost-btn:hover{background:var(--yellow-soft);transform:translateY(-.2rem)}.ghost-btn:active{transform:translateY(.1rem)}.ghost-btn-icon{font-size:1.2em}.ghost-btn--gold{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff6cf 0%,var(--gold) 100%);box-shadow:0 .3rem 0 var(--gold-deep)}.ghost-btn--gold .ghost-btn-icon{color:var(--gold-deep)}.ghost-btn--gold:hover{background:linear-gradient(180deg,#fff9dc,#ffd34d);box-shadow:0 .5rem 0 var(--gold-deep)}.ghost-btn--gold:active{box-shadow:0 .1rem 0 var(--gold-deep)}.ghost-btn--gold:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skew(-20deg);animation:gold-shine 5s ease-in-out infinite;pointer-events:none}@keyframes gold-shine{0%,70%{left:-60%}to{left:130%}}.share-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;padding:1.6rem;background:#2b241699;animation:modal-fade .2s ease-out}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.share-modal{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.4rem;width:min(100%,42rem);max-height:100%;padding:1.6rem;overflow-y:auto}.share-modal-close{position:absolute;top:.8rem;right:.8rem;z-index:1;width:3.6rem;height:3.6rem;font-size:1.6rem;font-weight:800;background:var(--paper);border:.25rem solid var(--ink);border-radius:50%;cursor:pointer}.share-modal-close:hover{background:var(--yellow)}.share-modal-img{width:auto;max-width:100%;max-height:58dvh;border:var(--border);border-radius:var(--r-md);box-shadow:0 .3rem 0 var(--ink)}.share-modal-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.share-modal-tip{font-size:1.4rem;color:var(--ink-soft);text-align:center}.social-share{display:flex;flex-direction:column;align-items:center;gap:1.4rem}.social-row{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.social-btn{display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:50%;background:var(--paper);color:var(--ink);border:.25rem solid var(--ink);box-shadow:0 .3rem 0 var(--ink);font-size:2rem;cursor:pointer;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background-color .15s ease}.social-btn:hover{background:var(--yellow);transform:translateY(-.2rem);box-shadow:0 .5rem 0 var(--ink)}.social-btn:active{transform:translateY(.2rem);box-shadow:0 .1rem 0 var(--ink)}.share-image-btn svg{font-size:1.3em}.copy-fallback{width:100%;max-width:32rem;padding:.8rem 1.2rem;font-size:1.6rem;text-align:center;background:var(--cream);border:.2rem solid var(--ink);border-radius:var(--r-sm)}.subscription-container{text-align:center;max-width:52rem;margin:0 auto}.subscription-container>p{font-size:1.7rem;font-weight:700}.notification-form{display:flex;flex-direction:column;align-items:stretch;gap:1.2rem;margin:1.6rem auto 0}.notification-form input[type=email]{width:100%;padding:1.2rem 1.6rem;font-size:1.7rem;border:var(--border);border-radius:var(--r-md);background-color:var(--cream)}.notification-form input[type=email]::placeholder{color:#9a8f74}.notification-form button{align-self:center}.notification-form .success-message{color:var(--good);font-weight:800}.notification-form .error-message{color:var(--bad);font-weight:800}.notification-form button.loading{position:relative;color:transparent}.notification-form button.loading:after{content:"";position:absolute;left:50%;top:50%;width:2.2rem;height:2.2rem;margin:-1.1rem 0 0 -1.1rem;border:.3rem solid var(--ink);border-radius:50%;border-top-color:transparent;animation:email-spin .9s linear infinite}@keyframes email-spin{to{transform:rotate(360deg)}}.privacy-notice{font-size:1.2rem;color:var(--ink-soft);text-align:center}.continent-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.6rem 1rem 1.4rem;text-decoration:none;background:var(--paper);border:var(--border);border-radius:var(--r-lg);box-shadow:var(--lift);transition:transform .12s ease,box-shadow .12s ease,background-color .15s ease}.continent-card:hover{transform:translateY(-.3rem);box-shadow:var(--lift-hover);background:var(--yellow-soft)}.continent-card:active{transform:translateY(.3rem);box-shadow:var(--lift-press)}.continent-card-art{width:100%;aspect-ratio:1;display:grid;place-items:center;background:var(--yellow);border-radius:50%;padding:12%;max-width:14rem}.continent-card:nth-child(2n) .continent-card-art{background:var(--orange)}.continent-card-art img{width:100%;height:100%;object-fit:contain}.continent-card-title{font-family:var(--font-head);font-weight:700;font-size:clamp(1.7rem,2vw,2rem);text-align:center;color:var(--ink)}.play{display:flex;flex-direction:column;gap:2.4rem}.play-all{width:100%;max-width:48rem;margin:1rem auto 0}.continent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.2rem,2.4vw,2.4rem)}@media (min-width: 640px){.continent-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1000px){.continent-grid{grid-template-columns:repeat(6,1fr)}}.search-bar-container{position:relative;width:100%;max-width:52rem;margin:0 auto 2.4rem}.search-field{position:relative}.search-icon{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);font-size:2.4rem;color:var(--ink-soft);pointer-events:none}.search-input{width:100%;padding:1.4rem 1.8rem 1.4rem 5rem;font-size:1.8rem;color:var(--ink);background:var(--paper);border:var(--border);border-radius:99rem;box-shadow:0 .3rem 0 var(--ink)}.search-input::placeholder{color:#9a8f74}.suggestions-list{position:absolute;left:0;right:0;top:calc(100% + .8rem);z-index:20;list-style-type:none;background:var(--paper);border:var(--border);border-radius:var(--r-md);box-shadow:var(--lift);max-height:26rem;overflow-y:auto}.suggestion-item{padding:1.1rem 2rem;font-size:1.7rem;font-weight:600;cursor:pointer}.suggestion-item:hover{background:var(--yellow-soft)}.learn-container{width:100%}.learn-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin:2.4rem 0}.continent-button{font-family:var(--font-head);font-weight:700;font-size:1.6rem;padding:.8rem 1.8rem;background:var(--paper);border:.25rem solid var(--ink);border-radius:99rem;cursor:pointer;transition:background-color .15s ease,transform .12s ease}.continent-button:hover{background:var(--yellow-soft);transform:translateY(-.15rem)}.continent-button.active{background:var(--yellow);box-shadow:0 .3rem 0 var(--ink)}@media (max-width: 559px){.learn-filter{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin:1.6rem -.4rem;padding:.4rem .4rem .8rem;scrollbar-width:none}.learn-filter::-webkit-scrollbar{display:none}.continent-button{flex-shrink:0;white-space:nowrap}.progress-note--hint{display:none}.tip-text{font-size:1.6rem}.progress-card,.tip-card{gap:.8rem}}.learn-dashboard{display:grid;gap:clamp(1.2rem,2vw,2rem);margin-bottom:2rem}@media (min-width: 760px){.learn-dashboard{grid-template-columns:1.2fr 1fr;align-items:stretch}}.progress-card,.tip-card{display:flex;flex-direction:column;gap:1rem;padding:clamp(1.4rem,2.4vw,2.2rem)}.progress-text{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}.progress-text strong{font-family:var(--font-head);font-size:2.2rem;font-weight:800}.progress-text span{color:var(--ink-soft);font-weight:700}.learn-progress{height:1.6rem;background:var(--cream);border:.25rem solid var(--ink);border-radius:99rem;overflow:hidden}.learn-progress-fill{height:100%;background:var(--orange);border-radius:99rem;transition:width .4s ease}.progress-note{color:var(--ink-soft);font-size:1.5rem}.quiz-link{align-self:flex-start;margin-top:auto}.tip-card{background:var(--yellow-soft)}.tip-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.tip-title{font-family:var(--font-head);font-weight:800;font-size:2rem}.tip-next{font-family:var(--font-head);font-weight:700;font-size:1.4rem;padding:.4rem 1.2rem;background:var(--paper);border:.2rem solid var(--ink);border-radius:99rem;cursor:pointer}.tip-next:hover{background:var(--yellow)}.tip-text{font-size:1.9rem;font-weight:700;line-height:1.35}.tip-country{color:var(--ink-soft);font-weight:700}.learn-toggles{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem}.learn-toggle{font-family:var(--font-head);font-weight:700;font-size:1.6rem;padding:.9rem 1.8rem;background:var(--paper);border:.25rem solid var(--ink);border-radius:99rem;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.learn-toggle:hover{background:var(--yellow-soft)}.learn-toggle[aria-pressed=true]{background:var(--yellow);box-shadow:0 .3rem 0 var(--ink)}.learn-clear{display:flex;justify-content:center;margin:-1rem 0 2rem}.country-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.4vw,2.4rem);align-items:start}.country-card{position:relative;display:flex;flex-direction:column;background:var(--paper);border:var(--border);border-radius:var(--r-lg);box-shadow:var(--lift);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,background-color .2s ease}.country-card:hover{transform:translateY(-.3rem);box-shadow:var(--lift-hover)}.country-card.is-learned{background:var(--good-bg)}.learned-badge{position:absolute;top:.8rem;right:.8rem;z-index:2;display:grid;place-items:center;width:3rem;height:3rem;background:var(--good);color:#fff;border:.2rem solid var(--ink);border-radius:50%;font-weight:800;font-size:1.6rem;animation:badge-pop .3s ease-out}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.lazy-image-container{width:100%;aspect-ratio:3 / 2;background:var(--yellow-soft);border-bottom:var(--border);display:flex;justify-content:center;align-items:center;padding:1rem}.learn-flag{width:100%;height:100%;object-fit:contain}.image-placeholder{width:4rem;height:4rem;border:.5rem solid var(--yellow);border-top-color:var(--orange);border-radius:50%;animation:learn-spin 1s linear infinite}@keyframes learn-spin{to{transform:rotate(360deg)}}.flag-reveal{display:flex;flex-direction:column;background:transparent;border:none;cursor:pointer;text-align:center}.flag-reveal .lazy-image-container{border-bottom:var(--border)}.reveal-hint{padding:clamp(1rem,2vw,1.6rem) .8rem;font-family:var(--font-head);font-weight:800;font-size:clamp(1.5rem,2.2vw,2rem);background:var(--yellow)}.flag-reveal:hover .reveal-hint{background:var(--orange)}.country-head{padding:clamp(1rem,2vw,1.4rem) clamp(.8rem,2vw,1.6rem) .6rem;text-align:center}.country-name{font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:800;overflow-wrap:anywhere}.country-capital{color:var(--ink-soft);font-size:clamp(1.3rem,1.8vw,1.7rem);margin-top:.3rem}.country-actions{display:flex;gap:.8rem;margin:.8rem clamp(.8rem,2vw,1.6rem) clamp(1rem,2vw,1.6rem)}.learn-btn,.country-toggle{padding:.8rem 1rem;font-family:var(--font-head);font-weight:700;font-size:clamp(1.3rem,1.8vw,1.6rem);border:.2rem solid var(--ink);border-radius:99rem;cursor:pointer;transition:background-color .15s ease,filter .15s ease}.learn-btn{flex:1;background:var(--yellow)}.learn-btn.on{background:var(--good);color:#fff}.country-toggle{background:var(--paper)}.learn-btn:hover,.country-toggle:hover{filter:brightness(1.05)}@media (max-width: 480px){.country-actions{flex-direction:column}}.country-info{padding:0 clamp(.8rem,2vw,1.6rem) 1.8rem;font-size:clamp(1.3rem,1.7vw,1.6rem);text-align:left;display:flex;flex-direction:column;gap:1rem}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem}.chip{padding:.4rem 1rem;font-weight:700;font-size:clamp(1.2rem,1.5vw,1.4rem);background:var(--yellow-soft);border:.2rem solid var(--ink);border-radius:99rem}.country-desc{color:var(--ink-soft)}.fun-facts{padding:1rem 1.2rem;background:var(--cream);border:.2rem dashed var(--ink);border-radius:var(--r-sm)}.fun-facts ul{list-style:none;margin-top:.4rem;display:flex;flex-direction:column;gap:.4rem}.learn-empty{text-align:center;font-size:1.8rem;color:var(--ink-soft)}.country-picker{position:relative;text-align:left}.country-picker input{width:100%;padding:1.2rem 1.6rem;font-size:1.7rem;background:var(--cream);border:var(--border);border-radius:var(--r-md)}.country-picker.is-invalid input,.country-picker.is-invalid .picker-selected{border-color:var(--bad);background:var(--bad-bg)}.picker-list{position:absolute;left:0;right:0;top:calc(100% + .6rem);z-index:20;list-style:none;background:var(--paper);border:var(--border);border-radius:var(--r-md);box-shadow:var(--lift);overflow:hidden}.picker-list li+li{border-top:.15rem dashed rgba(43,36,22,.2)}.picker-list button{width:100%;display:flex;align-items:center;gap:1.2rem;padding:1rem 1.6rem;font-size:1.7rem;font-weight:700;text-align:left;background:transparent;border:none;cursor:pointer}.picker-list button:hover,.picker-list button:focus-visible{background:var(--yellow-soft)}.picker-emoji{font-size:2.6rem;line-height:1}.picker-empty{position:absolute;left:0;right:0;top:calc(100% + .6rem);z-index:20;padding:1rem 1.6rem;font-size:1.5rem;color:var(--ink-soft);background:var(--paper);border:var(--border);border-radius:var(--r-md)}.picker-selected{display:flex;align-items:center;gap:1.2rem;padding:.8rem 1.2rem;background:var(--yellow-soft);border:var(--border);border-radius:var(--r-md)}.picker-name{flex:1;font-weight:800;font-size:1.7rem}.picker-change{font-family:var(--font-head);font-weight:700;font-size:1.4rem;padding:.5rem 1.2rem;background:var(--paper);border:.2rem solid var(--ink);border-radius:99rem;cursor:pointer}.picker-change:hover{background:var(--yellow)}.score-summary{width:100%;display:flex;flex-direction:column;gap:2.4rem;animation:summary-in .5s ease-out}@keyframes summary-in{0%{opacity:0;transform:translateY(1.6rem)}to{opacity:1;transform:none}}.results-layout{display:grid;gap:2.4rem;align-items:start}@media (min-width: 900px){.results-layout{grid-template-columns:1.1fr .9fr}}.results-card{display:flex;flex-direction:column;align-items:center;gap:2.4rem;text-align:center}.score-hero{display:flex;flex-direction:column;align-items:center;width:100%;padding:2rem 1rem;background:var(--yellow);border:var(--border);border-radius:var(--r-lg)}.score-hero-label{font-size:1.7rem;font-weight:800}.score-hero-value{font-family:var(--font-head);font-weight:800;font-size:clamp(7rem,14vw,10rem);line-height:1}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;width:100%}.stat{display:flex;flex-direction:column;padding:1.4rem 1rem;background:var(--cream);border:var(--border);border-radius:var(--r-md)}.stat--good{background:var(--good-bg)}.stat-value{font-family:var(--font-head);font-weight:800;font-size:3rem}.stat-label{font-size:1.5rem;color:var(--ink-soft);font-weight:700}.results-actions{display:flex;gap:1.4rem;flex-wrap:wrap;justify-content:center}.results-links{display:flex;flex-direction:column;gap:1.6rem;align-items:center}.submit-card{text-align:center}.user-input-form{display:flex;flex-direction:column;gap:1.2rem}.user-input-form h2{font-size:2.8rem;font-weight:800}.submit-sub{color:var(--ink-soft);font-size:1.6rem;margin-bottom:.6rem}.user-input-form input{padding:1.2rem 1.6rem;font-size:1.7rem;background:var(--cream);border:var(--border);border-radius:var(--r-md)}.user-input-form input.invalid-input{border-color:var(--bad);background:var(--bad-bg)}.form-error{color:var(--bad);font-weight:700;font-size:1.4rem}.user-input-form .btn{align-self:center;margin-top:.6rem}.score-message{padding:2.4rem 1rem;font-size:2rem;font-weight:700}.promo{margin-top:2.4rem;padding-top:2rem;border-top:.2rem dashed rgba(43,36,22,.25);font-size:1.7rem}.promo a{color:var(--orange-deep);font-weight:800}.details{scroll-margin-top:1.2rem;animation:summary-in .4s ease-out}.details h3{font-size:2.2rem;margin:0 0 1.2rem}.details h3:not(:first-child){margin-top:2.4rem}.details ul{display:flex;gap:.8rem;flex-wrap:wrap;list-style:none}.details li{padding:.7rem 1.2rem;font-size:1.5rem;font-weight:700;border:.2rem solid var(--ink);border-radius:99rem;background:var(--paper)}.details li.correct{background:var(--good-bg)}.details li.wrong{background:var(--bad-bg)}.details li.empty{border-style:dashed;color:var(--ink-soft)}.timer-pill{display:inline-flex;align-items:center;gap:.8rem;padding:.7rem 1.6rem;background:var(--paper);border:var(--border);border-radius:99rem;box-shadow:0 .3rem 0 var(--ink);font-family:var(--font-head);font-weight:700;font-size:2rem}.timer-pill svg{font-size:2.2rem}.timer-digits{font-variant-numeric:tabular-nums;letter-spacing:.05em}.timer-controls{display:inline-flex;gap:.6rem;margin-left:.6rem}.timer-controls button{font-size:1.3rem;padding:.3rem 1rem;background:var(--yellow);border:.2rem solid var(--ink);border-radius:99rem;cursor:pointer}.timer-controls button:disabled{opacity:.5;cursor:not-allowed}.game{width:100%}.loading{text-align:center;font-family:var(--font-head);font-size:2.4rem;font-weight:700;margin-top:4rem}.game-bar{align-items:center;justify-content:space-between;gap:1.6rem;margin-bottom:1.2rem}.flag-counter{display:inline-flex;align-items:baseline;gap:.4rem;padding:.7rem 1.8rem;background:var(--yellow);border:var(--border);border-radius:99rem;box-shadow:0 .3rem 0 var(--ink);font-family:var(--font-head);font-weight:800;font-size:2.2rem}.flag-counter .separator{opacity:.5}.flag-counter .total{opacity:.7}.progress{height:1.2rem;margin-bottom:clamp(1.6rem,3vw,3rem);background:var(--paper);border:.25rem solid var(--ink);border-radius:99rem;overflow:hidden}.progress-fill{height:100%;background:var(--orange);border-radius:99rem;transition:width .35s ease}.start-screen{max-width:56rem;margin:2rem auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.4rem}.start-screen h1{font-size:clamp(3.2rem,5vw,4.4rem);font-weight:800}.start-sub{font-size:1.9rem;color:var(--ink-soft)}.start-sub strong{color:var(--ink)}.start-count{font-family:var(--font-head);font-weight:800;font-size:1.8rem;padding:.4rem 1.6rem;background:var(--yellow-soft);border:.2rem dashed var(--ink);border-radius:99rem}.start-button{font-size:2.4rem;padding:1.6rem 4.8rem;margin:1rem 0}.stage{display:grid;gap:clamp(2rem,4vw,4rem);align-items:center}.flag-card{width:100%;max-width:56rem;margin:0 auto;padding:clamp(1.2rem,2.4vw,2.4rem);background:var(--paper);border:var(--border);border-radius:var(--r-lg);box-shadow:var(--lift);display:grid;place-items:center}.flag-img{width:100%;max-height:min(46vh,36rem);object-fit:contain;filter:drop-shadow(0 .2rem .6rem rgba(43,36,22,.3))}.question h2{font-size:clamp(2.4rem,3.4vw,3.4rem);font-weight:800;text-align:center;margin-bottom:clamp(1.6rem,3vw,2.6rem)}#options{display:grid;grid-template-columns:1fr;gap:1.4rem}.option{display:flex;align-items:center;gap:1.4rem;min-height:6.8rem;padding:1rem 1.6rem 1rem 1rem;text-align:left;font-family:var(--font-head);font-weight:700;font-size:clamp(1.8rem,2.2vw,2.2rem);line-height:1.15;color:var(--ink);background:var(--paper);border:var(--border);border-radius:var(--r-md);box-shadow:var(--lift);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .15s ease}.option:hover{transform:translateY(-.2rem);box-shadow:var(--lift-hover);background:var(--yellow-soft)}.option:active{transform:translateY(.3rem);box-shadow:var(--lift-press)}.option-key{flex-shrink:0;display:grid;place-items:center;width:4.4rem;height:4.4rem;background:var(--yellow);border:.25rem solid var(--ink);border-radius:1.2rem;font-size:2rem;font-weight:800}.option:nth-child(2n) .option-key{background:var(--orange)}.option:disabled{cursor:default}.option:disabled:hover{transform:none;box-shadow:var(--lift);background:var(--paper)}.option.is-correct,.option.is-correct:disabled:hover{background:var(--good-bg);border-color:var(--good);box-shadow:0 .4rem 0 var(--good);animation:option-pop .45s ease-out}.option.is-correct .option-key{background:var(--good);border-color:var(--good);color:#fff}.option.is-wrong,.option.is-wrong:disabled:hover{background:var(--bad-bg);border-color:var(--bad);box-shadow:0 .4rem 0 var(--bad);animation:option-shake .35s ease-out}.option.is-wrong .option-key{background:var(--bad);border-color:var(--bad);color:#fff}.option.is-dim,.option.is-dim:disabled:hover{opacity:.45}@keyframes option-pop{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes option-shake{0%,to{transform:translate(0)}25%{transform:translate(-.6rem)}75%{transform:translate(.6rem)}}@media (min-width: 560px){#options{grid-template-columns:1fr 1fr}}@media (min-width: 960px){.stage{grid-template-columns:1.1fr 1fr}.flag-card{max-width:none}.flag-img{max-height:min(56vh,42rem)}.question h2{text-align:left}}@media (min-width: 960px) and (max-width: 1180px){#options{grid-template-columns:1fr}}@media (max-width: 559px){.game-bar{margin-bottom:.8rem}.flag-counter{font-size:1.8rem;padding:.4rem 1.2rem}.progress{height:.9rem;margin-bottom:1.2rem}.stage{gap:1.2rem}.flag-card{padding:.8rem;border-radius:var(--r-md)}.flag-img{max-height:min(28dvh,24rem)}.question h2{font-size:1.9rem;margin-bottom:1rem}#options{grid-template-columns:1fr 1fr;gap:1rem}.option{min-height:5.8rem;gap:.8rem;padding:.6rem .8rem .6rem .6rem;font-size:1.5rem;border-radius:var(--r-sm);overflow-wrap:anywhere}.option-key{width:3.2rem;height:3.2rem;font-size:1.6rem;border-radius:1rem}}@media (max-width: 559px) and (max-height: 640px){.flag-img{max-height:22dvh}.question h2{font-size:1.7rem;margin-bottom:.8rem}}.leaderboard{width:100%;max-width:78rem;margin:0 auto}.lb-tabs{display:flex;gap:.8rem;overflow-x:auto;padding:.4rem .4rem .8rem;margin:2.4rem 0 1.6rem;scrollbar-width:none}.lb-tabs::-webkit-scrollbar{display:none}@media (min-width: 900px){.lb-tabs{flex-wrap:wrap;justify-content:center;overflow:visible}}.lb-tabs button{flex-shrink:0;font-family:var(--font-head);font-weight:700;font-size:1.6rem;white-space:nowrap;padding:.8rem 1.8rem;background:var(--paper);border:.25rem solid var(--ink);border-radius:99rem;cursor:pointer;transition:background-color .15s ease}.lb-tabs button:hover{background:var(--gold-soft)}.lb-tabs button.active{background:linear-gradient(180deg,#fff6cf 0%,var(--gold) 100%);box-shadow:0 .3rem 0 var(--gold-deep)}.lb-card{padding:clamp(.6rem,2vw,1.6rem)}.lb-message{text-align:center;padding:3rem 1rem;font-size:1.8rem;color:var(--ink-soft)}.podium{list-style:none;display:flex;justify-content:center;align-items:flex-end;gap:clamp(.6rem,1.6vw,1.6rem);margin:3rem auto 2.4rem;max-width:62rem}.podium-spot{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:stretch}.podium-player{position:relative;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:0 .4rem 1rem;min-width:0;animation:podium-rise .5s ease-out backwards}.podium-spot--1 .podium-player{animation-delay:.1s}.podium-spot--2 .podium-player{animation-delay:.25s}.podium-spot--3 .podium-player{animation-delay:.4s}@keyframes podium-rise{0%{opacity:0;transform:translateY(1.6rem)}to{opacity:1;transform:none}}.podium-crown{font-size:clamp(2.4rem,5vw,3.4rem);line-height:1;margin-bottom:-.2rem}.podium-flag{font-size:clamp(3.4rem,8vw,5.4rem);line-height:1.1}.podium-name{max-width:100%;font-family:var(--font-head);font-weight:800;font-size:clamp(1.5rem,2.6vw,2rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{font-family:var(--font-head);font-weight:800;font-size:clamp(1.4rem,2.2vw,1.8rem);padding:.1rem 1rem;background:var(--paper);border:.2rem solid var(--ink);border-radius:99rem}.podium-block{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.2rem;padding-top:1rem;border:var(--border);border-bottom:none;border-radius:var(--r-md) var(--r-md) 0 0;box-shadow:var(--lift)}.podium-medal{font-size:clamp(2.4rem,5vw,3.4rem);line-height:1}.podium-rank{font-family:var(--font-head);font-weight:800;font-size:clamp(2.6rem,6vw,4.4rem);line-height:1}.podium-spot--1 .podium-block{height:clamp(12rem,24vw,17rem);background:linear-gradient(180deg,#fff6cf 0%,var(--gold) 100%)}.podium-spot--2 .podium-block{height:clamp(9rem,18vw,13rem);background:var(--silver)}.podium-spot--3 .podium-block{height:clamp(7rem,14vw,10rem);background:var(--bronze)}.podium-spot--1 .podium-score{background:var(--gold-soft)}.player-list{list-style:none}.player-list li{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;padding:1.2rem 1.4rem;font-size:clamp(1.6rem,2vw,1.9rem);border-bottom:.15rem dashed rgba(43,36,22,.2);border-radius:var(--r-sm)}.player-list li:last-child{border-bottom:none}.player-info{display:flex;align-items:center;gap:1.2rem;min-width:0}.rank{width:3.2rem;text-align:center;font-family:var(--font-head);font-weight:800;color:var(--ink-soft)}.flag{font-size:2.2rem}.name{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score{font-family:var(--font-head);font-weight:800;font-size:2.2rem;color:var(--orange-deep)}.settings{width:100%;max-width:60rem;margin:0 auto;display:flex;flex-direction:column;gap:2.4rem}.settings-card{display:flex;flex-direction:column;gap:2.4rem}.switch-row,.slider-row{display:flex;align-items:center;justify-content:space-between;gap:2rem;cursor:pointer}.slider-row{flex-direction:column;align-items:stretch;gap:1.2rem;cursor:default}.slider-row .switch-text{flex-direction:row;justify-content:space-between;align-items:baseline}.switch-text{display:flex;flex-direction:column;gap:.3rem}.switch-text strong{font-family:var(--font-head);font-size:2rem;font-weight:700}.switch-text small{font-size:1.4rem;color:var(--ink-soft)}.switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex-shrink:0;position:relative;width:6.4rem;height:3.6rem;background:var(--paper);border:var(--border);border-radius:99rem;cursor:pointer;transition:background-color .2s ease}.switch:after{content:"";position:absolute;top:.3rem;left:.3rem;width:2.4rem;height:2.4rem;background:var(--ink);border-radius:50%;transition:transform .2s ease}.switch:checked{background:var(--yellow)}.switch:checked:after{transform:translate(2.8rem)}.slider{width:100%;height:2.4rem;accent-color:var(--orange);cursor:pointer}.settings-back{max-width:32rem;width:100%;margin:0 auto}#root{width:100%;max-width:1120px;margin:0 auto;padding:0 clamp(1.4rem,4vw,4rem)}.app{min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;width:100%;padding:clamp(1.6rem,3vw,3.6rem) 0 4rem}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.4rem,2.5vw,2.4rem) 0 0}.site-header .logo{width:clamp(21rem,66vw,30rem)}@media (min-width: 720px){.site-header .logo{width:clamp(18rem,24vw,24rem)}}@media (max-width: 559px){.app:has(.stage) .site-header,.app:has(.stage) .site-footer{display:none}.app:has(.stage) .page{padding-top:1.2rem;padding-bottom:1.6rem}}.site-header .logo img{width:100%}.site-nav{display:none;gap:.6rem}.site-nav a{font-family:var(--font-head);font-weight:700;font-size:1.8rem;text-decoration:none;padding:.8rem 1.6rem;border-radius:99rem;border:.25rem solid transparent;transition:background-color .15s ease}.site-nav a:hover{background:var(--yellow-soft)}.site-nav a.active{background:var(--yellow);border-color:var(--ink)}.site-nav a.nav-gold{background:var(--gold-soft);border-color:var(--gold-deep)}.site-nav a.nav-gold:hover,.site-nav a.nav-gold.active{background:var(--gold);border-color:var(--ink)}@media (min-width: 720px){.site-nav{display:flex}}@media (max-width: 719px){.site-header{justify-content:center}}.fade-enter{opacity:0;transform:translateY(.8rem)}.fade-enter-active{opacity:1;transform:none;transition:opacity .3s ease-out,transform .3s ease-out}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .2s ease-in}.site-footer{padding:2.4rem 0 3rem;text-align:center;font-size:1.5rem;color:var(--ink-soft)}.site-footer a{color:var(--orange-deep);font-weight:700}.home{display:grid;gap:clamp(2.4rem,4vw,4.8rem);align-items:center}.hero{text-align:center}.hero h1{font-size:clamp(3.6rem,7vw,6.4rem);font-weight:800}.hero h1 mark{background:linear-gradient(transparent 55%,var(--yellow) 55%);color:inherit;padding:0 .4rem}.hero p{margin:1.6rem auto 0;max-width:44rem;font-size:clamp(1.7rem,2.2vw,2rem);color:var(--ink-soft)}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:3rem}.hero-links{display:flex;gap:1rem;justify-content:center;margin-top:2.4rem;flex-wrap:wrap}.mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.8rem,1.6vw,1.6rem);max-width:46rem;margin:0 auto;width:100%}.mosaic-tile{aspect-ratio:4 / 3;background:var(--paper);border:var(--border);border-radius:var(--r-sm);box-shadow:0 .3rem 0 var(--ink);overflow:hidden;transform:rotate(var(--tilt, 0deg));transition:transform .2s ease}.mosaic-tile:hover{transform:rotate(0) scale(1.06)}.mosaic-tile--featured{--tilt: 0deg !important;background:var(--orange);border-color:var(--ink);box-shadow:0 .5rem 0 var(--ink);transform:scale(1.1);z-index:1}.mosaic-tile--featured:hover{transform:scale(1.16)}.mosaic-tile img{width:100%;height:100%;object-fit:cover}.mosaic-tile:nth-child(1){--tilt: -3deg}.mosaic-tile:nth-child(2){--tilt: 2deg}.mosaic-tile:nth-child(3){--tilt: -2deg}.mosaic-tile:nth-child(4){--tilt: 3deg}.mosaic-tile:nth-child(5){--tilt: -1deg}.mosaic-tile:nth-child(6){--tilt: 2.5deg}.mosaic-tile:nth-child(7){--tilt: -2.5deg}.mosaic-tile:nth-child(8){--tilt: 1.5deg}.mosaic-tile:nth-child(9){--tilt: -3deg}@media (max-width: 899px){.mosaic{order:-1;grid-template-columns:repeat(6,1fr);max-width:56rem}.mosaic-tile:nth-child(n+7){display:none}.mosaic-tile:nth-child(n+4):nth-child(-n+6){display:block}}@media (max-width: 480px){.mosaic{grid-template-columns:repeat(3,1fr)}.mosaic-tile:nth-child(n+4){display:none}}.home-extras{display:grid;gap:2rem;margin-top:clamp(3rem,5vw,5rem)}.share-box,.contact-box{text-align:center}.share-box h3,.contact-box h3{font-size:2.2rem;margin-bottom:1.2rem}.contact-box p{font-size:1.6rem;color:var(--ink-soft)}.contact-box a{color:var(--orange-deep);font-weight:800}@media (min-width: 900px){.home{grid-template-columns:1.05fr .95fr}.hero{text-align:left}.hero p{margin-left:0}.hero-links{justify-content:flex-start}.home-extras{grid-template-columns:1fr 1fr;align-items:start}.home-extras .email-slot{grid-column:1 / -1}}:root{--yellow: #ffe92b;--yellow-soft: #fff4a8;--orange: #ff9b1f;--orange-deep: #e07f00;--gold: #f4c430;--gold-deep: #b98500;--gold-soft: #fff1bf;--silver: #e4e1d6;--bronze: #f1c9a0;--ink: #2b2416;--ink-soft: #5f563f;--cream: #fff9e8;--paper: #fffdf6;--good: #2f9e63;--good-bg: #ddf5e6;--bad: #d6454a;--bad-bg: #fde3e3;--r-sm: 1rem;--r-md: 1.6rem;--r-lg: 2.4rem;--border: .25rem solid var(--ink);--lift: 0 .4rem 0 var(--ink);--lift-hover: 0 .6rem 0 var(--ink);--lift-press: 0 .1rem 0 var(--ink);--soft-shadow: 0 1.2rem 3rem -1.6rem rgba(43, 36, 22, .35);--font-head: "Baloo 2", "Nunito", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--font-body: "Nunito", system-ui, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html{font-family:var(--font-body);font-size:62.5%;background:var(--cream)}body{font-size:1.6rem;line-height:1.45;color:var(--ink);background:var(--cream);min-height:100dvh}h1,h2,h3{font-family:var(--font-head);line-height:1.1;letter-spacing:.01em}a{color:inherit}input,textarea{-webkit-user-select:text;user-select:text;font-family:inherit}button{font-family:inherit;color:inherit}:focus-visible{outline:.35rem solid var(--orange);outline-offset:.3rem;border-radius:var(--r-sm)}img{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;font-family:var(--font-head);font-weight:700;font-size:2rem;line-height:1;padding:1.4rem 2.4rem;color:var(--ink);background:var(--yellow);border:var(--border);border-radius:var(--r-md);box-shadow:var(--lift);text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .15s ease}.btn:hover{transform:translateY(-.2rem);box-shadow:var(--lift-hover)}.btn:active{transform:translateY(.3rem);box-shadow:var(--lift-press)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--lift)}.btn--yellow{background:var(--yellow)}.btn--orange{background:var(--orange)}.btn--paper{background:var(--paper)}.btn--sm{font-size:1.6rem;padding:1rem 1.6rem;border-radius:var(--r-sm)}.btn--block{width:100%}.card{background:var(--paper);border:var(--border);border-radius:var(--r-lg);box-shadow:var(--lift);padding:clamp(1.6rem,3vw,3rem)}.page-title{font-size:clamp(3rem,5vw,4.6rem);font-weight:800;text-align:center}.page-sub{text-align:center;color:var(--ink-soft);font-size:1.8rem;margin-top:.6rem}