.game-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--secondary-bg);border-radius:var(--border-radius);margin-bottom:12px}.round-info{display:flex;gap:12px;align-items:center}.timer{font-size:24px;font-weight:700;color:var(--button-color);min-width:40px;text-align:center}.timer.warning{color:var(--warning-color)}.timer.danger{color:var(--danger-color);animation:pulse .5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.prompt-display{font-size:16px}.prompt-display strong{color:var(--button-color)}.canvas-container{display:flex;gap:8px;flex:1;min-height:0}.canvas-wrapper{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow)}.canvas-wrapper.my-canvas{flex:1.5}.canvas-wrapper.opponent-canvas{flex:1;opacity:.9}.canvas-label{padding:8px;text-align:center;font-size:12px;font-weight:600;background:var(--secondary-bg)}canvas{width:100%;height:100%;touch-action:none;background:var(--canvas-bg)}.toolbar{display:flex;align-items:center;gap:12px;padding:12px;background:var(--toolbar-bg);border-radius:var(--border-radius);margin-top:12px}.color-picker{display:flex;gap:4px;flex-wrap:wrap}.color-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s}.color-btn.active{border-color:var(--text-color);transform:scale(1.1)}.brush-size{flex:1}.brush-size input[type=range]{width:100%;accent-color:var(--button-color)}.tools{display:flex;gap:4px}.tool-btn{width:40px;height:40px;padding:8px;font-size:18px;background:var(--secondary-bg)}.tool-btn.active{background:var(--button-color)}.sync-status{position:fixed;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px 12px;background:#000000b3;color:#fff;border-radius:20px;font-size:12px;opacity:0;transition:opacity .3s}.sync-status.visible{opacity:1}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success-color)}.sync-status.syncing .status-dot{background:var(--warning-color);animation:blink .5s infinite}.sync-status.error .status-dot{background:var(--danger-color)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:480px){.canvas-container{flex-direction:column}.canvas-wrapper.my-canvas,.canvas-wrapper.opponent-canvas{flex:none;height:40vh}.canvas-wrapper.opponent-canvas{height:25vh}}