.components-icon{display:inline-block;margin:0;padding:0;width:.7em;height:.7em;fill:currentColor}.components-icon-spin>svg{animation:components-icon-spin 1s linear infinite}@keyframes components-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pages-error{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;white-space:wrap}.pages-error>svg{font-size:16em}.pages-loading{display:flex;justify-content:center;align-items:center;text-align:center}.pages-loading>svg{width:40%;max-width:800px;height:100%}.pages-loading>svg>#paddle-ball{animation:pages-loading-ball .4s cubic-bezier(1,0,1,1) alternate infinite}@keyframes pages-loading-ball{0%{transform:translateY(-100px)}}.pages-main{overflow:auto;padding:24px}.pages-welcome{position:relative;white-space:wrap}.pages-welcome>.pages-welcome-prompt{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;will-change:left,right;transition:left var(--duration-animation),right var(--duration-animation)}.pages-welcome>.pages-welcome-prompt.left{left:-100%;right:100%}.pages-welcome>.pages-welcome-prompt.right{left:100%;right:-100%}.pages-welcome>.pages-welcome-prompt>.pages-welcome-prompt-buttons{display:flex;gap:8px}.components-prompt{z-index:1;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:grid}.components-prompt>.grid{width:100%;height:100%;display:grid;grid-template-rows:1fr auto 1fr}.components-prompt>.grid:before{content:""}.components-prompt>.grid:after{content:""}.components-prompt>.grid>.content{background-color:var(--color-background);font-size:1.5em}.components-prompt>.grid>.content>.form{padding:24px}.components-prompt>.grid>.content>.form .checkbox-label{justify-self:end;font-weight:700;cursor:pointer}.components-prompt>.grid>.content>.form .checkbox-label.disabled{color:var(--color-foreground-dark);cursor:unset}.components-prompt>.grid>.content>.form .datepicker,.components-prompt>.grid>.content>.form select,.components-prompt>.grid>.content>.form input{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-background);background:#fff;font-size:1rem;width:100%;font-weight:700;box-sizing:border-box;padding:12px 20px;border:2px solid var(--color-foreground);border-radius:4px;outline:none}.components-prompt>.grid>.content>.form .datepicker::selection,.components-prompt>.grid>.content>.form select::selection,.components-prompt>.grid>.content>.form input::selection{background:var(--color-accent-brighter)}.components-prompt>.grid>.content>.form .datepicker:focus,.components-prompt>.grid>.content>.form select:focus,.components-prompt>.grid>.content>.form input:focus{border:2px solid var(--color-accent)}.components-prompt>.grid>.content>.form .datepicker.invalid,.components-prompt>.grid>.content>.form select.invalid,.components-prompt>.grid>.content>.form input.invalid{color:red;background:pink}.components-prompt>.grid>.content>.form .datepicker:disabled,.components-prompt>.grid>.content>.form select:disabled,.components-prompt>.grid>.content>.form input:disabled{color:var(--color-background-bright);background:var(--color-foreground);border-color:var(--color-foreground-dark);cursor:unset}.components-prompt>.grid>.content>.form .datepicker{cursor:default}.components-prompt>.grid>.content>.form .datepicker.active{border-color:var(--color-accent-brighter)}.components-prompt>.grid>.content>.form .datepicker.disabled{color:var(--color-background-bright);background:var(--color-foreground);border-color:var(--color-foreground-dark);cursor:unset}.components-prompt>.grid>.content>.form input[type=checkbox]{position:relative;margin:0;padding:0;height:24px;width:24px;cursor:pointer}.components-prompt>.grid>.content>.form input[type=checkbox]:checked:after{content:"";position:absolute;top:20%;bottom:35%;left:18%;right:18%;border-left:4px solid var(--color-accent);border-bottom:4px solid var(--color-accent);transform:rotate(-45deg)}.components-prompt>.grid>.content>.form input[type=checkbox]:active{background:var(--color-accent-brighter)}.components-prompt>.grid>.content>.form input[type=checkbox]:disabled{background:var(--color-foreground);border-color:var(--color-foreground-dark);cursor:unset}.components-prompt>.grid>.content>.buttons{display:grid;grid-template-columns:1fr 1fr;justify-items:stretch;align-items:stretch}.components-prompt>.grid>.content>.buttons>.button{color:var(--color-foreground-dark);font-size:2.5em;text-align:center;cursor:pointer;transition:background-color var(--duration-animation)}.components-prompt>.grid>.content>.buttons>.button.ok{background-color:#106010}.components-prompt>.grid>.content>.buttons>.button.ok:hover{background-color:green}.components-prompt>.grid>.content>.buttons>.button.ok:active{transition:unset;background-color:#109010}.components-prompt>.grid>.content>.buttons>.button.cancel{background-color:#601010}.components-prompt>.grid>.content>.buttons>.button.cancel:hover{background-color:maroon}.components-prompt>.grid>.content>.buttons>.button.cancel:active{transition:unset;background-color:#901010}.components-prompt>.grid>.content>.buttons>.button.disabled{background-color:#506050;cursor:unset}.components-prompt>.grid>.content>.buttons>.button.disabled:hover{background-color:#506050}.components-prompt>.grid>.content>.buttons>.button.disabled:active{transition:unset;background-color:#506050}.components-prompt-edit{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.components-prompt-edit .datepicker-holder{grid-column-start:1;grid-column-end:3;display:flex;flex-direction:column}.components-prompt-edit .delete{grid-column-start:1;grid-column-end:3;font-size:1.2rem;color:var(--color-foreground-dark);background-color:var(--color-background-brighter);border:solid 1px #555555}.components-prompt-edit .delete.active{color:#fff;border-color:#666}.components-prompt-edit .delete.active>*{filter:drop-shadow(0 0 4px)}.components-prompt-invite{display:flex;align-items:center;gap:12px}@media (max-width: 800px){.components-prompt-invite{flex-direction:column}}.components-prompt-register{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.components-prompt-register .datepicker-holder{grid-column-start:1;grid-column-end:3;display:flex;flex-direction:column}.components-prompt-rename{display:flex;align-items:center;gap:12px}.components-action{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1px}.components-action>.content{display:flex;align-items:center;justify-content:center;padding:12px;color:var(--color-background);font-size:2.4em;font-weight:500;font-family:inherit;cursor:pointer;background-color:var(--color-accent-dark);transition:background-color var(--duration-animation)}.components-action>.content:hover{background-color:var(--color-accent)}.components-action>.content:active{transition:unset;background-color:var(--color-accent-brighter)}.components-action>.content .text{margin-left:1ch;vertical-align:middle;font-size:.5em;font-weight:700}.components-datepicker{position:absolute;z-index:100;color:var(--color-foreground);font-weight:400;display:grid;grid-template-columns:1fr auto auto;width:365px;height:231px;font-size:1.1rem;border:solid 1px var(--color-background-brighter);border-radius:8px;background-color:var(--color-background-dark);cursor:default}@media (max-width: 390px){.components-datepicker{right:0;left:0;margin:auto}}@media (max-height: 510px){.components-datepicker{top:0;bottom:0;margin:auto}}.components-datepicker .header{grid-column-start:1;grid-column-end:4;display:grid;grid-template-columns:repeat(7,1fr);place-items:stretch;text-align:center;font-size:1.2rem;background-color:var(--color-background-bright);border-bottom:solid 1px var(--color-background-brighter)}.components-datepicker .date{display:grid;grid-template-columns:repeat(7,1fr);place-items:center}.components-datepicker .date .weekday{font-weight:700}.components-datepicker .hours,.components-datepicker .minutes{display:flex;flex-direction:column;overflow-y:auto;border-left:solid 1px var(--color-background-brighter)}.components-datepicker .clickable{cursor:pointer}.components-datepicker .pickable{padding:8px;text-align:center}.components-datepicker .pickable .item{border-radius:.5em;width:1.5em}.components-datepicker .pickable .item.disabled{color:var(--color-foreground-dark)}.components-datepicker .pickable .item.now{background-color:var(--color-background-brighter)}.components-datepicker .pickable .item.selected{color:var(--color-background-dark);background-color:var(--color-accent-dark)}.components-datepicker .reset{color:var(--color-accent)}.components-games{white-space:wrap}.components-games .right{text-align:right}.components-games .challenge{text-align:center;padding-left:4px;padding-right:4px;color:#fff;filter:drop-shadow(0 0 4px)}.components-games .versus{text-align:center;padding-left:4px;padding-right:4px}.components-games .positive{color:var(--color-positive)}.components-games .negative{color:var(--color-negative)}.components-games .unknown{color:var(--color-foreground-dark)}.components-games .tail{display:flex;gap:4px;flex-flow:row wrap}.components-games .date{color:var(--color-foreground-dark);margin-left:auto}.components-games .more{cursor:pointer;width:100%;text-align:center;font-size:3em;will-change:background-color;transition:background-color var(--duration-animation)}.components-games .more:hover{background-color:var(--color-background-bright)}.components-games .more:active{background-color:var(--color-background-dark)}.components-games .deleted *{filter:saturate(0);opacity:.5}.components-notifications{z-index:2;position:fixed;top:0;right:0;margin:5px;display:flex;flex-direction:column;gap:5px;align-items:flex-end}.components-notifications .message{background-color:#306010c0;opacity:100%;padding:5px;border-radius:5px;border:solid 1px #508020;will-change:opacity;transition:opacity .5s}.components-notifications .message.fading{opacity:0%}.components-notifications .message.error{background-color:#603010c0;border:solid 1px #805020}.components-side{display:flex;background-color:var(--color-background-dark);font-size:3em}@media (orientation: landscape){.components-side{flex-direction:column;overflow-y:auto}.components-side:after{margin-top:auto;content:"";border-top:solid var(--color-background-bright)}.components-side>:last-child{order:1}}@media (orientation: portrait){.components-side{overflow-x:auto}.components-side>*{flex-grow:1;text-align:center}.components-side>:last-child{display:none}}.components-side>*{color:currentColor;font-weight:700;box-sizing:border-box;padding-left:.4em;padding-right:.4em;cursor:pointer;will-change:background-color;transition:background-color var(--duration-animation)}.components-side>*:hover{background-color:var(--color-background-bright)}.components-side>*.active{color:var(--color-background-dark);background-color:var(--color-accent)}.components-side>*.inactive{color:currentColor}.components-side .text{display:none;margin-left:1ch;font-size:1rem;vertical-align:middle}@media (orientation: portrait) and (min-width: 600px){.components-side .text{display:unset}}@media (orientation: landscape) or (min-width: 600px){.components-side .text#visible{display:unset}}.components-status{z-index:2;position:fixed;bottom:0;right:0;padding:2px 8px;background-color:#00000080;z-index:1}.routes-game .wrap{white-space:wrap}.routes-game .current{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;justify-items:center}.routes-game .current .full{grid-column-start:1;grid-column-end:3}.routes-game .current .positive{color:var(--color-positive)}.routes-game .current .negative{color:var(--color-negative)}.routes-game .version{background-color:var(--color-background-dark);padding:8px;border-radius:8px;margin-top:16px}.routes-game .version .header{display:flex;flex-direction:row;gap:12px;margin-bottom:12px}.routes-game .version .header .date{color:var(--color-foreground-dark);margin-right:auto}.routes-game .version .content{display:flex;flex-direction:row;align-items:center;gap:8px}.routes-game .version .content .restore{margin-left:auto;padding:8px}.routes-game .xlarge{font-size:2.5em}.routes-game .large{font-size:2em}.routes-game .medium{font-size:1.5em}.routes-game .unknown{color:var(--color-foreground-dark)}.routes-game .marker{color:var(--color-background-brighter)}.routes-game .marker.active{color:#fff}.routes-game .marker.active>*{filter:drop-shadow(0 0 4px)}.routes-invites{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;column-gap:24px;align-items:start}.routes-invites-player{display:grid}.routes-invites-player-details{display:flex;flex-direction:column;align-items:center;background-color:var(--color-background-bright);border-bottom:2px solid var(--color-accent);border-radius:24px;padding:12px}.routes-invites-player-details>svg{font-size:4em}.routes-invites-player-line{background-color:var(--color-accent);width:2px;height:24px;margin:auto}.routes-leaderboard{display:flex;flex-direction:column;gap:24px}.routes-leaderboard>.table{overflow-x:auto}.routes-leaderboard>.table .self{color:var(--color-accent)}.routes-leaderboard>.table .badge{padding-left:10px;padding-right:10px;text-align:center}.routes-leaderboard>.table .badge .first{color:gold}.routes-leaderboard>.table .badge .first>svg{filter:drop-shadow(0 0 4px)}.routes-leaderboard>.table .badge .second{color:#fff}.routes-leaderboard>.table .badge .second>svg{filter:drop-shadow(0 0 4px)}.routes-leaderboard>.table .badge .third{color:#deb887}.routes-leaderboard>.table .badge .third>svg{filter:drop-shadow(0 0 4px)}.routes-leaderboard>.table .table-header{cursor:pointer}.routes-leaderboard>.table .table-header .sort{margin-left:5px;color:var(--color-accent)}.routes-player{display:flex;flex-direction:column;gap:24px;height:100%}.routes-player>.header{display:flex;background-color:var(--color-background-dark);border-radius:16px}@media (max-width: 400px){.routes-player>.header{flex-direction:column}}.routes-player>.header>.badge{padding-left:16px;padding-right:16px;align-content:center;text-align:center;color:var(--color-foreground);background-color:#000;font-size:3em;border-top-left-radius:inherit;border-bottom-left-radius:inherit}@media (max-width: 400px){.routes-player>.header>.badge{border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom-left-radius:unset}}.routes-player>.header>.badge>svg{width:1em}.routes-player>.header>.badge.first{color:gold}.routes-player>.header>.badge.first>svg{filter:drop-shadow(0 0 16px)}.routes-player>.header>.badge.second{color:#fff}.routes-player>.header>.badge.second>svg{filter:drop-shadow(0 0 16px)}.routes-player>.header>.badge.third{color:#deb887}.routes-player>.header>.badge.third>svg{filter:drop-shadow(0 0 16px)}.routes-player>.header>.name-score{display:flex;flex-flow:row wrap;overflow-x:auto;width:100%}.routes-player>.header>.name-score>.name{display:inline-block;align-content:center;white-space:wrap;color:var(--color-accent);font-weight:700;font-size:2.5em;margin-left:32px;margin-right:32px}.routes-player>.header>.name-score>.score{font-weight:700;font-size:2.5em;margin-left:auto;margin-right:32px;align-content:center}.routes-player>.stats{display:grid;margin-left:24px;margin-right:24px;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr;grid-template-rows:1fr;column-gap:12px}@media (orientation: portrait){@media (max-width: 900px){.routes-player>.stats{grid-template-columns:auto 1fr auto 1fr}}@media (max-width: 600px){.routes-player>.stats{grid-template-columns:auto 1fr}}}@media (orientation: landscape){@media (max-width: 1100px){.routes-player>.stats{grid-template-columns:auto 1fr auto 1fr}}@media (max-width: 800px){.routes-player>.stats{grid-template-columns:auto 1fr}}}.routes-player .no-games{height:100%}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--color-foreground);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-foreground: #cccccc;--color-foreground-dark: #a0a0a0;--color-background: #242424;--color-background-bright: #303030;--color-background-brighter: #444444;--color-background-dark: #1d1d1d;--color-accent: hsl(39, 100%, 50%);--color-accent-brighter: hsl(39, 100%, 70%);--color-accent-bright: hsl(39, 100%, 60%);--color-accent-dark: hsl(39, 100%, 40%);--color-accent-darker: hsl(39, 100%, 30%);--color-positive: #80cc80;--color-negative: #cc8080;--duration-animation: .2s}html,body{margin:0;width:100vw;height:100vh;white-space:nowrap}a{font-weight:500;color:var(--color-accent);text-decoration:inherit;cursor:pointer}a:hover{color:var(--color-accent-brighter)}a:visited{color:var(--color-accent)}::selection{background:var(--color-accent-darker)}h1{color:var(--color-accent);font-size:3.2em;line-height:1.1}button{border-radius:8px;border:none;padding:.6em 1.2em;color:var(--color-background);font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;background-color:var(--color-accent-dark);transition:background-color var(--duration-animation)}button:hover{background-color:var(--color-accent)}button:active{transition:unset;background-color:var(--color-accent-brighter)}button.secondary{color:var(--color-accent);background-color:var(--color-background-dark);transition:background-color var(--duration-animation)}button.secondary:hover{background-color:var(--color-background)}button.secondary:active{transition:unset;background-color:var(--color-background-bright)}table{width:100%;text-align:left;font-size:1.3em;border-collapse:collapse}table>thead{background-color:var(--color-background-dark)}table>tbody>tr:nth-child(odd){background-color:var(--color-background-bright)}table.clickable>tbody>tr{cursor:pointer;will-change:background-color;transition:background-color var(--duration-animation)}table.clickable>tbody>tr:hover{background-color:var(--color-accent-darker)}#root{width:100%;height:100%;display:grid;align-items:stretch}@media (orientation: landscape){#root{grid-template:"side actions" auto "side main" 1fr / auto 1fr}}@media (orientation: portrait){#root{grid-template:"side" auto "actions" auto "main" 1fr / 1fr}}#root>#side{grid-area:side}#root>#actions{grid-area:actions}#root>#main{grid-area:main}