@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/IEMTracker/assets/material-symbols-outlined-BqoclL6a.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;font-display:block;src:url(/IEMTracker/assets/material-symbols-rounded-B5snUwuH.woff2) format("woff2")}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Symbols Sharp;font-style:normal;font-weight:100 700;font-display:block;src:url(/IEMTracker/assets/material-symbols-sharp-CNv2bg0l.woff2) format("woff2")}.material-symbols-sharp{font-family:Material Symbols Sharp;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--color-background);--color-primary: #414047;--color-secondary: #948979;--color-background: #f5f5f5;--color-surface: #c1c4d7;--color-error: #ff0000;--color-on-primary: #000000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark:root{--color-primary: #DFD0B8;--color-secondary: #948979;--color-background: #373b41;--color-surface: #222831;--color-error: #ff3024;--color-on-primary: #ffffff}.white-image{filter:invert(1) hue-rotate(180deg) brightness(2) contrast(.8)}.dark .white-image{filter:none}a{font-weight:500;text-decoration:inherit}body{margin:0;min-width:320px;height:100%}#root{width:100%;min-height:100%;display:inline-block;overflow-y:auto;-webkit-overflow-scrolling:touch}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.flex{--gap: 2rem;display:flex}.flex.gap{gap:var(--gap)}.flex.row{flex-direction:row;flex-wrap:wrap}.flex.col{flex-direction:column;flex-wrap:wrap}.align-items-flex-start{align-items:flex-start}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-space-between{justify-content:space-between}.justify-content-flex-end{justify-content:flex-end}.block{margin:2rem 0;padding:0 2rem}.margin-vertical{margin-top:2rem;margin-bottom:2rem}.margin-vertical-half{margin-top:1rem;margin-bottom:1rem}.margin-horizontal{margin-left:2rem;margin-right:2rem}.margin-top{margin-top:1rem}.padding-vertical{padding-top:2rem;padding-bottom:2rem}.padding-horizontal{padding-left:2rem;padding-right:2rem}.text-color-red{color:var(--color-error)}.button{color:var(--color-primary);border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-surface);cursor:pointer;transition:border-color .25s}.button:disabled{opacity:.8;cursor:auto}.button:hover:not(:disabled){border-color:#646cff}.button:active:not(:disabled){outline:4px auto -webkit-focus-ring-color}button{justify-content:center}button>span[class^=material-symbols]{padding:.5rem}.shadow-click{position:relative;z-index:1}button.shadow-click:after{--size: 2px}.popup-close span.shadow-click:after{--size: 6px}.shadow-click:after{content:"";position:absolute;--size: 0px;top:calc(-1 * var(--size));left:calc(-1 * var(--size));width:calc(100% + 2 * var(--size));height:calc(100% + 2 * var(--size));border-radius:2rem;background-color:#00000040;opacity:0;transition:opacity .15s;pointer-events:none;z-index:-1}.shadow-click:hover:not(:disabled):after{opacity:1}.shadow-click:active:not(:disabled):after{opacity:.7}.success{--color: lawngreen}.failure{--color: orangered}.color{color:var(--color)}.bg-color{background-color:var(--color)}.filled[class^=material-symbols]{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}.tooltip-rounded{border-radius:2rem}.version{position:fixed;--indent: 1.5rem;bottom:var(--indent);left:var(--indent)}.hero-page-hero{--margin: 5rem;margin:var(--margin) 0;min-width:300px;width:calc(60% - var(--margin))}.hero-page{margin-top:10%;padding:2rem;text-align:center}.name{flex-grow:1}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:var(--color-background);padding:2rem;margin:1rem;border-radius:2rem;box-shadow:0 2px 10px #0003;position:relative}.popup-close{position:absolute;top:20px;right:20px;font-size:18px;cursor:pointer;border:none;background:none;z-index:1010}.popup-close span{position:relative;z-index:1}.popup-close span:after{content:"";position:absolute;--size: 6px;top:calc(-1 * var(--size));left:calc(-1 * var(--size));width:calc(100% + 2 * var(--size));height:calc(100% + 2 * var(--size));border-radius:2rem;background-color:#00000040;opacity:0;transition:opacity .15s;pointer-events:none;z-index:-1}.popup-content>h2{margin-top:0;margin-right:1.5rem}.popup-close span:hover:after{opacity:1}.popup-close span:active:after{opacity:.8}.record-container{padding:8px;margin:1rem 0;min-height:2rem;border-radius:.5rem;border:1px solid;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.record-container>.text,.record-container>[class^=material-symbols]{margin:0 .5rem}.record-container>span:last-child{margin-left:auto}.record-container.color-red{border-color:var(--color-error, red)}.record-container:hover{transition:.15s}button{display:flex;align-items:center;border:none;padding:0;margin:0;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:border-color .25s}.header{width:100%;height:64px;overflow:hidden;background-color:var(--color-surface);justify-content:space-between}.header>.center{width:100%}.header>.center>h2{margin:0}.header>:first-child{margin:0 2rem}.header>:last-child{margin:0 1rem}.header>img{height:65%}.accordion{border:1px solid #ccc;border-radius:8px;margin:16px 0;overflow:hidden;font-family:sans-serif}.accordion-header{width:100%;padding:12px 16px;border:none;outline:none;text-align:left;font-size:16px;font-weight:700;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.accordion-icon{transition:transform .3s ease;transform:rotate(90deg)}.accordion-icon.open{transform:rotate(-90deg)}.accordion-content{padding:0 16px;border-top:1px solid #ccc}.home-hero{height:70%}.title{font-size:18px;flex-grow:1}canvas{border-radius:1rem;margin:0 auto}.hidden{display:none}.color-span{color:var(--color)}.gap{--gap: 1rem}.nickname{opacity:.7}.record-container span>[class^=material-symbols]{margin:0 .5rem}