@font-face{font-family:rajdhani;src:url(../media/rajdhani_500-s.p.17xl-1x258jw7.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:rajdhani;src:url(../media/rajdhani_600-s.p.44429yc8lpv97.woff2)format("woff2");font-display:swap;font-weight:600}@font-face{font-family:rajdhani;src:url(../media/rajdhani_700-s.p.1ugh377nth0yw.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:rajdhani Fallback;src:local(Arial);ascent-override:101.02%;descent-override:37.58%;line-gap-override:0.0%;size-adjust:92.06%}._7pkZ_a_className{font-family:rajdhani,rajdhani Fallback}._7pkZ_a_variable{--font-rajdhani:"rajdhani", "rajdhani Fallback"}
@font-face{font-family:urbanist;src:url(../media/urbanist-s.p.1w7lmqb1yqvf6.woff2)format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:urbanist Fallback;src:local(Arial);ascent-override:94.08%;descent-override:24.76%;line-gap-override:0.0%;size-adjust:100.98%}.IpBrHa_className{font-family:urbanist,urbanist Fallback}.IpBrHa_variable{--font-urbanist:"urbanist", "urbanist Fallback"}
:root,:root[data-theme=dark]{--font:var(--font-urbanist), ui-sans-serif, system-ui, sans-serif;--font-display:var(--font-rajdhani), ui-sans-serif, system-ui, sans-serif;--bg:#111412;--mesh-a:#c8431f47;--mesh-b:#2f5c5080;--mesh-c:#f2c94c1a;--glass:#ffffff0d;--glass-2:#ffffff16;--glass-3:#222624;--solid:#1c201e;--well:#ffffff0f;--line:#ffffff14;--line-2:#ffffff29;--rim:#ffffff12;--shadow-pop:0 24px 60px -18px #000000b3, 0 0 0 1px #ffffff14;--text:#f1eee8;--muted:#a3a6a0;--faint:#7d807b;--cream:#fbf8f2;--butter:#f2c94c;--on-butter:#17191a;--pine:#2f5c50;--on-pine:#fbf8f2;--tomato:#d8532d;--on-tomato:#fbf8f2;--ink:#f1eee8;--on-ink:#17191a;--plain:#ffffff12;--on-plain:#f1eee8;--good:#6cc59a;--bad:#f08a68;--pill:#f1eee8;--on-pill:#17191a;--cut:14px;--cut-sm:8px;--r-art:12px;--edge-panel:var(--line-2);--glow:drop-shadow(0 0 1px var(--butter)) drop-shadow(0 0 12px color-mix(in srgb, var(--butter) 55%, transparent));--drop-pop:drop-shadow(0 18px 30px #0009);--gap:16px;--gutter:clamp(16px, 1.6vw, 28px);--app-max:1840px;--ease:cubic-bezier(.2, .8, .2, 1);--hex:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font:400 16px/1.5 var(--font);-webkit-font-smoothing:antialiased}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 10% 0%, var(--mesh-b), transparent 70%), radial-gradient(50% 45% at 90% 10%, var(--mesh-a), transparent 70%), radial-gradient(40% 40% at 50% 100%, var(--mesh-c), transparent 70%);position:fixed;inset:0}img{max-width:100%;height:auto;display:block}button,input,select{font:inherit;color:inherit}a{color:inherit}h1,h2,h3,p,blockquote,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}.skip{inset-inline-start:8px;background:var(--ink);color:var(--on-ink);z-index:100;padding:8px 12px;position:absolute;top:-48px}.skip:focus{top:8px}:focus-visible{outline:2px solid var(--text);outline-offset:2px}h1[tabindex="-1"]:focus{outline:none}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[aria-disabled=true]{cursor:not-allowed}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.cut,.panel,.btn,.pill,.stat,.field__box,.ibtn{--c:var(--cut);clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));position:relative}.panel:before,.btn--ghost:before,.stat:before,.pill:before,.field__box:before{content:"";pointer-events:none;z-index:1;background:var(--edge-color,var(--edge-panel));clip-path:polygon(evenodd, var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c), calc(var(--c) + 1px) 1px, 1px 1px, 1px calc(100% - 1px), calc(100% - var(--c) - 1px) calc(100% - 1px), calc(100% - 1px) calc(100% - var(--c) - 1px), calc(100% - 1px) 1px);position:absolute;inset:0}.panel{background:var(--glass);flex-direction:column;gap:14px;padding:18px 20px;display:flex}.panel:after{content:"";background:var(--rim);pointer-events:none;height:1px;position:absolute;inset:0 0 auto}.panel__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel__title{letter-spacing:.08em;color:var(--text);align-items:center;gap:8px;font-size:15px;display:inline-flex}.panel__title svg{color:var(--good)}.panel--current .panel__title:after{content:"";background:var(--butter);width:24px;height:2px;margin-inline-start:4px;display:block}.panel__action{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--good);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.panel__action a{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.btn{--c:var(--cut-sm);white-space:nowrap;min-height:44px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;color:var(--text);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.btn--ink{background:var(--ink);color:var(--on-ink)}.btn--ink:hover{background:color-mix(in srgb, var(--ink) 88%, var(--bg))}.btn--butter{background:var(--butter);color:var(--on-butter)}.btn--butter:hover{background:color-mix(in srgb, var(--butter) 90%, var(--bg))}.btn--ghost{--edge-color:var(--line-2);color:var(--text)}.btn--ghost:hover{background:var(--well)}.btn--big{--c:14px;letter-spacing:.14em;min-height:56px;clip-path:polygon(var(--c) 0, calc(100% - var(--c)) 0, 100% 50%, calc(100% - var(--c)) 100%, var(--c) 100%, 0 50%);padding:0 44px;font-size:18px}.btn:focus-visible{outline:2px solid var(--text);outline-offset:-4px}.btn--ink:focus-visible,.btn--butter:focus-visible{outline-color:var(--on-ink)}.ibtn{--c:6px;cursor:pointer;width:40px;height:40px;color:var(--text);background:0 0;border:0;place-items:center;text-decoration:none;display:inline-grid}.ibtn:hover{background:var(--well)}.ibtn:focus-visible{outline-offset:-3px}.ibtn__dot{background:var(--tomato);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}@media (pointer:coarse){.ibtn{width:44px;height:44px}}.hexw{width:var(--hs);height:var(--hs);flex:none;display:inline-block}.hexw--glow{filter:var(--glow)}.hex{width:100%;height:100%;clip-path:var(--hex);background:var(--line-2);padding:1.5px;display:block}.hex__in{width:100%;height:100%;clip-path:var(--hex);background:var(--solid);color:var(--text);justify-content:center;align-items:center;display:flex}.hex--good{background:var(--good)}.hex--good .hex__in{color:var(--good)}.hex--butter{background:var(--butter)}.hex--butter .hex__in{color:var(--butter)}.hex--tomato{background:var(--tomato)}.hex--tomato .hex__in{color:var(--bad)}.hex--pine{background:var(--pine)}.hex--pine .hex__in{color:var(--good)}.hex--ink{background:var(--ink)}.hex--ink .hex__in{color:var(--text)}.hex--muted{background:var(--line-2)}.hex--muted .hex__in{color:var(--faint)}.hexw--fill .hex--butter .hex__in{background:var(--butter);color:var(--on-butter)}.hexw--fill .hex--good .hex__in{background:var(--good);color:var(--on-butter)}.hexw--fill .hex--ink .hex__in{background:var(--ink);color:var(--on-ink)}.pill{--c:6px;background:var(--plain);min-height:24px;color:var(--on-plain);white-space:nowrap;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.pill:before{background:var(--edge-color,transparent)}.pill--good{--edge-color:color-mix(in srgb, var(--good) 50%, transparent);color:var(--good);background:color-mix(in srgb, var(--good) 12%, transparent)}.pill--butter{background:var(--butter);color:var(--on-butter)}.pill--bad{--edge-color:color-mix(in srgb, var(--tomato) 60%, transparent);color:var(--bad);background:color-mix(in srgb, var(--tomato) 14%, transparent)}.pill--muted{--edge-color:var(--line-2);color:var(--muted);background:0 0}.pill--ink{background:var(--ink);color:var(--on-ink)}.pill__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.meter{background:var(--well);border-radius:999px;width:100%;height:6px;overflow:hidden}.meter__fill{width:100%;height:100%;transform:scaleX(var(--pct));transform-origin:0;background:var(--good);border-radius:inherit;display:block}.meter--butter .meter__fill{background:var(--butter)}.ring{display:block}.ring__track{fill:none;stroke:var(--well);stroke-width:8px}.ring__fill{fill:none;stroke:var(--good);stroke-width:8px;stroke-linecap:round;transform-origin:50%;transform:rotate(-90deg)}.ring__text{fill:var(--text);font-family:var(--font-display);font-size:22px;font-weight:700}.avatar{width:var(--as);height:var(--as);background:var(--glass-2);box-shadow:0 0 0 2px var(--line-2);border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;object-position:50% 15%;width:100%;height:100%}.avatar--butter{box-shadow:0 0 0 2px var(--butter)}.avatar--good{box-shadow:0 0 0 2px var(--good)}.avatar--tomato{box-shadow:0 0 0 2px var(--tomato)}.avatar__init{font-family:var(--font-display);font-weight:700;font-size:calc(var(--as) * .38);color:var(--text)}.stat{--c:10px;background:var(--glass);--edge-color:var(--line);gap:12px;padding:14px;display:flex}.stat__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.stat__label{color:var(--muted);font-size:13px}.stat__value{align-items:baseline;gap:8px;font-size:26px;line-height:1;display:flex}.stat__value small{font:500 14px/1 var(--font);color:var(--muted);text-transform:none;letter-spacing:0}.stat__delta{font:600 12px/1 var(--font);color:var(--good);letter-spacing:0;align-items:center;gap:2px;display:inline-flex}.stat__sub{color:var(--muted);font-size:12px}.art{border-radius:var(--r-art);box-shadow:0 0 0 1px var(--line);background:var(--well);position:relative;overflow:hidden}.art img{object-fit:cover;width:100%;height:100%}.art:after{content:"";pointer-events:none;position:absolute;inset:0}.art--fade-start:after{background:linear-gradient(90deg, var(--bg) 0%, transparent 55%)}.art--fade-end:after{background:linear-gradient(270deg, var(--bg) 0%, transparent 55%)}.art--fade-bottom:after{background:linear-gradient(0deg, var(--bg) 0%, transparent 60%)}.scene{z-index:-1;position:absolute;inset:0;overflow:hidden}.scene img{object-fit:cover;opacity:.55;width:100%;height:100%}.scene:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 70%, transparent), var(--bg) 92%);position:absolute;inset:0}.field__box{--c:var(--cut-sm);background:var(--glass-2);color:var(--muted);--edge-color:var(--line-2);align-items:center;gap:8px;display:flex}.field__box input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.field__box input::placeholder{color:var(--faint)}.field__box:focus-within{--edge-color:var(--butter)}.eyebrow{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--good);font-size:12px;font-weight:600}.h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(32px,3vw,48px);font-weight:700;line-height:1.1}.h2{font-family:var(--font-display);text-transform:uppercase;font-size:32px;font-weight:600;line-height:40px}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:700}.muted{color:var(--muted)}.faint{color:var(--faint)}.good{color:var(--good)}.bad{color:var(--bad)}.butter{color:var(--butter)}.app{grid-template-columns:minmax(0,1fr);min-height:100vh;display:grid}.app--top{grid-template-rows:auto 1fr}.app--side{grid-template-rows:auto 1fr;grid-template-columns:220px minmax(0,1fr)}.app--side .toprow{grid-column:1/-1}.app--side .side{grid-area:2/1}.app--side main{grid-area:2/2}.topbar,.toprow{min-height:64px;padding:0 var(--gutter);background:color-mix(in srgb, var(--bg) 80%, transparent);border-bottom:1px solid var(--line);z-index:10;align-items:center;gap:24px;display:flex;position:sticky;top:0}.logo{color:var(--good);flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo__text{flex-direction:column;line-height:1;display:flex}.logo__name{letter-spacing:.12em;color:var(--text);font-size:22px}.logo__tag{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:10px;font-weight:600;line-height:1.4}.tabs{scrollbar-width:none;gap:6px;min-width:0;margin-inline:auto;display:flex;overflow-x:auto}.tabs__tab{letter-spacing:.14em;min-height:44px;color:var(--muted);white-space:nowrap;align-items:center;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.tabs__tab:hover,.tabs__tab.is-active{color:var(--text)}.tabs__tab.is-active:after{content:"";background:var(--good);height:2px;position:absolute;bottom:4px;left:12px;right:12px}.tabs__tab.is-active:before{content:"";background:var(--butter);border-radius:50%;width:6px;height:6px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cluster{flex:none;align-items:center;gap:14px;margin-inline-start:auto;display:flex}.cluster__search{width:clamp(180px,15vw,280px);height:36px;padding:0 12px;font-size:13px}.cluster__search kbd{font:600 11px/1 var(--font);background:var(--well);color:var(--muted);border-radius:4px;padding:3px 6px}.cluster__me{align-items:center;gap:10px;text-decoration:none;display:flex}.cluster__who{flex-direction:column;line-height:1.15;display:flex}.cluster__name{font-size:14px;font-weight:700}.cluster__rank{color:var(--butter);font-size:12px}.cluster__lvl{min-width:40px;height:32px;color:var(--good);background:var(--glass-2);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--good) 40%, transparent);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,6px 100%,0 50%);place-items:center;padding:0 6px;font-size:15px;display:inline-grid}.cluster__cur{align-items:center;gap:6px;font-size:14px;display:inline-flex}.side{border-inline-end:1px solid var(--line);background:color-mix(in srgb, var(--bg) 60%, transparent);flex-direction:column;padding:16px 0;display:flex}.side__list{flex-direction:column;gap:4px;display:flex}.side__item{min-height:48px;color:var(--muted);align-items:center;gap:14px;padding:0 24px;font-size:14px;font-weight:600;text-decoration:none;display:flex;position:relative}.side__item:hover{color:var(--text);background:var(--well)}.side__item.is-active{color:var(--text);background:linear-gradient(90deg, color-mix(in srgb, var(--butter) 14%, transparent), transparent)}.side__item.is-active:before{content:"";inset-inline-start:0;background:var(--butter);width:3px;position:absolute;top:8px;bottom:8px}.side__item.is-active svg{color:var(--butter)}.side__motto{letter-spacing:.3em;color:var(--muted);margin:auto 24px 24px;font-size:11px;line-height:1.9}main{padding:24px var(--gutter) 40px;max-width:var(--app-max);width:100%;margin-inline:auto;position:relative}.soon{justify-items:start;gap:18px;max-width:640px;padding-top:10vh;display:grid}@media (max-width:1600px){.tabs__tab{padding:0 12px}.tabs__tab.is-active:after{left:8px;right:8px}}@media (max-width:1400px){.topbar:has(.cluster__search){flex-wrap:wrap;column-gap:16px}.topbar:has(.cluster__search) .tabs{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);border-top:1px solid var(--line);flex:1 0 100%;order:3}}@media (max-width:1200px){.topbar{flex-wrap:wrap;column-gap:16px}.topbar .tabs{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);border-top:1px solid var(--line);flex:1 0 100%;order:3}}@media (max-width:900px){.app--side{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr)}.app--side .side{scrollbar-width:none;border:0;border-bottom:1px solid var(--line);flex-direction:row;grid-area:2/1;padding:0;overflow-x:auto}.app--side main{grid-area:3/1}.side__list{flex-direction:row;gap:0}.side__item{white-space:nowrap;gap:8px;min-height:44px;padding:0 14px;font-size:13px}.side__item.is-active{background:linear-gradient(0deg, color-mix(in srgb, var(--butter) 14%, transparent), transparent)}.side__item.is-active:before{width:auto;height:3px;inset:auto 8px 0}.side__motto,.side__settings,.cluster__search,.cluster__who{display:none}}@media (max-width:600px){.topbar,.toprow{gap:12px}.cluster{gap:8px}.logo__tag,.cluster__cur,.cluster__lvl{display:none}}
