:root{--max-width: 400px;--min-width: 320px;--space-sm: 5px;--space-md: 10px;--space-lg: 30px;--border-radius: 10px;--brand-primary: #686fff;--brand-muted: #6870ff5e;--color-gray: rgb(136, 136, 136);--dark-gray: #242424;--dark-gray-accent: #303030;--color-danger: #b75151;--color-success: green;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffbf;background-color:var(--dark-gray);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:var(--max-width);min-width:var(--min-width);margin:0 auto;padding:var(--space-lg);padding-top:58px}body{margin:0;padding:0;min-height:100vh;font-size:16px}a{font-weight:500;color:var(--brand-primary);text-decoration:inherit;cursor:pointer}a:hover{filter:brightness(130%)}a.active{text-decoration:underline}a.danger{color:var(--color-danger)}.link-list{display:flex;flex-direction:column;gap:var(--space-md)}.link-list>a{padding:.6em 1.2em;background-color:var(--dark-gray-accent);border-radius:var(--border-radius)}.player-score-inputs{margin-bottom:var(--space-sm);display:grid;grid-template-columns:60% 40%;gap:var(--space-md)}.bar-chart{margin-top:var(--space-lg)}.page-subtitle{display:flex;align-items:baseline;gap:var(--space-md);margin-top:var(--space-lg);margin-bottom:var(--space-md)}.page-subtitle>h2+h3{color:var(--color-gray)}.page-subtitle>h1,.page-subtitle>h2,.page-subtitle>h3{margin:0}.title-with-link{display:flex;align-items:center}.title-with-link:has(h1){margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.title-with-link:has(h2){margin-top:var(--space-md);margin-bottom:var(--space-md)}.title-with-link.for-game{margin-bottom:var(--space-md)}.title-with-link>h1,.title-with-link>h2{margin:0!important;flex-grow:1}.callout{padding:var(--space-lg) 1.2em;background-color:var(--dark-gray-accent);border-radius:var(--border-radius);margin-bottom:var(--space-md)}.empty{padding:.6em 1.2em;border-radius:var(--border-radius);border:1px dashed var(--color-gray)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}h1{font-size:2em;line-height:1.1}h2,h3{margin-bottom:var(--space-md)}h1,h2,h3{margin-top:var(--space-lg)}.highlight{color:var(--brand-primary)}.text-muted{color:var(--color-gray)}.notes{white-space:pre-line}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.space-between{justify-content:space-between}.h-centered{justify-content:center}.v-centered{align-items:center}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.-mt-lg{margin-top:calc(var(--space-lg) * -1)}.mr-sm{margin-right:var(--space-sm)}.mr-md{margin-right:var(--space-md)}.mr-lg{margin-right:var(--space-lg)}.my-0{margin-top:0;margin-bottom:0}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grow{flex-grow:1}div.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn 2s linear .5s 1 normal forwards,pulse 3s ease-in-out 2.5s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}header.app-header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;padding:var(--space-md) var(--space-lg);z-index:100}header.app-header>nav{display:flex;width:100%;max-width:var(--max-width);min-width:var(--min-width);border-radius:var(--border-radius);background-color:#000000a6}header.app-header>nav>.inner-links{flex-grow:1;display:flex;justify-content:space-evenly;align-items:center}header.app-header>nav>a.record{background:linear-gradient(45deg,#686fff,#243adc);padding:2px 14px;border-radius:6px;color:#fff;margin-top:var(--space-md);margin-bottom:var(--space-md);margin-right:var(--space-md)}button{border-radius:var(--border-radius);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--brand-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.form-control{margin-bottom:var(--space-lg)}.form-control>label:first-of-type{display:block;margin-bottom:var(--space-md);font-weight:700}input,select,textarea{font-size:1em;padding:var(--space-sm);box-sizing:border-box}.form-control>input,.form-control>select,.form-control>textarea{width:100%}.form-control .list{display:flex;flex-direction:column;gap:var(--space-sm)}.form-control label>input[type=radio]{margin-right:var(--space-md)}.form-control .help-text{margin-top:var(--space-md);color:var(--color-gray)}.form-control .player-select-list{display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr}.form-control .player-select-list .checkbox-label{display:block;cursor:pointer}.form-control .player-select-list .checkbox-label>input{margin-right:var(--space-md)}table{width:100%;border-collapse:collapse;--table-x-gap: 20px;--table-y-gap: 7px}tr>td+td{border-left-width:var(--table-x-gap)}tr>th+th{border-left-width:var(--table-x-gap)}tr+tr>td{padding-top:var(--table-y-gap)}td,th{text-align:left;border:0px solid transparent;background-clip:padding-box}th{font-weight:400;color:var(--color-gray);padding-bottom:var(--table-y-gap)}td.num,th.num{text-align:right}td.long{white-space:nowrap;max-width:30vw;overflow:hidden;text-overflow:ellipsis}.player-color-none{color:#5f5f5f}.player-color-green{color:#58a158}.player-color-orange{color:#bd760b}.player-color-blue{color:#5264ff}.player-color-purple{color:#9b77af}.player-color-red{color:#ad5c5c}.player-color-yellow{color:#b9b978}.player-scores>.dash{color:var(--color-gray);margin-left:var(--space-sm);margin-right:var(--space-sm)}.stat-card{height:25px;background-color:var(--dark-gray-accent);padding:var(--space-md);margin-bottom:var(--space-md);border-radius:var(--border-radius);display:flex;align-items:center}.stat-card>div:first-child{width:60px;text-align:right;padding-right:var(--space-md);font-size:1.3em}.stat-card>div+div{color:var(--color-gray);white-space:nowrap;overflow:hidden}.detailed-stat-card{height:25px;background-color:var(--dark-gray-accent);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-md);border-radius:var(--border-radius);display:grid;grid-template-columns:1fr 1fr 1fr}.detailed-stat-card>div{display:flex;align-items:center;gap:var(--space-md)}.detailed-stat-card>div>span:first-child{color:var(--color-gray);text-align:left}.detailed-stat-card>div>span:last-child{text-align:left}.goal-card{background-color:var(--dark-gray-accent);padding:var(--space-md);margin-bottom:var(--space-md);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:var(--space-md)}.goal-card.completed .progress-bar-container .progress-bar .inner-bar{background-color:var(--color-success)}.goal-card.failed .progress-bar-container .progress-bar .inner-bar{background-color:var(--color-danger)}.goal-card .goal-title{display:flex;justify-content:space-between}.goal-card .goal-title .goal-stats{display:flex;gap:var(--space-md)}.goal-card .goal-title .goal-stats .ahead{color:var(--color-success)}.goal-card .goal-title .goal-stats .behind{color:var(--color-danger)}.goal-card .progress-bar-container{position:relative}.goal-card .progress-bar-container .progress-bar{background-color:var(--dark-gray);height:10px;border-radius:100px;position:relative;overflow:hidden}.goal-card .progress-bar-container .progress-bar .inner-bar{background-color:var(--brand-primary);position:absolute;height:10px}.goal-card .progress-bar-container .expected{height:14px;width:2px;background-color:#d3d3d3;position:absolute;top:-2px}.pill{border-radius:var(--border-radius);background-color:var(--dark-gray-accent);padding:5px 12px;color:var(--color-gray);font-weight:600;white-space:nowrap}header.landing-header{display:flex;align-items:center;justify-content:space-between}section{margin-top:60px;margin-bottom:60px}section.hero{background-color:var(--brand-primary);padding:var(--space-lg);border-radius:var(--border-radius);background:linear-gradient(var(--brand-primary),#663cc9)}section.hero h2{font-size:1.2em}img.screenshot{width:100%;border-radius:var(--border-radius);border:1px solid var(--brand-primary)}.calendar-graph-container{overflow-x:auto;overflow-y:hidden;max-width:100%}table.calendar-graph{width:max-content;border-spacing:2px;border-collapse:separate}.calendar-graph tr:first-of-type td{max-width:10px;color:var(--color-gray)}.calendar-graph td{width:10px;padding:0;border-width:0;border-spacing:1px;border-radius:2px}.calendar-graph tr{height:10px}.calendar-graph td.day-none{background-color:#ffffff08}.calendar-graph td.day-one{background-color:var(--brand-muted)}.calendar-graph td.day-many{background-color:var(--brand-primary)}