:root{--brand-color:#ff0808;--brand-color-shadow:#e00000;--panel-color:#1e2235b3;--panel-color-soft:#323545b3;--box-color:#ffffff0d;--box-color-dark:#0b0c134d;--box-color-dark-soft:#0b0c1326;--line-color:#ffffff26;--overlay-color:#19191ccc;--overlay-color-dark:#0d0f1ce6;--bright-green-color:#11d931b3;--bright-green-color-soft:#11d93180;--bright-green-color-dark:#11d93126;--background-color:#0a0a14;--dark-shadow-color:#0000054d;--content-margin:5px;--panel-margin:8px;--box-margin:10px;--layout-margin:15px;--layout-spacer:50px;--button-shadow:0 3px 3px #0003, inset 0 .1rem 5px #fff3, inset 0 -.25rem 5px #00000a1a;--button-shadow-dark:0 3px 3px #0003, inset 0 .1rem 5px #61626b80, inset 0 -.25rem 5px #00000a1a;--box-shadow-top:inset 0 .1375rem 1px -1px #ffffff26;--box-shadow-bottom:inset 0 -.1375rem 1px -1px #00000a59;--box-shadow:var(--box-shadow-top), var(--box-shadow-bottom);--bulb-shadow:0 0 5px var(--dark-shadow-color), inset 0 .075rem 3px #fff6, inset 0 -.2rem 5px #0000054d;--panel-shadow:0 2px 20px var(--dark-shadow-color), inset 0 .05rem 1px #ffffff4d, inset 0 -.1rem 1px #0000024d;--weak-blur:5px;--normal-blur:10px;--elevated-blur:15px;--strong-blur:50px}@font-face{font-family:Barlow;src:url(./barlow-condensed-medium.DmkPGkbM.woff2);font-display:swap}*,:before,:after{box-sizing:border-box}html{overscroll-behavior:none;touch-action:pan-x pan-y}html *{margin:0}body{touch-action:pan-x pan-y;background-color:var(--background-color);font-family:Barlow,sans-serif}button{color:#fff;font:inherit;cursor:pointer;outline:inherit;background:0 0;border:none;padding:0;font-size:22px}a,a:visited,a:link,a:hover{-webkit-touch-callout:none;color:#fff;font-size:22px;text-decoration:underline}a,span,p{text-decoration-thickness:2px!important}h1,h2,h3{color:#fff;font-size:22px;font-weight:400}h1{font-size:45px}h2{font-size:30px}h3{font-size:25px}@media (width<=800px){h1{font-size:35px}}p,span{color:#fff;font-size:22px}input{color:#fff;box-shadow:var(--box-shadow);border-radius:var(--content-margin);background-color:#ffffff1a;border:none;outline:none;padding:0;font-family:inherit;font-size:22px;transition:background-color .25s}input,textarea{-webkit-user-select:text;user-select:text}input::placeholder,textarea::placeholder{color:#fff;opacity:.5;font-size:22px}input:focus{background-color:#fff3}input[type=checkbox]{appearance:none;color:#fff;border-radius:var(--content-margin);width:20px;height:20px;margin:0;margin-left:var(--box-margin);cursor:pointer;border:2px solid #fff;place-content:center;display:grid;transform:translateY(5px)}input[type=checkbox]:before{content:"";transform-origin:50%;border-radius:2px;width:12px;height:12px;transform:scale(0);box-shadow:inset 20px -10px #fff}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus{outline-offset:max(2px, .15em);outline:none}input[type=range]{appearance:none;height:var(--panel-margin);margin:var(--content-margin);background:#fff3;border-radius:15px;outline:none;margin-inline:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--brand-color);cursor:pointer;width:20px;height:20px;box-shadow:var(--bulb-shadow);border:none;border-radius:50%;margin-top:-5px}input[type=range]::-moz-range-thumb{background:var(--brand-color);cursor:pointer;width:20px;height:20px;box-shadow:var(--bulb-shadow);border:none;border-radius:50%}input[type=range]::-webkit-slider-runnable-track{border-radius:15px;width:100%;height:8px}input[type=range]::-moz-range-track{border-radius:15px;width:100%;height:8px}img,svg{-webkit-touch-callout:none;-webkit-user-drag:none}img{color:#ffffff80}li:not(:last-child){margin-bottom:var(--box-margin)}ul,ol{padding-left:calc(var(--layout-margin) + var(--box-margin));color:#fff;font-size:22px}textarea{color:#fff;resize:none;background-color:#0000;border:none;font-family:inherit;font-size:22px;transition:background-color .25s;outline:none!important}textarea:focus{background-color:#ffffff1a}select{appearance:none;font-family:inherit}:root::view-transition-new(root){animation-duration:.15s}:root::view-transition-old(root){animation-duration:.15s}.standard-button{cursor:pointer;text-align:center;white-space:nowrap;border-radius:var(--content-margin);-webkit-user-select:none;user-select:none;background-color:var(--brand-color);color:#fff;width:fit-content;height:40px;box-shadow:var(--button-shadow);--content-shadow-color:var(--brand-color-shadow);border:3px solid #cdcdcd33;border-top-color:#fff3;padding:3px 12px;font-size:22px;transition:filter .25s,box-shadow .25s,transform .15s,color .25s,background-color .25s,opacity .25s,--content-shadow-color .25s}.standard-button:hover{filter:brightness(70%)}.standard-button:active{transform:scale(.95)}.standard-button:focus-visible{outline:none}.standard-button:disabled{opacity:.5;cursor:not-allowed}.bright{--content-shadow-color:transparent;background-color:#ffffff2d}.bright-soft{--content-shadow-color:transparent;background-color:#ffffff1a}.dark{box-shadow:var(--button-shadow-dark);--content-shadow-color:transparent;background-color:#69696913;border:3px solid #a0a0aa33;border-top-color:#c8c8d233}.popup-bottom-button{float:right;margin-top:calc(var(--layout-margin) * 2)}.large{border-radius:var(--box-margin);height:50px}.wide{padding-inline:calc(var(--layout-margin) * 2)}@property --content-shadow-color{syntax:"<color>";inherits:true;initial-value:#0000}.standard-button,.content-shadow{text-shadow:0 0 3px var(--content-shadow-color), 0 0 3px var(--content-shadow-color), 0 0 3px var(--content-shadow-color), 0 0 3px var(--content-shadow-color)}:is(.standard-button,.content-shadow) svg{filter:drop-shadow(0 0 1.5px var(--content-shadow-color)) drop-shadow(0 0 1.5px var(--content-shadow-color))}.popup-title{margin-bottom:var(--layout-margin);padding-right:var(--layout-spacer);text-wrap:nowrap}.popup-title h1{text-overflow:ellipsis;overflow:hidden}.tooltip,[popover]{color:#fff;border-radius:var(--box-margin);background-color:var(--panel-color);padding-inline:var(--box-margin);-webkit-backdrop-filter:blur(var(--weak-blur));backdrop-filter:blur(var(--weak-blur));border:none;font-size:22px;position:relative;overflow:visible;box-shadow:0 2px 10px #0003,inset 0 .1rem 5px #fff3,inset 0 -.25rem 5px #00000a1a}.tooltip-arrow{background-color:var(--panel-color);width:8px;height:6px;box-shadow:inherit;-webkit-backdrop-filter:inherit;backdrop-filter:inherit;position:absolute}.tooltip-arrow[data-placement=top]{clip-path:polygon(50% 100%,0% 0%,100% 0%)}.tooltip-arrow[data-placement=bottom]{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.tooltip-arrow[data-placement=left]{clip-path:polygon(100% 50%,0% 0%,0% 100%)}.tooltip-arrow[data-placement=right]{clip-path:polygon(0% 50%,100% 0%,100% 100%)}.tooltip-with-image{padding:var(--box-margin);flex-direction:column;display:flex}.tooltip-with-image .tooltip-text{margin-inline:var(--content-margin);margin-block:var(--content-margin)}.tooltip-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:var(--content-margin);width:100%;margin-bottom:var(--content-margin)}.tooltip-close{top:var(--box-margin);right:var(--box-margin);opacity:.75;filter:drop-shadow(0 0 5px var(--dark-shadow-color));padding:3px;transition:opacity .25s;position:absolute}.tooltip-close:hover{opacity:.5}@font-face{font-family:Roboto;src:url(../../../fonts/roboto-regular.ttf);font-display:swap}:root{--common-color:#916f6fbf;--rare-color:#ff22f0bf;--epic-color:#0dc3ccbf;--legendary-color:#d6af00bf}.header{color:#fff;font-size:45px}.header-container{width:100%;padding:var(--layout-margin);justify-content:space-between;align-items:end;gap:var(--layout-margin);flex-wrap:wrap;padding-inline:0;display:flex}.bar-menu{background-color:var(--panel-color);-webkit-backdrop-filter:blur(var(--normal-blur));backdrop-filter:blur(var(--normal-blur));box-shadow:var(--panel-shadow);border-radius:var(--box-margin);justify-content:center;align-items:center;gap:var(--panel-margin);width:fit-content;padding:var(--panel-margin);pointer-events:auto;transition:opacity .25s,transform .25s,width .15s,height .15s,filter .25s;display:flex}.safe-margin-bottom{margin-bottom:env(safe-area-inset-bottom)!important}.safe-margin-top{margin-top:env(safe-area-inset-top)!important}html.native{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (orientation:portrait) and (width<=800px){.header{font-size:35px}}search{justify-content:center;display:flex}
