*{box-sizing:border-box}html{color-scheme:light dark;--bg-color:#181818;--bg-color-alt:#000;--text-color:#f0f0f0;--toggle-content:"☀️";font-family:system-ui;&[data-theme=light]{--bg-color:#f0f0f0;--bg-color-alt:#fff;--text-color:#000;--toggle-content:"☀️"}&[data-theme=dark]{--bg-color:#181818;--bg-color-alt:#000;--text-color:#f0f0f0;--toggle-content:"🌙"}& body{background:var(--bg-color);background:linear-gradient(180deg,var(--bg-color),var(--bg-color-alt)100%);color:var(--text-color);min-height:1400px}& #theme-toggle{position:fixed;top:5px;right:5px;&:after{content:var(--toggle-content)}}}.App{--df-green:#10f898;--df-quality-common:#c4c4c2;--df-quality-uncommon:#2aca96;--df-quality-rare:#589fdc;--df-quality-epic:#9a71dc;--df-quality-legendary:#d0814d;--df-quality-exotic:#da5758;justify-content:center;align-items:center;height:100%;display:flex;& .sections{flex-flow:wrap;justify-content:center;gap:2em;padding-top:40px;display:flex;& .section{min-width:300px;@media (width<=800px){width:100%}&>.header{flex-flow:row;justify-content:space-between;display:flex}& h2{margin:0 0 .5em;padding:0;font-size:24px}}}& .MapTimers{flex-flow:column;display:flex;& .currentTime{margin-bottom:1em;font-size:18px;font-weight:700}& .timers{margin-bottom:1em;& .timer{border-left:5px solid var(--df-green);padding:.5em;& h3{margin:0;padding:0;font-size:24px}&.live{background:var(--df-green);color:#000;font-weight:700}& .time{font-size:18px}}}& .timeline{grid-template-rows:[header-start]1fr[header-end maps-start]auto[maps-end];grid-template-columns:[name-start]1fr[name-end hours-start]repeat(24,auto)[hours-end];align-items:center;gap:2px;display:grid;& .hour-key{justify-content:center;align-items:center;width:10px;height:10px;font-size:8px;display:flex;&.live{color:var(--df-green);font-weight:700}}& .name{text-align:right;max-height:10px;margin-right:.5em;font-size:12px;transform:translateY(-4px)}& .hour{content:"";background:gray;width:10px;height:10px;display:block;&.live{background:var(--df-green)}}}}& .buttonGroup{flex-flow:row;gap:4px;display:flex;overflow:hidden}& .button{cursor:pointer;color:#000;user-select:none;background:var(--df-green);justify-content:center;align-items:center;width:24px;height:24px;font-size:32px;font-weight:700;display:flex;&.add{background:var(--df-green)}&.remove{background:var(--df-quality-exotic)}&>span{transform:translateY(-4px)}&.disabled{cursor:not-allowed;background:var(--df-quality-common)}}& .metadata{opacity:.5;flex-flow:row;gap:1em;font-size:12px;display:flex;position:fixed;bottom:5px;left:5px;& .git-sha{font-weight:700}}}.kofiContainer{--df-green:#10f898;position:fixed;bottom:5px;right:5px;& .link{color:#fff;flex-flow:row;justify-content:center;align-items:center;gap:.5em;padding:0 5px;text-decoration:none;display:flex;overflow:hidden;&:active,&:visited{color:#fff}&:hover{background:var(--df-green);color:#000;& span{background:0 0}}& span{background:#000;border-radius:4px;padding:2px 12px}}}.MissionTree{flex-flow:column;align-items:center;gap:4px;width:100%;display:flex;& .scrollContainer{max-width:100vw;overflow:auto hidden}& .missionTreeCanvas{width:1400px;height:250px}& .missionDisplay{border:1px solid gray;border-top:5px solid #d3d3d3;flex-flow:column;justify-content:center;align-items:center;gap:.5em;min-width:400px;max-width:800px;padding:1em;display:flex;&.completed{border-color:var(--df-green)}& .name{margin-bottom:.5em;font-weight:700}& .description{& .condition,& .information{color:red;background:#f003;flex-flow:row;gap:.5em;margin-bottom:.5em;padding:.5em;& p{margin:0;padding:0}& ul{padding:1em 0 0 1em}}& .information{color:#fff;background:#3232ff80}& .quality-indicator{width:.75em;height:.75em;margin:0 .1em 0 .25em;display:inline-block;&.green{background:var(--df-quality-uncommon)}&.blue{background:var(--df-quality-rare)}&.purple{background:var(--df-quality-epic)}&.gold{background:var(--df-quality-legendary)}&.red{background:var(--df-quality-exotic)}}& ul{margin:0 2em 1em;padding:0;& li{margin-bottom:.5em;list-style-type:square}}& em{color:gold;font-style:normal;font-weight:700}& strong{color:gold}}& .status{&.completed{color:var(--df-green)}}}& .missionStats{&.complete{background-color:var(--df-green);color:#000;padding:5px;font-weight:700}}}.Pi7t3a_OtherProjects{flex-flow:row;justify-content:center;width:100%;display:flex;position:fixed;bottom:0;& .Pi7t3a_content{flex-flow:row;gap:1em;padding:5px 0;display:flex;& .Pi7t3a_title{color:#fff;&:after{content:":";display:inline}}& a{color:var(--df-green);text-decoration:none;&:hover{text-decoration:underline}}}@media (width<=900px){display:none}}
/*# sourceMappingURL=dftimers.707b1089.css.map */