.main-screen{display:flex;flex-direction:column;justify-content:space-between;width:100vw;height:100vh}.top{background-color:var(--color-blackdark)}.center{display:flex;flex:1;height:calc(100vh - 124px);justify-content:center;align-items:center}.center .side{width:300px;height:100%}.center .main{flex:1;height:100%}.bottom{height:84px;flex-shrink:0;background-color:var(--color-blackdark)}.chat-line{display:flex;align-items:flex-start;flex-direction:column;margin-bottom:8px}.chat-line .chat-username{font-size:20px}.chat-line .chat-message{display:flex;flex-wrap:wrap;padding-left:6px;white-space:break-spaces;color:var(--color-blackdark);font-size:20px}.chat-line .chat-emote{display:block;width:20px}.counter{position:relative}.counter svg{display:block;height:48px}.counter svg:last-child{position:absolute;top:0;left:0}.counter .bar{position:absolute;left:6px;top:0;right:6px;bottom:6px;width:240px}.counter .bar .length{position:absolute;left:0;top:0;height:100%;background:var(--color-yellowlight);box-shadow:inset 0 14px 0 0 var(--color-yellowdark)}.header{height:32px;cursor:grab;-webkit-user-select:none;user-select:none}.free-window{position:absolute;overflow:hidden;resize:none}.header{height:16px;cursor:grab;-webkit-user-select:none;user-select:none}.header:active{cursor:grabbing}.content{padding:0 16px 16px}.resize-handle{position:absolute;width:24px;height:24px;cursor:se-resize}.resize-handle.bottom-right{bottom:0;right:0}@font-face{font-family:BoutiqueBitmap;src:url(../fonts/BoutiqueBitmap9x9.ttf)}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;font-family:BoutiqueBitmap,sans-serif;background-color:var(--color-blackdark);color:var(--color-blackdark)}button{border:none;background:none;padding:6px 12px;cursor:pointer;outline:6px solid var(--color-blackdark);font-family:BoutiqueBitmap,sans-serif;background-color:var(--color-yellowlight);border-bottom:6px solid var(--color-yellowdark);text-transform:uppercase;font-weight:900;font-size:20px;white-space:nowrap}button.small{outline:6px solid var(--color-blackdark);padding:4px 8px;font-size:16px}button.xs{outline:3px solid var(--color-blackdark);padding:0;font-size:12px}button.dark{outline:6px solid var(--color-whitelight)}input[type=text],input[type=time]{border:none;min-width:100px;background:none;padding:6px 12px;cursor:pointer;outline:6px solid var(--color-blackdark);font-family:BoutiqueBitmap,sans-serif;background-color:var(--color-whitelight);border-top:6px solid var(--color-whitedark);color:var(--color-blackdark);font-weight:900;font-size:20px;white-space:nowrap}input[type=text].dark,input[type=time].dark{outline:6px solid var(--color-whitelight);border-color:var(--color-blacklight);background-color:var(--color-blackdark);color:var(--color-whitelight)}button:active{margin-bottom:6px;transform:translateY(6px);border-bottom:0px solid var(--color-yellowdark)}input+button{margin-left:-2px}a{text-decoration:none}h1{font-size:32px;margin:0;padding:0}p,span{font-size:20px}