body{background:#5d5050;font-size:14px;font-family:Arial,sans-serif;height:100%}img.logo{width:175px;height:175px;border:1px solid #000;display:block;border-radius:12px}.headerlabel{text-align:center;border:1px solid #fff;background:#232323;color:#ffcf27;padding:8px 14px;margin:0 auto 16px;width:fit-content;border-radius:10px}.reset-button{text-align:center;border:1px solid #fff;background:#232323;color:#ffcf27;width:auto;min-width:140px;padding:10px 14px;border-radius:8px}.content{margin-left:0}.app-container{padding:24px;min-height:100vh;box-sizing:border-box}.sidebar{position:fixed;left:24px;top:20px;width:220px;display:flex;flex-direction:column;align-items:center;gap:18px}.sidebar-buttons{width:100%;display:flex;flex-direction:column;gap:12px}.secondary-button{text-align:center;border:1px solid #fff;background:#232323;color:#ffcf27;width:auto;min-width:140px;padding:10px 14px;border-radius:8px}.main-area{margin-left:100px;width:calc(100vw - 200px);min-width:900px;display:flex;flex-direction:column;align-items:center}.title-row{display:flex;justify-content:center;width:100%}.tribute-image{height:90px;width:90px}.reaping{margin-top:24px;width:100%;display:flex;justify-content:center}.reaping table{border-collapse:collapse}.reaping td{width:calc(100% / 6);padding:8px;text-align:center;vertical-align:middle}.tribute-name{color:#fff;font-size:11px;font-weight:700;font-family:arial;text-align:center;word-wrap:break-word}.proceed-button{margin:20px auto 0;text-align:center;border:1px solid #fff;width:120px;background:#232323;color:#ffcf27;padding:10px 0;border-radius:8px}.district-name{color:#fff;font-size:16px;font-weight:700;font-family:arial;text-align:center;word-wrap:break-word}.begin-button{margin:20px auto 0;text-align:center;border:1px solid #fff;width:120px;background:#232323;color:#ffcf27;padding:10px 0;border-radius:8px}.bloodbath{text-align:center;width:100%;color:#fff;padding:12px;display:flex;flex-direction:column;align-items:center;margin:24px auto 24px -10.5px}.bloodbathlabel{text-align:center;border:1px solid #fff;background:#232323;margin:20px auto 0 0;color:#ffcf27;display:inline-block;padding:5px}.bloodbathlabelmain{text-align:center;border:1px solid #fff;background:#232323;color:#ffcf27;display:inline-block;padding:0 10px;margin:24px auto 16px}strong{font-weight:700;color:#fb8200}.feastlabel{text-align:center;border:1px solid #fff;background:#232323;margin:10px auto 10px 0;color:#ffcf27;display:inline-block;padding:5px}button:hover{background-color:#2e2e2e;color:#ffd53f;text-decoration:underline}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;padding:24px}.modal{background:#232323;border:1px solid #fff;border-radius:16px;width:min(1100px,100%);max-height:90vh;overflow:hidden;position:relative;box-sizing:border-box}.modal.large{width:95vw;min-width:1200px}.modal-title{margin:38px 0 16px;color:#ffcf27;font-size:24px;text-align:center}.modal-close{position:absolute;top:16px;right:26px;width:36px;height:36px;border-radius:50%;border:none;background:#b32f2f;color:#fff;font-size:24px;line-height:1;cursor:pointer}.modal-body{overflow:visible;max-height:none;padding:20px 24px 24px}.modal-content{padding:0;margin:0;width:100%;overflow-y:auto;max-height:calc(90vh - 40px)}.modal-header{background:#232323;padding:20px 24px;border-bottom:1px solid #fff;margin-bottom:20px}.help-modal-header{padding-top:10px}.modal-header h2{margin:0;color:#ffcf27;font-size:24px;text-align:center}.customize-layout{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin:20px 30px 40px;align-items:flex-start}.info-box{position:static;flex:0 1 700px;margin:0;text-align:left;border:1px solid #fff;background:#232323;color:#ffcf27;padding:30px;font-size:16px;box-sizing:border-box}.info-box p{margin:0}.theform{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;box-sizing:border-box}.form-container{background-color:#f5f5f5;padding:20px;border-radius:5px;width:100%;min-width:0;box-sizing:border-box}.form-container h1{font-size:18px;margin-bottom:15px}.form-table{width:100%;border-collapse:collapse}.form-table th,.form-table td{padding:10px;border-bottom:1px solid #ddd}.form-table th{text-align:left}.form-table td input[type=text],.form-table td input[type=number]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.form-table td input[type=text]:focus,.form-table td input[type=number]:focus{border-color:#007bff;outline:none}.form-table td button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.form-table td button:hover{background-color:#0056b3}.formbutton{border-radius:4px;text-align:center;border:1px solid #fff;background:#232323;margin:10px auto 10px 0;color:#ffcf27;display:inline-block;padding:5px}
