:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;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:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background-color:#f0f8ff;position:relative;z-index:0;color:#000;text-align:center;overflow-wrap:anywhere;height:100%}#root{max-width:1280px;margin:0 auto;padding:8px}footer{margin-top:24px;font-size:x-small}.fixed-footer{position:absolute;bottom:4px;left:8px}dialog{border-radius:1em}.infobutton{position:fixed;right:8px;bottom:8px;padding:.4em;border-radius:1em;background-color:#0000004d;font-size:medium;margin-bottom:16px;margin-right:16px}.controls{z-index:9;position:absolute;color:#000;top:1vh;right:0;padding:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.controls .control{display:flex;flex-direction:row;flex-wrap:wrap;max-width:240px;margin:0;background-color:#f0f8ffdd}.controls .control .slider,.controls .control span{padding-left:4px;padding-right:4px}.controls #three-slider{display:flex;flex-direction:row;margin:auto;justify-content:center;align-items:center}.switch{position:relative;width:48px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translate(24px)}.grey{opacity:66%}.hint{position:absolute;font-size:80%;padding:8px;top:auto;left:4px;bottom:auto;right:4px;z-index:-1}input,select{padding:.2em 16px;margin-top:.25em;margin-bottom:.25em;border-radius:1em;color:#000;background-color:#fff}h1,h2,h3{margin-top:0;margin-bottom:0;padding:8px 16px}.stack{display:flex}.stack button,.stack img{padding:0 1em 4px;margin:3px auto}.column{flex-direction:column}.container{display:flex;flex-wrap:nowrap;width:min(96vw,900px)}.dragbox{display:flex;flex-direction:column;min-height:32px;height:92%}.box{position:relative;flex:1;border-width:3px;border-style:solid;border-radius:16px;padding:4px;margin:4px .5%}.box h4{margin:4px}.box.one{max-width:min(96%,768px);margin:4px auto}.reservoir{display:flex;flex-direction:unset;flex-wrap:wrap;justify-content:space-around;width:100%}.item{cursor:pointer;font-size:medium;border:2px solid;border-radius:1em;margin:3px auto;padding:5px .8em}.extra-margin{padding:0 8px;margin:auto}button{margin:4px;font-weight:700;color:#f0f8ff;background-color:#000;border-radius:1.2em;z-index:1}button:hover{opacity:80%}#control-panel{display:none;overflow:hidden;margin:auto;gap:16px;grid-template-columns:repeat(3,1fr);transition:display 1s ease-out 0s}#control-panel.opened{display:grid}.control{display:flex;border-radius:16px;flex-direction:column;align-items:center;justify-content:center;border:2px solid #404040;padding:8px 16px}#three-slider input{margin:4px;width:50%}@media only screen and (max-width: 1000px){#control-panel{grid-template-columns:repeat(2,1fr)}.control{font-size:80%;margin:0}}@media only screen and (max-width: 768px){#control-panel{grid-template-columns:1fr}.networkroute,.submit_text{display:none}.submit{position:fixed;right:16px;bottom:16px;padding:.4em;border-radius:1em;background-color:#36c8;font-size:xx-large;margin-bottom:16px;margin-right:16px}.wavering{animation:blink 40s infinite}}::backdrop{background-image:linear-gradient(45deg,#f0f,#639,#1e90ff,green);opacity:.75}.tab-button{color:#000;flex:1;background-color:#bfbfbf;border:none;margin:4px auto;cursor:pointer;opacity:80%}.tab-button.active{opacity:unset;font-weight:700;background-color:#000;color:#fff}.navbar span{padding:4px}.navbar button{font-size:medium;margin:4px .5%;padding-top:4px;padding-bottom:4px;opacity:50%}.navbar button:hover{opacity:80%}.tabcontent{display:none;height:100%}.renew{cursor:pointer;font-weight:700;position:absolute;top:0;right:8px;font-size:150%}.logo{position:relative;text-align:center;height:140px}.logo span{display:block;margin:2px}.logo img{display:block;margin:auto}.logo h3{position:absolute;font-size:medium;width:140px;top:33%;left:50%;transform:translate(-50%,-50%);color:#f0f8ff;background-color:#000;border-radius:unset;letter-spacing:8px;padding:0 40px;font-family:monospace}.avatars{margin:16px auto}.avatar{background-color:#f0f8ff88;font-weight:700;font-size:110%;padding:3px 1em;width:fit-content;border:3px solid;border-radius:1em;margin:4px auto}.group-avatar{background-color:#f0f8ff88;color:inherit;font-weight:700;font-size:90%;padding:3px 1em;width:fit-content;border:3px solid;border-radius:1em;margin:4px auto}.user-info{display:grid;grid-template-columns:8em 12em;gap:2px 16px}.user-info div{text-align:left}.context-menu{z-index:3;min-width:8em;position:absolute;background:#f0f8ff;box-shadow:4px 4px #000;color:#000;border:3px solid black;border-radius:16px;padding:0;margin:0;list-style:none}.context-menu li{padding:4px .5em;border-bottom:2px solid #0008;border-radius:0;cursor:pointer}.context-menu li:last-child{border-bottom:none}.networkroute{z-index:3;position:absolute;top:24px;left:48px}.team-panel{max-width:800px;padding:1em;border:3px solid black;box-shadow:8px 8px #000;margin:1em}.team-panel input{max-width:300px}.team-panel select{max-width:335px}.team-player{color:#000;background-color:#36c4;border:1px solid black;border-radius:1.5em;margin:4px;padding:.2em .5em}.team-player:hover{background-color:#36c8}.team-player.new-player{background-color:#3838}.team-player.disable-player{background-color:#e338}.new-player-inputs{display:flex;flex-direction:column;margin:auto}.new-player-inputs div{display:grid;grid-template-columns:20ch auto}@media only screen and (max-width: 768px){.new-player-inputs div{grid-template-columns:auto;place-items:center}}.new-player-inputs div label{text-align:left;width:20ch;margin:auto 1em}.new-player-inputs div input,.new-player-inputs div select{width:90%;margin:4px 0}.mmp{background-color:#87cefa}.fmp{background-color:salmon}@keyframes blink{0%{background-color:#8888}13%{background-color:#8888}15%{background-color:#f00a}17%{background-color:#8888}38%{background-color:#8888}40%{background-color:#ff0a}42%{background-color:#8888}63%{background-color:#8888}65%{background-color:#248f24aa}67%{background-color:#8888}88%{background-color:#8888}90%{background-color:#4700b3aa}92%{background-color:#8888}to{background-color:#8888}}.loader{display:block;border-radius:16px;position:relative;height:12px;width:96%;margin:auto;border:4px solid black;overflow:hidden}.loader:after{content:"";width:32%;height:120%;background:#36c;position:absolute;top:-2px;left:0;box-sizing:border-box;animation:animloader 2s linear infinite}@keyframes animloader{0%{left:0;transform:translate(-100%)}to{left:100%;transform:translate(0)}}.calendar-container{position:relative;margin:20px auto;font-size:small}.month-navigation{display:flex;align-items:center;justify-content:space-between;padding:8px;border-top:2px solid grey;border-bottom:2px solid grey}.month-navigation button{cursor:pointer;padding:4px 8px;border:none;color:#000;background-color:transparent}.month-navigation span{font-weight:700}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{padding:2px;border:1px solid grey;cursor:pointer;display:flex}.selected-day{border:4px solid grey}.weekday{border-bottom:3px solid black;margin:0 1em}.day-circle{text-align:center;border-radius:1.5em;width:1.5em;height:1.5em;padding:0;margin:auto;border:2px solid transparent}.today{border-radius:1.6em;border:4px solid red;text-align:center}.has-event{border-radius:1.5em;background-color:#87cefa}.active-player{border-radius:1.5em;border:4px solid rebeccapurple}.events{font-size:large;padding:20px}.events ul>li{padding:0;margin:0;list-style-type:none}