@import"https://fonts.googleapis.com/css2?family=Anonymous+Pro:wght@700&family=Roboto+Slab:wght@400;700&display=swap";body{background-image:url(/tfh_bg.png);background-position:center;color:#fff;font-family:Roboto Slab,serif}body>div.housing{background:#5b5b5b;background:linear-gradient(180deg,#5b5b5b80,#fb252580);height:100vh;padding:.5rem;overflow-y:scroll}div#root{background:#5b5b5b;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 rgba(0,0,0,.9098039216)}.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,red,#ff9a00,#d0de21,#4fdc4a,#3fdad8,#2fc9e2,#1c7fee,#5f15f2,#ba0cf8,#fb07d9,red) 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;flex-direction:column;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:#000;border-radius:.25rem;color:#fff;display:flex;flex-direction:row;justify-content:center}.fighter-plate.fighter-plate-active{background:#006400}.fighter-plate.fighter-plate-target{background:#640000}.fighter-plate-ko{background-image:linear-gradient(45deg,#3b3b3b 25%,#474747 25%,#474747 50%,#3b3b3b 50%,#3b3b3b 75%,#474747 75%,#474747);background-size:56.57px 56.57px;opacity:.75}.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 rgba(0,0,0,.9098039216)}.damage-grid-modifier{font-size:1.5rem}.fighter-misses{align-items:center;border:2px solid rgb(250,250,250);border-radius:.5rem;display:flex;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))}}