@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900;1000&display=swap";:root{--green:#075b39;--deep:#063b2b;--gold:#f8c63a;--cream:#fff5da;--ink:#173e30;--muted:#738074;--line:#e7d9b7}*{box-sizing:border-box}body{color:var(--ink);background:#f8f6ed;margin:0;font-family:Nunito,ui-rounded,Trebuchet MS,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible){outline-offset:4px;outline:3px solid #277fa7}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}a{color:#08613b}button{transition:transform .16s,box-shadow .16s}button:hover:not(:disabled){transform:translateY(-2px)}.topbar{justify-content:space-between;align-items:center;max-width:1260px;height:84px;margin:auto;padding:0 34px;display:flex}.brand{text-align:left;letter-spacing:1.2px;background:0 0;border:0;align-items:center;gap:12px;font-size:13px;font-weight:900;line-height:1.2;display:flex}.brand strong{letter-spacing:.5px;font-size:21px;display:block}.brand-icon{background:var(--green);color:var(--gold);border-radius:14px;padding:13px;box-shadow:0 3px #dbb65f}.topbar nav{align-items:center;gap:14px;display:flex}.nav{background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-size:14px;font-weight:800;display:flex}.nav.active{color:var(--green);background:#e4ecdf}.round{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.app{flex-direction:column;min-height:100dvh;display:flex}main{flex:1;width:100%;max-width:1192px;margin:0 auto;padding:0 24px 48px}.hero{background:#215d40;border-radius:24px;height:395px;position:relative;overflow:hidden;box-shadow:0 10px 30px #1a4b2712}.hero>img{object-fit:cover;object-position:50% 40%;width:58%;height:100%;position:absolute;right:0}.hero:after{content:"";background:linear-gradient(90deg,#07452f 33%,#07452fec 42%,#07452f00 67%);position:absolute;inset:0}.hero-caption{z-index:1;color:#fff;width:49%;padding:58px 40px;position:relative}.eyebrow{letter-spacing:1.8px;color:#8b733a;margin-bottom:9px;font-size:10px;font-weight:900;display:block}.hero-caption .eyebrow{color:#f7d571;letter-spacing:1.4px;font-size:10px}.hero h1{letter-spacing:-1px;margin-top:18px;font-size:39px;font-weight:1000;line-height:1.12}.hero p{color:#e0eadf;max-width:320px;margin-top:18px;font-size:15px;line-height:1.8}.missions{padding:36px 0 0}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-head h2{letter-spacing:-.6px;font-size:27px;font-weight:1000}.text-button{background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:8px 0;font-size:13px;font-weight:800;display:inline-flex}.subject-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.subject{text-align:left;background:#fff9e9;border:1px solid #ead19a;border-bottom:4px solid #e3c68b;border-radius:18px;min-width:0;padding:12px;overflow:hidden}.subject-art{background:#ffefc5;border-radius:11px;height:100px;margin-bottom:14px;overflow:hidden}.subject-art img{object-fit:cover;width:100%;height:100%}.subject h3{font-size:20px;font-weight:1000}.subject p{color:#6e7869;min-height:30px;margin-top:4px;font-size:11px}.card-link{color:#72633c;align-items:center;gap:4px;margin-top:14px;font-size:10px;font-weight:900;display:flex}.challenge-row{grid-template-columns:1.2fr 1fr;gap:16px;margin-top:22px;display:grid}.general-card,.daily-card{text-align:left;border-radius:17px;align-items:center;gap:17px;min-width:0;padding:22px 25px;display:flex}.general-card{color:#254526;background:linear-gradient(110deg,#ffd761,#f3bc2d);border:1px solid #dba637;box-shadow:0 4px #d3a236}.daily-card{background:var(--green);border:1px solid var(--green);color:#fff6d5;box-shadow:0 4px #03462b}.general-card strong,.daily-card strong{font-size:19px;font-weight:1000;display:block}.general-card small,.daily-card small{opacity:.8;margin-top:5px;font-size:11px;display:block}.play-circle{background:#fff7d285;border-radius:50%;margin-left:auto;padding:9px;display:flex}.challenge-icon{display:flex}.daily-card>svg:last-child{margin-left:auto}.home-bottom{color:#7b8275;justify-content:space-between;align-items:center;padding-top:28px;font-size:11px;display:flex}.home-bottom>span{align-items:center;gap:8px;display:flex}.home-bottom .text-button{font-size:11px}.municipal-footer{background:#063e2c;flex-direction:column;align-items:center;gap:15px;padding:24px 20px 16px;display:flex}.municipal-footer img{width:250px;max-width:40vw;height:auto}.municipal-footer>span{letter-spacing:.2px;color:#97b09e;font-size:9px}.paper{border:1px solid var(--line);background:#fffaf0;border-radius:23px;box-shadow:0 10px 35px #293e2208}.setup{max-width:600px;margin:28px auto 0;padding:30px 45px 40px}.setup>.text-button{margin-bottom:30px}.setup h1{margin-bottom:10px;font-size:33px;font-weight:1000}.setup>p{color:#6f7b6f;font-size:14px;line-height:1.7}.setup-icon{color:#b18b18;background:#fff0b7;border-radius:22px;place-items:center;width:75px;height:75px;margin-bottom:24px;display:grid}.field-label{margin:28px 0 8px;font-size:13px;font-weight:900;display:block}.setup input{background:#fff;border:1px solid #d7d8c4;border-radius:11px;outline:none;width:100%;padding:14px 16px}.setup input:focus{border-color:var(--green)}.privacy-note{color:#7a8376;margin:7px 0 23px;font-size:10px;display:block}.mode-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mode{text-align:left;background:#fff;border:1px solid #dddfcc;border-radius:13px;flex-direction:column;gap:6px;padding:15px;display:flex}.mode.selected{background:#e9f0df;border:2px solid #4e7850;padding:14px}.mode strong{font-size:12px}.mode small{color:#77836f;font-size:10px}.round-info{gap:22px;margin:25px 0;font-size:11px;display:flex}.round-info>span{align-items:center;gap:7px;display:flex}.gold-button,.green-button{background:linear-gradient(#ffda63,#f5c239);border:1px solid #d5ac37;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:15px 22px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 3px #d2a839}.green-button{color:#fff8df;background:var(--green);border-color:#075b39;box-shadow:0 3px #023e26}.setup>.gold-button{width:100%}.notice{background:#f0efe0;border-radius:10px;margin-bottom:22px;padding:13px 15px;line-height:1.6;color:#657160!important;font-size:12px!important}.level{justify-content:space-between;align-items:center;margin-top:18px;font-size:12px;font-weight:800;display:flex}select{border:1px solid var(--line);color:var(--ink);background:#fffdf5;border-radius:9px;padding:9px 12px;font-size:12px}.resume{background:#e8eedf;border:1px solid #cad5bf;border-radius:10px;align-items:center;gap:8px;margin:22px auto 0;padding:12px 22px;font-size:13px;font-weight:800;display:flex}.game-shell{max-width:960px;margin:28px auto 0}.game-info{align-items:center;gap:20px;font-size:13px;font-weight:900;display:flex}.subject-pill{color:var(--green);background:#e9eedf;border-radius:20px;padding:10px 18px}.question-number{color:#78816e;margin-right:auto;font-size:12px}.timer,.score{align-items:center;gap:8px;display:flex}.timer{background:#fff1ba;border-radius:10px;justify-content:center;min-width:86px;padding:9px 14px}.urgent{color:#a93422;background:#ffe0d8}.score{color:#8b7028}.progress{background:#e5e4d3;border-radius:10px;height:7px;margin:18px 0 23px;overflow:hidden}.progress>span{background:linear-gradient(90deg,#68a260,#e8c24a);height:100%;transition:width .4s;display:block}.question-paper{overflow:hidden}.question-image{object-fit:cover;object-position:center;width:100%;height:220px;display:block}.question-body{padding:30px 38px 38px}.difficulty{letter-spacing:.8px;text-transform:uppercase;color:#8c825e;margin-bottom:13px;font-size:10px;font-weight:900;display:block}.question-body h1{margin-bottom:27px;font-size:28px;font-weight:1000;line-height:1.35}.answers{grid-template-columns:1fr 1fr;gap:14px;display:grid}.answer{text-align:left;background:#fff4d6;border:1px solid #e6cc8e;border-bottom:3px solid #d9bf83;border-radius:13px;align-items:center;gap:13px;min-height:70px;padding:14px 18px;font-size:16px;font-weight:800;display:flex}.answer:hover:not(:disabled){background:#ffeab1}.letter{color:#795b12;background:#f5cf60;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:16px;font-weight:1000;display:grid}.answer.correct{opacity:1;color:#275e2e;background:#e4f0d8;border-color:#5e9c51}.answer.wrong{opacity:1;color:#9f412e;background:#ffe2d9;border-color:#d88f7b}.answer.muted{opacity:.55}.answer-mark{flex-shrink:0;margin-left:auto}.feedback{background:#f0f4e5;border:1px solid #c7d6ba;border-radius:13px;margin-top:26px;padding:21px}.feedback.bad{background:#fff1e1;border-color:#e6c9a5}.feedback>strong{font-size:17px}.feedback>p{margin:9px 0;font-size:14px;line-height:1.75}.feedback>a{margin:6px 0;font-size:10px;display:block}.feedback-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.feedback-footer>span{font-size:11px;font-weight:800}.feedback .green-button{padding:11px 15px;font-size:12px}.game-footer{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.game-footer>span{color:#8c917e;font-size:9px}.error{color:#9e432c;background:#fff0e7;border:1px solid #dfae96;border-radius:12px;max-width:700px;margin:20px auto 0;padding:16px 20px;font-size:13px}.error button{background:#fff;border:1px solid #b0694d;border-radius:7px;margin-left:10px;padding:6px}.result{text-align:center;max-width:800px;margin:28px auto 0;padding:38px}.result-trophy{color:#c59728;background:#fff0bc;border-radius:50%;place-items:center;width:110px;height:110px;margin:0 auto 25px;display:grid}.result h1{margin-bottom:10px;font-size:34px;font-weight:1000}.result>p{color:#7c846f;font-size:13px;line-height:1.7}.result-stats{background:#f4efd9;border-radius:14px;grid-template-columns:1fr 1fr 1fr;margin:30px 0;padding:25px 12px;display:grid}.result-stats>div{flex-direction:column;align-items:center;gap:8px;display:flex}.result-stats svg{color:#a89042;width:21px}.result-stats strong{font-size:28px;font-weight:1000}.result-stats span{color:#7c846c;font-size:10px}.result-actions{flex-wrap:wrap;justify-content:center;gap:13px;display:flex}.review-toggle{margin:23px auto}.review-list{text-align:left}.review-list article{border-top:1px solid var(--line);padding:22px 0}.review-list h3{margin:8px 0;font-size:15px;line-height:1.6}.review-list p{color:#6c766a;font-size:12px;line-height:1.7}.review-ok,.review-error{color:#447b3c;font-size:10px;font-weight:900}.review-error{color:#ae5b40}.ranking{max-width:1000px;margin:28px auto 0;padding:35px}.ranking h1{align-items:center;gap:13px;font-size:29px;font-weight:1000;display:flex}.ranking h1 svg{color:#bf961e;flex-shrink:0}.tabs{scrollbar-width:thin;gap:8px;padding:7px 0 15px;display:flex;overflow-x:auto}.tab{white-space:nowrap;background:#fff7e2;border:1px solid #ded6ba;border-radius:11px;flex-shrink:0;padding:11px 20px;font-size:12px;font-weight:900}.tab.selected{background:var(--green);color:#fff6da;border-color:var(--green)}.rank-filters{justify-content:space-between;align-items:center;gap:12px;padding:8px 0 22px;display:flex}.rank-filters label{align-items:center;gap:7px;font-size:11px;display:flex}.rank-filters input{accent-color:var(--green);width:16px;height:16px}.rank-header{color:#77806a;background:#ebeddf;border-radius:9px;grid-template-columns:1fr 110px 120px 90px;padding:12px 18px;font-size:10px;font-weight:900;display:grid}.rank-header>span:first-child{padding-left:50px}.rank-row{border-bottom:1px solid #e7e6d8;grid-template-columns:50px 1fr 110px 120px 90px;align-items:center;gap:0;padding:17px 18px;display:grid}.position{color:#6d7c65;font-size:17px;font-weight:1000}.p1,.p2,.p3{color:#ad8220}.player-name{font-size:14px;font-weight:900}.player-name small{background:#cddfbd;border-radius:4px;margin-left:8px;padding:3px 5px;font-size:8px;display:inline-block}.rank-score{font-size:17px;font-weight:1000}.rank-score small{display:none}.rank-correct,.rank-time{color:#7c846f;align-items:center;gap:5px;font-size:12px;display:flex}.rank-correct svg,.rank-time svg{display:none}.rank-correct small{font-size:9px}.rank-row.mine{background:#edf4e5;border:1px solid #b0c89a;border-radius:9px}.ranking-note{text-align:center;color:#7d846f;margin:27px 0;font-size:11px;line-height:1.8}.empty{text-align:center;color:#8b9279;padding:50px 20px}.empty svg{color:#b2a672;margin-bottom:15px}.empty h2{color:var(--green);font-size:20px}.empty p{margin:10px 0 24px;font-size:13px}.prose{max-width:800px;margin:28px auto 0;padding:40px}.prose h1{margin-bottom:24px;font-size:34px;font-weight:1000}.prose h2{margin:26px 0 10px;font-size:19px;font-weight:900}.prose p{color:#697764;font-size:14px;line-height:1.9}.prose>a{margin:13px 0;font-size:12px;display:block}.prose>.gold-button{margin-top:25px}.timeline{grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0;display:grid}.timeline>div{background:#f4edda;border-radius:10px;padding:18px 13px}.timeline strong{color:#a68b37;font-size:25px}.timeline p{margin-top:8px;font-size:10px}.subject-art img{mix-blend-mode:multiply}@media (min-width:1400px){main{max-width:1260px}.hero{height:425px}.hero h1{font-size:44px}.hero-caption{padding:65px 48px}.subject-art{height:110px}}@media (max-width:800px){.topbar{height:74px;padding:0 22px}.topbar nav{gap:3px}.nav{padding:9px 10px;font-size:12px}.brand strong{font-size:17px}.brand{gap:8px;font-size:10px}.brand-icon{padding:10px}.hero{height:340px}.hero-caption{width:54%;padding:38px 27px}.hero h1{font-size:31px}.hero p{font-size:12px}.subject-grid{grid-template-columns:repeat(3,1fr)}.subject{padding:12px}.subject p{font-size:11px}.subject-grid .subject:nth-child(4),.subject-grid .subject:nth-child(5){grid-column:span 1}.challenge-row{grid-template-columns:1fr}.subject-art{height:100px}.home-bottom{gap:15px}.game-info{gap:12px}.question-body{padding:25px}.question-body h1{font-size:25px}.ranking{padding:25px}.rank-header{grid-template-columns:1fr 90px 95px 70px}.rank-row{grid-template-columns:35px 1fr 90px 95px 70px}.rank-correct small{display:none}.ranking h1{font-size:25px}.municipal-footer img{width:200px}}@media (max-width:540px){.topbar{height:69px;padding:0 17px}.brand-icon{border-radius:10px;padding:8px}.brand strong{font-size:15px}.brand{letter-spacing:.7px;gap:7px;font-size:8px}.topbar nav{gap:5px}.nav{border-radius:50%;justify-content:center;width:35px;height:35px;padding:0}.nav span{display:none}.round{width:34px;height:34px}.topbar svg{width:18px}main{padding:0 16px 28px}.hero{background:var(--green);border-radius:18px;height:auto;padding-top:51%;overflow:hidden}.hero>img{object-fit:contain;width:100%;height:auto;top:0;right:0}.hero:after{background:linear-gradient(#0000 75%,#07452f 100%);height:220px;top:0;bottom:auto}.hero-caption{width:100%;padding:18px 22px 24px}.hero-caption .eyebrow{letter-spacing:1.1px;margin-bottom:0;font-size:8px}.hero h1{letter-spacing:-.6px;max-width:280px;margin-top:10px;font-size:27px;line-height:1.12}.hero p{max-width:300px;margin-top:10px;font-size:11px;line-height:1.6}.missions{padding-top:25px}.section-head{gap:8px;margin-bottom:14px}.section-head h2{font-size:23px}.eyebrow{letter-spacing:1.2px;font-size:8px}.section-head .text-button{gap:4px;font-size:10px}.section-head .text-button svg{width:13px}.subject-grid{flex-direction:column;gap:11px;display:flex}.subject{border-bottom-width:3px;border-radius:15px;align-items:center;gap:17px;min-height:99px;padding:10px 14px;display:flex}.subject-art{background:#ffefc9;flex-shrink:0;width:105px;height:72px;margin:0}.subject-art img{object-fit:cover;width:100%;height:100%}.subject h3{font-size:22px;line-height:1.1}.subject p{min-height:0;margin-top:6px;font-size:11px}.card-link{display:none}.challenge-row{gap:13px;margin-top:18px}.general-card,.daily-card{border-radius:15px;gap:13px;padding:18px 19px}.general-card strong,.daily-card strong{font-size:18px}.general-card small,.daily-card small{font-size:10px}.challenge-icon svg{width:29px}.home-bottom{flex-direction:column;align-items:center;gap:9px;padding-top:23px;display:flex}.home-bottom>span{font-size:10px}.home-bottom .text-button{font-size:11px}.municipal-footer{gap:12px;padding:22px 10px 15px}.municipal-footer img{width:144px;max-width:40vw}.municipal-footer>span{font-size:8px}.setup{margin:12px auto 0;padding:22px}.setup>.text-button{margin-bottom:22px}.setup h1{font-size:30px}.setup>p{font-size:12px}.setup-icon{border-radius:16px;width:60px;height:60px;margin-bottom:20px}.mode{padding:12px}.mode.selected{padding:11px}.mode small{font-size:9px}.round-info{gap:15px;font-size:10px}.game-shell{margin-top:10px}.game-info{grid-template-columns:1fr 1fr;gap:10px;font-size:12px;display:grid}.subject-pill{grid-area:1/1;justify-self:start;padding:9px 14px;font-size:13px}.timer{grid-area:1/2;justify-self:end;min-width:80px;padding:8px 12px;font-size:15px}.question-number{grid-area:2/1;margin:0 0 0 3px;font-size:10px}.score{grid-area:2/2;justify-self:end;margin-right:4px;font-size:11px}.score svg{width:15px}.progress{height:6px;margin:14px 0 17px}.question-paper{border-radius:17px}.question-image{height:140px}.question-body{padding:21px 17px 23px}.difficulty{letter-spacing:.6px;margin-bottom:11px;font-size:8px}.question-body h1{letter-spacing:-.3px;margin-bottom:22px;font-size:23px;line-height:1.3}.answers{flex-direction:column;gap:11px;display:flex}.answer{border-bottom-width:3px;border-radius:12px;gap:12px;min-height:63px;padding:12px 13px;font-size:15px}.letter{width:32px;height:32px;font-size:16px}.answer-mark{width:20px}.game-footer{align-items:start;gap:14px;margin-top:13px}.game-footer>span{text-align:right;max-width:110px;font-size:7px;line-height:1.5}.game-footer>.text-button{justify-content:start;padding-top:0;font-size:10px}.feedback{margin-top:20px;padding:16px}.feedback>strong{font-size:15px}.feedback>p{font-size:12px}.feedback-footer{flex-direction:column;align-items:stretch;gap:14px}.feedback-footer>span{text-align:center;font-size:11px}.result{margin-top:12px;padding:26px 18px}.result h1{font-size:28px}.result>p{font-size:12px}.result-stats{gap:3px;padding:20px 5px}.result-stats strong{font-size:24px}.result-stats span{font-size:9px}.result-actions{flex-direction:column;gap:13px}.ranking{margin-top:12px;padding:22px 16px}.ranking h1{gap:10px;font-size:25px;line-height:1.15}.ranking h1 svg{width:25px}.tabs{gap:7px;margin-top:18px;margin-right:-16px;padding-bottom:14px}.tab{min-width:82px;padding:10px 17px;font-size:12px}.rank-filters{gap:8px;padding:5px 0 18px}.rank-filters label{font-size:10px}.rank-filters select{max-width:135px;padding:8px 6px;font-size:10px}.rank-header{display:none}.rank-row{background:#fff7e2;border:1px solid #e4d5ae;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:35px 1fr auto;row-gap:8px;min-height:86px;margin-bottom:10px;padding:15px 12px;display:grid}.position{grid-area:1/1/3;font-size:19px}.player-name{overflow-wrap:anywhere;grid-area:1/2;min-width:0;padding-right:5px;font-size:12px}.player-name small{display:none}.rank-score{white-space:nowrap;grid-area:1/3;font-size:15px}.rank-score small{font-size:9px;display:inline}.rank-correct{grid-area:2/2;font-size:10px}.rank-time{grid-area:2/3;justify-self:end;font-size:10px}.rank-correct svg,.rank-time svg{width:11px;height:11px;display:block}.p1{color:#b38b0f}.p2{color:#818b91}.p3{color:#b87538}.ranking-note{margin:20px 0;font-size:10px}.empty{padding:35px 5px}.empty h2{font-size:19px}.empty p{font-size:12px}.gold-button,.green-button{padding:14px 17px;font-size:13px}.prose{margin-top:12px;padding:25px 22px}.prose h1{font-size:29px}.prose h2{font-size:18px}.prose p{font-size:12px}.prose>a{overflow-wrap:anywhere;font-size:10px}.timeline{grid-template-columns:1fr 1fr}.timeline>div{padding:14px}.error{font-size:12px}.error button{margin:8px 0 0;display:block}.privacy-note{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.auto-advance{color:var(--green);justify-content:center;align-items:center;gap:7px;padding:11px 0;font-size:12px;font-weight:900;display:inline-flex}
