[data-astro-cid-lcdefpme]{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d1117;--card-bg:#161b22;--accent:#f6821f;--accent-glow:#f6821f4d;--text:#e6edf3;--text-secondary:#8b949e;--success:#3fb950;--border:#30363d;--error:#f85149;--grid-line:#1e2430}html,body{touch-action:none;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:flex}.header[data-astro-cid-lcdefpme]{background:var(--card-bg);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.header-title[data-astro-cid-lcdefpme]{align-items:center;gap:10px;display:flex}.header-title[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme]{background:linear-gradient(135deg, var(--text) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;background-clip:text;font-size:16px;font-weight:600}.accent-bar[data-astro-cid-lcdefpme]{background:var(--accent);border-radius:2px;width:3px;height:20px}.status-indicator[data-astro-cid-lcdefpme]{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.status-dot[data-astro-cid-lcdefpme]{background:var(--text-secondary);border-radius:50%;width:10px;height:10px;transition:all .3s}.status-dot[data-astro-cid-lcdefpme].connected{background:var(--success);box-shadow:0 0 10px var(--success)}.status-dot[data-astro-cid-lcdefpme].connecting{background:var(--accent);animation:1.5s ease-in-out infinite pulse}.status-dot[data-astro-cid-lcdefpme].error{background:var(--error)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.nickname-bar[data-astro-cid-lcdefpme]{background:var(--card-bg);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.nickname-label[data-astro-cid-lcdefpme]{color:var(--text-secondary);flex-shrink:0;font-size:12px}.nickname-input[data-astro-cid-lcdefpme]{background:var(--bg);border:1px solid var(--border);max-width:200px;color:var(--text);border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:14px;transition:border-color .2s}.nickname-input[data-astro-cid-lcdefpme]:focus{border-color:var(--accent)}.canvas-container[data-astro-cid-lcdefpme]{flex:1;justify-content:center;align-items:center;padding:16px;display:flex;overflow:hidden}#pixel-canvas[data-astro-cid-lcdefpme]{background:var(--bg);touch-action:none;cursor:crosshair;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:8px}.color-picker[data-astro-cid-lcdefpme]{background:var(--card-bg);border-top:1px solid var(--border);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.color-picker[data-astro-cid-lcdefpme]::-webkit-scrollbar{display:none}.color-picker-label[data-astro-cid-lcdefpme]{flex-shrink:0;font-size:16px}.color-swatch[data-astro-cid-lcdefpme]{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:28px;height:28px;transition:all .2s}.color-swatch[data-astro-cid-lcdefpme]:hover{transform:scale(1.1)}.color-swatch[data-astro-cid-lcdefpme].selected{border-color:var(--text);transform:scale(1.15);box-shadow:0 0 12px}.color-swatch[data-astro-cid-lcdefpme]:active{transform:scale(.95)}.stats-bar[data-astro-cid-lcdefpme]{background:var(--card-bg);border-top:1px solid var(--border);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;gap:16px;padding:10px 16px;font-size:13px;display:flex}.stat-item[data-astro-cid-lcdefpme]{align-items:center;gap:6px;display:flex}.stat-value[data-astro-cid-lcdefpme]{color:var(--text);font-weight:600}.isolate-dot[data-astro-cid-lcdefpme]{border-radius:50%;width:10px;height:10px;transition:background-color .3s}.isolate-0[data-astro-cid-lcdefpme]{background:#f6821f}.isolate-1[data-astro-cid-lcdefpme]{background:#3fb950}.isolate-2[data-astro-cid-lcdefpme]{background:#8884d8}.isolate-3[data-astro-cid-lcdefpme]{background:#82ca9d}.isolate-4[data-astro-cid-lcdefpme]{background:#ffc658}.isolate-5[data-astro-cid-lcdefpme]{background:#ff8080}.isolate-6[data-astro-cid-lcdefpme]{background:#80c8ff}.isolate-7[data-astro-cid-lcdefpme]{background:#c880ff}@media (width>=768px){.header[data-astro-cid-lcdefpme]{padding:14px 24px}.header-title[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme]{font-size:20px}.nickname-bar[data-astro-cid-lcdefpme]{padding:12px 24px}.canvas-container[data-astro-cid-lcdefpme]{padding:24px}.color-picker[data-astro-cid-lcdefpme]{flex-wrap:wrap;justify-content:center;gap:12px;padding:16px 24px;overflow-x:visible}.color-swatch[data-astro-cid-lcdefpme]{width:36px;height:36px}.stats-bar[data-astro-cid-lcdefpme]{gap:24px;padding:12px 24px;font-size:14px}}.loading-overlay[data-astro-cid-lcdefpme]{z-index:1000;opacity:1;background:#0d1117e6;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.loading-overlay[data-astro-cid-lcdefpme].hidden{opacity:0;pointer-events:none}.loading-spinner[data-astro-cid-lcdefpme]{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.online-bar[data-astro-cid-lcdefpme]{background:var(--card-bg);border-bottom:1px solid var(--border);scrollbar-width:none;flex-shrink:0;align-items:center;gap:8px;padding:6px 16px;font-size:12px;display:flex;overflow-x:auto}.online-bar[data-astro-cid-lcdefpme]::-webkit-scrollbar{display:none}.online-dot[data-astro-cid-lcdefpme]{background:var(--success);width:8px;height:8px;box-shadow:0 0 6px var(--success);border-radius:50%;flex-shrink:0}.online-text[data-astro-cid-lcdefpme]{color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.online-names[data-astro-cid-lcdefpme]{gap:6px;display:flex;overflow-x:auto}.online-name[data-astro-cid-lcdefpme]{color:var(--success);white-space:nowrap;background:#3fb95026;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.online-name[data-astro-cid-lcdefpme].online-me{color:var(--accent);background:#f6821f33}.leaderboard-toggle[data-astro-cid-lcdefpme]{background:var(--card-bg);border-top:1px solid var(--border);color:var(--accent);cursor:pointer;text-align:center;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600}.leaderboard-panel[data-astro-cid-lcdefpme]{background:var(--card-bg);border-top:1px solid var(--border);flex-shrink:0;max-height:180px;transition:max-height .3s;overflow-y:auto}.leaderboard-panel[data-astro-cid-lcdefpme].hidden{border-top:none;max-height:0;overflow:hidden}.leaderboard-list[data-astro-cid-lcdefpme]{padding:8px 16px}.leaderboard-row[data-astro-cid-lcdefpme]{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.leaderboard-row[data-astro-cid-lcdefpme]:last-child{border-bottom:none}.leaderboard-rank[data-astro-cid-lcdefpme]{text-align:center;width:24px;color:var(--accent);font-weight:700}.leaderboard-rank[data-astro-cid-lcdefpme].gold{color:gold}.leaderboard-rank[data-astro-cid-lcdefpme].silver{color:silver}.leaderboard-rank[data-astro-cid-lcdefpme].bronze{color:#cd7f32}.leaderboard-name[data-astro-cid-lcdefpme]{color:var(--text);flex:1;font-weight:500}.leaderboard-count[data-astro-cid-lcdefpme]{color:var(--text-secondary);font-size:12px}.lb-colors[data-astro-cid-lcdefpme]{align-items:center;gap:3px;display:flex}.lb-color-dot[data-astro-cid-lcdefpme]{border:1px solid #ffffff26;border-radius:50%;width:10px;height:10px;display:inline-block}.color-swatch[data-astro-cid-lcdefpme].custom-color{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative;overflow:hidden}.color-swatch[data-astro-cid-lcdefpme].custom-color.has-color{background:var(--custom-bg)}#custom-color-input[data-astro-cid-lcdefpme]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;top:0;left:0}.mute-btn[data-astro-cid-lcdefpme]{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:18px;transition:background .2s}.mute-btn[data-astro-cid-lcdefpme]:hover{background:var(--border)}.undo-btn[data-astro-cid-lcdefpme]{background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.undo-btn[data-astro-cid-lcdefpme]:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.undo-btn[data-astro-cid-lcdefpme]:disabled{opacity:.5;cursor:not-allowed}.toast-container[data-astro-cid-lcdefpme]{z-index:2000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:60px;left:50%;transform:translate(-50%)}.toast[data-astro-cid-lcdefpme]{border:1px solid var(--border);color:var(--text);background:#161b22f2;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;animation:.3s toast-slide-in;display:flex;box-shadow:0 4px 12px #0000004d}.toast[data-astro-cid-lcdefpme].removing{animation:.2s forwards toast-slide-out}.toast-color-dot[data-astro-cid-lcdefpme]{border-radius:50%;flex-shrink:0;width:12px;height:12px}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.action-btn[data-astro-cid-lcdefpme]{background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:13px;transition:all .2s}.action-btn[data-astro-cid-lcdefpme]:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.action-btn[data-astro-cid-lcdefpme]:disabled{opacity:.5;cursor:not-allowed}.action-btn[data-astro-cid-lcdefpme].success{border-color:var(--success);color:var(--success)}.stats-actions[data-astro-cid-lcdefpme]{align-items:center;gap:8px;display:flex}.replay-progress[data-astro-cid-lcdefpme]{color:var(--accent);font-size:11px}.header-controls[data-astro-cid-lcdefpme]{align-items:center;gap:8px;display:flex}