@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#103d2b;--green2:#16804a;--lime:#d5f36b;--cream:#f8f7f1;--ink:#18251d;--muted:#68736b;--line:#e5e8df;--orange:#ef9a47;--white:#fff;--shadow:0 20px 55px #143a2512}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:15px;line-height:1.6}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 max(5.2vw,24px);display:flex;align-items:center;justify-content:space-between;background:#fbfaf6;border-bottom:1px solid #e9eae3;position:sticky;top:0;z-index:10}.brand{display:flex;gap:11px;align-items:center}.brand-mark,.mini-mark{width:43px;height:43px;border-radius:14px;background:var(--green);color:var(--lime);display:grid;place-items:center;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;transform:rotate(-4deg)}.brand strong{display:block;font:800 20px Manrope,sans-serif;letter-spacing:-.8px;line-height:1.15}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:.15px;margin-top:3px}.topbar nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700}.topbar nav a:hover,footer a:hover{color:var(--green2)}.nav-play{border:0;border-radius:10px;background:var(--green);color:white;padding:12px 17px;font-weight:700}.nav-play span{color:var(--lime);padding-left:9px}.hero{max-width:1240px;margin:auto;padding:76px 32px 68px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;min-height:535px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#4b765b;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;background:#59aa6d;border-radius:50%;box-shadow:0 0 0 4px #59aa6d20}.hero h1,.final-cta h2{font:800 clamp(46px,6vw,78px)/1.04 Manrope,sans-serif;letter-spacing:-4.8px;margin:22px 0}.hero h1 span,.section-heading h2 em,.final-cta h2 em{color:#39875a;font-style:normal}.hero-copy>p{max-width:490px;color:#657168;font-size:16px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.primary{border:0;border-radius:11px;background:var(--green);color:white;padding:15px 20px;font-weight:700;font-size:13px;box-shadow:0 5px 0 #092719;transition:transform .16s,box-shadow .16s}.primary:hover{transform:translateY(-2px);box-shadow:0 7px 0 #092719}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #092719}.primary span{color:var(--lime);margin-left:18px}.text-link{font-size:12px;font-weight:700}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:32px}.avatars{display:flex;padding-left:4px}.avatars span{display:grid;place-items:center;width:31px;height:31px;margin-left:-5px;border:2px solid var(--cream);border-radius:50%;background:#e6eadb;font-size:15px}.hero-proof p{font-size:11px;color:var(--muted)}.hero-proof strong{color:var(--ink)}.hero-art{height:390px;position:relative;background:#e7edda;border-radius:28px;overflow:hidden;isolation:isolate}.sunburst{position:absolute;width:360px;height:360px;border-radius:50%;background:#d5f36b;left:50%;top:51%;transform:translate(-50%,-50%);box-shadow:0 0 0 25px #d5f36b35,0 0 0 50px #d5f36b20}.politician{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);width:270px;height:325px}.head{position:absolute;z-index:2;top:12px;left:72px;width:128px;height:145px}.face{position:absolute;inset:10px 9px 0;background:#a95f39;border-radius:47% 47% 43% 43%;box-shadow:inset -10px -5px #874426}.ear{position:absolute;top:66px;left:0;width:19px;height:33px;border-radius:50%;background:#a95f39}.cap{position:absolute;top:-9px;left:-7px;width:144px;height:44px;background:#f7f1d9;border-radius:80% 80% 20% 20%;transform:rotate(-4deg);z-index:3;border-bottom:8px solid #c8b88b}.eye{position:absolute;top:59px;width:15px;height:7px;background:#fff;border-radius:50%}.eye:after{content:"";position:absolute;width:5px;height:6px;left:5px;background:#20251e;border-radius:50%}.e1{left:25px}.e2{right:22px}.nose{position:absolute;left:58px;top:68px;width:13px;height:24px;border-right:3px solid #824328;border-bottom:3px solid #824328;border-radius:0 0 8px}.moustache{position:absolute;top:93px;left:35px;width:58px;height:13px;border-radius:30% 30% 70% 70%;background:#2b241e}.mouth{position:absolute;top:115px;left:47px;width:38px;height:5px;background:#4b251d;border-radius:50%}.neck{position:absolute;z-index:1;top:140px;left:111px;width:49px;height:43px;background:#9b502d}.agbada{position:absolute;top:164px;left:5px;width:260px;height:190px;background:#f7f1d9;clip-path:polygon(36% 0,64% 0,100% 28%,88% 100%,12% 100%,0 28%);border-radius:24px}.collar{position:absolute;top:0;left:98px;width:64px;height:72px;background:#d2c39b;clip-path:polygon(50% 0,100% 100%,50% 78%,0 100%)}.chain{position:absolute;top:68px;left:119px;color:#b58c37;font-size:27px}.mic{position:absolute;z-index:4;right:1px;top:160px;background:#232b27;color:#fff;width:25px;height:78px;border-radius:13px;border:4px solid #a9b2a5;box-shadow:0 0 0 5px #fff8}.speech{position:absolute;z-index:4;left:20px;top:31px;background:#fffdf4;border:2px solid var(--green);border-radius:13px 13px 13px 3px;padding:11px 14px;font:800 12px Manrope,sans-serif;transform:rotate(-5deg);box-shadow:4px 5px 0 #103d2b20}.speech span{color:#39875a}.art-tag{position:absolute;z-index:5;border-radius:6px;background:var(--green);color:#fff;font-size:9px;font-weight:800;letter-spacing:.7px;padding:8px 10px}.tag-one{right:13px;top:35px;transform:rotate(4deg)}.tag-two{bottom:19px;left:17px;background:var(--lime);color:var(--green);transform:rotate(-3deg)}.star{position:absolute;color:#39875a;font-size:32px}.star-a{right:29px;top:120px}.star-b{left:28px;bottom:90px;font-size:22px}.ticker{background:var(--lime);overflow:hidden;white-space:nowrap;color:var(--green);padding:13px 0;font:800 10px Manrope,sans-serif;letter-spacing:1.2px}.ticker>div{display:flex;align-items:center;justify-content:space-around;gap:36px;min-width:1000px}.ticker b{font-size:17px}.section{max-width:1160px;margin:auto;padding:86px 28px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:31px}.section-heading h2{font:800 clamp(30px,4vw,44px)/1.15 Manrope,sans-serif;letter-spacing:-1.8px;margin:11px 0 0}.section-heading>p{max-width:310px;color:var(--muted);font-size:13px;margin:0 0 5px}.game-section{padding-top:85px}.game-shell{background:white;border:1px solid #e6e9e0;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.game-top{display:flex;justify-content:space-between;align-items:center;padding:19px 24px;border-bottom:1px solid var(--line);background:#fff}.game-brand{display:flex;align-items:center;gap:10px}.mini-mark{width:35px;height:35px;border-radius:10px;font-size:15px}.game-brand strong,.game-brand small{display:block}.game-brand strong{font:800 11px Manrope,sans-serif;letter-spacing:.7px}.game-brand small{font-size:10px;color:var(--muted)}.round-pill{background:#f0f4eb;color:#477455;padding:8px 12px;border-radius:30px;font-size:9px;font-weight:800;letter-spacing:.7px}.game-content{padding:30px}.welcome-grid{display:grid;grid-template-columns:1fr .75fr;gap:45px;max-width:900px;margin:auto;padding:14px 0}.big-emoji{font-size:35px}.welcome-grid h3,.round-main h3,.result-wrap h3{font:800 28px/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:9px 0 12px}.welcome-grid p,.round-main>p,.result-wrap>p{color:var(--muted);font-size:13px;line-height:1.8}.welcome-grid label,.admin-card label{display:block;font-size:11px;font-weight:800;margin:20px 0 7px}.welcome-grid label span{font-weight:400;color:var(--muted)}input{width:100%;padding:13px 14px;border:1px solid #dce2d8;border-radius:9px;background:#fcfcf9;outline:none;color:var(--ink)}input:focus{border-color:#39875a;box-shadow:0 0 0 3px #39875a19}.full{width:100%;margin-top:12px}.fine-print{font-size:10px!important;color:#858e85!important;line-height:1.7!important}.briefing{background:#f6f8f1;border-radius:15px;padding:22px;align-self:center}.briefing-title,.status-heading{font:800 10px Manrope,sans-serif;letter-spacing:1.1px;color:#607565;margin-bottom:20px}.meter-preview{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e3e9dd;padding:12px 0;font-size:11px}.meter-preview b{font-size:10px;color:#758176}.briefing-note{font-size:11px;color:#5e795f;background:#eaf2df;border-radius:8px;padding:12px;margin-top:17px}.mini-features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.mini-features>div{display:flex;gap:12px;align-items:center;padding:18px 14px;border:1px solid #e4e8de;border-radius:13px;background:#fff}.mini-features>div>span{font-size:23px}.mini-features strong,.mini-features small{display:block}.mini-features strong{font-size:11px}.mini-features small{font-size:10px;color:var(--muted);margin-top:4px}.round-layout{display:grid;grid-template-columns:1fr 250px;gap:32px;max-width:1000px;margin:auto}.round-main h3{margin-top:9px}.scenario{max-width:610px;margin-bottom:22px}.choices{display:grid;gap:10px}.choice{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:15px;border:1px solid #e0e5dc;border-radius:12px;background:#fff;color:var(--ink);transition:border .15s,background .15s}.choice:hover:not(:disabled){border-color:#5e9a6d;background:#f8fbf5}.choice:disabled{cursor:default}.choice.selected{border-color:#3d8c57;background:#f1f8ed}.choice-letter{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:9px;background:#f0f3eb;color:#426d4e;font-weight:800;font-size:12px}.choice strong,.choice small{display:block}.choice strong{font-size:12px}.choice small{font-size:10px;color:var(--muted);margin-top:4px}.choice-arrow{margin-left:auto;color:#62806a}.status-card{padding:19px;border-radius:14px;background:#f7f8f3;align-self:start}.status-heading{margin-bottom:18px}.meter{margin-bottom:17px}.meter-label{display:flex;justify-content:space-between;gap:8px;font-size:10px}.meter-label b{font-size:10px}.meter-track{height:7px;border-radius:10px;background:#e3e7df;overflow:hidden;margin-top:7px}.meter-track span{display:block;height:100%;border-radius:10px;transition:width .3s}.status-tip{font-size:10px;color:#6f7d70;line-height:1.7;border-top:1px solid #e2e7dd;padding-top:13px;margin-top:20px}.points-pill{background:#e9f2dc;color:#436c43;display:inline-flex;gap:7px;align-items:center;padding:9px 12px;border-radius:8px;margin-top:14px;font-size:10px}.points-pill strong{font-size:13px}.feedback{display:flex;gap:13px;background:#f0f7e9;border:1px solid #d9e8ce;padding:16px;border-radius:12px;margin-top:18px}.feedback-icon{font-size:25px}.feedback strong{font-size:12px}.feedback p{font-size:12px;margin:5px 0;color:#516254}.feedback small{font-size:10px;color:#367247}.next-btn{margin-top:14px}.result-wrap{max-width:650px;margin:auto;text-align:center;padding:15px 0}.result-confetti{font-size:54px}.result-wrap .eyebrow{justify-content:center;margin-top:15px}.result-wrap h3{font-size:32px;margin-top:10px}.result-points{font:800 42px Manrope,sans-serif;color:#237346;margin:18px 0}.result-points small{display:block;font:800 9px "DM Sans",sans-serif;letter-spacing:2px;color:#7a887d}.result-meters{text-align:left;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;background:#f7f8f3;padding:18px;border-radius:13px;margin:22px 0}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.secondary{background:#fff;border:1px solid #dce3d9;color:var(--green);padding:12px 15px;border-radius:10px;font-size:11px;font-weight:800}.secondary:hover{background:#f0f5ec}.success-button{background:#287a49!important}.submit-note{font-size:11px!important}.text-button{border:0;background:none;color:#487b56;font-weight:800;font-size:12px;padding:10px}.recap{text-align:left;margin-top:28px;border-top:1px solid var(--line);padding-top:22px}.recap h4{font:800 10px Manrope,sans-serif;letter-spacing:1.1px}.recap-item{padding:12px 0;border-bottom:1px solid #e8ebe4}.recap-item small,.recap-item strong{display:block}.recap-item small{font-size:9px;letter-spacing:.7px;color:#62826a;font-weight:800}.recap-item strong{font-size:12px;margin-top:3px}.recap-item p{font-size:11px;color:var(--muted);margin:3px 0}.how-section{padding-top:35px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.steps article{position:relative;padding:25px;border:1px solid #e5e8df;background:#fff;border-radius:15px;min-height:220px}.step-num{font:800 10px Manrope,sans-serif;color:#5a8967;letter-spacing:1px}.step-icon{font-size:29px;margin-top:17px}.steps h3{font:800 15px Manrope,sans-serif;margin:10px 0}.steps p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.leader-section{padding-top:40px}.leader-card{border:1px solid #e2e7de;border-radius:16px;overflow:hidden;background:#fff}.leader-head,.leader-row{display:grid;grid-template-columns:2fr .7fr 1fr .8fr;gap:10px;align-items:center;padding:14px 20px}.leader-head{background:#f1f4ec;font-size:9px;font-weight:800;letter-spacing:.8px;color:#758176}.leader-row{border-top:1px solid #edf0e9;font-size:12px}.leader-player{display:flex;align-items:center;gap:10px;min-width:0}.leader-player strong{overflow-wrap:anywhere}.rank{display:grid;place-items:center;width:24px;height:24px;background:#f0f2eb;border-radius:7px;font-size:10px;font-weight:800}.rank-1{background:#f8e7a8;color:#785a08}.rank-2{background:#e4e9ed;color:#586774}.rank-3{background:#f0d6bf;color:#87582f}.player-avatar{font-size:18px}.leader-value{font-weight:700}.wahala{color:#d27b2c}.leader-points{color:#2e7b49}.leader-points small{font-size:9px;color:#829084}.leader-empty{min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}.leader-empty>span{font-size:28px}.leader-empty strong{font-size:12px}.leader-empty small{font-size:10px;color:var(--muted)}.leader-foot{display:flex;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid #edf0e9;color:#899187;font-size:9px}.final-cta{max-width:1160px;margin:25px auto 75px;padding:42px 48px;background:var(--lime);border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden}.final-cta .eyebrow{color:#53724c}.final-cta h2{font-size:40px;letter-spacing:-1.7px;margin:11px 0}.final-cta p{font-size:12px;color:#53684c;margin:0}.final-cta .primary{position:relative;z-index:1;background:var(--green)}.cta-doodle{position:absolute;right:28%;top:-50px;font-size:160px;color:#b8de51;transform:rotate(15deg)}footer{padding:28px max(5.2vw,24px);background:#fff;border-top:1px solid #e5e8df;display:flex;align-items:center;justify-content:space-between;gap:22px}footer p{font-size:10px;color:var(--muted);max-width:300px}footer>div{display:flex;gap:17px;font-size:11px;font-weight:700}.footer-brand .brand-mark{width:35px;height:35px;font-size:16px;border-radius:10px}.footer-brand strong{font-size:17px}.admin-body{background:#f6f7f1;min-height:100vh}.admin-wrap{max-width:1000px;margin:auto;padding:32px 22px}.admin-card{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;margin-top:25px;box-shadow:var(--shadow)}.admin-card h1,.admin-title h1{font:800 28px Manrope,sans-serif;letter-spacing:-1px;margin:10px 0}.admin-card p,.admin-title p{font-size:12px;color:var(--muted)}.admin-card form{max-width:430px}.admin-error{color:#a12626!important;background:#fff0ee;padding:10px;border-radius:7px}.admin-title{display:flex;justify-content:space-between;align-items:center;margin-top:32px}.admin-stat{margin-top:22px;background:var(--green);color:white;padding:20px;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.admin-stat strong{font:800 27px Manrope}.admin-card h2{font:800 17px Manrope}.admin-table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:9px;letter-spacing:.6px;color:#758176}.delete-btn{background:#fff0ee;border:1px solid #f3d0cc;color:#a12626;padding:6px 8px;border-radius:6px;font-size:10px;font-weight:700}
@media(max-width:800px){.topbar{height:70px;padding:0 19px}.topbar nav{gap:14px}.topbar nav>a{display:none}.brand strong{font-size:18px}.hero{padding:52px 22px 48px;grid-template-columns:1fr;gap:28px}.hero h1{font-size:58px;letter-spacing:-3px}.hero-art{height:340px;max-width:520px;width:100%;margin:auto}.section{padding:65px 20px}.section-heading{align-items:start;flex-direction:column;gap:13px}.section-heading h2{font-size:35px}.section-heading>p{max-width:480px}.game-content{padding:22px}.welcome-grid{gap:24px}.round-layout{grid-template-columns:1fr}.status-card{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px}.status-heading,.status-tip,.points-pill{grid-column:1/-1}.status-heading{margin-bottom:4px}.status-card .meter{margin-bottom:5px}.mini-features{gap:8px}.mini-features>div{padding:13px 10px;gap:7px}.mini-features>div>span{font-size:19px}.mini-features strong{font-size:10px}.mini-features small{font-size:9px}.final-cta{margin:20px 20px 55px;padding:32px;flex-wrap:wrap}.final-cta h2{font-size:35px}.cta-doodle{right:7%;font-size:120px}footer{flex-wrap:wrap}.footer-brand{min-width:40%}}
@media(max-width:520px){.topbar{padding:0 14px}.brand-mark{width:37px;height:37px}.brand small{font-size:9px}.nav-play{padding:10px 12px;font-size:11px}.hero{padding:42px 18px 38px}.hero h1{font-size:48px;letter-spacing:-2.8px}.hero-copy>p{font-size:14px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-art{height:300px}.politician{transform:translateX(-50%) scale(.86);transform-origin:bottom center}.speech{font-size:10px}.tag-one{font-size:8px}.section{padding:52px 14px}.section-heading h2{font-size:29px}.game-top{padding:15px}.round-pill{font-size:8px;padding:7px}.game-content{padding:16px}.welcome-grid{grid-template-columns:1fr;gap:22px}.briefing{padding:17px}.mini-features{grid-template-columns:1fr}.mini-features>div{padding:12px 15px}.round-main h3{font-size:24px}.choice{padding:12px;gap:10px}.choice strong{font-size:11px}.result-meters{grid-template-columns:1fr;gap:3px}.result-meters .meter{margin-bottom:7px}.leader-head,.leader-row{grid-template-columns:minmax(0,1.8fr) .55fr .65fr .75fr;gap:5px;padding:12px 9px}.leader-head{font-size:7px;letter-spacing:.2px}.leader-row{font-size:10px}.leader-player{gap:5px}.player-avatar{display:none}.leader-points small{font-size:8px}.leader-foot{padding:10px;flex-direction:column;font-size:8px}.steps{grid-template-columns:1fr}.steps article{min-height:auto;padding:21px}.final-cta{margin:10px 14px 40px;padding:25px 22px}.final-cta h2{font-size:32px}.final-cta .primary{width:100%}.cta-doodle{right:0;top:-20px;font-size:95px}footer{padding:25px 18px;gap:12px}footer p{order:3;max-width:none;width:100%}.admin-title{align-items:start;gap:15px}.admin-card{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}