:root{--bg:#eef0eb;--ink:#17201b;--muted:#66716a;--line:#d5dad3;--accent:#2f7a55;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#131815;--ink:#e6ebe6;--muted:#8b968f;--line:#2a322d;--accent:#6cc093;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:400 16px/1.55 Google Sans,system-ui,sans-serif}button,input,output{font:inherit;color:inherit}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}main{max-width:1120px;margin:0 auto;padding:48px 20px 40px}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:800;line-height:.95}:lang(si) :is(h1,h2,h3){letter-spacing:0;line-height:1.25}.site{justify-content:space-between;align-items:baseline;gap:16px;max-width:1120px;margin:0 auto;padding:20px 20px 0;display:flex}.brand{font-size:1.75rem;font-weight:800;text-decoration:none}.lang{color:var(--muted);font-size:.9rem;text-decoration:none}.lang:hover{color:var(--ink)}.masthead{margin-bottom:56px}.masthead h1{max-width:9ch;font-size:clamp(2.5rem,7vw,5.5rem)}.lede{max-width:40ch;color:var(--muted);margin:20px 0 0;font-size:1.125rem}.controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-bottom:48px;display:flex}.segmented{border:1px solid var(--line);border-radius:99px;padding:3px;display:inline-flex}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:99px;padding:7px 18px;font-weight:500;transition:background .2s,color .2s}.segmented button[aria-selected=true]{background:var(--ink);color:var(--bg)}.you-input{white-space:nowrap;align-items:center;gap:14px;font-size:.9rem;display:flex}.you-input span{color:var(--muted)}.you-input input{--p:50%;appearance:none;background:linear-gradient(var(--accent), var(--accent)) 0 50% / var(--p) 2px no-repeat, linear-gradient(var(--line), var(--line)) 0 50% / 100% 2px no-repeat, repeating-linear-gradient(90deg, var(--muted) 0 1px, transparent 1px calc((100% - 1px) / 12)) 0 calc(50% + 8px) / 100% 5px no-repeat;cursor:ew-resize;width:clamp(140px,24vw,240px);height:28px;margin:0}.you-input input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:4px;height:22px;box-shadow:0 0 0 4px var(--bg);border:0;border-radius:2px;transition:height .15s,transform .15s}.you-input input::-moz-range-thumb{background:var(--accent);width:4px;height:22px;box-shadow:0 0 0 4px var(--bg);border:0;border-radius:2px;transition:height .15s}.you-input input::-moz-range-track{background:0 0}.you-input input:active::-webkit-slider-thumb{height:28px}.you-input input:active::-moz-range-thumb{height:28px}.you-input input:focus-visible{outline-offset:6px}.you-input output{min-width:8.5em;color:var(--accent);font-weight:600}.you-input em,.guide em{opacity:.7;margin-left:4px;font-style:normal;font-weight:400}.plot{border-bottom:1px solid var(--ink);height:clamp(170px,min(58vh,44vw),540px);margin-bottom:56px;position:relative}.grid{border-top:1px solid var(--line);pointer-events:none;position:absolute;left:0;right:0}.grid span{color:var(--muted);font-size:.75rem;position:absolute;top:4px;left:0}.guide{z-index:1;pointer-events:none;border-top:1px dashed var(--accent);transition:bottom .5s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;right:0}.guide span{background:var(--accent);color:var(--bg);border-radius:4px;padding:2px 8px;font-size:.8rem;font-weight:600;position:absolute;bottom:6px;right:0}.lineup{justify-content:space-evenly;align-items:flex-end;gap:8px;display:flex;position:absolute;inset:0 0 0 3rem}.col{justify-content:center;align-items:flex-end;min-width:0;height:100%;display:flex;position:relative}.fig{justify-content:center;transition:height 1.2s cubic-bezier(.2,.8,.2,1),opacity .3s;display:flex}.fig img,.fig svg{-webkit-user-select:none;user-select:none;width:auto;height:100%;display:block}.silhouette{filter:brightness(0)opacity(.3)}@media (prefers-color-scheme:dark){.silhouette{filter:brightness(0)invert()opacity(.2)}}.you .fig svg{fill:var(--accent)}.has-active .col:not(.on,.you) .fig{opacity:.3}.col-name{white-space:nowrap;padding-top:12px;font-size:.85rem;font-weight:500;position:absolute;top:100%;left:50%;transform:translate(-50%)}.col-name a{text-decoration:none}.col.on .col-name,.you .col-name{color:var(--accent)}.bars{gap:18px;margin-bottom:8px;display:grid}.picker{flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;font-size:.85rem;display:flex}.picker span{color:var(--muted);margin-right:4px}.picker button{border:1px solid var(--line);cursor:pointer;color:var(--muted);background:0 0;border-radius:99px;padding:5px 12px;font-weight:500;transition:background .2s,color .2s,border-color .2s}.picker button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.picker button[aria-pressed=true]:before{content:"✓ ";color:var(--accent)}.bar{grid-template-columns:minmax(6rem,11rem) 1fr 4.5rem;align-items:center;gap:16px;font-size:.9rem;display:grid}.bar-name{font-weight:500}.bar-name a{text-decoration:none}.bar-value{text-align:right}.track{height:12px}.track i{background:var(--ink);border-radius:2px;height:100%;transition:width .9s cubic-bezier(.2,.8,.2,1),opacity .3s;display:block}.has-active .bar:not(.on,.you) i{opacity:.3}.bar.on,.bar.you{color:var(--accent)}.bar.on i,.bar.you i{background:var(--accent)}.readout{max-width:46ch;min-height:3.1em;margin:32px 0 0;font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:500;line-height:1.3}.tiles{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:48px 24px;margin-bottom:112px;display:grid}.tile a{text-decoration:none;display:block}.tile img{aspect-ratio:4/5;object-fit:cover;border-radius:4px;width:100%;margin-bottom:16px;display:block}.tile h3{font-size:1.6rem}.tile a{position:relative}.placeholder{aspect-ratio:4/5;background:var(--line);border-radius:4px;justify-content:center;align-items:flex-end;padding:18% 12% 12%;display:flex}.tile .placeholder{margin-bottom:16px}.placeholder .silhouette{aspect-ratio:auto;object-fit:contain;object-position:bottom;border-radius:0;width:100%;height:100%;margin:0}.memorial{background:#17201bb3;border-radius:50%;place-items:center;width:28px;height:28px;margin:0;font-size:.9rem;line-height:1;display:grid;position:absolute;top:12px;left:12px;box-shadow:0 1px 2px #00000026}.tile a:hover h3{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.region{color:var(--muted);margin:6px 0 0;font-size:.9rem}.numbers{flex-wrap:wrap;gap:8px 28px;margin:18px 0 0;display:flex}.numbers div{flex-direction:column-reverse;display:flex}.numbers dt{color:var(--muted);font-size:.8rem}.numbers dd{margin:0;font-size:1.5rem;font-weight:600;line-height:1.2}.numbers small{color:var(--muted);margin-left:3px;font-size:.6em;font-weight:400}.back{margin-bottom:40px;font-size:.9rem}.back a,.pager a{color:var(--muted);text-decoration:none}.back a:hover,.pager a:hover{color:var(--ink)}.profile{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(24px,5vw,64px);margin-bottom:112px;display:grid}.profile figure{margin:0;position:sticky;top:24px}.profile figure img{aspect-ratio:4/5;object-fit:cover;border-radius:4px;width:100%;display:block}figcaption{color:var(--muted);margin-top:8px;font-size:.75rem}.profile h1{font-size:clamp(2.2rem,5vw,3.5rem)}.profile .numbers{gap:8px 40px;margin-top:32px}.profile .numbers dd{font-size:clamp(2rem,4vw,2.75rem)}.status{max-width:60ch;margin:32px 0 0;font-size:1.1rem}.facts{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px 24px;margin:32px 0 0;padding-top:24px;display:grid}.facts dt{color:var(--muted);font-size:.8rem}.facts dd{margin:2px 0 0;font-size:.95rem;line-height:1.4}.note{max-width:32ch;color:var(--muted);margin:4px 0 0;font-size:.8rem;font-style:italic;line-height:1.35}.pager{border-top:1px solid var(--line);justify-content:space-between;gap:16px;margin-top:96px;padding-top:20px;font-weight:500;display:flex}footer.site{color:var(--muted);padding:0 20px 40px;font-size:.8rem;display:block}footer.site p{max-width:70ch;margin:0 0 6px}footer.site a{color:inherit}code{font-size:.95em}@media (width<=680px){main{padding-top:32px}.masthead{margin-bottom:40px}.profile{grid-template-columns:1fr}.profile figure{position:relative;top:0}.lineup{left:2rem}.you-input{width:100%}.you-input input{flex:1;width:auto}.plot{margin-bottom:80px}.col-name{font-size:.75rem}.col:nth-child(2n) .col-name{padding-top:30px}.bar{grid-template-columns:1fr auto;gap:6px 12px}.track{grid-area:2/1/auto/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}
