:root{--trystero-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--trystero-font-mono:"SF Mono", "Cascadia Code", "Fira Code", monospace;--trystero-font-size-base:.95rem;--trystero-font-size-sm:.85rem;--trystero-font-size-xs:.75rem;--trystero-font-size-lg:1.2rem;--trystero-font-size-xl:1.5rem;--trystero-bg:#1a1a2e;--trystero-bg-dark:#0f0f1e;--trystero-bg-panel:#16213e;--trystero-bg-input:#16213e;--trystero-border:#333;--trystero-border-hover:#1a4a7a;--trystero-text:#eee;--trystero-text-muted:#aaa;--trystero-text-dim:#666;--trystero-accent:#0f3460;--trystero-accent-hover:#1a4a7a;--trystero-danger:#e94560;--trystero-success:#4ade80;--trystero-warning:#ff9800;--trystero-gap:8px;--trystero-gap-sm:4px;--trystero-gap-lg:16px;--trystero-gap-xl:24px;--trystero-padding:12px;--trystero-padding-sm:8px;--trystero-padding-lg:20px;--trystero-radius:6px;--trystero-radius-lg:8px;--trystero-radius-pill:12px;--trystero-transition:.15s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--trystero-font-sans);font-size:var(--trystero-font-size-base);background:var(--trystero-bg);color:var(--trystero-text);height:100vh;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}.trystero-lobby{justify-content:center;align-items:center;gap:var(--trystero-gap-lg);flex-direction:column;height:100vh;display:flex}.trystero-lobby h2{font-size:var(--trystero-font-size-xl)}.trystero-lobby-row{gap:var(--trystero-gap);display:flex}.trystero-lobby-input{font-size:var(--trystero-font-size-lg);font-family:var(--trystero-font-mono);border:2px solid var(--trystero-border);border-radius:var(--trystero-radius-lg);background:var(--trystero-bg-input);color:var(--trystero-text);letter-spacing:2px;padding:12px 16px}.trystero-lobby-input:focus{border-color:var(--trystero-border-hover);outline:none}.trystero-lobby-btn{border-radius:var(--trystero-radius-lg);background:var(--trystero-accent);color:var(--trystero-text);cursor:pointer;transition:background var(--trystero-transition);border:none;padding:12px 24px;font-size:1rem}.trystero-lobby-btn:hover{background:var(--trystero-accent-hover)}.trystero-lobby-btn:disabled{opacity:.4;cursor:not-allowed}.trystero-lobby-btn--secondary{background:var(--trystero-bg-panel)}.trystero-game-host{flex-direction:column;height:100vh;display:flex}.trystero-game-header{padding:var(--trystero-padding) var(--trystero-padding-lg);background:var(--trystero-bg-panel);justify-content:space-between;align-items:center;display:flex}.trystero-leave-btn{border:1px solid var(--trystero-danger);border-radius:var(--trystero-radius);color:var(--trystero-danger);cursor:pointer;font-size:var(--trystero-font-size-sm);transition:background var(--trystero-transition);background:0 0;padding:6px 16px}.trystero-leave-btn:hover{background:#e945601a}.trystero-game-body{flex:1;display:flex}.trystero-game-sidebar{width:200px;padding:var(--trystero-gap-lg);background:var(--trystero-bg-panel);border-right:1px solid var(--trystero-border)}.trystero-game-main{flex-direction:column;flex:1;display:flex}.trystero-status{align-items:center;gap:var(--trystero-gap);font-size:var(--trystero-font-size-sm);display:flex}.trystero-status-dot{background:var(--trystero-danger);border-radius:50%;width:8px;height:8px}.trystero-status--connected .trystero-status-dot{background:var(--trystero-success)}.trystero-peer-list{gap:var(--trystero-gap);font-size:var(--trystero-font-size-sm);flex-direction:column;display:flex}.trystero-peer-list-self{color:var(--trystero-success)}.trystero-peer-list-empty{color:var(--trystero-text-dim);font-style:italic}.trystero-chat{padding:var(--trystero-gap-lg);flex-direction:column;flex:1;gap:12px;display:flex}.trystero-chat-messages{flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.trystero-chat-msg{border-radius:var(--trystero-radius-lg);background:var(--trystero-bg-panel);flex-direction:column;gap:2px;max-width:70%;padding:8px 12px;display:flex}.trystero-chat-msg--self{background:var(--trystero-accent);align-self:flex-end}.trystero-chat-msg-author{font-size:var(--trystero-font-size-xs);color:var(--trystero-text-dim)}.trystero-chat-msg-text{font-size:var(--trystero-font-size-base)}.trystero-chat-input-row{gap:var(--trystero-gap);display:flex}.trystero-chat-input{border:1px solid var(--trystero-border);border-radius:var(--trystero-radius-lg);background:var(--trystero-bg-panel);color:var(--trystero-text);font-size:var(--trystero-font-size-base);font-family:var(--trystero-font-sans);flex:1;padding:10px 14px}.trystero-chat-input:focus{border-color:var(--trystero-border-hover);outline:none}.trystero-chat-btn{border-radius:var(--trystero-radius-lg);background:var(--trystero-accent);color:var(--trystero-text);cursor:pointer;transition:background var(--trystero-transition);border:none;padding:10px 20px}.trystero-chat-btn:hover{background:var(--trystero-accent-hover)}.trystero-cursors{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0}.trystero-cursor-label{border-radius:var(--trystero-radius-pill);background:var(--label-color,var(--trystero-accent));color:#fff;font-size:var(--trystero-font-size-xs);font-family:var(--trystero-font-mono);align-items:center;gap:4px;padding:2px 8px;display:flex;position:fixed;top:0;left:0}.trystero-cursor-label-dot{background:#fff;border-radius:50%;width:8px;height:8px}.trystero-cursor-label--stale{opacity:.3}.trystero-btn{border:1px solid var(--trystero-border);border-radius:var(--trystero-radius);background:var(--trystero-bg-panel);color:var(--trystero-text);cursor:pointer;font-size:var(--trystero-font-size-sm);font-family:var(--trystero-font-sans);transition:background var(--trystero-transition);padding:8px 16px}.trystero-btn:hover{background:var(--trystero-accent-hover)}.trystero-btn:disabled{opacity:.4;cursor:not-allowed}.trystero-input{border:1px solid var(--trystero-border);border-radius:var(--trystero-radius);background:var(--trystero-bg-input);color:var(--trystero-text);font-size:var(--trystero-font-size-sm);font-family:var(--trystero-font-sans);padding:8px 12px}.trystero-input:focus{border-color:var(--trystero-border-hover);outline:none}.trystero-select{background:var(--trystero-bg-panel);color:var(--trystero-text);border:1px solid var(--trystero-border);font-family:var(--trystero-font-sans);border-radius:4px;padding:6px 10px}.trystero-panel{background:var(--trystero-bg-panel);padding:var(--trystero-padding);border-radius:var(--trystero-radius)}.trystero-label{font-size:var(--trystero-font-size-sm);color:var(--trystero-text-muted)}