@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#242921;background:#f5f6f0;font-synthesis:none;--lime:#d5fc51;--purple:#ded6fa;--ink:#242921;--muted:#777c70}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8060cc;outline-offset:4px}.app{max-width:1360px;margin:auto;padding:0 48px}header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd5}.brand{font-family:'Space Grotesk',sans-serif;color:inherit;text-decoration:none;font-size:23px;font-weight:700;display:flex;align-items:center;gap:12px}.brand-icon{background:var(--lime);height:37px;width:37px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:9px;font-size:29px}.edition{font-family:'DM Sans';font-size:10px;letter-spacing:1.6px;max-width:125px;line-height:1.5;margin-left:14px;border-left:1px solid #ccc;padding-left:24px}.mode{font-size:11px;letter-spacing:1.2px;font-weight:700}main{padding:48px 0 44px}.intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 12px;color:#69715e}h1,h2,h3,p{margin-top:0}h1{font-family:'Space Grotesk',sans-serif;font-size:52px;line-height:1.06;letter-spacing:-2.6px;margin-bottom:12px}h1 em{font-style:normal;color:#788b40}.intro p{color:#777c70;font-size:16px;margin:0}.pill{border:1px solid #d7dacf;border-radius:100px;padding:9px 15px;font-size:12px;white-space:nowrap}.setup-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:24px}.showcase{min-height:416px;border-radius:20px;background:var(--lime);border:1px solid #c6e64f;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.grid-pattern{position:absolute;inset:0;background-image:linear-gradient(#82982b20 1px,transparent 1px),linear-gradient(90deg,#82982b20 1px,transparent 1px);background-size:43px 43px;mask-image:radial-gradient(ellipse,#000,transparent 80%)}.sample-flags{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:220px}.flag-tile{position:absolute;background:white;border:1px solid #242921;border-radius:12px;padding:15px;box-shadow:5px 7px 0 #24292112;display:grid;place-items:center;width:190px;height:138px}.flag-tile img{width:100%;height:100%;object-fit:contain}.flag-tile.left{transform:translate(-123px,10px) rotate(-15deg)}.flag-tile.right{transform:translate(123px,10px) rotate(15deg)}.flag-tile.center{transform:translateY(-14px) rotate(-4deg);z-index:1;width:211px;height:151px}.showcase h2{position:relative;font-family:'Space Grotesk';font-size:25px;letter-spacing:-.8px;margin:10px 0}.showcase p{position:relative;font-size:14px;margin:0}.showcase-tag{position:absolute;left:24px;top:23px;font-size:11px;font-weight:700;letter-spacing:1.4px}.spark{position:absolute;right:25px;top:19px;font-size:32px}.setup{background:white;border:1px solid #dcdfd3;border-radius:20px;padding:28px 30px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.panel-title h2{font-size:21px;font-family:'Space Grotesk';margin:0;letter-spacing:-.5px}.panel-title span{font-size:12px;color:var(--muted)}.players{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}label{display:block;font-size:12px;font-weight:700;margin-bottom:9px;letter-spacing:.5px}.player-label{display:flex;align-items:center;gap:8px}.mini-avatar{height:24px;width:24px;border-radius:6px;display:grid;place-items:center;background:var(--lime);font-size:12px}.mini-avatar.p2{background:var(--purple)}input,select{width:100%;border:1px solid #daddd2;border-radius:9px;background:#fafbf7;padding:13px 12px;color:var(--ink);min-width:0}.config{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}.primary{background:var(--ink);color:white;width:100%;border:0;border-radius:10px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;font-weight:600}.primary:hover{background:#3e4933}.primary .arrow{font-size:22px;line-height:1}.note{color:var(--muted);font-size:12px;text-align:center;margin:14px 0 0}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:34px}.step{display:flex;gap:14px;align-items:center}.step-number{height:36px;width:36px;flex-shrink:0;border:1px solid #dadfd0;border-radius:50%;display:grid;place-items:center;font-family:'Space Grotesk';font-size:13px}.step h3{font-size:14px;margin:0 0 3px}.step p{font-size:12px;color:var(--muted);margin:0}footer{display:flex;justify-content:space-between;border-top:1px solid #dedfd5;padding:24px 0;font-size:11px;color:var(--muted)}footer a{color:inherit}.game-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.text-button{border:0;background:transparent;color:#5d6555;padding:9px 0}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;max-width:850px;margin:0 auto 25px}.player-score{display:flex;justify-content:space-between;align-items:center;background:white;border:1px solid #d9ded0;border-radius:14px;padding:16px 22px}.player-score.active{background:var(--lime);border-color:#a5c436}.player-score.purple.active{background:var(--purple);border-color:#b5a4df}.player-score strong{font-size:27px;font-family:'Space Grotesk'}.player-score span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs{font-family:'Space Grotesk';font-size:13px;color:var(--muted)}.arena{max-width:850px;margin:auto;background:white;border:1px solid #d9ded0;border-radius:20px;padding:28px 42px;text-align:center}.arena h1{font-size:30px;letter-spacing:-1px;margin:10px 0 22px}.timer-row{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#656e5b}.timer-track{height:4px;background:#ecf0e4;border-radius:10px;margin:12px 0 20px;overflow:hidden}.timer-fill{height:100%;background:#92ac39;transition:width .2s linear}.question-flag{height:170px;display:flex;justify-content:center;margin:18px 0 28px}.question-flag img{max-width:290px;max-height:100%;object-fit:contain;filter:drop-shadow(0 3px 5px #0002)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{display:flex;text-align:left;align-items:center;gap:14px;border:1px solid #d9ded0;border-radius:10px;padding:16px;background:#fafbf8;color:var(--ink);font-weight:500}.answer:hover:not(:disabled){border-color:#8da143;background:#f0f6e3}.key{border:1px solid #d9ded0;border-radius:5px;font-size:12px;width:24px;height:24px;display:grid;place-items:center;flex-shrink:0}.answer.correct{background:#e7f8c5;border-color:#91b445}.answer.wrong{background:#fbe9e5;border-color:#da9a89}.feedback{margin:22px 0 16px;font-size:16px;min-height:24px}.arena .primary{max-width:400px;margin:auto}.pass-avatar{width:90px;height:90px;margin:32px auto 25px;border-radius:24px;background:var(--lime);display:grid;place-items:center;font-family:'Space Grotesk';font-size:36px}.pass-avatar.purple{background:var(--purple)}.pass-screen{padding:30px 24px 44px}.pass-screen p{color:#777c70;margin-bottom:28px}.result-crown{font-size:64px;margin:10px}.final-scores{display:flex;justify-content:center;gap:48px;margin:26px 0}.final-scores strong{display:block;font-size:40px;font-family:'Space Grotesk'}.final-scores span{font-size:14px}.secondary{background:transparent;border:1px solid #ccd2c2;border-radius:10px;padding:13px 20px;margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:800px){.app{padding:0 22px}header{height:82px}.edition{display:none}.mode{font-size:9px}main{padding-top:30px}h1{font-size:42px}.setup-grid{grid-template-columns:1fr}.showcase{min-height:300px}.sample-flags{height:180px}.showcase h2{font-size:23px}.flag-tile{width:150px;height:107px}.flag-tile.center{width:170px;height:123px}.flag-tile.left{transform:translate(-100px,5px) rotate(-15deg)}.flag-tile.right{transform:translate(100px,5px) rotate(15deg)}.how{gap:16px}.step{align-items:start;gap:8px}.step-number{height:28px;width:28px}.intro .pill{display:none}.arena{padding:24px 20px}.scoreboard{gap:12px}.player-score{padding:12px}.answers{gap:9px}.answer{padding:13px 10px;font-size:14px}footer>span:nth-child(2){display:none}}@media(max-width:430px){.mode{max-width:95px;line-height:1.6}.brand{font-size:20px;gap:8px}.app{padding:0 16px}.setup{padding:24px 20px}.how{grid-template-columns:1fr;gap:16px}.step{align-items:center}.players,.config{gap:10px}.showcase{min-height:285px}.flag-tile.left{transform:translate(-82px,5px) rotate(-15deg)}.flag-tile.right{transform:translate(82px,5px) rotate(15deg)}.flag-tile{width:133px;height:100px}.scoreboard{gap:7px}.player-score{gap:8px}.question-flag{height:145px}.arena h1{font-size:26px}.answers{grid-template-columns:1fr}.intro p{font-size:14px}}
.online-config{margin-top:20px;margin-bottom:18px}.join-divider{display:flex;align-items:center;gap:12px;color:#8b9182;font-size:10px;letter-spacing:1px;margin:22px 0 15px}.join-divider:before,.join-divider:after{content:'';height:1px;background:#e1e5d8;flex:1}.join-form{display:flex;gap:10px}.join-form input{text-transform:uppercase;letter-spacing:1px;font-size:14px}.join-form .secondary{margin:0;white-space:nowrap;font-size:14px;background:#eff3e6}.error{padding:12px;background:#fff0e9;color:#903b26;font-size:14px;border-radius:8px;margin-top:18px}.room-code{font-family:'Space Grotesk';font-size:48px;letter-spacing:9px;font-weight:700;background:#edf6d2;border:1px dashed #b1c17f;border-radius:14px;padding:20px;margin:0 auto 12px;max-width:370px}.lobby-settings{font-size:14px;margin:25px 0!important}.primary:disabled{opacity:.5;cursor:default}.answer.selected{background:#e8eddb;border-color:#8fa06e}.round-results{display:flex;gap:16px;margin:8px 0 24px}.round-results>div{flex:1;background:#f6f8f1;border-radius:10px;padding:15px;font-size:14px}.round-results strong{display:block;margin-top:7px}.good{color:#527519}.miss{color:#985440}.learning{text-align:left;border:1px solid #dce3cf;background:#f7faef;border-radius:14px;padding:20px;margin-bottom:24px}.learning-title{display:flex;justify-content:space-between}.learning-title .eyebrow{font-size:11px;margin:0}.country-map{width:100%;margin:14px 0}.country-map svg{width:100%;display:block;height:auto}.country-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #dce3cf;padding-top:15px}.country-facts span{display:block;font-size:10px;letter-spacing:1.5px;color:#788268;margin-bottom:7px}.country-facts strong{font-size:16px}.map-credit{font-size:10px;color:#7f8975;margin:18px 0 0}.player-score small{font-size:11px}.showcase{min-height:470px}@media(max-width:800px){.showcase{min-height:300px}}@media(max-width:430px){.room-code{font-size:36px;letter-spacing:5px}.learning{padding:14px}.country-facts strong{font-size:14px}.join-form{gap:7px}.join-form input{font-size:12px}.join-form .secondary{padding:10px}.round-results{gap:8px}.round-results>div{padding:12px 8px}}