@font-face{font-family:Anton;font-weight:400;font-display:swap;src:url(/fonts/anton-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-weight:100 900;font-display:swap;src:url(/fonts/inter-naira.woff2)format("woff2");unicode-range:U+20A6}:root{--bg:#063d27;--bg2:#0b5d3b;--ink:#fff;--muted:#cfe3d8;--accent:#f5c542;--panel:#00000038;--panel-hover:#00000057;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}html{background:linear-gradient(170deg, var(--bg2), var(--bg)) fixed var(--bg)}html,body{min-height:100%}body{color:var(--ink);-webkit-tap-highlight-color:transparent;font-family:Inter,Noto Sans,system-ui,sans-serif}main{flex-direction:column;gap:24px;max-width:480px;margin:0 auto;padding:16px 16px 40px;display:flex}.bar{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:.14em;font-size:13px;font-weight:800}.brand b{color:var(--accent)}.lang{background:var(--panel);border-radius:999px;padding:3px;display:flex}.lang button{color:var(--muted);font:inherit;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.lang button[aria-pressed=true]{background:var(--accent);color:var(--bg)}section,form{flex-direction:column;gap:16px;display:flex}h1{text-transform:uppercase;margin-top:12vh;font-family:Anton,Impact,sans-serif;font-size:56px;font-weight:400;line-height:1}h2{font-size:24px;font-weight:800;line-height:1.3}p{color:var(--muted);font-size:18px;line-height:1.45}.hint{font-size:15px}.small{text-align:center;font-size:13px}.notice{background:var(--panel);border-left:4px solid var(--accent);color:var(--ink);border-radius:8px;padding:12px 14px;font-size:15px}button,a.primary,a.secondary{font:inherit;cursor:pointer;text-align:center;text-decoration:none}.primary,.secondary{border:0;border-radius:14px;width:100%;padding:16px;font-size:18px;font-weight:800;display:block}.primary{background:var(--accent);color:var(--bg)}.primary:disabled{opacity:.45;cursor:default}.secondary{background:var(--panel);color:var(--ink)}.link{color:var(--muted);background:0 0;border:0;padding:8px;font-size:15px;text-decoration:underline}.progress{gap:6px;display:flex}.progress span{background:var(--panel);border-radius:3px;flex:1;height:6px}.progress span.on{background:var(--accent)}.answers{flex-direction:column;gap:10px;display:flex}.answer{background:var(--panel);color:var(--ink);text-align:left;border:2px solid #0000;border-radius:14px;padding:16px;font-size:17px;line-height:1.35}.answer:hover,.answer:focus-visible{background:var(--panel-hover);border-color:var(--accent);outline:none}select,input{width:100%;font:inherit;color:#111;background:#fff;border:2px solid #0000;border-radius:12px;padding:14px;font-size:18px}select:focus,input:focus{border-color:var(--accent);outline:none}label{color:var(--muted);flex-direction:column;gap:8px;font-size:15px;font-weight:700;display:flex}.card{aspect-ratio:9/16;border-radius:16px;width:100%;box-shadow:0 12px 40px #0006}.card.placeholder{background:var(--panel);color:var(--muted);place-items:center;display:grid}.privacy h3{color:var(--accent);margin-bottom:6px;font-size:17px}.privacy ul{color:var(--muted);flex-direction:column;gap:6px;padding-left:20px;line-height:1.45;display:flex}.danger{color:#ffd2cc;border:2px solid #ff8a80}.link{text-align:center}footer{text-align:center;padding-top:8px}footer a{color:var(--muted);font-size:13px}.drop-head{justify-content:space-between;align-items:center;display:flex}.drop-head .tag{letter-spacing:.12em;color:var(--accent);font-size:13px;font-weight:800}.streak{background:var(--panel);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:800}.results{flex-direction:column;gap:10px;display:flex}.results h3{color:var(--accent);margin-top:8px;font-size:15px}.bar{background:var(--panel);border-radius:10px;justify-content:space-between;gap:12px;padding:12px 14px;font-size:15px;display:flex;position:relative;overflow:hidden}.bar .fill{z-index:0;background:#f5c54247;position:absolute;inset:0 auto 0 0}.bar.mine{outline:2px solid var(--accent)}.bar span,.bar b{z-index:1;position:relative}.tabs{background:var(--panel);border-radius:12px;padding:4px;display:flex}.tabs button{color:var(--muted);font:inherit;background:0 0;border:0;border-radius:9px;flex:1;padding:10px;font-weight:800}.tabs button[aria-pressed=true]{background:var(--accent);color:var(--bg)}.board{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.board li{background:var(--panel);border-radius:10px;grid-template-columns:2.2em 1fr auto;align-items:center;gap:8px;padding:10px 12px;font-size:15px;display:grid}.board li.mine{outline:2px solid var(--accent)}.board .rank{color:var(--accent);font-weight:800}.board .score{font-weight:800}.board .muted{color:var(--muted);font-size:13px;font-weight:500}.banner{background:var(--accent);color:var(--bg);border-radius:12px;padding:12px 14px;font-weight:800}.counter{color:var(--accent);font-weight:800}