:root{--ink:#0c0907;--ink-2:#17110d;--cream:#f6eedf;--cream-dim:#f6eedf9e;--cream-faint:#f6eedf24;--jollof:#ff4a1c;--palm:#ffb627;--plantain:#ffd23f;--kontomire:#1fb57a;--sobolo:#b0195e;--hubtel:#00c2a8;--violet:#8a5cff;--c1:#ff4a1c;--c2:#ffb627;--f-display:"Bricolage Grotesque", system-ui, sans-serif;--f-serif:"Instrument Serif", Georgia, serif;--f-mono:"JetBrains Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:after,:before{box-sizing:border-box}#__nuxt,body,html{height:100%;margin:0}body{background:var(--ink);color:var(--cream);font-family:var(--f-display);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}::selection{background:var(--palm);color:var(--ink)}.atmos{z-index:0;background:radial-gradient(90% 60% at 50% 105%,color-mix(in oklab,var(--c1) 38%,transparent),transparent 70%),radial-gradient(70% 50% at 85% -5%,color-mix(in oklab,var(--c2) 22%,transparent),transparent 70%),var(--ink)}.atmos,.webgl{position:fixed;inset:0}.webgl{z-index:1;width:100%;height:100%;display:block}.vignette{z-index:2;background:radial-gradient(120% 90% at 50% 45%,#0000 45%,#0000008c);inset:0}.grain,.vignette{pointer-events:none;position:fixed}.grain{z-index:50;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(6,end) infinite grain;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.eyebrow{font-family:var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--cream-dim);align-items:center;gap:10px;font-size:11px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:18px;height:1px}.display{font-family:var(--f-display);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:calc(clamp(52px,13vw,128px));font-weight:750;line-height:.88}.display.md{font-size:calc(clamp(42px,10.5vw,96px))}.display.sm{font-size:calc(clamp(34px,8vw,68px));line-height:.95}.serif{font-family:var(--f-serif);letter-spacing:-.01em;font-style:italic;font-weight:400}.lede{color:var(--cream-dim);text-wrap:pretty;max-width:34ch;margin:0;font-size:calc(clamp(17px,2.2vw,21px));line-height:1.4}.lede strong{color:var(--cream);font-weight:600}.mono,.rank-item .meta,.rank-item .pos,.stat .k{font-family:var(--f-mono)}.mono,.num,.stat .v{font-variant-numeric:tabular-nums}.accent{color:var(--c2)}.slide{padding:calc(88px + env(safe-area-inset-top)) 24px calc(40px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;position:absolute;inset:0}.slide,.slide>.inner{flex-direction:column;display:flex}.slide>.inner{gap:22px;width:100%;max-width:560px;margin:0 auto}.slide.split{justify-content:space-between}.glass{-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(160deg,#ffffff17,#ffffff06);border:1px solid #ffffff1f;border-radius:22px;box-shadow:0 30px 80px -30px #0009,inset 0 1px #ffffff14}.stat-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat{flex-direction:column;gap:6px;padding:14px 14px 16px;display:flex}.stat .k{letter-spacing:.16em;text-transform:uppercase;color:var(--cream-dim);font-size:10px}.stat .v{letter-spacing:-.03em;font-size:calc(clamp(22px,5vw,30px));font-weight:700}.rank-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.rank-item{isolation:isolate;border-radius:14px;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:12px 16px;display:grid;position:relative;overflow:hidden}.rank-item .bar{background:linear-gradient(90deg,color-mix(in oklab,var(--c1) 30%,transparent),transparent);z-index:-1;position:absolute;inset:0 auto 0 0}.rank-item .pos{color:var(--cream-dim);font-size:12px}.rank-item .name{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}.rank-item .meta{color:var(--cream-dim);font-size:12px}.btn{pointer-events:auto;letter-spacing:-.01em;background:var(--cream);height:56px;color:var(--ink);transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),background .3s;box-shadow:0 10px 40px -10px color-mix(in oklab,var(--c1) 70%,transparent);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:16px;font-weight:650;display:inline-flex}.btn:hover{box-shadow:0 18px 50px -12px color-mix(in oklab,var(--c1) 90%,transparent);transform:translateY(-2px)scale(1.02)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:progress}.btn.ghost{color:var(--cream);box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff29}.btn.ghost:hover{background:#ffffff1f}.icon-btn{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000040;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:38px;height:38px;transition:background .3s;display:grid}.icon-btn:hover{background:#ffffff1f}.sl{margin-bottom:-.08em;padding-bottom:.08em}@media (prefers-reduced-motion:reduce){.grain{animation:none}}