@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Anonymous+Pro:wght@700&family=Roboto+Slab:wght@400;700&display=swap";.animate-rotate{animation:rotate-z 1s infinite linear}@media (prefers-reduced-motion: reduce){.animate-rotate{animation-duration:3s}}@keyframes rotate-z{to{transform:rotateY(360deg)}}:root{--spacing: .25rem}body{background-image:url(/tfh_bg.png);background-position:center;color:#fff;font-family:Roboto Slab,serif;margin:0}body>main{background:#5b5b5b;background:linear-gradient(180deg,#5b5b5b80,#fb252580);height:calc(100vh - 52px);overflow-y:scroll}body>main>div{padding:1rem}div#root{background:#5b5b5b;height:100vh}h1{font-size:1.5rem;font-weight:700}h2{font-size:1.25rem}h3{font-size:1.125rem;text-decoration:underline}.error{color:#ff3d3d}.dialog{background-color:#222;border-radius:1rem;box-shadow:8px 8px 10px -1px #000000b3;left:50%;max-height:85vh;outline:none;padding:1rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:45rem}.header{background-color:#1c1c75;font-family:Cinzel,serif;padding:.25rem;text-align:center;width:100%}.header-main{background-color:#0a0a3e;display:flex;font-family:Cinzel,serif;justify-content:space-between;padding:.5rem 1rem}.header-fancy{background-color:#020228;border:.25rem solid #1c1c75;font-family:Cinzel,serif}.overlay{background-color:#22222280;top:0;right:0;bottom:0;left:0;position:fixed}input,textarea,button,select,option{font-family:Roboto Slab,serif}input,textarea,select{background-color:#fff;border-radius:4px;color:#000;padding:4px 8px}input:focus,textarea:focus,select:focus{outline:2px solid #c8c8ff;outline-offset:2px}a.button,button{align-items:center;background-color:#1c1c75;border:1px solid #6161ff;border-radius:4px;color:#fff;display:flex;gap:1rem;justify-content:center;font-weight:700;padding:4px 16px;transition:background-color .3s ease,color .3s ease,opacity .3s ease}a.button:hover,button:hover{background-color:#2828a6;cursor:pointer}a.button:focus,button:focus{outline:2px solid #c8c8ff;outline-offset:2px}a.button:disabled,button:disabled{cursor:not-allowed;opacity:.5}a.button.secondary,button.secondary{background-color:#555;border-color:#222;margin-left:16px}a.button.mono,button.mono{background-color:transparent;border:none;color:#000;outline:none}a.button.mono:hover,a.button.mono:focus,button.mono:hover,button.mono:focus{color:#6868dc}.card{background-color:#00000080;border-radius:.5rem;padding:1rem}.card-header{display:flex;align-items:center;justify-content:space-between}.title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.select-content{box-shadow:8px 8px 10px -1px #000000b3;border:2px solid rgb(0,0,0);border-radius:.5rem;overflow:hidden;max-height:20rem;width:var(--radix-select-trigger-width)}.select-list{background-color:#323232}.select-option{cursor:pointer;display:flex;justify-content:space-between;padding:.25rem .5rem;-webkit-user-select:none;user-select:none}.select-option[data-disabled]{color:#222}.select-option:hover:not([data-disabled]){background-color:#3838d5;outline:none}.select-option:focus:not([data-disabled]){background-color:#3838d5;outline:none}.fighter-detail-list{flex-grow:1}.fighter-detail-list div{display:flex;gap:1rem}.fighter-detail-list div:nth-child(odd){background-color:#0000004d}.fighter-detail-list div:first-child{border-bottom:solid #ffffff .125rem}.fighter-detail-list div dt{width:50%;font-weight:700}.fighter-detail-list div dd{flex-grow:1}.stripes>div:nth-child(odd){background-color:#0000004d}.class-select-content{box-shadow:8px 8px 10px -1px #000000b3;border:2px solid rgb(0,0,0);border-radius:.5rem;overflow:hidden;max-height:20rem;width:var(--radix-select-trigger-width)}.class-select-list{background-color:#323232}.class-select-option{cursor:pointer;display:flex;justify-content:space-between;padding:.25rem .5rem;-webkit-user-select:none;user-select:none}.class-select-option:hover,.class-select-option:focus{background-color:#3838d5;outline:none}