:root{--brand-color: #ff0808;--panel-color: rgba(30, 34, 53, .7);--panel-color-soft: rgba(50, 53, 69, .7);--box-color: rgba(255, 255, 255, .05);--box-color-dark: rgba(11, 12, 19, .3);--box-color-dark-soft: rgba(11, 12, 19, .15);--line-color: rgba(255, 255, 255, .15);--overlay-color: rgba(30, 30, 30, .7);--overlay-color-dark: rgba(13, 15, 28, .9);--bright-green-color: rgba(17, 217, 49, .7);--bright-green-color-soft: rgba(17, 217, 49, .5);--bright-green-color-dark: rgba(17, 217, 49, .15);--background-color: rgb(10, 10, 20);--dark-shadow-color: rgba(0, 0, 5, .3);--content-margin: 5px;--panel-margin: 8px;--box-margin: 10px;--layout-margin: 15px;--layout-spacer: 50px;--button-shadow: 0 3px 3px rgba(0, 0, 0, .2), inset 0 .1rem 5px hsla(0, 0%, 100%, .2), inset 0 -.25rem 5px rgba(0, 0, 10, .1);--button-shadow-dark: 0 3px 3px rgba(0, 0, 0, .2), inset 0 .1rem 5px hsla(235, 5%, 40%, .5), inset 0 -.25rem 5px rgba(0, 0, 10, .1);--box-shadow-top: inset 0 .1375rem 1px -1px hsla(0, 0%, 100%, .15);--box-shadow-bottom: inset 0 -.1375rem 1px -1px rgba(0, 0, 10, .35);--box-shadow: var(--box-shadow-top), var(--box-shadow-bottom);--bulb-shadow: 0 0 5px var(--dark-shadow-color), inset 0 .075rem 3px hsla(0, 0%, 100%, .4), inset 0 -.2rem 5px rgba(0, 0, 5, .3);--panel-shadow: 0 2px 20px var(--dark-shadow-color), inset 0 .05rem 1px hsla(0, 0%, 100%, .3), inset 0 -.1rem 1px rgba(0, 0, 2, .3);--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:none}html *{margin:0}body{font-family:Barlow,sans-serif;touch-action:none;background-color:var(--background-color)}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;font-size:22px;color:#fff}a,a:visited,a:link,a:hover{text-decoration:underline;color:#fff;font-size:22px}a,span,p{text-decoration-thickness:2px!important}h1,h2,h3{font-weight:400;font-size:22px;color:#fff}h1{font-size:45px}h2{font-size:30px}h3{font-size:25px}@media (max-width: 800px){h1{font-size:35px}}p,span{font-size:22px;color:#fff}input{font-family:inherit;color:#fff;box-shadow:var(--box-shadow);background-color:#ffffff1a;transition:background-color .25s ease;border-radius:var(--content-margin);font-size:22px;outline:none;border:none;padding:0}input::placeholder,textarea::placeholder{color:#fff;opacity:.5;font-size:22px}input:focus{background-color:#fff3}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;color:#fff;width:20px;height:20px;border:2px solid white;border-radius:var(--content-margin);transform:translateY(5px);display:grid;place-content:center;margin-left:var(--box-margin);cursor:pointer}input[type=checkbox]:before{content:"";width:12px;height:12px;transform:scale(0);box-shadow:inset 20px -10px #fff;transform-origin:center;border-radius:2px}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus{outline:none;outline-offset:max(2px,.15em)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;outline:none;border-radius:15px;height:var(--panel-margin);margin:var(--content-margin);margin-inline:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--brand-color);border-radius:50%;border:none;cursor:pointer;margin-top:-5px;box-shadow:var(--bulb-shadow)}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--brand-color);border-radius:50%;border:none;cursor:pointer;box-shadow:var(--bulb-shadow)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;border-radius:15px}input[type=range]::-moz-range-track{width:100%;height:8px;border-radius:15px}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{font-family:inherit;color:#fff;outline:none!important;border:none;resize:none;background-color:transparent;font-size:22px;transition:background-color .25s ease}textarea:focus{background-color:#ffffff1a}select{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}search{display:flex;justify-content:center;gap:var(--box-margin)}:root::view-transition-new(root),:root::view-transition-old(root){animation-duration:.15s}.standard-button{cursor:pointer;width:fit-content;font-size:22px;padding:3px 12px;height:40px;text-align:center;white-space:nowrap;transition:filter .25s ease,box-shadow .25s ease,transform .15s ease,color .25s ease,background-color .25s ease,opacity .25s ease;border-radius:var(--content-margin);-webkit-user-select:none;user-select:none;background-color:var(--brand-color);border:3px solid rgba(205,205,205,.2);border-top:3px solid rgba(255,255,255,.2);color:#fff;box-shadow:var(--button-shadow)}.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{background-color:#ffffff2d}.bright-soft{background-color:#ffffff1a}.dark{background-color:#69696913;border:3px solid rgba(160,160,170,.2);border-top:3px solid rgba(200,200,210,.2);box-shadow:var(--button-shadow-dark)}.popup-bottom-button{float:right;margin-top:calc(var(--layout-margin) * 2)}.large{height:50px;border-radius:var(--box-margin)}.wide{padding-inline:calc(var(--layout-margin) * 2)}.popup-title{margin-bottom:var(--layout-margin);padding-right:var(--layout-spacer);text-wrap:nowrap}.popup-title h1{overflow:hidden;text-overflow:ellipsis}.tooltip,[popover]{position:relative;border:none;color:#fff;font-size:22px;border-radius:var(--box-margin);background-color:var(--panel-color);box-shadow:0 2px 10px #0003,inset 0 .1rem 5px #fff3,inset 0 -.25rem 5px #00000a1a;padding-inline:var(--box-margin);-webkit-backdrop-filter:blur(var(--weak-blur));backdrop-filter:blur(var(--weak-blur));overflow:visible}.tooltip-arrow{position:absolute;width:8px;height:6px;background-color:var(--panel-color);box-shadow:inherit;-webkit-backdrop-filter:inherit;backdrop-filter:inherit}.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);display:flex;flex-direction:column}.tooltip-with-image .tooltip-text{margin-inline:var(--content-margin);margin-block:var(--content-margin)}.tooltip-image{width:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:var(--content-margin);margin-bottom:var(--content-margin)}.tooltip-close{position:absolute;top:var(--box-margin);right:var(--box-margin);padding:3px;opacity:.75;filter:drop-shadow(0 0 5px var(--dark-shadow-color));transition:opacity .25s ease}.tooltip-close:hover{opacity:.5}@font-face{font-family:Roboto;src:url(../../../fonts/roboto-regular.ttf);font-display:swap}:root{--common-color: rgba(145, 111, 111, .75);--rare-color: rgba(255, 34, 240, .75);--epic-color: rgba(13, 195, 204, .75);--legendary-color: rgba(214, 175, 0, .75)}.header{font-size:45px;color:#fff}.header-container{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;width:100%;padding:var(--layout-margin);padding-inline:0;gap:var(--layout-margin)}.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);transition:opacity .25s ease,transform .25s ease,width .15s ease,height .15s ease,filter .25s ease;border-radius:var(--box-margin);width:fit-content;display:flex;justify-content:center;align-items:center;gap:var(--panel-margin);padding:var(--panel-margin);pointer-events:auto}@media (orientation: portrait) and (max-width: 800px){.header{font-size:35px}}
