@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";body{margin:0}*{box-sizing:border-box;font-family:Roboto}#root{width:100vw;height:100svh}button{background-color:#e4c29e;border:2px solid #b99e81;font-weight:700;transition:.1s ease-in-out}button:not(:disabled){cursor:pointer}button:not(:disabled):hover{background-color:#d4b18a}button:not(:disabled):active{background-color:#b99e81}button.circle-btn{width:2rem;height:2rem;border-radius:100%;display:flex;align-items:center;justify-content:center}button.circle-btn svg{width:16px;height:16px}@media (pointer: coarse),(pointer: none){button{zoom:1.5}}.button-container{display:flex;flex-direction:column;gap:.25rem}.button-container button{width:100%;min-width:10rem;padding:.25rem}.button-container button:first-child{border-radius:1rem 1rem 0 0}.button-container button:last-child{border-radius:0 0 1rem 1rem}.button-container button:only-child{border-radius:1rem}div.Viewport{width:100%;height:100%}.Viewport{position:relative;overflow:hidden}.Viewport canvas{position:absolute;top:0;left:0;width:100%;height:100%;touch-action:none}.Menubar{position:absolute;bottom:0;left:0;width:100%;padding:1rem;background:#ffffffbf;display:flex;align-items:center;gap:.5rem}.Menubar>div{flex:1;display:flex;gap:.5rem;align-items:center}.Menubar .stat{display:flex;align-items:center;gap:.25rem;font-weight:700}.Menubar img{width:1.5rem;height:1.5rem;aspect-ratio:1}.Menubar>:first-child{justify-content:flex-start}.Menubar>:last-child{justify-content:flex-end}.Menubar>:not(:first-child):not(:last-child){justify-content:center}.fade-out{animation:fadeOut 2s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}75%{opacity:1}to{opacity:0}}.SweepedDialog{display:flex;flex-direction:column;gap:2rem}.SweepedDialog h1{margin:0}.SweepedDialog .subtext{color:gray}.SweepedDialog>div{display:flex;flex-direction:column;align-items:center}.SweepedDialog .score{font-weight:700}.SweepedDialog .share-buttons{display:flex;gap:.25rem;margin-top:.25rem}.SweepedDialog .share-buttons>*{cursor:pointer;transition:.1s ease-in-out}.SweepedDialog .share-buttons>*:hover{transform:scale(1.1)}.Dialog{position:absolute;left:50%;top:0%;transform:translate(-50%,-100%);z-index:1000;background:#fffffff2;padding:1rem;border-radius:.5rem}.Dialog h2.Header{margin-top:0}.Dialog.visible{animation:slideIn .25s ease-in-out forwards}.Dialog.hidden{animation:slideIn .25s ease-in-out reverse forwards}.Dialog.hidden-initial{animation:slideIn 0ms ease-in-out reverse forwards}@keyframes slideIn{0%{top:0%;transform:translate(-50%,-100%)}to{top:50%;transform:translate(-50%,-50%)}}.Menu{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background-color:#4ac0fd;position:relative}.Menu h1{margin:0}.Menu .table{background:#ffffffbf;padding:1rem;border-radius:1rem;margin:0 1rem}.Menu>:not(canvas){z-index:2}.MainMenu h1 img{width:1.5rem}.MainMenu .account{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem}.MainMenu .account .signed-out-label{color:#8b0000}.MainMenu .links{display:flex;gap:.5rem;position:absolute;bottom:1rem;left:1rem}canvas{position:absolute;top:0;left:0;width:100%;height:100%}.Scoreboard h1{margin:0}.Scoreboard .table{display:flex;flex-direction:row;gap:2rem}.Scoreboard .table .header{text-align:center;font-weight:700}.Scoreboard .table tr>td:last-child{text-align:right}.ed-form{display:grid;grid-template-columns:repeat(2,auto);gap:1rem;align-items:center}.ed-form span{font-weight:700}input[type=text],textarea{padding:.25rem .5rem;border:1px solid #ccc;border-radius:1rem}.Changelog .changes{display:flex;flex-direction:column;min-width:24rem;max-height:80vh;overflow-y:auto}.Changelog .changes summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.Changelog .changes summary:hover{font-weight:700}.Changelog .changes ul{margin:0}