@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}.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}.overlay{background-color:#22222280;inset:0;position:fixed}input,button,select,option{font-family:Roboto Slab,serif}input,select{border-radius:4px;color:#000;padding:4px 8px}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}button:hover{background-color:#2828a6}input:focus,button:focus{outline:2px solid #6161ff;outline-offset:2px}button.secondary{background-color:#555;border-color:#222;margin-left:16px}.fighter-group{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.fighter-group .fighter-input button,.fighter-group .fighter-input input{min-width:20rem}.fighter-group .fighter-input button{display:flex;justify-content:space-between}.dialog-button{margin-top:.5rem;text-align:center;width:100%}.dialog-button button{margin:0 auto}.dialog-title{align-items:center;display:flex;font-size:1.25rem;justify-content:space-between}.dialog-title-close{padding:.25rem}.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;-moz-user-select:none;user-select:none}.class-select-option:hover,.class-select-option:focus{background-color:#3838d5;outline:none}.start-fighter-toggle{display:flex;width:100%}.start-fighter-toggle-item{background-color:#323232}.start-fighter-toggle-item:focus{outline-offset:-1px}.start-fighter-toggle-item[data-state=on]{background-color:#3838d5}.start-fighter-toggle-item:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.start-fighter-toggle-item:last-child{border-top-left-radius:0;border-bottom-left-radius:0}button:hover{cursor:pointer}button:disabled{opacity:.5}.calculator{display:flex;flex-direction:column;gap:1rem}.card{background-color:#00000080;border-radius:.5rem;padding:1rem}.title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.countdown,.turn{align-items:center;display:flex;font-family:Anonymous Pro,monospace;font-size:1.5rem;font-weight:700;gap:.5rem;text-align:center}.subtitle{font-weight:700;margin:.5rem 0;text-align:center}.first-turn-info{font-size:.75rem;margin-top:.5rem;opacity:.75}.fight-report{height:100%;flex-grow:1}.full-button{text-align:center;width:100%}.fighter-input{align-items:center;display:flex;gap:1rem}.fighter-input:not(:last-child){margin-bottom:1rem}.fighter-init{display:flex;gap:.5rem;justify-content:space-between}.fighter-init button{flex-grow:1;width:49%;text-align:center}.fighter-class-buttons{display:flex;flex-direction:row;margin-top:.25rem}.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}.rolls{align-items:flex-start;display:flex;flex-direction:column;height:456px;justify-content:flex-start;min-width:280px}.rolls>div:first-child{margin:0 auto}.rolls>div>.title{margin-bottom:.25rem}.rolls>div>input{font-size:1.5rem;text-align:center;width:150px}.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}.damage-breakdown{border-top:1px solid white;display:flex;flex-direction:column;height:100%;margin-top:1rem;width:100%}.damage-breakdown>div{margin-top:.5rem;flex-grow:1}.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}.damage-list{margin:.25rem}.critical-hit{color:red}.damage-total{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;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.limit-break-anim{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%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fight-config{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:space-around;width:100%}.fight-setup,.fight-turns{display:flex;flex-grow:1;gap:1rem;justify-content:space-around;width:100%}.fight-report{display:flex;justify-content:space-between;width:90%;text-align:center}.fighter-report{min-width:45%}.fight-report-log{margin-top:1rem}.fight-report-damage{background:rgba(0,0,0,.5);border-radius:1rem;color:#fff;font-size:2rem;margin:.5rem 0;padding:8px 16px}.fight-report-damage-attack{display:flex;font-size:1rem;gap:1rem;justify-content:space-around;margin-block:.5rem}.fight-report-damage-amount{font-family:Anonymous Pro,monospace;font-size:3rem;line-height:3.5rem}.fight-report-damage-guarantee{color:#ffb909}.fight-report-damage-lb{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%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fight-report-damage-turn,.fight-report-damage-roll{align-items:center;display:flex;flex-direction:column;gap:.25rem;width:48%}.fight-report-damage-turn div.number,.fight-report-damage-roll div.number{align-items:center;display:flex;height:32px}.fight-report-damage-edit{display:flex;gap:.25rem}.fight-report-damage-edit input{max-width:48px;text-align:center}.edit-damage{font-size:.75rem;margin-left:auto;margin-right:auto;margin-top:.5rem}.edit-damage svg{height:24px;width:24px}.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;margin-bottom:1rem;transition:all .3s}.fighter-plate div{transition:opacity 1s}.fighter-plate.fighter-plate-active{background:rgb(0,80,0);outline:4px solid rgb(203,251,203);outline-offset:4px}.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-plate.fighter-plate-ko div{opacity:.5}.fighter-name{font-size:1.25rem}.fighter-name[data-starting-fighter=true]{text-decoration:underline}.fighter-class{font-size:.75rem;margin-bottom:.75rem;opacity:.75}.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:flex-start;display:flex;gap:1rem;flex-grow:1}.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))}}@keyframes limitBreak{to{background-position:center left}}.timer-pause{animation:blink-animation 1s steps(6,start) infinite}.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}}@media only screen and (min-width: 1000px){.fight-config{flex-direction:row}.fight-setup,.fight-turns{width:unset}}