:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--danger: #b31;--primary: #36968a;--one-star: linear-gradient(0deg, #a2a0a0, #78797d);--two-star: linear-gradient(0deg, #70af8e, #648376);--three-star: linear-gradient(0deg, #6ea8c9, #697f9f);--four-star: linear-gradient(0deg, #8068b3, #605591);--five-star: linear-gradient(0deg, #a27b52, #8d6041);--white: rgba(255, 255, 255, .87);--anemo: #36968a;--anemo-shadowed: #29786c;--anemo-darker: linear-gradient(0deg, #29786c 50%, transparent 100%);--cryo: #4b9fc0;--cryo-shadowed: #266993;--cryo-darker: linear-gradient(0deg, #266993 50%, transparent 100%);--electro: #8d4cad;--electro-shadowed: #682e87;--electro-darker: linear-gradient(0deg, #682e87 50%, transparent 100%);--dendro: #549b1a;--dendro-shadowed: #59791e;--dendro-darker: linear-gradient(0deg, #59791e 50%, transparent 100%);--geo: #967c3a;--geo-shadowed: #765b29;--geo-darker: linear-gradient(0deg, #765b29 50%, transparent 100%);--hydro: #2562ab;--hydro-shadowed: #234897;--hydro-darker: linear-gradient(0deg, #234897 50%, transparent 100%);--physical: #555555;--physical-shadowed: #5c5c5c;--physical-darker: linear-gradient(0deg, #5c5c5c 50%, transparent 100%);--pyro: #7e3f37;--pyro-shadowed: #552126;--pyro-darker: linear-gradient(0deg, #552126 50%, transparent 100%);--burning: #7e3f37;--shatter: #ccc;--pneuma: #f6de98;--ousia: #3029d5;--todo: var(--danger);--test: var(--cryo);--done: var(--primary);--n-a: #333}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--primary)}html{background-color:var(--background)}html,#main-team-render.dark{--theme-button-dark: #242424;--theme-button-light: #cecece;--background: #242424;--background-faded: #333;--background-vivid: #1a1a1a;--background-transparent: #242424cc;--background-vivid-transparent: #1a1a1a99;--text: var(--white);--text-half: rgba(255, 255, 255, .5);--text-disabled: rgba(255, 255, 255, .2);--text-almost-transparent: rgba(255, 255, 255, .05);--text-transparent: rgba(255, 255, 255, 0);--one-star-faded: linear-gradient(0deg, #494949, #414142);--two-star-faded: linear-gradient(0deg, #404b46, #3d4341);--three-star-faded: linear-gradient(0deg, #3f4a51, #3e4249);--four-star-faded: linear-gradient(0deg, #26222f, #2c263a);--five-star-faded: linear-gradient(0deg, #322429, #382a25);--physical-marker: #888}body{color:var(--text);display:flex;margin:0;min-width:320px;min-height:100vh;overflow:hidden;padding:0}#root{height:100vh;overflow-x:scroll;overflow-y:scroll;min-width:100%}h1{font-size:2em;line-height:1.1}h1:first-child,h2:first-child,p:first-child{margin-top:0}h2:last-child,p:last-child{margin-bottom:0}ul,ol{padding-left:1em}span+button,span+select,span+input,button+button,button+select,button+input,input+button,input+select,input+input,select+button,select+select,select+input{margin-left:4px}a.button,button,select,input,textarea{background-color:var(--background-vivid);border-radius:6px;border:1px solid var(--text-transparent);color:var(--text);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;line-height:1.5;cursor:pointer;transition:border-color .25s}select{padding:.6em}a.button:hover,button:hover,select:hover,input:hover,textarea:hover{border-color:var(--primary)}a.button:focus,button:focus,select:focus,input:focus,textarea:focus{outline:1px solid var(--primary)}a.button:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--primary)}a.button.active,button.active{background-color:var(--primary)}a.button.important,button.important{background-color:var(--anemo)}a.button.outlined,button.outlined{border:2px solid currentColor}a.button.disabled,button:disabled{background:var(--background-vivid-transparent);color:var(--text-disabled)}button.updates{display:block;position:relative}button.updates:after{content:"";display:block;position:absolute;top:5px;right:5px;background:var(--danger);width:8px;height:8px;border-radius:4px}input{background-color:var(--background-vivid);border-radius:6px;border:1px solid transparent;cursor:pointer;font-size:1em;font-weight:500;font-family:inherit;padding:.6em;transition:border-color .25s}#main-team-render.dark{background:var(--background)}#main-team-render.light{background:#cecece}html.light-mode,#main-team-render.light .slots{--background: #cecece;--background-faded: #bbb;--background-vivid: #ddd;--background-transparent: #cecececc;--background-vivid-transparent: #ddd9;--text: rgba(0, 0, 0, .87);--text-half: rgba(0, 0, 0, .5);--text-disabled: rgba(0, 0, 0, .2);--text-almost-transparent: rgba(0, 0, 0, .05);--text-transparent: rgba(0, 0, 0, 0);--one-star-faded: linear-gradient(0deg, #a2a0a0, #78797d);--two-star-faded: linear-gradient(0deg, #70af8e, #648376);--three-star-faded: linear-gradient(0deg, #6ea8c9, #697f9f);--four-star-faded: linear-gradient(0deg, #767480, #7d7887);--five-star-faded: linear-gradient(0deg, #807770, #837c73);--physical-marker: var(--physical)}.watermark{color:var(--text);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px;opacity:.4;position:absolute;padding:0 4px;right:0;text-align:right;top:0}span.todo,span.test,span.done{border-radius:4px;padding:2px 4px;font-size:.8em}span.todo{background:var(--todo)}span.test{background:var(--test)}span.done{background:var(--done)}