@media (max-width: 640px){.mobile-hidden{display:none!important}}@media (min-width: 641px){.desktop-hidden{display:none!important}}@media (max-width: 640px){button{min-height:44px;min-width:44px}}@media (max-width: 640px){input,select,textarea{font-size:16px!important}}#hud.svelte-1211a7w.svelte-1211a7w{position:fixed;top:20px;left:20px;pointer-events:none;z-index:10}#hud.svelte-1211a7w>*{pointer-events:auto}#current-player.svelte-1211a7w.svelte-1211a7w{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;margin-bottom:12px;background:#0009;padding:10px 16px;border-radius:8px;backdrop-filter:blur(10px);border:2px solid transparent}#current-player.opponent-turn.svelte-1211a7w.svelte-1211a7w{border-color:#ffa500b3;color:#fff9}.stone-indicator.svelte-1211a7w.svelte-1211a7w{width:24px;height:24px;border-radius:50%;display:inline-block;border:2px solid rgba(255,255,255,.3)}.stone-indicator.black.svelte-1211a7w.svelte-1211a7w{background:#1a1a1a}.stone-indicator.white.svelte-1211a7w.svelte-1211a7w{background:#f0f0f0}#captures.svelte-1211a7w.svelte-1211a7w{font-size:14px;background:#0009;padding:10px 16px;border-radius:8px;backdrop-filter:blur(10px);margin-bottom:12px}#captures.svelte-1211a7w .capture-row.svelte-1211a7w{display:flex;align-items:center;gap:8px;margin:4px 0}.capture-dot.svelte-1211a7w.svelte-1211a7w{width:12px;height:12px;border-radius:50%;display:inline-block}.capture-dot.black.svelte-1211a7w.svelte-1211a7w{background:#1a1a1a;border:1px solid rgba(255,255,255,.3)}.capture-dot.white.svelte-1211a7w.svelte-1211a7w{background:#f0f0f0}.capture-pips.svelte-1211a7w.svelte-1211a7w{display:flex;gap:3px}.capture-pip.svelte-1211a7w.svelte-1211a7w{width:8px;height:8px;border-radius:50%;background:#ffffff26;transition:background .3s}.capture-pip.filled.svelte-1211a7w.svelte-1211a7w{background:#e74c3c}#win-message.svelte-1211a7w.svelte-1211a7w{font-size:22px;font-weight:700;background:#000c;padding:16px 20px;border-radius:8px;backdrop-filter:blur(10px);text-align:center;margin-bottom:12px;border:2px solid #e74c3c}.btn.svelte-1211a7w.svelte-1211a7w{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;margin-right:8px;transition:background .2s}.btn.svelte-1211a7w.svelte-1211a7w:hover{background:#fff3}#buttons.svelte-1211a7w.svelte-1211a7w{display:flex;gap:8px}@media (max-width: 640px){#current-player.svelte-1211a7w.svelte-1211a7w{font-size:16px;padding:8px 12px;margin-bottom:8px;gap:8px}.stone-indicator.svelte-1211a7w.svelte-1211a7w{width:18px;height:18px}#captures.svelte-1211a7w.svelte-1211a7w{font-size:12px;padding:8px 12px;margin-bottom:8px}.capture-pip.svelte-1211a7w.svelte-1211a7w{width:6px;height:6px}#win-message.svelte-1211a7w.svelte-1211a7w{font-size:18px;padding:12px 16px}}.menu-btn.svelte-1niy9ps{position:fixed;top:20px;right:20px;z-index:11;background:#0009;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.menu-btn.svelte-1niy9ps:hover{background:#000c}.connection-dot.svelte-1niy9ps{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:#4ade80;border:2px solid rgba(0,0,0,.6)}.room-badge.svelte-1fmzb4r{position:fixed;top:22px;right:68px;z-index:10;background:#0009;backdrop-filter:blur(10px);border:1px solid rgba(74,222,128,.3);border-radius:999px;padding:6px 12px;color:#fff;font-size:12px;display:flex;align-items:center;gap:6px;pointer-events:auto;cursor:pointer}.room-badge.svelte-1fmzb4r:hover{background:#000c}.connection-dot.svelte-1fmzb4r{width:7px;height:7px;border-radius:50%;background:#4ade80;flex-shrink:0}.room-code.svelte-1fmzb4r{font-family:monospace;letter-spacing:1.5px;font-weight:600}.sidebar-backdrop.svelte-1sx4i8e.svelte-1sx4i8e{position:fixed;inset:0;z-index:100;background:#00000080}.sidebar.svelte-1sx4i8e.svelte-1sx4i8e{position:fixed;top:0;right:0;width:280px;height:100%;z-index:101;background:#000000d9;backdrop-filter:blur(16px);border-left:1px solid rgba(255,255,255,.1);padding:16px;color:#fff;font-size:13px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.sidebar-header.svelte-1sx4i8e.svelte-1sx4i8e{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sidebar-title.svelte-1sx4i8e.svelte-1sx4i8e{font-weight:700;font-size:16px}.close-btn.svelte-1sx4i8e.svelte-1sx4i8e{background:none;border:none;color:#aaa;font-size:22px;cursor:pointer;padding:0 4px;line-height:1}.close-btn.svelte-1sx4i8e.svelte-1sx4i8e:hover{color:#fff}.section-header.svelte-1sx4i8e.svelte-1sx4i8e{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#7c8aff;font-weight:600;margin-top:12px;margin-bottom:4px}.section-header.svelte-1sx4i8e.svelte-1sx4i8e:first-of-type{margin-top:0}.btn.svelte-1sx4i8e.svelte-1sx4i8e{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-family:inherit;transition:background .15s;width:100%;text-align:center}.btn.svelte-1sx4i8e.svelte-1sx4i8e:hover:not(:disabled){background:#ffffff26}.btn.svelte-1sx4i8e.svelte-1sx4i8e:disabled{opacity:.45;cursor:not-allowed}.btn-primary.svelte-1sx4i8e.svelte-1sx4i8e{background:#7c8aff33;border-color:#7c8aff4d;font-weight:600}.btn-primary.svelte-1sx4i8e.svelte-1sx4i8e:hover:not(:disabled){background:#7c8aff4d}.btn-ghost.svelte-1sx4i8e.svelte-1sx4i8e{background:transparent;border-color:transparent;opacity:.7;font-size:12px}.btn-ghost.svelte-1sx4i8e.svelte-1sx4i8e:hover:not(:disabled){background:#ffffff14;opacity:1}.btn-danger.svelte-1sx4i8e.svelte-1sx4i8e{background:#ef444426;border-color:#ef444440;color:#f87171}.btn-danger.svelte-1sx4i8e.svelte-1sx4i8e:hover{background:#ef444440}.back-btn.svelte-1sx4i8e.svelte-1sx4i8e{width:auto;align-self:flex-start}.join-row.svelte-1sx4i8e.svelte-1sx4i8e{display:flex;gap:6px}.join-input.svelte-1sx4i8e.svelte-1sx4i8e{flex:1;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:6px 8px;color:#fff;font-size:13px;font-family:monospace;letter-spacing:1px;text-transform:uppercase}.join-row.svelte-1sx4i8e .btn.svelte-1sx4i8e{width:auto}.status-text.svelte-1sx4i8e.svelte-1sx4i8e{font-size:12px;color:#ffffffb3}.connected-info.svelte-1sx4i8e.svelte-1sx4i8e{background:#4ade801a;border:1px solid rgba(74,222,128,.25);border-radius:6px;padding:10px}.connected-status.svelte-1sx4i8e.svelte-1sx4i8e{display:flex;align-items:center;gap:6px;margin-bottom:6px}.connection-dot.svelte-1sx4i8e.svelte-1sx4i8e{width:7px;height:7px;border-radius:50%;background:#4ade80}.connected-text.svelte-1sx4i8e.svelte-1sx4i8e{font-size:11px;color:#4ade80}.room-code-display.svelte-1sx4i8e.svelte-1sx4i8e{font-family:monospace;font-size:20px;letter-spacing:3px;font-weight:700;text-align:center;margin-bottom:6px}.copy-buttons.svelte-1sx4i8e.svelte-1sx4i8e{display:flex;gap:6px}.copy-buttons.svelte-1sx4i8e .btn.svelte-1sx4i8e{width:auto;flex:1;font-size:11px;padding:5px 8px}.user-chip.svelte-1sx4i8e.svelte-1sx4i8e{display:flex;align-items:center;gap:8px;background:#ffffff0f;border-radius:6px;padding:8px 10px}.avatar.svelte-1sx4i8e.svelte-1sx4i8e{width:32px;height:32px;border-radius:50%;background:#7c8aff4d;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.user-name.svelte-1sx4i8e.svelte-1sx4i8e{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip.svelte-1sx4i8e .btn-ghost.svelte-1sx4i8e{width:auto;padding:2px 6px;font-size:11px}.auth-form.svelte-1sx4i8e.svelte-1sx4i8e{display:flex;flex-direction:column;gap:8px}.form-title.svelte-1sx4i8e.svelte-1sx4i8e{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.06em;margin:0}.form-actions.svelte-1sx4i8e.svelte-1sx4i8e{display:flex;gap:8px}.form-actions.svelte-1sx4i8e .btn.svelte-1sx4i8e{width:auto;flex:1}.field.svelte-1sx4i8e.svelte-1sx4i8e{display:flex;flex-direction:column;gap:4px}.field.svelte-1sx4i8e label.svelte-1sx4i8e{font-size:11px;color:#fff9;font-weight:500}.field.svelte-1sx4i8e input.svelte-1sx4i8e{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:13px;font-family:inherit;padding:7px 10px;outline:none;width:100%;box-sizing:border-box}.field.svelte-1sx4i8e input.svelte-1sx4i8e::placeholder{color:#ffffff4d}.field.svelte-1sx4i8e input.svelte-1sx4i8e:focus{border-color:#ffffff80;background:#ffffff1f}.field.svelte-1sx4i8e input.svelte-1sx4i8e:disabled{opacity:.5}.optional.svelte-1sx4i8e.svelte-1sx4i8e{opacity:.5;font-weight:400}.error-banner.svelte-1sx4i8e.svelte-1sx4i8e{background:#dc323240;border:1px solid rgba(220,50,50,.5);border-radius:6px;color:#fbb;font-size:12px;padding:6px 10px;margin:0}.spinner.svelte-1sx4i8e.svelte-1sx4i8e{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-1sx4i8e-spin .6s linear infinite;flex-shrink:0}@keyframes svelte-1sx4i8e-spin{to{transform:rotate(360deg)}}.env-label.svelte-1sx4i8e.svelte-1sx4i8e{font-size:12px;color:#aaa;margin-bottom:4px}.env-grid.svelte-1sx4i8e.svelte-1sx4i8e{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.env-grid.loading.svelte-1sx4i8e.svelte-1sx4i8e{opacity:.6;pointer-events:none}.env-cell.svelte-1sx4i8e.svelte-1sx4i8e{background:#ffffff0d;border:2px solid rgba(255,255,255,.15);border-radius:8px;padding:6px 4px;cursor:pointer;color:#fff;font-size:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;transition:border-color .2s}.env-cell.svelte-1sx4i8e.svelte-1sx4i8e:hover{border-color:#fff6}.env-cell.active.svelte-1sx4i8e.svelte-1sx4i8e{border-color:#7c8aff;background:#ffffff1a}.env-swatch.svelte-1sx4i8e.svelte-1sx4i8e{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}h3.svelte-1sx4i8e.svelte-1sx4i8e{font-size:13px;font-weight:700;margin:12px 0 4px;color:#ffffffe6}ul.svelte-1sx4i8e.svelte-1sx4i8e{padding-left:18px;margin:0 0 8px;font-size:12px;line-height:1.5}li.svelte-1sx4i8e.svelte-1sx4i8e{margin:4px 0}@media (max-width: 640px){.sidebar.svelte-1sx4i8e.svelte-1sx4i8e{width:100%;border-left:none}.field.svelte-1sx4i8e input.svelte-1sx4i8e{font-size:16px}}#app-root.svelte-m9gppr,#canvas-container.svelte-m9gppr{width:100%;height:100%}#info.svelte-m9gppr{position:fixed;bottom:20px;left:50%;transform:translate(-50%);font-size:13px;color:#ffffff80;text-align:center;pointer-events:none;z-index:10}