@font-face{font-family:DM Mono;src:url(DMMono-Regular.6be77187.ttf)}html{background:#4d8774;font-family:DM Mono,monospace}window-box{background:beige;border-top-left-radius:7px;border-top-right-radius:7px;display:block;overflow:hidden;box-shadow:6px 6px #000}window-box window-content{padding:1rem;display:block}window-box title-bar{color:#fff;flex-direction:row;justify-content:space-between;display:flex}window-box title-bar span{background:linear-gradient(45deg,#00f,#5757fa);flex-grow:1;padding:4px 4px 4px 6px;display:block}window-box title-bar close-btn{color:#fff;background:red;padding:4px 7px;display:block}#canvas-win window-content{flex-direction:column;align-items:center;gap:20px;max-width:min-content;display:flex}#info-text{text-align:center}main{flex-direction:column;align-items:center;gap:2rem;max-width:min(1080px,90%);margin:auto auto 25px;display:flex;transform:translateY(10px)}html,body{height:100%;margin:0}footer{background:#aaa;padding:5px;display:flex;position:sticky;top:100vh;overflow:scroll}footer a,footer #clock{color:unset;border:2px solid #000;border-color:#fff #000 #000 #fff;margin:3px;padding:2px;text-decoration:none;display:block}footer a:last-of-type{margin-right:6px}footer #current,footer #clock{background:#bababa;border:2px solid #fff;border-color:#000 #fff #fff #000}footer #clock{margin-left:auto}#canvas{grid-template-rows:repeat(10,30px);grid-template-columns:repeat(10,30px);display:grid}#canvas *{--c:grey;background:var(--c)}#canvas :hover{z-index:1;transform:scale(1.5)}#canvas:hover :not(:hover){filter:brightness(70%);transition:filter .25s ease-in-out}.network-error{min-height:42px}#canvas-win:has(.network-error) title-bar span{background:linear-gradient(45deg,gray,#b3b3b3)}img{width:min(350px,80vw)}