:root{--green:#00CC00;--green-transparent: rgba(0, 204, 0, .05);--red: #FF9999;--dark-red: rgba(100, 0, 0, .8);--red-transparent: rgba(255, 0, 0, .05);--black:black;--white:white;--gray: #505050;--dark-gray: #303030;--light-gray: #A0A0A0;--x-light-gray: #E0E0E0;--blue: #00CCff;--transparent: rgba(0,0,0,0);--yellow: #FFD700}body{font-family:Roboto Consdensed,sans-serif;margin:0;background-color:var(--dark-gray);color:var(--white)}a{color:var(--text-color)}table{border-collapse:collapse}td{border-bottom:1px solid var(--borders-color);padding:0 1em}.app-container{display:flex;flex-direction:column;min-height:100dvh}.app-main{flex:1;padding:1em}.app-footer{text-align:center;padding:1em;color:var(--white);background-color:var(--black)}input,select,textarea{border:solid 1px var(--gray);border-radius:3px;padding:.3em;color:var(--white);background-color:var(--dark-gray)}.input-lg{padding:.7em}input[type=color]{width:2em;height:2em;padding:0;border:solid 1px var(--borders-color);cursor:pointer;vertical-align:middle;margin:5px}input.invalid{border:solid 1px var(--red)}.txt-center{text-align:center}.txt-lg{font-size:4em}.letter-space-1{letter-spacing:.1em}.line-space-1{line-height:1.5em}.txt-huge{font-size:clamp(3em,7vw,7em)}.error{color:var(--red)}.txt-small{font-size:.8em}.btn-icon{border:none;cursor:pointer;font-size:1em;box-shadow:none;padding:.5em}.btn,button{display:inline-block;padding:.7em;text-decoration:none;border-radius:.3em;border:solid .5px var(--white);transition:all .2s ease-in-out;cursor:pointer;background-color:var(--transparent);color:var(--white)}.btn:hover,button:hover{background-color:var(--white);color:var(--black)}button:disabled{cursor:not-allowed;opacity:.6}.btn-link{background-color:transparent;color:var(--yellow);border:none;padding:0;box-shadow:none}.btn-link:hover{text-decoration:underline;background-color:transparent;color:var(--white)}.c-red{color:var(--red)}.c-green{color:var(--green)}.c-white{color:var(--white)}.c-light-gray{color:var(--light-gray)}.c-blue{color:var(--blue)}.c-yellow{color:var(--yellow)}.flex{display:flex}.fd-column{display:flex;flex-direction:column}.flex-center{display:flex;flex-direction:column;justify-content:center;align-items:center}.flex-edges{display:flex;justify-content:space-between;align-items:center}.gr-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.gr-full-width{grid-column:1 / -1}.center{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.right{display:flex;justify-content:flex-end}.vert-center{display:flex;align-items:center}td{border-bottom:1px solid var(--light-gray);padding:.5em 1em}.caps{text-transform:uppercase}.al-r{text-align:right}.m-0{margin:0}.m-1{margin:1em}.m-2{margin:2em}.m-3{margin:3em}.mv-1{margin:1em 0}.mv-3{margin:15px 0}.mh-1{margin:0 1em}.mh-3{margin:0 3em}.mb-0{margin-bottom:0}.mb-1{margin-bottom:1em}.mt-1{margin-top:1em}.mt-2{margin-top:2em}.mt-3{margin-top:3em}.p-1{padding:1em}.p-3{padding:15px}.p-0{padding:0}.bg-black{background-color:var(--black)}.stack-v{display:flex;flex-direction:column;gap:10px;align-items:center}.w-25{width:25%}.border{border:solid 1px var(--light-gray);border-radius:.5em;padding:1em}.border-dotted{border:dashed 2px var(--light-gray);border-radius:1em}.max-w-25{max-width:25%}.card{display:inline-block;border:solid 1px var(--white);border-radius:.5em;padding:1em;background-color:var(--transparent);margin:1em}.card-green{border:solid 1px var(--green);color:var(--green);background-color:var(--green-transparent)}.card-red{border:solid 1px var(--red);color:var(--red);background-color:var(--red-transparent)}.badge{display:inline-block;padding:.3em .8em;margin:.3em;border:solid 1px var(--gray);border-radius:1em;font-size:.7em}.badge-red{background-color:var(--red);border:0;color:var(--black)}.badge-green{background-color:var(--green);border:0;color:var(--black)}.badge-red-outline{border:solid 1px var(--red);background-color:var(--transparent);color:var(--red)}.badge-green-outline{border:solid 1px var(--green);background-color:var(--transparent);color:var(--green)}.badge-blue{border:solid 1px var(--blue);background-color:var(--transparent);color:var(--blue)}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background:transparent}.z-front{z-index:20;position:relative}.clickable{cursor:pointer;transition:all .2s ease-in-out}.card-green.clickable:hover{background-color:var(--green);color:var(--black)}.card-red.clickable:hover{background-color:var(--red);color:var(--black)}