:root{--bg: #0a1622;--bg2: #0e1f30;--card: #13293d;--card2: #1a3450;--ink: #eaf3f9;--muted: #9db4c5;--line: #24405d;--aqua: #2dd4bf;--aqua2: #0ea5e9;--gold: #fbbf24;--ok: #34d399;--bad: #f87171;--milk: #e0f2fe;--bread: #fde68a;--meat: #fca5a5;--radius: 16px;font-size:16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Outfit,system-ui,sans-serif;background:radial-gradient(1200px 600px at 80% -10%,rgba(14,165,233,.14),transparent 60%),radial-gradient(900px 500px at 0% 110%,rgba(45,212,191,.1),transparent 60%),var(--bg);color:var(--ink);min-height:100vh}#root{max-width:760px;margin:0 auto;padding:16px 16px 80px}h1,h2,h3{font-family:Fraunces,Georgia,serif;margin:0 0 8px}h1{font-size:2rem}h2{font-size:1.35rem}h3{font-size:1.05rem}a{color:var(--aqua)}.muted{color:var(--muted);font-size:.92rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.brand{display:flex;align-items:baseline;gap:10px;cursor:pointer}.brand .logo{font-size:1.6rem}.brand .name{font-family:Fraunces,Georgia,serif;font-weight:900;font-size:1.5rem;letter-spacing:.5px;background:linear-gradient(90deg,var(--aqua),var(--aqua2));-webkit-background-clip:text;background-clip:text;color:transparent}.brand .tag{font-size:.75rem;color:var(--muted)}.grid{display:grid;gap:14px}.grid.cols2{grid-template-columns:1fr 1fr}@media (max-width: 640px){.grid.cols2{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card.clickable{cursor:pointer;transition:transform .12s ease,border-color .12s ease}.card.clickable:hover{transform:translateY(-2px);border-color:var(--aqua)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--card2);color:var(--ink);padding:10px 16px;border-radius:12px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .1s ease,border-color .1s ease,opacity .1s ease}.btn:hover{border-color:var(--aqua)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--aqua),var(--aqua2));border:none;color:#04222b}.btn.gold{background:linear-gradient(135deg,#f59e0b,var(--gold));border:none;color:#3a2603}.btn.ghost{background:transparent}.btn.small{padding:6px 10px;font-size:.85rem}.btn.block{width:100%}.btn.rec{background:#7f1d1d;border-color:#b91c1c}.btn.rec.on{animation:pulse 1.2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 10px #ef444400}}input[type=text],textarea,select{width:100%;background:var(--bg2);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:1rem;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--aqua)}textarea{resize:vertical;min-height:110px}label.field{display:block;margin:12px 0}label.field span{display:block;margin-bottom:6px;font-weight:600;font-size:.9rem;color:var(--muted)}.tier-card{border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;gap:14px;align-items:center;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.tier-card:hover{transform:translateY(-2px);border-color:var(--aqua)}.tier-card .icon{font-size:2.2rem}.tier-card .meta{flex:1}.tier-card .meta h3{margin-bottom:2px}.tier-card .lock{font-size:1.4rem}.tier-card.milk .icon{filter:drop-shadow(0 0 8px rgba(224,242,254,.35))}.tier-card.bread .icon{filter:drop-shadow(0 0 8px rgba(253,230,138,.35))}.tier-card.meat .icon{filter:drop-shadow(0 0 8px rgba(252,165,165,.35))}.tier-card.feast{background:linear-gradient(90deg,#e0f2fe0f,#fde68a0f,#fca5a50f);border-color:#fde68a73}.tier-card.feast:hover{border-color:#fbbf24}.tier-card.feast .icon{filter:drop-shadow(0 0 10px rgba(253,230,138,.55));background:linear-gradient(135deg,#e0f2fe2e,#fde68a2e,#fca5a52e);border-radius:12px;padding:6px 10px}.tierchip{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted)}.progressbar{height:8px;border-radius:6px;background:var(--bg2);overflow:hidden;border:1px solid var(--line)}.progressbar>div{height:100%;background:linear-gradient(90deg,var(--aqua),var(--aqua2));transition:width .3s ease}.qhead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.qtext{font-family:Fraunces,Georgia,serif;font-size:1.25rem;line-height:1.5;margin:14px 0}.opts{display:grid;gap:10px}.opt{text-align:left;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--ink);font-family:inherit;font-size:.98rem;cursor:pointer;transition:border-color .12s ease}.opt:hover{border-color:var(--aqua)}.blank-input{font-family:Fraunces,Georgia,serif;font-size:1.2rem;text-align:center;letter-spacing:.4px}.verdict{font-weight:700;margin:12px 0 4px}.verdict.ok{color:var(--ok)}.verdict.bad{color:var(--bad)}.reveal{margin-top:12px;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--bg2)}.reveal .your-answer{color:var(--muted);font-style:italic}.w.hit{color:var(--ok);font-weight:600}.w.miss{color:var(--bad);opacity:.75;text-decoration:line-through;text-decoration-thickness:1px}.scorebar{margin:10px 0}.badges{display:flex;flex-wrap:wrap;gap:12px}.badge{display:flex;flex-direction:column;align-items:center;width:92px;text-align:center;gap:4px}.badge .disc{position:relative;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.7rem;background:radial-gradient(circle at 30% 30%,var(--card2),var(--bg2));border:2px solid var(--line)}.badge .disc.earned{border-color:var(--gold);box-shadow:0 0 14px #fbbf2459}.badge .rank{position:absolute;bottom:-4px;right:-4px;background:var(--gold);color:#3a2603;font-weight:800;font-size:.7rem;border-radius:999px;padding:1px 6px;border:2px solid var(--bg)}.badge .disc.locked{opacity:.35;filter:grayscale(.9)}.badge .bname{font-size:.72rem;font-weight:600}.badge .breq{font-size:.66rem;color:var(--muted)}table.lb{width:100%;border-collapse:collapse;font-size:.92rem}table.lb th{text-align:left;color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.6px;padding:6px 8px}table.lb td{padding:9px 8px;border-top:1px solid var(--line)}table.lb tr.me td{color:var(--aqua);font-weight:700}.tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.tabs .btn.on{border-color:var(--aqua);color:var(--aqua)}.pill{display:inline-block;padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg2);font-size:.82rem;color:var(--muted)}.pill.hot{color:var(--gold);border-color:#fbbf2466}.divider{border:none;border-top:1px solid var(--line);margin:18px 0}.fb{display:flex;gap:8px;align-items:center;margin-top:12px}.fb button{font-size:1.1rem;background:none;border:1px solid var(--line);border-radius:10px;padding:6px 10px;cursor:pointer;color:var(--ink)}.fb button.on-up{border-color:var(--ok)}.fb button.on-down{border-color:var(--bad)}.fb span{font-size:.8rem;color:var(--muted)}.stat{display:flex;flex-direction:column;gap:2px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}.stat b{font-size:1.3rem}.bigresult{text-align:center;padding:22px 12px}.bigresult .pct{font-family:Fraunces,Georgia,serif;font-size:3rem;font-weight:900;background:linear-gradient(90deg,var(--aqua),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.center{text-align:center}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}code.challenge-code{background:var(--bg2);border:1px dashed var(--aqua);padding:4px 10px;border-radius:8px;font-size:1.05rem;letter-spacing:2px;color:var(--aqua);font-weight:700}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.85rem}.row.center{justify-content:center}.consent-banner{position:fixed;left:0;right:0;bottom:0;z-index:45;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:#04101ad9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.consent-banner .card{max-width:620px;margin:0 auto;padding:16px 18px}.hero{position:relative;text-align:center;padding:30px 20px 0;border-radius:calc(var(--radius) + 4px);border-color:#2dd4bf59;background:radial-gradient(560px 260px at 50% -90px,rgba(45,212,191,.2),transparent 70%),radial-gradient(420px 220px at 12% 112%,rgba(14,165,233,.16),transparent 70%),linear-gradient(180deg,#0d2337 0%,var(--bg2) 100%);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(115deg,transparent 0 30px,rgba(45,212,191,.045) 30px 36px);pointer-events:none}.hero>*{position:relative}.hero .wave{font-size:3rem;display:inline-block;filter:drop-shadow(0 8px 22px rgba(45,212,191,.45));animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}.hero h1{font-size:2.25rem;letter-spacing:.3px;background:linear-gradient(90deg,#8ef0e2,var(--aqua2) 60%,#bfe3ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lead{max-width:540px;margin:0 auto 14px}.hero .chip{background:#0ea5e917;border-color:#2dd4bf47}.hero-count{margin:14px auto 0;max-width:520px}.hero-waves{display:block;width:104%;max-width:none;height:44px;margin:18px -2% 0}.hero-waves .w1{fill:#2dd4bf1f;animation:wave-drift 11s ease-in-out infinite alternate}.hero-waves .w2{fill:#0ea5e91a;animation:wave-drift 16s ease-in-out infinite alternate-reverse}@keyframes wave-drift{0%{transform:translate(-26px)}to{transform:translate(26px)}}.milestone{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:milestone-fade 2.2s ease forwards}@keyframes milestone-fade{0%,70%{opacity:1}to{opacity:0}}.milestone-pop{background:linear-gradient(160deg,#062234f5,#04101af5);border:2px solid var(--aqua);border-radius:20px;padding:26px 40px;text-align:center;box-shadow:0 12px 48px #00000080,0 0 0 6px #40c7e01f;animation:milestone-pop .5s cubic-bezier(.2,1.6,.4,1) both}@keyframes milestone-pop{0%{transform:scale(.4) rotate(-4deg);opacity:0}60%{transform:scale(1.08) rotate(1deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.milestone-n{font-size:4rem;font-weight:800;line-height:1;color:var(--aqua);text-shadow:0 0 24px rgba(64,199,224,.55)}.milestone-msg{margin-top:8px;font-size:1.05rem;font-weight:600}.confetti{position:absolute;top:-8%;font-size:1.5rem;animation:confetti-fall 1.6s ease-in both}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(320deg);opacity:.2}}@media (prefers-reduced-motion: reduce){.milestone,.milestone-pop,.confetti,.hero .wave,.hero-waves path{animation:none}}.ad-banner{position:relative;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(120deg,#2dd4bf0f,#0ea5e90f),var(--card);padding:12px 14px;margin-bottom:14px}.ad-banner .ad-icon{font-size:1.7rem}.ad-banner .ad-meta{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ad-banner .ad-meta b{font-size:.92rem}.ad-banner .ad-meta .muted{font-size:.8rem}.ad-tag{position:absolute;top:-8px;right:12px;font-size:.6rem;font-weight:800;letter-spacing:1.2px;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:1px 8px}.partner-card{border-style:dashed}.fb-rate{background:none;border:1px solid var(--line);border-radius:10px;font-size:1.15rem;padding:4px 8px;cursor:pointer;filter:grayscale(1);opacity:.55;transition:transform .1s ease,filter .1s ease}.fb-rate:hover{transform:scale(1.12)}.fb-rate.on{filter:none;opacity:1;border-color:var(--gold)}@media (max-width: 480px){.ad-banner{flex-wrap:wrap}.ad-banner .btn{margin-left:44px}}