:root{--ink:#293331;--purple:#6650b7;--dark:#4c378f;--paper:#f7f5ee;--muted:#68716b;--line:#e3e5d9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,"Trebuchet MS",Arial,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}a{color:var(--dark)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ab7514;outline-offset:4px}[hidden]{display:none!important}.topbar{max-width:1280px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font-weight:800;font-size:19px;letter-spacing:-.5px}.brand-icon{display:grid;place-items:center;background:var(--purple);color:white;width:38px;height:38px;border-radius:13px;font-size:30px}.edition{font-size:10px;letter-spacing:2px;font-weight:800;color:#64715c}main{max-width:1216px;padding:0 28px;margin:auto}.hero{display:grid;grid-template-columns:1.5fr .8fr;gap:30px;align-items:center;padding:40px 0 45px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#617057;display:block}h1{font-size:clamp(34px,4.2vw,54px);line-height:1.12;letter-spacing:-1.9px;margin:18px 0}h1 em{font-style:normal;color:var(--purple)}.hero p{font-size:15px;color:var(--muted);line-height:1.8;margin:0}.steps{display:flex;gap:18px;margin-top:24px;flex-wrap:wrap}.steps>span{font-size:11px;color:#596352;display:flex;align-items:center;gap:7px}.steps b{border:1px solid #d5dccc;border-radius:50%;height:21px;width:21px;display:grid;place-items:center;font-size:10px}.hero-art{height:270px;position:relative;display:grid;place-items:center;transform:rotate(5deg)}.hero-art>img{width:167px;height:215px;filter:drop-shadow(8px 10px 0 #e1e5d9);border:7px solid white;border-radius:16px;transform:rotate(-12deg)}.art-star,.art-dot{position:absolute;font-size:36px;color:var(--purple);top:3px;right:23px}.art-dot{left:0;top:auto;bottom:20px;color:#ba9148}.stamp{position:absolute;bottom:0;right:4px;padding:12px 17px;border:1px solid #dbc48b;border-radius:14px;background:#f5dfab;transform:rotate(-4deg);font-size:8px;letter-spacing:1px;line-height:1.8}.stamp b{font-size:19px;letter-spacing:-.5px;display:block}.stamp>span{display:block;font-size:8px;letter-spacing:0}.explore-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}h2{font-size:25px;letter-spacing:-.8px;margin:8px 0}.passport{display:flex;gap:10px;align-items:center;background:#ece8f7;padding:11px 13px;border-radius:17px;white-space:nowrap}.passport>span{font-size:27px;color:var(--purple)}.passport b{display:block;color:var(--dark);font-size:14px}.passport small{font-size:10px;color:#716585;display:block;margin-top:3px}.passport button{border:0;background:transparent;color:var(--purple);font-size:23px;padding:4px 7px}.modes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:25px}.mode{display:flex;align-items:center;gap:13px;text-align:left;padding:17px 18px;background:#efeee7;border:1px solid transparent;border-radius:17px;color:#666d62;font-weight:bold;font-size:14px}.mode>span:first-child{font-size:25px;width:27px;text-align:center}.mode small{display:block;font-weight:400;font-size:10px;margin-top:5px}.mode.active{background:var(--purple);color:#fff;box-shadow:0 5px 13px #6650b71c}.mode:not(.active):hover{border-color:#c9c4d6;background:#eae6f3}.controls{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:20px 0 24px;color:#606d64}.controls p{font-size:12px;line-height:1.7;margin:0}.controls label{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;cursor:pointer}.controls input{accent-color:var(--purple);width:18px;height:18px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.card{border:1px solid #dedfd2;border-radius:25px;background:#fff;box-shadow:0 5px 0 #e6e6db;overflow:hidden;transition:border-color .2s,box-shadow .2s}.card.playing{border-color:var(--purple);box-shadow:0 0 0 3px #6650b722,0 5px 0 #ded5f1}.face{padding:21px;min-height:574px;display:flex;flex-direction:column}.reveal{animation:turn .28s ease-out}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.card-top .eyebrow{font-size:8px;letter-spacing:1.3px}.card-number{font-size:10px;font-weight:bold;color:#8a8c7e}.back .card-number{font-size:20px}.flag-stage{height:192px;background:#f4f4ec;border-radius:15px;position:relative;display:flex;align-items:center;justify-content:center}.flag-stage img{width:85%;max-height:148px;object-fit:contain;filter:drop-shadow(0 4px 4px #00000010)}.heard{display:none;position:absolute;top:9px;right:9px;background:#dcebcf;color:#35652b;width:24px;height:24px;border-radius:50%;place-items:center;font-size:13px;font-weight:bold}.listened .heard{display:grid}.country-title{margin:21px 0 17px}.country-title h3,.back>h3{font-size:30px;letter-spacing:-1px;margin:0 0 5px}.country-title>span{font-size:10px;letter-spacing:.1px;color:#7c8075}.look{border-left:3px solid #d6cbed;padding:2px 0 2px 13px;margin:0 0 20px;min-height:66px}.look b{font-size:8px;letter-spacing:1px;color:#806e9c}.look p{font-size:12px;line-height:1.7;color:#5b645e;margin:6px 0 0}.card-actions{display:grid;gap:9px;margin-top:auto;padding-top:13px}.primary,.secondary{min-height:45px;padding:12px 15px;border-radius:12px;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;text-decoration:none}.primary{background:var(--purple);color:white}.primary:hover{background:var(--dark)}.secondary{background:#f0f1e9;color:#56614f}.secondary:hover{background:#e5eadc}.play svg{width:15px;height:15px;fill:currentColor}.play.speaking{background:#3f3270;color:#fff}.secondary>span{font-size:18px}.back>h3{font-size:26px}.geography{display:grid;grid-template-columns:1fr 115px;gap:12px;align-items:center;margin:14px 0}.geography dl{margin:0;display:grid;gap:12px}.geography dt{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#7a8174;margin-bottom:4px}.geography dd{font-size:12px;font-weight:bold;line-height:1.45;margin:0}.geography small{font-size:9px;font-weight:400;display:block;color:#6c7367;line-height:1.6}.geography figure{margin:0;align-self:start}.geography img{width:100%;height:143px;object-fit:contain;display:block}.geography figcaption{font-size:8px;text-align:center;margin-top:5px;color:#6a766c}.geography figcaption i{display:inline-block;width:6px;height:6px;background:#7155c9;border-radius:50%;margin-right:3px}.facts{background:#f4efdf;border-radius:14px;padding:13px 14px;color:#655532}.facts h4{margin:0 0 9px;font-size:12px;line-height:1.5;color:#6c5425}.facts h4>span{font-size:17px}.facts ul{padding-left:15px;margin:0;display:grid;gap:7px}.facts li{font-size:11px;line-height:1.65}.mini-question{font-size:10px;line-height:1.6;margin:13px 1px 0;color:#6a577d}.mini-question>span{font-size:16px;margin-right:4px}.game{max-width:900px;margin:0 auto;background:white;border:1px solid var(--line);border-radius:27px;padding:30px 35px;box-shadow:0 6px 0 #e7e6db;text-align:center;scroll-margin-top:20px}.game-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.round{font-size:10px;color:#777d70}.round-track{height:5px;background:#eeece3;border-radius:20px;margin:17px 0 30px;overflow:hidden}.round-track>span{height:100%;background:#8b73cc;display:block;border-radius:20px;transition:width .25s}.game h2{font-size:30px;margin:0 0 12px;outline:none}.game-lead{font-size:14px;color:#74796f;line-height:1.7;max-width:600px;margin:0 auto 20px}.speaker-orb{font-size:38px;width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:#f0ebfa;color:var(--purple);margin:22px auto 15px}.game-listen{display:flex;justify-content:center}.game-listen .primary{padding:13px 24px;min-height:48px}.flag-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.flag-option{padding:21px 14px 15px;border:2px solid #e3e4da;background:#f7f8f1;border-radius:18px;min-height:158px;transition:transform .15s,border-color .15s}.flag-option img{width:100%;height:91px;object-fit:contain;display:block}.flag-option>span{font-size:10px;display:block;color:#747d6d;margin-top:15px}.flag-option:not(:disabled):hover{border-color:var(--purple);transform:translateY(-3px)}.flag-option.correct{border-color:#568443;background:#edf5e5}.flag-option.try-again{opacity:.42}.feedback{font-size:13px;line-height:1.7;color:#79673d;margin:20px auto 0;max-width:600px}.feedback.success{color:#427036;font-weight:bold}.answer{background:#f4f1fb;border-radius:19px;padding:20px;margin:18px auto 0;max-width:600px;animation:turn .25s ease-out}.answer-star{color:#af8b37;font-size:24px}.answer h3{font-size:31px;margin:7px 0 8px;letter-spacing:-1px;color:var(--dark)}.answer p{font-size:13px;line-height:1.7;margin:6px 0;color:#676071}.answer .answer-clue{font-size:12px;margin:9px auto 15px;max-width:440px}.answer .play{max-width:310px;margin:auto}.game-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.text-button{border:0;background:transparent;color:var(--dark);font-size:12px;padding:9px;text-decoration:underline}.mystery-flag{background:#f5f6ee;border-radius:20px;padding:25px;margin:25px auto;max-width:480px;min-height:220px;display:flex;align-items:center;justify-content:center}.mystery-flag img{width:100%;max-height:220px;object-fit:contain}.reveal-answer{margin:auto;min-height:50px;padding:14px 24px}.celebration{font-size:28px;color:#b19a50;margin:12px 0 25px}.celebration span{font-size:70px;display:inline-block;margin:0 15px}.game .end-actions{display:flex;justify-content:center;gap:15px;margin:27px 0 15px}.finish{display:flex;justify-content:center;align-items:center;gap:26px;margin:40px 0 28px;color:#a68ac3}.finish>span{font-size:22px}.finish p{text-align:center;font-size:12px;line-height:1.8;color:#7c8175}.finish strong{color:#596350}.about{border-top:1px solid var(--line);font-size:12px;color:#626c60;padding:19px 0}.about summary{cursor:pointer;padding:9px 0;font-weight:bold}.adult-content{padding:12px 0;line-height:1.9}.adult-content h3{font-size:15px;color:#475944;margin:20px 0 7px}.adult-content p{max-width:980px}.reference{display:grid;grid-template-columns:120px 1fr;padding:10px 0;border-bottom:1px solid var(--line);gap:10px}.reference a{display:block;width:fit-content}.reference>div>a:last-child{font-size:10px;color:#797583}.small{width:23px;height:23px;font-size:19px;border-radius:7px}footer{max-width:1216px;padding:20px 28px 30px;margin:auto;display:flex;align-items:center;gap:8px;font-size:11px;color:#697460}footer>span:last-child{margin-left:auto;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes turn{from{opacity:.45;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:1020px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1.4fr .7fr}.hero-art{transform:scale(.9)}.modes{gap:8px}.mode{padding:15px 12px;gap:8px;font-size:12px}.mode small{font-size:9px}.flag-stage{height:203px}.flag-stage img{max-height:160px}.geography{grid-template-columns:1fr 130px}.geography img{height:160px}}@media(max-width:620px){.topbar{padding:20px}.edition{display:none}.brand{font-size:17px}main{padding:0 18px}.hero{grid-template-columns:1fr;padding:31px 0 30px;gap:0}.hero-art{display:none}h1{font-size:39px;letter-spacing:-1.5px}.hero p{font-size:13px}.steps{gap:12px;margin-top:20px}.steps>span{font-size:10px}.explore-heading h2{font-size:21px;line-height:1.2;max-width:240px}.explore-heading .eyebrow{font-size:8px;letter-spacing:1px}.passport{gap:6px;padding:10px}.passport>span{display:none}.passport b{font-size:12px}.passport small{font-size:9px}.passport button{font-size:21px;padding:4px}.modes{grid-template-columns:1fr;gap:8px;margin-top:20px}.mode{padding:13px 15px;font-size:13px;gap:12px;min-height:60px}.mode small{font-size:10px}.mode>span:first-child{font-size:23px}.controls{flex-direction:column;align-items:flex-start;gap:12px;margin:17px 0 23px}.controls p{font-size:11px}.controls label{font-size:11px}.grid{grid-template-columns:1fr;gap:24px}.face{padding:22px;min-height:560px}.flag-stage{height:200px}.flag-stage img{max-height:157px}.country-title h3{font-size:32px}.look p{font-size:13px}.look{min-height:68px}.primary,.secondary{font-size:13px;min-height:48px}.card-top .eyebrow{font-size:9px}.back>h3{font-size:29px}.geography{grid-template-columns:1fr 125px;gap:12px}.geography img{height:154px}.geography dt{font-size:9px}.geography dd{font-size:13px}.geography small{font-size:10px}.facts li{font-size:12px;line-height:1.65}.facts h4{font-size:13px}.mini-question{font-size:11px}.game{padding:22px 17px;border-radius:23px}.game h2{font-size:25px;line-height:1.2}.game-lead{font-size:12px}.game-top .eyebrow{font-size:8px;letter-spacing:1px}.round{font-size:9px}.flag-options{gap:12px;grid-template-columns:1fr;margin:22px auto 0;max-width:320px}.flag-option{min-height:129px;padding:15px}.flag-option img{height:84px}.flag-option>span{margin-top:9px}.game-navigation{flex-direction:column-reverse;gap:12px}.game-navigation .primary{width:100%}.mystery-flag{padding:18px;min-height:190px}.mystery-flag img{max-height:185px}.answer h3{font-size:29px}.answer{padding:18px 14px}.game .end-actions{flex-direction:column;gap:9px}.finish{gap:13px}.finish p{font-size:10px}.reference{grid-template-columns:1fr;gap:2px}footer>span:last-child{display:none}.about{font-size:11px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root{scroll-behavior:smooth}.game,.answer{scroll-margin-top:20px}@media(max-width:620px){.flag-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:100%}.flag-option{min-height:105px;padding:12px 7px}.flag-option img{height:57px}.flag-option>span{font-size:9px;margin-top:9px}}
.mobile-label{display:none}.auto-navigation{display:flex;gap:12px;align-items:center}.auto-navigation>span{font-size:15px;color:#655a78}.auto-navigation .secondary{font-size:15px;min-width:105px;min-height:48px}.game.answered .flag-option:not(.correct){display:none}.game.answered .flag-options{grid-template-columns:1fr;max-width:300px;margin:18px auto}.game.answered .flag-option img{height:110px}.game.answered .flag-option>span{display:none}.game.answered .game-listen,.game.answered .game-lead,.game.answered .speaker-orb{display:none}.game.answered .answer{margin-top:14px}.game.answered .feedback{font-size:19px}.game-navigation{flex-wrap:wrap}.game-navigation .text-button{min-height:48px}.game,.answer,#album{scroll-margin-top:20px}
@media(max-width:900px){
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:auto}body{font-size:18px;line-height:1.5;padding-bottom:calc(100px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:30;padding:13px 16px;background:var(--paper);min-height:64px}.brand{font-size:19px;letter-spacing:-.6px;gap:9px}.brand-icon{width:34px;height:34px;font-size:28px}.edition,.hero{display:none}main{padding:0 16px}.explore-heading{margin:20px 0 14px;align-items:flex-start;gap:12px}.explore-heading .eyebrow{display:none}.explore-heading h2{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:0;max-width:240px}.passport{padding:9px 10px;gap:6px;flex-shrink:0}.passport>span{display:none}.passport b{font-size:16px}.passport small{font-size:12px;margin-top:0}.passport button{min-width:38px;min-height:44px;font-size:26px;padding:2px}.modes{position:fixed;z-index:40;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ded9e8;box-shadow:0 -5px 22px #3026380c}.mode{flex-direction:column;justify-content:center;gap:1px;text-align:center;padding:8px 4px;min-height:67px;border-radius:14px;font-size:16px;line-height:1.2;color:#5e6059;background:transparent;border:0;letter-spacing:0}.mode>span:first-child{font-size:25px;line-height:1.2;width:auto}.mode small,.desktop-label{display:none}.mobile-label{display:inline}.mode.active{background:#ede7fa;color:var(--dark);box-shadow:none}.controls{margin:8px 0 17px;gap:8px;display:flex;align-items:flex-start;flex-direction:column}.controls p{display:none}.controls label{min-height:44px;font-size:16px;gap:10px;line-height:1.3}.controls input{width:23px;height:23px;flex-shrink:0}.grid{grid-template-columns:1fr;gap:24px}.card{border-radius:23px;scroll-margin-top:82px}.face{padding:20px;min-height:0}.card-top{margin-bottom:15px}.card-top .eyebrow{font-size:12px;letter-spacing:1px}.card-number{font-size:14px}.flag-stage{height:184px;border-radius:13px}.flag-stage img{max-height:152px;width:91%}.country-title{margin:18px 0 17px}.country-title h3{font-size:34px;line-height:1.15;margin-bottom:7px}.country-title>span{font-size:16px}.look{min-height:0;margin-bottom:15px;padding-left:12px}.look b{font-size:12px;letter-spacing:.7px}.look p{font-size:18px;line-height:1.5;margin-top:6px;color:#465448}.primary,.secondary{font-size:18px;min-height:56px;line-height:1.25;padding:14px 15px;border-radius:13px}.play svg{width:20px;height:20px}.secondary>span{font-size:23px}.card-actions{gap:10px;padding-top:10px}.back>h3{font-size:32px;line-height:1.2}.back .card-top{margin-bottom:12px}.geography{grid-template-columns:minmax(0,1fr) minmax(110px,40%);gap:12px;margin:18px 0}.geography dl{gap:14px}.geography dt{font-size:13px;letter-spacing:.8px;margin-bottom:4px}.geography dd{font-size:18px;line-height:1.4;overflow-wrap:anywhere}.geography small{font-size:16px;line-height:1.45;margin-top:5px}.geography img{height:184px}.geography figcaption{font-size:13px;line-height:1.4}.facts{padding:16px;border-radius:15px}.facts h4{font-size:19px;line-height:1.4;margin-bottom:12px}.facts h4>span{font-size:23px}.facts ul{padding-left:18px;gap:12px}.facts li{font-size:18px;line-height:1.5}.mini-question{font-size:17px;line-height:1.45;margin:17px 0 10px}.mini-question>span{font-size:22px}.game{padding:18px 14px;border-radius:21px;scroll-margin-top:78px;box-shadow:0 4px 0 #e7e6db}.game-top .eyebrow{display:none}.game-top{justify-content:center}.round{font-size:16px}.round-track{margin:12px 0 19px;height:7px}.game h2{font-size:27px;line-height:1.15;letter-spacing:-.8px;margin-bottom:12px}.game-lead{font-size:18px;line-height:1.45;margin-bottom:17px}.speaker-orb{display:none}.game-listen{margin-bottom:15px}.game-listen .primary{width:100%;min-height:56px;padding:14px}.flag-options{grid-template-columns:1fr;max-width:none;gap:12px;margin:16px 0 0}.flag-option{min-height:100px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:16px;border-radius:16px}.flag-option img{width:calc(100% - 55px);max-width:210px;height:78px}.flag-option>span{font-size:14px;margin:0;max-width:42px;line-height:1.3;color:#4f5b4a}.feedback{font-size:18px;line-height:1.45;margin-top:17px}.game.answered .feedback{font-size:21px}.game.answered .flag-options{margin:16px auto;max-width:290px}.game.answered .flag-option{min-height:140px;padding:14px}.game.answered .flag-option img{width:100%;height:120px;max-width:240px}.answer{padding:18px 16px;margin-top:16px}.answer-star{font-size:28px}.answer h3{font-size:36px;line-height:1.15;margin:8px 0 12px}.answer p{font-size:19px;line-height:1.4}.answer .answer-clue{font-size:17px;line-height:1.45;margin:12px auto 17px}.answer .play{max-width:none;width:100%}.answer .play.primary{font-size:17px}.auto-navigation{width:100%;flex-direction:column;gap:12px}.auto-navigation>span{font-size:17px;line-height:1.4}.auto-navigation .secondary{font-size:17px;min-height:52px;width:100%}.game-navigation{margin-top:20px;padding-top:16px;flex-direction:column-reverse;gap:12px}.game-navigation .text-button{font-size:17px;min-height:50px;width:100%}.mystery-flag{padding:18px;min-height:200px;margin:20px auto}.mystery-flag img{max-height:200px}.reveal-answer{width:100%;min-height:58px;font-size:18px}.celebration{margin:14px 0 20px}.game .end-actions{flex-direction:column;gap:12px;margin-top:22px}.finish{margin:32px 0 24px;gap:10px}.finish p{font-size:16px;line-height:1.5}.finish>span{font-size:19px}.about{font-size:16px;line-height:1.6}.about summary{font-size:16px;min-height:52px;padding:14px 0}.adult-content h3{font-size:19px}.adult-content p{font-size:16px}.reference{grid-template-columns:1fr;gap:6px;padding:13px 0}.reference a{font-size:16px}.reference>div>a:last-child{font-size:14px}.text-button{font-size:16px;min-height:48px}.small{width:25px;height:25px;font-size:20px}footer{font-size:15px;padding:16px;margin-bottom:10px}footer>span:last-child{display:none}body:not([data-activity="explore"]) .explore-heading,body:not([data-activity="explore"]) .finish,body:not([data-activity="explore"]) .about,body:not([data-activity="explore"]) footer{display:none}body:not([data-activity="explore"]) .controls{margin-top:10px;margin-bottom:10px}.game,#album{scroll-margin-top:78px}
}
@media(max-width:359px){.brand{font-size:17px}.explore-heading h2{font-size:23px}.passport{padding:7px}.passport small{font-size:11px}.face{padding:17px}.flag-stage{height:164px}.geography{grid-template-columns:1fr}.geography figure{max-width:180px;margin:5px auto}.geography dl{grid-template-columns:1fr;gap:14px}.game h2{font-size:25px}.flag-option img{max-width:185px}.mode{font-size:15px}}

@media(max-width:900px){.front .country-title>span,.front .look>b{display:none}.front .look p{margin-top:0}.front .flag-stage{height:172px}.front .flag-stage img{max-height:144px}.front .country-title{margin:16px 0}.front .look{margin-bottom:12px}}
/* Samuel: original 2D character, six equal cells in a 3 x 2 sheet. */
.samuel-sprite{display:inline-block;flex-shrink:0;width:100px;height:100px;background-image:var(--samuel-sheet);background-size:300% 200%;background-repeat:no-repeat;background-position:0 0}.samuel-sprite[data-pose="wave"]{background-position:0 0}.samuel-sprite[data-pose="point"]{background-position:50% 0}.samuel-sprite[data-pose="celebrate"]{background-position:100% 0}.samuel-sprite[data-pose="think"]{background-position:0 100%}.samuel-sprite[data-pose="thumbs"]{background-position:50% 100%}.samuel-sprite[data-pose="stand"]{background-position:100% 100%}.samuel-portrait{width:49px;height:49px;overflow:hidden;position:relative;border-radius:50%;background:#dceffd;border:2px solid #d3e2f4;flex-shrink:0}.samuel-portrait .samuel-sprite{position:absolute;width:146px;height:146px;left:-50px;top:-5px}.brand-label{line-height:1.1}.brand-label small{display:block;font-size:12px;color:#6e5aa3;letter-spacing:.4px;margin-top:5px}.hero-art .hero-samuel{width:230px;height:230px;position:absolute;right:-25px;top:20px;z-index:2;transform:rotate(-5deg)}.hero-art>img{margin-right:95px}.hero-art .stamp{z-index:3}.card{--card-accent:#a8d8c7;border:2px solid var(--card-accent);box-shadow:0 6px 0 color-mix(in srgb,var(--card-accent) 60%,#fff);position:relative}.card:nth-child(3n+2){--card-accent:#efd487}.card:nth-child(3n){--card-accent:#a9ccea}.card .front{background:radial-gradient(circle at 94% 3%,color-mix(in srgb,var(--card-accent) 30%,#fff) 0,transparent 34%)}.card-number{background:color-mix(in srgb,var(--card-accent) 38%,#fff);color:#465650;border-radius:20px;padding:6px 10px}.flag-stage{background:linear-gradient(140deg,#f1f9f7,#f4f5ff);border:1px solid #e6ede8}.primary{background:linear-gradient(120deg,#7454c9,#5c4cb8);box-shadow:0 3px 0 #453486;transition:transform .15s,box-shadow .15s}.primary:hover{background:linear-gradient(120deg,#6442bb,#4e3fa4)}.primary:active{transform:translateY(2px);box-shadow:0 1px 0 #453486}.samuel-guide{display:flex;align-items:center;justify-content:center;gap:10px;max-width:560px;margin:0 auto 18px;text-align:left}.samuel-guide .samuel-sprite{width:100px;height:100px}.samuel-guide .game-lead{margin:0;font-weight:700;font-size:18px;color:#5c4e81;line-height:1.5;max-width:300px}.flag-option{--choice-color:#a87911;--choice-bg:#fff5d7;position:relative;display:flex;align-items:center;justify-content:center;gap:18px;background:var(--choice-bg);border:2px solid color-mix(in srgb,var(--choice-color) 35%,#fff);box-shadow:0 5px 0 color-mix(in srgb,var(--choice-color) 24%,#fff);border-radius:21px;padding:18px;overflow:visible}.flag-option:nth-child(2){--choice-color:#377eaf;--choice-bg:#edf7ff}.flag-option:nth-child(3){--choice-color:#b5537b;--choice-bg:#fff0f6}.flag-option img{object-fit:contain;flex:1;min-width:0;width:calc(100% - 65px);height:94px;max-width:230px;order:2;filter:drop-shadow(0 2px 2px #00000014)}.flag-option>span.choice-letter{order:1;display:grid;place-items:center;background:var(--choice-color);color:white;border-radius:16px;width:46px;height:46px;max-width:none;margin:0;flex-shrink:0;font-size:25px;font-weight:900;line-height:1;box-shadow:0 3px 0 #00000013}.flag-option:not(:disabled):hover{border-color:var(--choice-color);transform:translateY(-3px);box-shadow:0 8px 0 color-mix(in srgb,var(--choice-color) 24%,#fff)}.flag-option:not(:disabled):active{transform:translateY(2px);box-shadow:0 2px 0 color-mix(in srgb,var(--choice-color) 24%,#fff)}.flag-option.correct{border-color:#5f9b41;background:#eff9e3;box-shadow:0 5px 0 #cee4ba}.flag-option.correct::after{content:'✓';position:absolute;right:-9px;top:-12px;background:#5b963f;color:white;width:33px;height:33px;border:3px solid #fff;display:grid;place-items:center;border-radius:50%;font-size:18px;font-weight:900}.game.answered .flag-option>span.choice-letter{display:grid;width:38px;height:38px;font-size:23px}.game.answered .flag-option img{width:calc(100% - 45px);max-width:210px;flex:1}.game.answered .samuel-guide{display:none}.samuel-celebrate{display:flex;position:relative;align-items:center;justify-content:center;height:100px;width:210px;margin:0 auto}.samuel-celebrate .samuel-sprite{width:125px;height:125px;position:relative;z-index:1;animation:samuel-cheer .5s ease-out}.confetti{color:#e7b847;font-size:26px;display:inline-block;animation:samuel-spark .65s ease-out both}.c1{position:absolute;left:15px;top:13px;color:#75bdb5}.c2{position:absolute;right:14px;top:28px;color:#d77baa;animation-delay:.06s}.c3{position:absolute;left:28px;bottom:3px;font-size:13px;color:#e5bb45;animation-delay:.1s}.samuel-finish{display:flex;align-items:center;justify-content:center;gap:12px}.samuel-finish .samuel-sprite{width:170px;height:170px;margin:0}.samuel-finish .confetti{font-size:33px}.game .feedback.success{color:#42733a}.answer{background:linear-gradient(150deg,#f0e9ff,#eef7ff);border:1px solid #e3daf3}.game .round-track>span{background:linear-gradient(90deg,#b794e1,#6dbeb1)}@keyframes samuel-cheer{0%{transform:scale(.9) translateY(9px)}65%{transform:scale(1.04) translateY(-3px)}100%{transform:none}}@keyframes samuel-spark{from{opacity:0;transform:translateY(12px) scale(.4) rotate(-25deg)}to{opacity:1;transform:none}}
@media(max-width:900px){.topbar{min-height:68px}.samuel-portrait{width:45px;height:45px}.samuel-portrait .samuel-sprite{width:138px;height:138px;left:-48px;top:-4px}.brand{gap:9px;font-size:18px}.brand-label small{font-size:12px;margin-top:4px}.samuel-guide{gap:2px;margin:0 auto 14px}.samuel-guide .samuel-sprite{width:88px;height:88px}.samuel-guide .game-lead{font-size:18px;line-height:1.4;text-align:left;max-width:210px}.game .flag-options{gap:15px}.flag-option{min-height:104px;padding:12px 14px;gap:14px;border-radius:19px}.flag-option img{height:76px;max-width:210px;width:calc(100% - 60px)}.flag-option>span.choice-letter{font-size:25px;width:43px;height:43px;border-radius:14px;max-width:none}.game.answered .flag-option>span.choice-letter{display:grid}.game.answered .samuel-guide{display:none}.samuel-celebrate{height:92px;margin-bottom:3px}.samuel-celebrate .samuel-sprite{width:118px;height:118px}.game .samuel-finish{margin:8px 0 15px}.samuel-finish .samuel-sprite{width:155px;height:155px}.game.answered .answer h3{margin-top:9px}.card-number{font-size:13px;padding:5px 8px}.card.playing{box-shadow:0 0 0 3px #b9a6e844,0 6px 0 #dcd1f1}}
@media(max-width:359px){.brand{font-size:16px}.samuel-guide .samuel-sprite{width:75px;height:75px}.samuel-guide .game-lead{font-size:17px}.flag-option{gap:10px;padding:10px}.flag-option>span.choice-letter{width:38px;height:38px;font-size:23px}.flag-option img{height:69px}.game h2{font-size:24px}}

/* Clear, encouraging feedback without relying only on color. */
.feedback:empty{display:none}.retry-feedback{background:#fff2de;border:2px solid #dfb563;border-radius:18px;text-align:left;padding:16px 18px;margin:0 auto 18px;color:#674517;max-width:600px;scroll-margin-top:90px}.retry-feedback strong{display:block;font-size:20px;line-height:1.4}.retry-feedback p{font-size:18px;line-height:1.5;margin:7px 0 0}.retry-feedback .retry-hint{font-size:17px;border-top:1px solid #e6cf9f;margin-top:10px;padding-top:9px}.flag-option.try-again{opacity:1;background:#f7e9e5;border:2px dashed #ad7061;box-shadow:none}.flag-option.try-again img{opacity:.55}.flag-option .choice-retry{position:absolute;right:6px;top:3px;display:grid;place-items:center;background:#915441;color:#fff;width:27px;height:27px;margin:0;border-radius:50%;font-size:25px;line-height:1;font-weight:900}.feedback.success{background:#eff9e3;border:2px solid #8fbc72;border-radius:15px;padding:13px;margin:16px auto;font-size:22px;font-weight:800}.game.answered .feedback.retry-feedback{display:none}@media(max-width:900px){.retry-feedback{padding:14px;margin-bottom:16px}.retry-feedback strong{font-size:20px}.retry-feedback p{font-size:18px}.game.answered .feedback.success{font-size:22px}}