.modal-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000c;z-index:9999}@font-face{font-family:Astroneer;src:url(/fonts/ndastroneer.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:BrunoAce;src:url(/fonts/BrunoAce-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:ContraMuerta;src:url(/fonts/CONTRA%20MUERTA.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:EvilVampire;src:url(/fonts/EvilVampire-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Goldeneye;src:url(/fonts/Goldeneye.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:IMFellEnglish;src:url(/fonts/IMFellEnglishSC-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JanuarySnack;src:url(/fonts/January%20Snack.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Magnetar;src:url(/fonts/Magnetar.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:MidnightLetters;src:url(/fonts/MidnightLetters-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Moodcake;src:url(/fonts/Moodcake.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NewHope;src:url(/fonts/NewHope.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NewMan;src:url(/fonts/NewMan.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:OneBit;src:url(/fonts/1Bit.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SuperShake;src:url(/fonts/Super%20Shake.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Testament;src:url(/fonts/Testament.ttf) format("truetype");font-weight:400;font-style:normal}.twitch-login-modal-screen{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000c;z-index:9999}.twitch-login-modal{background-color:#000c;padding:1em;border-radius:var(--theme-border-radius);border:2px solid var(--accent-a)}.twitch-login-button{background:#6441a5}.twitch-login-button:hover{background:#b9a3e3}.twitch-login-button:active{background:#2e1c4e}.tab-control-container{display:flex;flex-direction:row;width:100%}.category-tab{flex:1;padding:8px 12px;text-align:center;border-bottom-left-radius:var(--theme-border-radius);border-bottom-right-radius:var(--theme-border-radius);text-overflow:ellipsis;overflow:hidden}.category-tab.active-tab{background-color:var(--accent-a);padding:8px 16px}@media (max-width: 1280px){.tab-control-container{display:grid;grid-template-columns:repeat(6,1fr)}}@media (max-width: 812px){.tab-control-container{grid-template-columns:repeat(4,1fr)}}.swatch-picker{position:relative;display:flex;margin:4px}.swatch-picker.disabled:after{content:"";position:absolute;top:0;right:0;width:var(--slash-len, 130%);height:2px;background-color:red;transform:rotate(var(--slash-deg, -38deg));transform-origin:top right}.color-swatch{flex-grow:1;height:36px;border:2px solid #ccc;border-radius:var(--theme-border-radius);cursor:pointer}.picker-popover{position:absolute;top:48px;left:0;z-index:100;background:#1e1e1e;padding:12px;border-radius:var(--theme-border-radius);box-shadow:0 4px 12px #00000080}.react-colorful{width:200px;height:150px}.react-colorful__interactive{border-radius:var(--theme-border-radius);border:1px solid #444}.react-colorful__pointer{border:2px solid #fff}.color-mapper{display:flex;flex-direction:column;border:1px solid var(--accent-a)}.colors{display:flex;flex-direction:row}.sprite-canvas-wrapper{display:flex;flex-direction:column}.sprite-canvas{border:1px solid var(--accent-a);width:256px;height:128px}.sprite-canvas-children{display:flex;flex-direction:column}.animation-controls{display:flex;flex-direction:row;overflow:hidden;height:1.5em;flex:1}.animation-controls>span{flex-grow:1;display:inline-flex;text-align:center;align-items:center;justify-content:center}.animation-controls>button{border-radius:0;background-color:var(--accent-a);padding:0 1em}.animation-controls>button:hover{background-color:var(--accent-b)}@media (max-width: 812px){.sprite-canvas-wrapper{flex-direction:row}.sprite-canvas-children{flex:1}}.purchase-modal{background-color:#000c;padding:0;border-radius:var(--theme-border-radius);border:2px solid var(--accent-a);overflow:hidden}.modal-title{margin:0;padding:0;background-color:var(--accent-a)}.modal-body{padding:1em}.tooltip-wrapper{position:relative;display:inline-block;width:64px;height:64px}.tooltip-hider{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--theme-border-radius);overflow:hidden;z-index:1000;pointer-events:none}.tooltip{display:flex;position:relative;align-items:flex-end;height:0;color:#fff;background:var(--accent-a);white-space:nowrap;font-size:.9rem;overflow:hidden;transition:height .25s ease-in-out;pointer-events:none}.tooltip-wrapper:hover .tooltip{height:2rem;text-align:end}.tooltip-body{padding:4px 8px;pointer-events:none}@keyframes tooltip-slide{}.character-option-button{width:100%;height:100%;background-position:0px 0px;background-size:100%;background-repeat:no-repeat;image-rendering:pixelated;position:relative;border:1px solid var(--accent-a)}.character-option-button.selected{border:1px solid var(--accent-b);background-color:var(--accent-a)}.options-container{display:grid;grid-template-columns:repeat(auto-fill,64px);gap:8px;border:1px solid var(--accent-a);flex-grow:1;padding:8px}.change-banner{display:flex;position:relative;flex-direction:row;max-width:var(--app-max-width);width:100%;background-color:var(--accent-error);border-radius:var(--theme-border-radius);align-items:end;justify-content:flex-end}.change-banner>span{position:absolute;top:0;left:0;right:0;bottom:0;display:block;flex:1;pointer-events:none}.change-banner>button{padding:.25em .5em;width:8em;border-radius:0;background-color:transparent}.text-options-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;border:1px solid var(--accent-a);flex-grow:1;padding:8px}.text-option-button{line-height:1rem}.text-option-button.selected{border:1px solid var(--accent-b);background-color:var(--accent-a)}@media (max-width: 1280px){.text-options-container{grid-template-columns:1fr 1fr}}@media (max-width: 812px){.text-options-container{grid-template-columns:1fr}}.character-creator-body{display:flex;flex-direction:row}.color-animator-opts{display:flex;flex-direction:column}@media (max-width: 812px){.character-creator-body{flex-direction:column}.color-animator-opts{flex-direction:row}}.coin-display-container{display:flex;flex-direction:row;align-items:center}.title-bar{display:flex;flex-direction:row;background:linear-gradient(to bottom,var(--accent-a) 0%,var(--primary-a) 10%,var(--primary-a) 90%,black 100%);margin-bottom:8px;width:100%}.title-icon{width:32px;height:32px;margin:.5em}.title-text{display:flex;flex-direction:row;align-items:center;font-size:20px}.user-menu{position:absolute;top:0;right:-8px;background-color:var(--accent-c);width:256px;border-radius:var(--theme-border-radius);overflow:hidden;z-index:9999}.user-menu-info{display:flex;flex-direction:row}.user-menu-info>div{align-content:center}.user-menu-info-name,.user-menu-info-id{text-align:left}.user-menu-info-id{font-size:small}.user-menu-button{display:flex;width:100%;border-radius:0;align-content:center}.user-menu-button>span{flex:1}.separator{width:100%;height:2px;background:var(--accent-a)}.user-info-display{width:32px;height:32px;padding:0;margin:.5em}.user-info-display>img{width:32px;height:32px;border-radius:100%}.shop-card-container{position:relative;display:flex;flex-direction:column;width:128px;background-color:var(--primary-b);border:2px solid var(--accent-a);border-radius:var(--theme-border-radius);padding:1em;color:#a0a0a0}.shop-card-image{width:128px;height:128px;object-fit:contain;background-color:var(--primary-b);border-radius:var(--theme-border-radius)}.shop-card-title{font-size:large;flex-grow:1;overflow:hidden}.shop-card-price{position:absolute;text-align:left;top:0;left:50%;transform:translate(-50%,-50%);border:2px solid var(--accent-a);padding:2px 8px;border-radius:var(--theme-border-radius);background:var(--primary-a);white-space:nowrap}.shop-card-image-placeholder{display:flex;align-items:center;justify-content:center}.shop-redeem-list{display:flex;flex-wrap:wrap;gap:8px}.collapsable-container{display:flex;flex-direction:column;width:100%;background:var(--primary-a)}.collapsable-header{display:flex;flex-direction:row;background:var(--primary-b);font-size:xx-large;align-items:center}.collapsable-body{display:flex;overflow:hidden;transition:all .15s linear}svg{vertical-align:center}.searchable-list-table{table-layout:fixed;text-align:left;border-collapse:collapse;margin:0 16px;flex:1}th,td{width:128px}.expand{width:75%;overflow-wrap:break-word}.search-data-title{padding:0 4px;white-space:nowrap}tr{border-bottom:1px solid var(--accent-c)}.price-span{font-size:.8rem;color:var(--accent-color);font-weight:700;margin-left:.5rem}.search-data-mobile-input{font-size:.8rem;padding:.25rem;border-radius:.25rem;border:1px solid var(--accent-c);width:100%;box-sizing:border-box}.info-page{max-width:var(--app-max-width);width:100%}.commands-search-input{flex:1;margin:.5rem 0 .5rem 1rem;border-start-start-radius:12px;border-end-start-radius:12px;background-color:transparent;border:1px solid rgb(75,75,75);box-sizing:border-box;padding:0 1rem;font-size:1.1em;border-right:none;transition:all .25s ease-in}.commands-search-button{margin:.5rem 1rem .5rem 0;box-sizing:border-box;border-radius:0;border-start-end-radius:12px;border-end-end-radius:12px;background-color:transparent;border:1px solid rgb(75,75,75);border-left:none;transition:all .25s ease-in}input[type=text]:focus{outline:none;border:1px solid var(--accent-b)}input[type=text]:focus+button{border:1px solid var(--accent-b);border-left:none}#root{flex:1;margin:0 auto;padding:0;text-align:center;display:flex;flex-direction:column;align-items:center}:root{--primary-a: #0c0c0c;--primary-b: #1c1c1c;--accent-a: #6d497e;--accent-b: #d375ff;--accent-c: #522f63;--accent-d: #40264e;--accent-error: #a51717;--app-max-width: 1280px;--theme-border-radius: 8px;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(--primary-a);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent-a);text-decoration:inherit}a:hover{color:var(--accent-a)}body{margin:0;display:flex;place-items:flex-start;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:var(--theme-border-radius);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--accent-d);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent-b);background-color:var(--accent-c)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 768px){.hide-on-mobile{display:none}}@media (min-width: 769px){.show-on-mobile{display:none}}