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