:root{--color-bg-primary:#ecebe4;--color-bg-surface:#fff;--color-text-primary:#0a0a0a;--color-text-secondary:#666;--color-accent-yellow:#e6ff00;--color-accent-black:#000;--color-border-main:#000;--font-display:"Syne","Founders Grotesk",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"Space Grotesk","Inter",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--border-width-main:2px;--radius-sm:4px;--radius-md:12px;--radius-full:9999px;--shadow-sm:2px 2px 0px #000;--shadow-md:4px 4px 0px #000;--shadow-lg:6px 6px 0px #000;--transition-fast:150ms cubic-bezier(0.2,0.8,0.2,1);--transition-spring:300ms cubic-bezier(0.34,1.56,0.64,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.4}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 0);background-size:32px 32px}.wrap{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--color-bg-surface);border-bottom:var(--border-width-main) solid var(--color-border-main)}.topbar-inner{max-width:1280px;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:flex-end;padding:var(--space-3) var(--space-4)}.icon-btn{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;background:var(--color-bg-surface);border:var(--border-width-main) solid var(--color-border-main);border-radius:var(--radius-full);font-size:18px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.icon-btn:hover{transform:translate(-1px,-1px) scale(1.05);box-shadow:var(--shadow-md)}.icon-btn:active{transform:translate(1px,1px);box-shadow:0 0 0 #000}.topbar-logo{height:42px;width:auto;filter:brightness(0);position:absolute;left:50%;transform:translateX(-50%)}.hero{padding:var(--space-8) 0 var(--space-6);position:relative}.hero-kicker{display:inline-block;font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:var(--color-bg-surface);border:var(--border-width-main) solid var(--color-border-main);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4)}.hero-banner{display:inline-block;background:var(--color-accent-yellow);border:var(--border-width-main) solid var(--color-border-main);box-shadow:var(--shadow-lg);padding:var(--space-4) var(--space-6);transform:rotate(-2.5deg);margin:var(--space-2) 0 var(--space-6)}.hero-banner h1{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,6vw,64px);line-height:.96;text-transform:uppercase;letter-spacing:-.03em}.hero-banner .yr{display:block;font-size:clamp(30px,6vw,64px)}.hero-sub{max-width:560px;color:var(--color-text-secondary);font-size:15px;font-weight:500;margin-bottom:var(--space-6)}.hero-sub b{color:var(--color-text-primary)}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.stat{background:var(--color-bg-surface);border:var(--border-width-main) solid var(--color-border-main);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-4)}.stat .val{font-family:var(--font-mono);font-weight:700;font-size:clamp(22px,3.6vw,34px);line-height:1}.stat .lbl{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);margin-top:var(--space-2)}.stat.hl{background:var(--color-accent-yellow)}.stat.hl .lbl{color:var(--color-text-primary)}.section{padding:var(--space-8) 0 0}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.sec-head h2{font-family:var(--font-display);font-weight:800;font-size:clamp(22px,3.6vw,30px);line-height:1.05;letter-spacing:-.02em;text-transform:uppercase}.sec-head .emoji{margin-right:var(--space-2)}.toggle{display:inline-flex;background:var(--color-bg-surface);border:var(--border-width-main) solid var(--color-border-main);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);padding:3px}.toggle button{font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.03em;border:none;background:transparent;cursor:pointer;color:var(--color-text-secondary);padding:6px 14px;border-radius:var(--radius-full);transition:all var(--transition-fast)}.toggle button.active{background:var(--color-accent-black);color:#fff}.podium{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4);align-items:end;margin-bottom:var(--space-8)}.pod{position:relative;background:var(--color-bg-surface);border:var(--border-width-main) solid var(--color-border-main);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-4);text-align:center;transition:transform var(--transition-spring),box-shadow var(--transition-fast)}.pod:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pod.p1{background:var(--color-accent-yellow);order:2;padding-top:var(--space-6);padding-bottom:var(--space-6)}.pod.p2{order:1}.pod.p3{order:3}.pod .medal{position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:38px;height:38px;border-radius:var(--radius-full);background:var(--color-accent-black);color:#fff;border:var(--border-width-main) solid var(--color-border-main);display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:15px;box-shadow:var(--shadow-sm)}.pod .fire{position:absolute;top:-14px;right:-10px;font-size:26px;transform:rotate(12deg);animation:bob 2.4s ease-in-out infinite}@keyframes bob{0%,to{transform:rotate(12deg) translateY(0)}50%{transform:rotate(12deg) translateY(-6px)}}.pod .ava{width:64px;height:64px;margin:var(--space-4) auto var(--space-3);border-radius:var(--radius-full);border:var(--border-width-main) solid var(--color-border-main);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:22px;background:var(--color-bg-surface);box-shadow:var(--shadow-sm)}.pod.p1 .ava{width:76px;height:76px;font-size:26px}.pod .nm{font-family:var(--font-display);font-weight:700;font-size:15px;line-height:1.1;margin-bottom:var(--space-1)}.pod .pct{font-family:var(--font-mono);font-weight:700;font-size:clamp(26px,4.4vw,40px);line-height:1;letter-spacing:-.02em}.pod .pct small{font-size:.5em;font-weight:500}.pod .kg{font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary);margin-top:var(--space-1)}.pod.p1 .kg{color:#333}.pod .bar-tower{margin-top:var(--space-3);height:10px;background:rgba(0,0,0,.08);border:1.5px solid var(--color-border-main);border-radius:var(--radius-sm);overflow:hidden}.pod .bar-tower i{display:block;height:100%;background:var(--color-accent-black);width:0;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.board{display:flex;flex-direction:column}.board,.card{gap:var(--space-3)}.card{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;grid-gap:var(--space-3);background:var(--color-bg-surface);border:var(--border-width-main) solid var(--color-border-main);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-3) var(--space-4);cursor:pointer;opacity:0;transform:translateY(20px);transition:transform var(--transition-spring),box-shadow var(--transition-fast),background var(--transition-fast)}.card.in{opacity:1;transform:translateY(0)}.card:hover{transform:translate(-2px,-2px)}.card.open,.card:hover{box-shadow:var(--shadow-md)}.card.open{background:var(--color-accent-yellow)}.card .rank{font-family:var(--font-mono);font-weight:700;font-size:15px;color:var(--color-text-secondary);width:34px;text-align:center}.card.open .rank{color:var(--color-text-primary)}.card .ava{width:44px;height:44px;border-radius:var(--radius-full);border:var(--border-width-main) solid var(--color-border-main);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:15px;background:var(--color-bg-primary);flex:0 0 auto}.card.open .ava{background:var(--color-bg-surface)}.card .who{min-width:0}.card .who .nm{font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .who .meta{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);margin-top:2px}.card.open .who .meta{color:#333}.spark{width:120px;height:40px;flex:0 0 auto}.spark svg{display:block;width:100%;height:100%;overflow:visible}.pill{font-family:var(--font-mono);font-weight:700;font-size:14px;background:var(--color-accent-black);color:#fff;border:var(--border-width-main) solid var(--color-border-main);border-radius:var(--radius-sm);padding:6px 10px;white-space:nowrap;box-shadow:var(--shadow-sm);min-width:74px;text-align:center}.pill.neg{background:var(--color-bg-surface);color:var(--color-text-primary);background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.12) 0 4px,transparent 4px 8px)}.card.open .pill{box-shadow:2px 2px 0 rgba(0,0,0,.5)}.detail{grid-column:1/-1;overflow:hidden;max-height:0;transition:max-height .4s cubic-bezier(.2,.8,.2,1)}.card.open .detail{max-height:320px}.detail-inner{padding:var(--space-4) 0 var(--space-2);border-top:2px dashed rgba(0,0,0,.35);margin-top:var(--space-3)}.wk{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-2);gap:var(--space-2)}.wk .cell{background:hsla(0,0%,100%,.75);border:1.5px solid var(--color-border-main);border-radius:var(--radius-sm);padding:var(--space-2);text-align:center}.wk .cell .d{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#555}.wk .cell .w{font-weight:700;font-size:18px}.wk .cell .delta,.wk .cell .w{font-family:var(--font-mono);margin-top:2px}.wk .cell .delta{font-size:10px;font-weight:600}.big-spark{margin-top:var(--space-3);height:70px}.chart{background:var(--color-bg-surface);border:var(--border-width-main) solid var(--color-border-main);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-6) var(--space-4)}.chart-row{display:grid;grid-template-columns:150px 1fr 60px;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-3)}.chart-row .cname{font-family:var(--font-mono);font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.track{position:relative;height:22px;background:rgba(0,0,0,.05);border:1.5px solid var(--color-border-main);border-radius:var(--radius-sm);overflow:hidden}.track .zero{position:absolute;top:-2px;bottom:-2px;width:2px;background:rgba(0,0,0,.35)}.track .fill{position:absolute;top:0;bottom:0;background:var(--color-accent-black);width:0;transition:width .9s cubic-bezier(.34,1.56,.64,1)}.track .fill.top{background:var(--color-accent-yellow);border-right:2px solid #000}.track .fill.neg{background-image:repeating-linear-gradient(45deg,#000 0 4px,transparent 4px 8px);background-color:transparent}.chart-row .cpct{font-family:var(--font-mono);font-weight:700;font-size:13px;text-align:left}.foot{padding:var(--space-8) 0 var(--space-8);color:var(--color-text-secondary);font-size:13px}.formula{display:inline-block;background:var(--color-bg-surface);border:var(--border-width-main) solid var(--color-border-main);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:13px;color:var(--color-text-primary);margin-bottom:var(--space-4)}.formula b{background:var(--color-accent-yellow);padding:1px 4px}.updated{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);margin-top:var(--space-3)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.reveal.in{opacity:1;transform:none}:focus-visible{outline:2px solid var(--color-accent-yellow);outline-offset:2px;box-shadow:0 0 0 4px var(--color-border-main)}@media (max-width:820px){.stats{grid-template-columns:repeat(2,1fr)}.podium{grid-template-columns:1fr}.pod.p1,.pod.p2,.pod.p3{order:0}.spark{display:none}.chart-row{grid-template-columns:96px 1fr 48px}.chart-row .cname{font-size:11px}.card{grid-template-columns:auto auto 1fr auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.card,.reveal{opacity:1;transform:none}}