@import"https://fonts.googleapis.com/css2?family=Anonymous+Pro:wght@700&family=Roboto+Slab:wght@400;700&display=swap";body{background-image:url(https://cdn.glitch.global/3b500d09-b864-4b67-8d82-9b83bd692a04/tfh_background_effects.png?v=1676391965033);background-position:center;color:#fff;font-family:Roboto Slab,serif}body>div.housing{background:rgb(91,91,91);background:linear-gradient(180deg,rgba(91,91,91,.5) 0%,rgba(251,37,37,.5) 100%);height:100vh;padding:.5rem;overflow-y:scroll}div#root{background:rgb(91,91,91);height:100vh}input,button,select,option{font-family:Roboto Slab,serif}input,select{border-radius:4px;color:#000;padding:4px 8px}button{background-color:#1c1c75;border:1px solid #6161ff;border-radius:4px;color:#fff;font-weight:700;padding:4px}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{border-color:#222;border-radius:8px;background-color:#444;color:#fff;box-shadow:8px 8px 10px -1px #000000b3;text-align:center}dialog::backdrop{background-color:#00000080}.container{color:#fff;display:flex;font-family:Roboto Slab,serif}.card{background-color:#00000080;border-radius:.5rem;margin:.5rem;padding:.5rem 1rem}.title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.countdown,.turn{font-family:Anonymous Pro,monospace;font-size:1.5rem;font-weight:700;text-align:center}.subtitle{font-weight:700;margin:.5rem 0;text-align:center}.damage-hit{font-size:1.5rem;margin-bottom:.5rem;text-align:center;width:100%}.damage-hit-text{border-top:1px solid white;font-size:1.75rem;margin-top:.75rem;padding-top:.5rem;text-align:center}.damage-hit-difference{align-items:center;border-radius:.25rem;border:2px #9e9e9e dashed;display:flex;font-size:1.5rem;justify-content:space-evenly;margin-block:.75rem}.damage-hit-total{color:#ffb909;font-weight:700;text-shadow:3px 3px #000000e8}.fight-setup,.fight-report{height:100%;flex-grow:1}.fight-setup{align-items:center;display:flex;flex-direction:column;max-width:300px}.fight-setup .card,.full-button{width:100%}.fighter-group,.fighter-init{margin-bottom:1rem}.fighter-init select:not(:last-child){margin-bottom:.5rem}.config-buttons{margin-bottom:.5rem}.fighter-vs{margin-bottom:1rem;text-align:center;font-weight:700;opacity:.5}.fighter-input{align-items:center;display:flex;justify-content:space-between}.fighter-class-buttons{display:flex;flex-direction:row}.fighterClassButton{background:none;border:2px solid transparent;border-radius:.5rem;height:36px;outline:none;padding:0}.fighterClassButton:hover{border:2px solid rgba(0,0,0,.3);cursor:pointer}.fighterClassButton.fighterClassSelected{border:2px solid rgb(0,255,0)}.fighterClassButton:disabled{border:2px solid transparent;cursor:default;opacity:.8}.control-buttons{display:flex;justify-content:space-between}.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{animation:limitBreak 3s linear infinite;background:repeating-linear-gradient(90deg,rgba(255,0,0,1) 0%,rgba(255,154,0,1) 10%,rgba(208,222,33,1) 20%,rgba(79,220,74,1) 30%,rgba(63,218,216,1) 40%,rgba(47,201,226,1) 50%,rgba(28,127,238,1) 60%,rgba(95,21,242,1) 70%,rgba(186,12,248,1) 80%,rgba(251,7,217,1) 90%,rgba(255,0,0,1) 100%) bottom right/200% 200%;background-size:2200% 2200%;font-weight:700;font-size:2rem;margin:.5rem auto;text-align:center;width:140px;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fight-for-four{display:flex;width:90%;justify-content:space-between;flex-direction:column}.fight-report{display:flex;justify-content:space-between;width:100%;text-align:center}.fighter-report{min-width:45%}.fight-report-log{margin-top:.25rem;height:230px;overflow-y:scroll}.fight-report-damage{align-content:center;background-color:#00000080;border-radius:1rem;color:#fff;display:flex;font-size:2rem;justify-content:space-between;margin:.5rem 0;padding:8px 16px}.fight-report-damage-attack{font-size:1rem;text-align:left}.fight-report-damage-amount{align-self:center;font-family:Anonymous Pro,monospace;font-size:2rem}.no-logs{color:#ffffffbf}.fighter-plate{align-items:center;background:rgb(0,0,0);border-radius:.25rem;color:#fff;display:flex;flex-direction:column;justify-content:center}.fighter-plate.fighter-plate-active{background:rgb(0,100,0)}.fighter-plate.fighter-plate-target{background:rgb(100,0,0)}.fighter-plate.fighter-plate-ko{background-image:linear-gradient(45deg,#3b3b3b 25%,#474747 25%,#474747 50%,#3b3b3b 50%,#3b3b3b 75%,#474747 75%,#474747 100%);background-size:56.57px 56.57px}.fighter-name{font-size:1.25rem;margin-bottom:.75rem}.fighter-hp{align-items:center;display:flex;font-family:Anonymous Pro,monospace;font-size:3rem;font-weight:700;padding-bottom:.5rem;justify-content:space-evenly;width:100%}.fight-night{align-items:center;display:flex;flex-direction:column;flex-grow:1}.fight-turns{display:flex;width:90%;height:3.25rem;justify-content:space-between}.interventions{display:flex;justify-content:space-around;width:100%}.interventions [type=checkbox]{height:24px;width:24px}@keyframes limitBreak{to{background-position:center left}}.timer-finish{animation:blink-animation 1s steps(6,start) infinite;color:#ff3d3d}.timer-ready{opacity:.5}.timer-warning{color:#ff9e3d}.timer-danger{color:#ff3d3d}@keyframes blink-animation{to{visibility:hidden}}.separator{margin-block:1rem}.damage-grid{display:flex;gap:.5rem;width:100%;justify-content:center}.damage-grid-cell{display:grid;justify-items:center;padding-inline:.25rem;text-align:center}.damage-grid-number{font-size:2rem;text-align:center;text-shadow:3px 3px #000000e8}.damage-grid-modifier{font-size:1.5rem}.fighter-misses{align-items:center;border:2px solid rgb(250,250,250);border-radius:.5rem;display:flex;margin-bottom:.5rem;overflow:hidden;transition:all .3s}.fighter-misses div{background-color:#323232;color:#5b5b5b;padding:.25rem .5rem;transition:all .3s}.fighter-misses div[data-active=true]{background-color:#2929b1;color:#fafafa}.fighter-misses div:first-child{border-right:1px solid rgb(250,250,250)}.fighter-misses div:last-child{border-left:1px solid rgb(250,250,250)}.fighter-misses[data-activated=true]{animation:streakActive 2s linear infinite;border-color:#b36f2c}.fighter-misses[data-activated=true] div{background-color:#ffb909;border-color:#b36f2c;color:#522b06}@keyframes streakActive{0%{filter:drop-shadow(0 0 0px rgb(255,217,122))}50%{filter:drop-shadow(0 0 4px rgb(255,217,122))}to{filter:drop-shadow(0 0 0px rgb(255,217,122))}}