.browser-warning.svelte-1uha8ag{background:var(--surface);border:1px solid var(--warning);color:var(--warning);padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.9rem}.page.svelte-1uha8ag{max-width:40rem;margin:0 auto;padding:3rem 1.5rem;position:relative}.mqtt-dot.svelte-1uha8ag{position:absolute;top:1.5rem;right:1.5rem;width:.75rem;height:.75rem;border-radius:50%;background:var(--border)}.mqtt-dot.connected.svelte-1uha8ag{background:var(--success)}h1.svelte-1uha8ag{margin:0 0 .25rem}.workshop-link.svelte-1uha8ag{display:inline-block;margin-bottom:1rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;background:var(--accent);color:var(--bg);border-radius:.5rem;text-decoration:none}.workshop-link.svelte-1uha8ag:hover{opacity:.85}.subtitle.svelte-1uha8ag{color:var(--text-muted);margin:0 0 2rem}section.svelte-1uha8ag{margin-bottom:2rem}.section-label.svelte-1uha8ag{font-size:.9rem;color:var(--text-muted);margin:0 0 .5rem}.hint.svelte-1uha8ag{font-size:.8rem;color:var(--text-muted);margin:-.25rem 0 .5rem}.badge-count.svelte-1uha8ag{font-weight:400;color:var(--text-muted);font-size:.8rem}.code-block.svelte-1uha8ag{display:flex;gap:.5rem;align-items:stretch}pre.svelte-1uha8ag{flex:1;margin:0;padding:.75rem 1rem;background:var(--code-bg);border-radius:.5rem;overflow-x:auto;font-size:.85rem;line-height:1.5}form.svelte-1uha8ag{display:flex;gap:.5rem}input.svelte-1uha8ag{flex:1;padding:.6rem .75rem;font-size:1rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:.5rem}input.svelte-1uha8ag:focus{outline:none;border-color:var(--accent)}button.svelte-1uha8ag{padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;background:var(--accent);color:var(--bg);border:none;border-radius:.5rem;cursor:pointer;white-space:nowrap}button.svelte-1uha8ag:disabled{opacity:.5;cursor:not-allowed}.error.svelte-1uha8ag{color:var(--warning);margin-top:.75rem}.badges.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:.5rem}.badge-corral.svelte-1uha8ag{border:1px solid var(--border);border-radius:.75rem;padding:1rem}.badge.svelte-1uha8ag{background:var(--border);color:var(--text-muted);padding:.3rem .6rem;border-radius:.5rem;font-weight:700;display:inline-flex;align-items:center;gap:.3rem}.badge.badge-first.svelte-1uha8ag{background:var(--warning);color:var(--bg)}.badge.teaser.svelte-1uha8ag{filter:grayscale(.8)}.badge-symbol.svelte-1uha8ag{font-size:1.2rem}.badge-name.svelte-1uha8ag{font-size:.7rem}.status.svelte-1uha8ag{font-size:.85rem;color:var(--success);margin-top:.25rem}.peer-search-wrap.svelte-1uha8ag{position:relative}.peer-clear.svelte-1uha8ag{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;padding:.2rem;line-height:1}.peer-clear.svelte-1uha8ag:hover{color:var(--text)}.peer-search.svelte-1uha8ag{width:100%;padding:.5rem .75rem;font-size:.9rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:.5rem;box-sizing:border-box}.peer-search.svelte-1uha8ag:focus{outline:none;border-color:var(--accent)}.peer-dropdown.svelte-1uha8ag{position:absolute;top:100%;left:0;right:0;margin:0;background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 .5rem .5rem;z-index:10;max-height:16rem;overflow-y:auto}.peer-option.svelte-1uha8ag{padding:.4rem .75rem;font-size:.9rem;cursor:pointer;color:var(--text)}.peer-option.svelte-1uha8ag:hover{background:var(--border)}.peer-detail.svelte-1uha8ag{margin-top:.75rem;padding:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem}.peer-detail.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0 0 .5rem;font-size:1.1rem}.peer-game.svelte-1uha8ag{display:inline-block;margin-bottom:.5rem;padding:.35rem .75rem;font-size:.85rem;font-weight:600;color:var(--bg);background:var(--accent);border-radius:.4rem;text-decoration:none}.peer-game.svelte-1uha8ag:hover{opacity:.85}.peer-no-badges.svelte-1uha8ag{font-size:.8rem;color:var(--text-muted)}.my-rating.svelte-1uha8ag{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.my-rating.svelte-1uha8ag .ghosted:where(.svelte-1uha8ag){opacity:.35}.star-rating.svelte-1uha8ag{display:flex;align-items:center;gap:.2rem;margin:.4rem 0}.star-label.svelte-1uha8ag{font-size:.8rem;color:var(--text-muted);margin-right:.25rem}.star.svelte-1uha8ag{cursor:pointer;font-size:1.2rem;padding:0;line-height:1;opacity:.4;transition:opacity .1s}.star.active.svelte-1uha8ag{opacity:1}.star.preview.svelte-1uha8ag{opacity:.6}.star-avg.svelte-1uha8ag{font-size:.75rem;color:var(--text-muted);margin-left:.4rem}.guide-btn.svelte-1uha8ag{margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:.5rem;cursor:pointer}.guide-btn.svelte-1uha8ag:hover{border-color:var(--accent)}.leaderboard-link.svelte-1uha8ag{display:inline-block;margin-bottom:2rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:.5rem;text-decoration:none}.leaderboard-link.svelte-1uha8ag:hover{border-color:var(--accent)}.drawer-overlay.svelte-1uha8ag{position:fixed;inset:0;background:#00000080;z-index:100;display:flex;justify-content:flex-end}.drawer.svelte-1uha8ag{width:80vw;height:100%;background:var(--bg);overflow-y:auto;display:flex;flex-direction:column;animation:svelte-1uha8ag-slide-in .2s ease}@keyframes svelte-1uha8ag-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:1}.drawer-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0;font-size:1.25rem}.drawer-close.svelte-1uha8ag{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:.25rem}.drawer-close.svelte-1uha8ag:hover{color:var(--text)}.drawer-body.svelte-1uha8ag{padding:1.5rem}.guide-step.svelte-1uha8ag{margin-bottom:2rem}.guide-step.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0 0 .5rem;font-size:1rem}.guide-step.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0 0 .75rem;font-size:.9rem;color:var(--text-muted)}.guide-step.svelte-1uha8ag img:where(.svelte-1uha8ag){max-width:100%;border-radius:.5rem;border:1px solid var(--border)}