.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:9999999}.modal-content{z-index:99999999;position:fixed;top:50%;left:50%;transform:translate(-50%) translateY(-50%);background-color:var(--background-color);padding:20px;border-radius:8px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-close-container{display:flex;justify-content:end}.modal-close{margin-top:20px;padding:10px 20px;background-color:var(--primary-color);color:var(--text-color);border:none;border-radius:4px;cursor:pointer}.modal-close:hover{background-color:var(--secondary-color)}.boost-item{font-size:.9em;color:var(--text-color);display:flex;align-items:center;cursor:pointer}.boost-img{width:40px;height:40px;object-fit:contain;border-radius:2px;margin-right:8px}.boost-combo-vs,.ar-boost{color:var(--light-green);font-weight:700}.boost-vs-img{margin-left:8px}.boost-vs-only{text-decoration:line-through;color:var(--text-stop)}.boost-vs-reco{color:var(--text-disabled)}.countdown{font-size:.8em;color:var(--text-color)}.calendar-container{padding:18px}.phase-item{background-color:var(--background-color-light);border:1px solid var(--border-color);border-radius:4px;padding:10px;margin-bottom:10px}.phase-time{font-weight:700;color:var(--text-color)}.phase-item-disabled{background-color:var(--background-color-disabled);color:#ddd}.phase-name{font-weight:700;color:var(--secondary-color)}.vs-list{background-color:var(--background-color-light);padding:10px;border-radius:4px}.vs-list li{color:var(--text-color)}.boost-list{margin-top:5px;padding-left:20px}.current-phase{border:2px solid var(--secondary-color);box-shadow:0 0 10px #d63d4480}.timing-table{width:100%;border-collapse:collapse;border-top:none}.timing-table th,.timing-table td{border:1px solid var(--border-color);padding:10px;text-align:left}.timing-table th{background-color:var(--primary-color);color:var(--text-color)}.timing-table tr:nth-child(2n){background-color:#0003}.accordion-item{margin-bottom:10px}.accordion-header{background-color:var(--primary-color);color:var(--text-color);cursor:pointer;padding:10px;width:100%;text-align:left;border:1px solid var(--border-color);outline:none;transition:.4s;font-size:16px}.accordion-header.active{border-bottom:none}.accordion-header:hover{background-color:#2a5ca5}.accordion-content{background-color:var(--background-color-light);display:none}.accordion-content.active{display:block}.checklist-container{padding:20px}.checklist-section{margin-bottom:30px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.section-header{background-color:var(--background-color-light);padding:15px 20px;border-bottom:1px solid var(--border-color)}.section-header h2{margin:0;color:var(--text-color);font-size:1.2em;text-shadow:1px 1px 1px black}.accordion-header{cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.accordion-header:hover{background-color:var(--primary-color)}.accordion-icon{font-size:.8em;transition:transform .3s ease;color:var(--text-color)}.accordion-icon.open{transform:rotate(180deg)}.section-content{padding:20px;background-color:var(--background-color-light)}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.task-item{background-color:var(--background-color);padding:12px;border-radius:6px;transition:background-color .3s ease;border:1px solid var(--border-color)}.task-item:hover{background-color:var(--primary-color);border-color:var(--secondary-color)}.task-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.95em}.task-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--secondary-color)}.task-text{color:var(--text-color);line-height:1.4}.no-tasks{text-align:center;color:var(--text-disabled);font-style:italic;padding:20px}.timeline-calendar h3{margin:0 0 16px;font-size:1.2em;color:var(--text-color);text-shadow:1px 1px 1px black}.timeline-calendar .vs-list{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.timeline-calendar .vs-list li{background-color:var(--background-color-light);border:1px solid var(--secondary-color);border-radius:4px;padding:8px 10px;color:var(--text-color)}.timeline-calendar .vs-list .task-label{display:flex;align-items:center;gap:8px;cursor:pointer;margin:0;color:var(--text-color)}.timeline-calendar .vs-list .task-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--secondary-color)}.timeline-calendar ul{list-style:none;padding:0;margin:0}.timeline-calendar ul li{margin-bottom:8px}@media (max-width: 768px){.checklist-container{padding:15px}.tasks-grid{grid-template-columns:1fr}.section-header{padding:12px 15px}.section-content{padding:15px}.timeline-calendar .vs-list{grid-template-columns:1fr}}.number-input-group{display:flex;gap:4px;align-items:center}.number-input{flex:1;padding:8px;font-size:14px;text-align:center;background-color:var(--background-color-light);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;max-width:50px}.number-button{padding:8px;font-size:14px;background-color:var(--primary-color);color:var(--text-color);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.number-button:hover{background-color:var(--secondary-color)}.time-input-group{display:flex;gap:10px;align-items:center;margin-bottom:12px}.time-input{flex:1;padding:8px;font-size:14px;text-align:center;background-color:var(--background-color-light);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;max-width:80px}.time-buttons{display:flex;gap:5px}.time-button{padding:8px;font-size:14px;background-color:var(--primary-color);color:var(--text-color);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.time-button:hover{background-color:var(--secondary-color)}.calculators-container{padding:20px;margin:0 auto}.calculator-container{background-color:var(--background-color-light);border:1px solid var(--border-color);border-radius:4px;padding:10px;margin-bottom:10px}.calculator-result{margin:20px auto auto;text-align:center;font-size:18px;color:var(--text-color);padding:10px;background-color:var(--background-color-light);border-radius:4px}.calculator-result td{text-align:right;padding:4px 8px}.calculator-result td:nth-child(2){text-align:left}.capitolQueue-label{cursor:pointer}.choiceChest-row{display:flex;flex-direction:row;align-items:center;margin-bottom:16px}.choiceChest-icon{min-width:40px;height:40px;margin-right:8px}.radar-red{color:red}@media only screen and (min-width: 768px){.calculator-container{padding:10px 20px}}.header-menu{display:flex;justify-content:center;margin-bottom:20px}@media only screen and (max-width: 767px){.header-menu{display:none}}.stamina-container{width:70px;background-color:#000;text-align:center;text-shadow:1px 1px 1px black;border:1px solid black;border-radius:4px;cursor:pointer}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.settings-modal{background-color:var(--background-color-light);border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.settings-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-color)}.settings-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-color);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.settings-close:hover{background-color:var(--border-color)}.settings-content{padding:24px}.settings-section{margin-bottom:24px}.settings-section h3{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:var(--text-color)}.setting-item{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.setting-item label{font-weight:500;color:var(--text-color);font-size:14px}.setting-item .phase-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--background-color);color:var(--text-color);font-size:14px;cursor:pointer;min-width:200px}.setting-item .phase-select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 2px #d63d4440}.setting-item .phase-select option{background-color:var(--background-color);color:var(--text-color);padding:4px}@media (max-width: 768px){.settings-modal{width:95%;max-height:90vh}.settings-header{padding:16px 20px}.settings-content{padding:20px}.setting-item .phase-select{min-width:100%}}.fixed-header{position:fixed;top:0;left:0;right:0;background-color:var(--background-color);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;z-index:1000;box-shadow:0 2px 5px #0000001a}.settings-button{background:none;border:none;font-size:18px;cursor:pointer;padding:6px;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.settings-button:hover{background-color:var(--border-color, #eee)}.fixed-header .tabs{margin-bottom:0}.header-current-time{font-size:1.2em;font-weight:700}@media only screen and (max-width: 767px){.fixed-header .tabs{display:none}}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background-color:var(--background-color);padding:10px;justify-content:space-around;align-items:center;z-index:1000;box-shadow:0 -2px 5px #0000001a}.nav-item{padding:10px 20px;background-color:var(--background-color-light);border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;color:var(--text-color);text-decoration:none}.nav-item.active{background-color:var(--primary-color)}@media only screen and (max-width: 767px){.bottom-nav{display:flex}}.feedback-link{position:fixed;left:16px;bottom:78px;text-decoration:none;font-size:32px;background-color:var(--primary-color);display:block;width:50px;height:50px;border:1px solid var(--text-color);border-radius:50%;text-align:center;cursor:pointer}:root{--primary-color: #1c4686;--secondary-color: #d63d44;--background-color: #2e3f7b;--background-color-light: #2e3f7b;--background-color-disabled: #444;--text-color: #ddd;--border-color: #333;--light-green: #5af78d;--green: #1cb174;--text-disabled: #888;--text-stop: #d63d44}body{font-family:Arial,sans-serif;line-height:1.6;color:var(--text-color);background:linear-gradient(.25turn,#1c4686,#d63d44);margin:0;padding-top:60px;padding-bottom:60px}.App{max-width:800px;margin:0 auto}@media only screen and (min-width: 768px){body{padding:80px 20px 20px}}h1{color:var(--text-color);text-align:center;margin-bottom:20px}h2{color:var(--text-color);border-bottom:2px solid var(--border-color);padding-bottom:10px;margin-top:30px;text-shadow:1px 1px 1px black}ul{list-style-type:none;padding-left:0}li{margin-bottom:10px}