@font-face{font-family:VCR;src:url(/assets/VCR_OSD_MONO_1.001-Ceif2qmb.ttf) format("truetype");font-display:swap}@font-face{font-family:Roboto-Mono;src:url(/assets/RobotoMono-Regular-CBo0Sm2n.ttf) format("truetype");font-display:swap}@font-face{font-family:Roboto-Mono-Bold;src:url(/assets/RobotoMono-Bold-CheSjNdw.ttf) format("truetype");font-display:swap}html,body,#root{margin:0;padding:0;background:#000;box-sizing:border-box;color:var(--color-text-default)}*,*:before,*:after{box-sizing:inherit}.app{width:100%;height:100dvh;display:flex;flex-direction:column;background-image:url(/assets/background-Bt84QkNk.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:var(--space-6);padding-bottom:var(--space-2)}.title{width:100%;max-height:70px;margin-bottom:var(--space-4);display:flex;justify-content:center;align-items:center;gap:var(--space-4)}.title>img{max-width:100%;height:100%}.title>span{font-size:var(--font-size-title);font-family:VCR;text-transform:uppercase}.main{height:100%;width:100%;display:flex;justify-content:space-between;gap:var(--space-4);overflow:hidden}.left-column{display:grid;flex:25%;height:100%;max-width:600px}.right-column{height:100%;flex:75%;display:flex;flex-direction:column;position:relative}.bottom{position:absolute;left:var(--space-6);right:var(--space-6);bottom:var(--space-3);margin-top:var(--space-3);height:40px;font-family:Roboto;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:space-between;z-index:3}.intrface-logo{height:100%;display:flex;align-items:center;gap:var(--space-4)}.intrface-logo img{height:100%}:root{--swatch-brand: #ffbd59;--swatch-brand-20: rgba(255, 189, 89, .2);--swatch-neutral-100: #ffffff;--swatch-neutral-100-50: rgba(255, 255, 255, .5);--swatch-neutral-100-20: rgba(255, 255, 255, .2);--swatch-neutral-150: #eeeeee;--swatch-neutral-200: #e2e2e2;--swatch-neutral-300: #d7d7d7;--swatch-neutral-400: #bfbfbf;--swatch-neutral-500: #8a8a8a;--swatch-neutral-500-50: rgba(138, 138, 138, .5);--swatch-neutral-600: #373737;--swatch-neutral-600-50: rgba(55, 55, 55, .5);--swatch-neutral-700: #212121;--swatch-neutral-700-50: rgba(33, 33, 33, .5);--swatch-neutral-800: #151515;--swatch-neutral-800-50: rgba(21, 21, 21, .5);--swatch-neutral-850: #0f0f0f;--swatch-neutral-900: #050505;--swatch-neutral-900-85: rgba(5, 5, 5, .85);--swatch-neutral-900-20: rgba(5, 5, 5, .2);--swatch-neutral-950: #000000;--swatch-neutral-950-50: rgba(0, 0, 0, .5);--swatch-neutral-950-20: rgba(0, 0, 0, .2);--swatch-success: #00ff00;--swatch-failure: #ff0000;--space-1: .1875rem;--space-2: .375rem;--space-3: .625rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 3rem;--border-small: .5px;--border-main: 1.5px;--border-large: 3px;--radius-xsmall: .1875rem;--radius-small: .375rem;--radius-main: .625rem;--radius-large: 1.5rem;--radius-round: 100vw;--font-primary: "Roboto", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--font-secondary: "United Kingdom, regular";--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-size-80: .625rem;--font-size-90: .75rem;--font-size-100: .875rem;--font-size-200: 1rem;--font-size-300: 1.25rem;--font-size-400: 1.5rem;--font-size-500: 2rem;--font-size-title: var(--font-size-500);--font-size-h1: var(--font-size-300);--font-size-h2: var(--font-size-200);--font-size-h3: var(--font-size-100);--font-size-h4: var(--font-size-90);--font-size-h5: var(--font-size-90);--font-size-h6: var(--font-size-90);--font-size-body: var(--font-size-100);--font-size-body-large: var(--font-size-200);--font-size-button: var(--font-size-100);--font-size-input: var(--font-size-100);--font-size-label: var(--font-size-100);--font-size-description: var(--font-size-90);--font-size-tiny: var(--font-size-80);--font-size-tab: var(--font-size-100)}:root,[data-theme=dark],[data-theme=light] [data-theme=invert]{--color-primary: var(--swatch-brand);--color-primary-muted: var(--swatch-brand-20);--color-background: var(--swatch-neutral-900);--color-background-translucent: var(--swatch-neutral-900-85);--color-ghost: var(--swatch-neutral-850);--color-surface: var(--swatch-neutral-800);--color-surface-muted: var(--swatch-neutral-700);--color-border: var(--swatch-neutral-600);--color-text-default: var(--swatch-neutral-100);--color-text-secondary: var(--swatch-neutral-500);--color-text-muted: var(--swatch-neutral-600);--color-text-button: var(--swatch-neutral-900);--color-focus: var(--swatch-neutral-500);--color-action-quiet: var(--swatch-neutral-500-50);--color-shadow-main: var(--swatch-neutral-900-85);--color-shadow-medium: var(--swatch-neutral-950-50);--color-shadow-light: var(--swatch-neutral-950-20);--color-overlay: var(--swatch-neutral-950-50);--color-asset-background: var(--swatch-neutral-950-50);--color-asset-outline: var(--swatch-neutral-500);--color-success: var(--swatch-success);--color-failure: var(--swatch-failure);--color-brand-primary: var(--color-text-default);--color-brand-secondary: var(--color-surface);--color-brand-accent: var(--color-primary);--color-rank-gold: var(--swatch-brand);--color-rank-silver: var(--swatch-neutral-500);--color-rank-bronze: color-mix(in srgb, var(--swatch-brand), var(--swatch-neutral-950));--color-rank-text: var(--swatch-neutral-950);--shadow-background-raised: 0 0 10px 1px var(--color-shadow-main);--shadow-main: 0 0px 2px var(--color-shadow-main), 0 3px 10px var(--color-shadow-medium), 0 5px 20px var(--color-shadow-light);--shadow-strong: 0 1px 3px var(--color-shadow-main), 0 5px 15px var(--color-shadow-medium), 0 10px 30px var(--color-shadow-light);--filter-shadow-main: drop-shadow(0 0px 2px var(--color-shadow-main)) drop-shadow(0 3px 10px var(--color-shadow-medium)) drop-shadow(0 5px 20px var(--color-shadow-light))}.leaderboard-row{width:100%;padding:var(--space-2) var(--space-8) var(--space-2) 0;position:relative;font-size:var(--font-size-h1);font-family:Roboto-Mono}.leaderboard-row:before{content:"";position:absolute;top:0;left:2.5rem;right:0;bottom:0;border-radius:var(--radius-main);background:linear-gradient(to right,var(--color-surface),var(--color-background))}.leaderboard-row.rank-1:before{background:linear-gradient(to right,color-mix(in srgb,color-mix(in srgb,var(--color-surface),var(--color-rank-gold) 10%) 85%,transparent),var(--color-ghost) 40%,var(--color-background) 70%,var(--color-background-translucent)) padding-box,linear-gradient(-15deg,color-mix(in srgb,var(--color-rank-gold) 50%,transparent) 15%,transparent 40%,transparent 60%,color-mix(in srgb,var(--color-rank-gold) 50%,transparent) 85%) border-box;border:var(--border-main) solid transparent;background-size:100% 100%,200% 200%;background-position:0 0,0 0;background-repeat:no-repeat,no-repeat;animation:backgroundGlow 10s ease-in-out infinite alternate}.leaderboard-row.rank-2:before{background:linear-gradient(to right,color-mix(in srgb,color-mix(in srgb,var(--color-surface),var(--color-rank-silver) 10%) 85%,transparent),var(--color-ghost) 30%,var(--color-background) 70%,var(--color-background-translucent)) padding-box,linear-gradient(-15deg,color-mix(in srgb,var(--color-rank-silver) 50%,transparent) 15%,transparent 40%,transparent 60%,color-mix(in srgb,var(--color-rank-silver) 50%,transparent) 85%) border-box;border:var(--border-main) solid transparent;background-size:100% 100%,200% 200%;background-position:0 0,0 0;background-repeat:no-repeat,no-repeat;animation:backgroundGlow 10s ease-in-out infinite alternate}.leaderboard-row.rank-3:before{background:linear-gradient(to right,color-mix(in srgb,color-mix(in srgb,var(--color-surface),var(--color-rank-bronze) 10%) 85%,transparent),var(--color-ghost) 30%,var(--color-background) 70%,var(--color-background-translucent)) padding-box,linear-gradient(-15deg,color-mix(in srgb,var(--color-rank-bronze) 50%,transparent) 15%,transparent 40%,transparent 60%,color-mix(in srgb,var(--color-rank-bronze) 50%,transparent) 85%) border-box;border:var(--border-main) solid transparent;background-size:100% 100%,200% 200%;background-position:0 0,0 0;background-repeat:no-repeat,no-repeat;animation:backgroundGlow 10s ease-in-out infinite alternate}@keyframes backgroundGlow{0%{background-position:0 0,0% 0%}to{background-position:0 0,100% 100%}}.leaderboard-row>*{z-index:1}.leaderboard-row__trend{font-size:var(--font-size-h2)}.up{color:#4caf50;color:var(--color-success)}.down{color:#f44336;color:var(--color-failure)}.neutral{color:var(--color-text-secondary)}.leaderboard-row__rank{position:relative;width:2rem;height:2rem;background:var(--color-surface-muted);border-radius:var(--radius-round);box-shadow:var(--shadow-main);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-weight:var(--font-weight-bold);font-size:var(--font-size-h2);line-height:1}.leaderboard-row.rank-1 .leaderboard-row__rank{background-color:var(--color-rank-gold);color:var(--color-rank-text)}.leaderboard-row.rank-2 .leaderboard-row__rank{background-color:var(--color-rank-silver);color:var(--color-rank-text)}.leaderboard-row.rank-3 .leaderboard-row__rank{background-color:var(--color-rank-bronze);color:var(--color-rank-text)}.leaderboard-row__rank>svg{color:var(--color-rank-gold);position:absolute;width:75%;top:-2px;left:50%;transform:translate(-70%,-100%) rotate(-10deg)}.leaderboard-row__avatar{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;position:relative;filter:var(--filter-shadow-main)}.leaderboard-row__avatar>div{width:4rem;height:4rem;position:absolute}.leaderboard-row__avatar>div>img{width:100%;height:100%;border-radius:var(--radius-round);padding:.25rem}.leaderboard-row__username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-row__metric{text-align:right}.leaderboard-row__metric--points{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.leaderboard-row__metric-icon{width:1rem;height:1rem;color:var(--color-text-secondary)}.metric{color:#fff;line-height:16px;word-wrap:break-word}.leaderboard-grid{display:grid;grid-template-columns:.75rem 2rem 3rem 2fr 1fr 1fr 1fr;align-items:center;gap:var(--space-4)}.leaderboard{position:relative;width:100%;height:100%;display:flex;flex-direction:column;border-radius:var(--radius-large);border:var(--border-main) solid var(--color-border);background:var(--color-background);box-shadow:var(--shadow-main);overflow:hidden}.leaderboard:after{content:"";position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(to top,var(--color-background) 50px,transparent);z-index:2}.leaderboard__header{padding:var(--space-4) calc(var(--space-8) + var(--space-4)) 0 var(--space-4);font-size:var(--font-size-h1);font-weight:var(--font-weight-medium);font-family:VCR;text-transform:uppercase;text-align:right;line-height:1}.leaderboard__body{width:100%;height:100%;display:flex;flex-direction:column;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-4);gap:var(--space-2);position:relative;overflow:hidden}.connected{background:#4caf50;color:#fff}.disconnected{background:#f44336;color:#fff}.error{background:#ffebee;color:#c62828;padding:1rem;border-radius:4px;margin-bottom:1rem;font-weight:500}.reward-display{width:100%;height:100%;padding:var(--space-4);border-radius:var(--radius-large);border:var(--border-main) solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:var(--color-background);box-shadow:var(--shadow-main);gap:var(--space-4)}.reward-display__header{width:100%;font-size:var(--font-size-h1);font-weight:var(--font-weight-medium);font-family:VCR;color:var(--color-text-default);text-align:center;text-transform:uppercase;line-height:1}.reward-display__content{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(auto-fill,minmax(min-content,1fr));gap:var(--space-4)}.reward-display__reward{width:100%;padding:var(--space-3);background-color:var(--color-surface);border-radius:var(--radius-main);display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:var(--space-2);font-family:Roboto-Mono;font-size:var(--font-size-h2);text-align:center}.reward-display__reward>img{max-width:80%;height:auto;aspect-ratio:1/1;object-fit:contain;flex:1 1 auto}.frosted-shape{position:absolute;inset:calc(0px - var(--border-small));transform:translate(calc(var(--border-main) / 2),calc(var(--border-main) / 2));background:var(--frost-tint);backdrop-filter:blur(var(--frost-blur));-webkit-backdrop-filter:blur(var(--frost-blur));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;pointer-events:none}.empty-mod__shell{position:relative;width:100%;height:100%;isolation:isolate}.empty-mod__shell>svg{width:100%;height:100%;overflow:visible}.empty-mod__stroke{position:absolute;width:100%;height:100%;left:0;top:0;overflow:visible}.empty-mod__shadow{position:absolute;width:100%;height:100%;left:0;top:0;pointer-events:none;z-index:0;overflow:visible}.skeleton{position:relative;pointer-events:none;overflow:hidden;background-color:var(--color-surface)}.skeleton.is-block{width:100%;height:5rem}.skeleton.is-circle{border-radius:var(--radius-round);aspect-ratio:1/1}.skeleton.is-text{height:var(--font-size-body);margin-bottom:calc(var(--font-size-body) * .35);border-radius:var(--radius-xsmall)}.skeleton.is-header{height:var(--font-size-h1);margin:calc(var(--font-size-h1) * .25) 0;border-radius:var(--radius-xsmall)}.skeleton.is-pill{border-radius:var(--radius-round);height:2rem;width:6rem}.skeleton-card{display:flex;flex-direction:column;justify-content:center;width:100%;pointer-events:none}.skeleton-card>.skeleton:first-child{border-radius:var(--radius-main)}.skeleton-card>.skeleton:last-child{border-radius:var(--radius-small);margin:calc(1rem - var(--height-infobar)) auto 0}.skeleton:after{content:"";position:absolute;height:100%;width:200%;background:linear-gradient(to right,transparent,var(--color-surface-muted) 40%,var(--color-surface-muted) 60%,transparent);top:0;left:0;transform:translate(-100%);animation:skeletonShimmer 1s ease-in-out infinite;will-change:transform}@keyframes skeletonShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton:after{background:var(--color-surface);transform:unset;animation-direction:alternate;will-change:opacity}@keyframes skeletonShimmer{0%{opacity:0}to{opacity:1}}}.skeleton-profile{width:100%}.skeleton-profile__avatar{position:absolute;top:0;left:0;padding:var(--space-3) 0 0}.skeleton-profile__image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.skeleton-profile__image:after{content:"";position:absolute;width:calc(80.8383% + (2 * var(--space-1)));aspect-ratio:1/1;background-color:var(--color-background);z-index:-1;border-radius:var(--radius-round)}.skeleton-profile__info{width:100%;padding:var(--padding-y-details) var(--padding-x-page) var(--padding-y-page);display:flex;flex-direction:column;gap:var(--gap-stack-small)}.skeleton-profile__tabs-container{width:100%}.skeleton-profile__tabs{position:sticky;top:0;display:grid;flex-direction:column;align-items:flex-start;width:100%;padding:var(--padding-y-tabtrack) var(--padding-x-tabtrack) var(--padding-y-tabtrack);grid-template-columns:repeat(3,1fr);gap:var(--gap-pill)}