@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/light.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/medium.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/bold.woff2) format("woff2")}:root{--background-color: #000;--text-color: #fff;--primary-color: #24D15F;--primary-color-contrast: #000;--primary-color-dark: #04A13F;--primary-color-dark-contrast: #fff;--contrast-color: #DB2EA0;--btn-size: 25px;--font-weight-light: 300;--font-weight-normal: 500;--font-weight-bold: 500;--border-radius: 4px;--transition-duration: .1s;--transition-timing: ease-in-out;--gap: 10px}a{font-weight:500;text-decoration:inherit}html{background-color:var(--background-color);color:var(--text-color);font-synthesis:none;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:var(--font-weight-normal);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}main{padding:calc(var(--gap) * 2);width:100%;box-sizing:border-box;display:flex;flex-direction:column;place-items:center;min-width:320px;height:100vh;overflow:auto;background-color:var(--background-color);color:var(--text-color)}main.is--god-mode{--background-color: #000;--text-color: #fff}main.is--god-mode:before{content:"";position:fixed;top:var(--gap);left:var(--gap);font-size:calc(var(--gap) * 3);width:1em;aspect-ratio:624/745;background-image:url(./images/god-mode.png);background-size:cover;background-repeat:no-repeat}button{display:inline-block;border:none;font-size:var(--btn-size);font-weight:var(--font-weight-bold);background-color:transparent;color:inherit;padding:var(--gap);border-radius:var(--border-radius);border:2px solid transparent;font-family:inherit;outline:none;cursor:pointer;transition-property:transform,border-color,box-shadow;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing)}button:focus{border-color:var(--contrast-color);box-shadow:0 0 5px 5px inset var(--contrast-color);transform:scale(1.05)}button[disabled]{opacity:.5;pointer-events:none}button.btn-select{display:block;width:100%;background-color:var(--primary-color);color:var(--primary-color-contrast)}@media(pointer:fine){button.btn-select{transition-property:background-color,color,transform,border-color,box-shadow}button.btn-select:hover{background-color:var(--primary-color-dark);color:var(--primary-color-dark-contrast)}}.selector{width:100%;text-align:center}.selector__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,480px),1fr));gap:var(--gap);width:100%}.selector__item{min-width:0;container-type:inline-size}button.selector__button{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--gap);overflow:hidden}.selector__image{width:20%;min-width:20px;max-width:100px;aspect-ratio:1/1;border-radius:var(--border-radius);object-fit:cover}.selector__label{flex:1 1 100%;text-align:left;display:block;font-size:5cqw;line-height:1.1;overflow:hidden}.selector__name{display:block;font-weight:var(--font-weight-bold);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selector__description{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;font-size:2.5cqw;padding-bottom:calc(var(--gap) / 2)}.selector__info{display:block;overflow:hidden;font-size:2.5cqw;padding-top:calc(var(--gap) / 2);opacity:.5}.notification{position:fixed;bottom:calc(var(--gap) * 2);left:50%;transform:translate(-50%);width:80%;height:40%;display:flex;align-items:center;justify-content:center;max-width:calc(100% - (var(--gap) * 4));background-color:#000c;color:#fff;padding:.5em;border-radius:var(--border-radius);font-size:4vw;text-align:center;animation:notification-slide-in calc(var(--transition-duration) * 2) var(--transition-timing) both}.notification.is--leaving{animation:notification-slide-out calc(var(--transition-duration) * 2) var(--transition-timing) both}.notification.is--error .notification__content:before{content:"⚠️ ";display:inline}@keyframes notification-slide-in{0%{opacity:0;transform:translate(-50%,20%)}to{opacity:1;transform:translate(-50%)}}@keyframes notification-slide-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,120%)}}@media(prefers-color-scheme:light){:root{--background-color: #fff;--text-color: #000}}
