@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}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}.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}body{color:#fff;background-image:url(/tfh_bg.png);background-position:50%;font-family:Roboto Slab,serif}body>div.housing{background:linear-gradient(#5b5b5b80 0%,#fb252580 100%);height:100vh;padding:.5rem;overflow-y:scroll}div#root{background:#5b5b5b;height:100vh}input,button,select,option{font-family:Roboto Slab,serif}input,select{color:#000;border-radius:4px;padding:4px 8px}button{color:#fff;background-color:#1c1c75;border:1px solid #6161ff;border-radius:4px;padding:4px;font-weight:700}button:hover{cursor:pointer}button:disabled{opacity:.5}button.danger{background-color:#661831;border-color:#ff6164}button.secondary{background-color:#555;border-color:#222;margin-left:16px}dialog{color:#fff;text-align:center;background-color:#444;border-color:#222;border-radius:8px;box-shadow:8px 8px 10px -1px #000000b3}dialog::backdrop{background-color:#00000080}.container{color:#fff;font-family:Roboto Slab,serif;display:flex}.card{background-color:#00000080;border-radius:.5rem;margin:.5rem;padding:.5rem 1rem}.title{text-align:center;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.countdown,.turn{text-align:center;font-family:Libertinus Mono,monospace;font-size:1.5rem;font-weight:700}.subtitle{text-align:center;margin:.5rem 0;font-weight:700}.damage-hit{text-align:center;width:100%;margin-bottom:.5rem;font-size:1.5rem}.damage-hit-text{text-align:center;border-top:1px solid #fff;margin-top:.75rem;padding-top:.5rem;font-size:1.75rem}.damage-hit-difference{border:2px dashed #9e9e9e;border-radius:.25rem;justify-content:space-evenly;align-items:center;margin-block:.75rem;font-size:1.5rem;display:flex}.damage-hit-total{color:#ffb909;text-shadow:3px 3px #000000e8;font-weight:700}.fight-setup,.fight-report{flex-grow:1;height:100%}.fight-setup{flex-direction:column;align-items:center;max-width:300px;display:flex}.fight-setup .card,.full-button{width:100%}.fighter-group,.fighter-init{margin-bottom:1rem}.fighter-init select:not(:last-child),.config-buttons{margin-bottom:.5rem}.fighter-vs{text-align:center;opacity:.5;margin-bottom:1rem;font-weight:700}.fighter-input{justify-content:space-between;align-items:center;display:flex}.fighter-class-buttons{flex-direction:row;display:flex}.fighterClassButton{background:0 0;border:2px solid #0000;border-radius:.5rem;outline:none;height:36px;padding:0}.fighterClassButton:hover{cursor:pointer;border:2px solid #0000004d}.fighterClassButton.fighterClassSelected{border:2px solid #0f0}.fighterClassButton:disabled{cursor:default;opacity:.8;border:2px solid #0000}.control-buttons{justify-content:space-between;display:flex}.control-buttons button:not(:last-child){margin-right:8px}.damage-breakdown{margin-top:.5rem}.damage-list{margin:.25rem}.critical-hit{color:red;font-weight:700}.limit-break{text-align:center;-webkit-text-fill-color:transparent;background:repeating-linear-gradient(90deg,red 0%,#ff9a00 10%,#d0de21 20%,#4fdc4a 30%,#3fdad8 40%,#2fc9e2 50%,#1c7fee 60%,#5f15f2 70%,#ba0cf8 80%,#fb07d9 90%,red 100%) 100% 100%/2200% 2200%;-webkit-background-clip:text;background-clip:text;width:140px;margin:.5rem auto;font-size:2rem;font-weight:700;animation:3s linear infinite limitBreak}.fight-for-four{flex-direction:column;justify-content:space-between;width:90%;display:flex}.fight-report{text-align:center;flex-direction:column;justify-content:space-between;width:100%;display:flex}.fighter-report{min-width:45%}.fight-report-log{height:230px;margin-top:.25rem;overflow-y:scroll}.fight-report-damage{color:#fff;background-color:#00000080;border-radius:1rem;place-content:center space-between;margin:.5rem 0;padding:8px 16px;font-size:2rem;display:flex}.fight-report-damage-attack{text-align:left;font-size:1rem}.fight-report-damage-amount{align-self:center;font-family:Libertinus Mono,monospace;font-size:2rem}.no-logs{color:#ffffffbf}.fighter-plate{color:#fff;background:#000;border-radius:.25rem;flex-direction:row;justify-content:center;align-items:center;display:flex}.fighter-plate.fighter-plate-active{background:#006400}.fighter-plate.fighter-plate-target{background:#640000}.fighter-plate-ko{opacity:.75;background-image:linear-gradient(45deg,#3b3b3b 25%,#474747 25% 50%,#3b3b3b 50% 75%,#474747 75% 100%);background-size:56.57px 56.57px}.fighter-name{margin-bottom:.75rem;font-size:1.25rem}.fighter-hp{justify-content:space-evenly;align-items:center;width:100%;padding-bottom:.5rem;font-family:Libertinus Mono,monospace;font-size:3rem;font-weight:700;display:flex}.fight-night{flex-direction:column;flex-grow:1;align-items:center;display:flex}.fight-turns{justify-content:space-between;width:90%;height:3.25rem;display:flex}.interventions{justify-content:space-around;width:100%;display:flex}.interventions [type=checkbox]{width:24px;height:24px}@keyframes limitBreak{to{background-position:0}}.timer-finish{color:#ff3d3d;animation:1s steps(6,start) infinite blink-animation}.timer-ready{opacity:.5}.timer-warning{color:#ff9e3d}.timer-danger{color:#ff3d3d}@keyframes blink-animation{to{visibility:hidden}}.separator{margin-block:1rem}.damage-grid{justify-content:center;gap:.5rem;width:100%;display:flex}.damage-grid-cell{text-align:center;justify-items:center;padding-inline:.25rem;display:grid}.damage-grid-number{text-align:center;text-shadow:3px 3px #000000e8;font-size:2rem}.damage-grid-modifier{font-size:1.5rem}.fighter-misses{border:2px solid #fafafa;border-radius:.5rem;align-items:center;transition:all .3s;display:flex;overflow:hidden}.fighter-misses div{color:#5b5b5b;background-color:#323232;padding:.25rem .5rem;transition:all .3s}.fighter-misses div[data-active=true]{color:#fafafa;background-color:#2929b1}.fighter-misses div:first-child{border-right:1px solid #fafafa}.fighter-misses div:last-child{border-left:1px solid #fafafa}.fighter-misses[data-activated=true]{border-color:#b36f2c;animation:2s linear infinite streakActive}.fighter-misses[data-activated=true] div{color:#522b06;background-color:#ffb909;border-color:#b36f2c}@keyframes streakActive{0%{filter:drop-shadow(0 0 #ffd97a)}50%{filter:drop-shadow(0 0 4px #ffd97a)}to{filter:drop-shadow(0 0 #ffd97a)}}