@import "https://fonts.googleapis.com/css2?family=Libertinus+Mono&family=Cinzel:wght@400..900&family=Anonymous+Pro:wght@700&family=Roboto+Slab:wght@400;700&display=swap";.animate-rotate{animation:1s linear infinite rotate-z}@media (prefers-reduced-motion:reduce){.animate-rotate{animation-duration:3s}}@keyframes rotate-z{to{transform:rotateY(360deg)}}:root{--spacing:.25rem}.font-fancy{font-variant-numeric:tabular-nums;font-family:Libertinus Mono,monospace}.tfh-bg{background-image:url(/tfh_bg.png);background-position:50%;background-repeat:repeat;background-size:cover}body{color:#fff;background-image:url(/tfh_bg.png);background-position:50%;background-repeat:repeat;background-size:cover;margin:0;font-family:Roboto Slab,serif}body>main{background:linear-gradient(#5b5b5b80 0%,#fb252580 100%);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{text-align:center;background-color:#222;border-radius:1rem;outline:none;width:45rem;max-height:85vh;padding:1rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:8px 8px 10px -1px #000000b3}.header{text-align:center;background-color:#1c1c75;width:100%;padding:.25rem;font-family:Cinzel,serif}.header-main{background-color:#0a0a3e;justify-content:space-between;padding:.5rem 1rem;font-family:Cinzel,serif;display:flex}.header-fancy{background-color:#020228;border:.25rem solid #1c1c75;font-family:Cinzel,serif}.overlay{background-color:#22222280;position:fixed;inset:0}input,textarea,button,select,option{font-family:Roboto Slab,serif}input,textarea,select{color:#000;background-color:#fff;border-radius:4px;padding:4px 8px}input:focus,textarea:focus,select:focus{outline-offset:2px;outline:2px solid #c8c8ff}a.button,button,.drag-item{color:#fff;background-color:#1c1c75;border:1px solid #6161ff;border-radius:4px;justify-content:center;align-items:center;gap:1rem;padding:4px 16px;font-weight:700;transition:background-color .3s,color .3s,opacity .3s;display:flex}a.button:hover,button:hover,.drag-item:hover{cursor:pointer;background-color:#2828a6}a.button:focus,button:focus,.drag-item:focus{outline-offset:2px;outline:2px solid #c8c8ff}a.button:disabled,button:disabled,.drag-item:disabled{cursor:not-allowed;opacity:.5}a.button.secondary,button.secondary,.drag-item.secondary{background-color:#555;border-color:#222;margin-left:16px}a.button.mono,button.mono,.drag-item.mono{color:#000;background-color:#0000;border:none;outline:none}a.button.mono:hover,a.button.mono:focus,button.mono:hover,button.mono:focus,.drag-item.mono:hover,.drag-item.mono:focus{color:#6868dc}.drag-item{justify-content:start}.drag-item[data-shadow=true]{box-shadow:8px 8px 10px -1px #000000b3}.table-header{text-align:center;background-color:#1c1c75;font-family:Cinzel,serif}.card{background-color:#00000080;border-radius:.5rem;padding:1rem}.card-header{justify-content:space-between;align-items:center;display:flex}.title{text-align:center;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.select-content{max-height:20rem;width:var(--radix-select-trigger-width);border:2px solid #000;border-radius:.5rem;overflow:hidden;box-shadow:8px 8px 10px -1px #000000b3}.select-list{background-color:#323232}.select-option{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;padding:.25rem .5rem;display:flex}.select-option[data-disabled]{color:#222}.select-option:hover:not([data-disabled]),.select-option:focus:not([data-disabled]){background-color:#3838d5;outline:none}.fighter-detail-list{flex-grow:1}.fighter-detail-list div{gap:1rem;display:flex}.fighter-detail-list div:nth-child(odd){background-color:#0000004d}.fighter-detail-list div:first-child{border-bottom:.125rem solid #fff}.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{max-height:20rem;width:var(--radix-select-trigger-width);border:2px solid #000;border-radius:.5rem;overflow:hidden;box-shadow:8px 8px 10px -1px #000000b3}.class-select-list{background-color:#323232}.class-select-option{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;padding:.25rem .5rem;display:flex}.class-select-option:hover,.class-select-option:focus{background-color:#3838d5;outline:none}