[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);flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:14px 16px;display:flex}.color-picker-label[data-astro-cid-lcdefpme]{margin-right:4px;font-size:16px}.color-swatch[data-astro-cid-lcdefpme]{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:32px;height:32px;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]{gap:14px;padding:16px 24px}.color-swatch[data-astro-cid-lcdefpme]{width:40px;height:40px}.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)}}