body{background-color:#fff;flex-direction:column;align-items:center;margin:0;padding:0;font-family:sans-serif;display:flex;overflow:hidden}#canvas-chat-unit{flex-direction:column;align-items:center;margin-top:20px;display:flex;box-shadow:0 0 20px #0000001a}#toolbar{color:#333;box-sizing:border-box;z-index:2000;background-color:#f0f0f0;border:1px solid #ccc;border-bottom:none;justify-content:space-between;align-items:center;width:940px;height:40px;padding:0 15px;display:flex}#title-container{gap:10px;font-size:16px;font-weight:700;display:flex}#player-count{color:#888;font-weight:400}#controls{align-items:center;gap:15px;display:flex}#timer-display{font-size:16px;font-weight:700}#timer-display.warning{color:#f44}#color-picker-container{align-items:center;display:flex;position:relative}#color-button{cursor:pointer;background-color:#000;border:2px solid #fff;width:24px;height:24px;box-shadow:0 0 3px #0000004d}#color-palette{z-index:3000;background:#000;border:1px solid #000;grid-template-rows:repeat(12,15px);grid-template-columns:15px 4px repeat(18,15px);gap:1px;padding:1px;display:grid;position:absolute;top:35px;right:0;box-shadow:3px 3px 10px #00000080}.palette-spacer{background-color:#f0f0f0;grid-area:1/2/span 12}.hidden{display:none!important}.color-cell{cursor:pointer;box-sizing:border-box;width:15px;height:15px}.color-cell:hover{z-index:10;outline:1px solid #fff}#canvas-wrapper{box-sizing:border-box;background-color:#ccc;border:1px solid #ccc;justify-content:center;align-items:center;width:940px;height:560px;display:flex;overflow:hidden}canvas{image-rendering:pixelated;background-color:#fff}